:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;color:#1c1c1c;background:#fbfbfa}body{margin:0}.app{display:flex;flex-direction:column;height:100vh}.app-header{display:flex;align-items:baseline;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid #ddd}.app-header h1{font-size:1rem;margin:0}.package-name{font-size:.95rem;font-weight:600;color:#1c1c1c}.package-version{font-weight:400;color:#666}.panes{display:grid;grid-template-columns:18rem 1fr;flex:1;min-height:0}.pane{overflow:auto;padding:.75rem 1rem;border-right:1px solid #ddd}.pane-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.pane-header h2{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:#666;margin:0 0 .5rem}.tree,.tree ul{list-style:none;margin:0;padding:0}.tree-row{display:flex;align-items:center;gap:.25rem;border-radius:3px}.tree-row.selected{background:#e8eef7}.tree-label{flex:1;text-align:left;background:none;border:none;padding:.25rem;cursor:pointer;font:inherit}.tree-action{background:none;border:none;cursor:pointer;color:#888;padding:0 .25rem}.tree-action:hover{color:#1c1c1c}.empty{color:#888}.warning{color:#8a4b00;background:#fdf3e6;padding:.5rem;border-radius:3px}.pane-form label{display:block;margin-top:.9rem;font-weight:600}.pane-form input,.pane-form select,.pane-form textarea{display:block;width:100%;margin-top:.25rem;padding:.35rem;border:1px solid #ccc;border-radius:3px;font:inherit;box-sizing:border-box}.pane-form h3{margin:1.2rem 0 .4rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:#666}.help{color:#777;margin:.25rem 0 0;font-size:.85rem}.ancestor{margin-top:.4rem;font-size:.85rem;color:#555;background:#f3f3f1;border-radius:3px;padding:.4rem}.parameter-row{display:grid;grid-template-columns:8rem 10rem 1fr 2rem;gap:.4rem;align-items:start;margin-bottom:.4rem}.parameter-row input,.parameter-row select,.parameter-row textarea{margin-top:0}.screen-wrap{overflow:auto;flex:1;padding:0 1rem}.screen{padding:1rem;max-width:55rem}.domain-row{display:grid;grid-template-columns:10rem 12rem 1fr 2rem;gap:.4rem;align-items:start;margin-bottom:.4rem}.domain-row input,.domain-row textarea{padding:.35rem;border:1px solid #ccc;border-radius:3px;font:inherit;box-sizing:border-box;width:100%}.diagram svg{max-width:100%;height:auto}.tab-body h3{margin:1rem 0 .2rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:#666}.findings{list-style:none;margin:.4rem 0 0;padding:0}.findings li{margin-bottom:.35rem;line-height:1.4}.findings button{font:inherit;font-weight:600;background:#eee;border:none;border-radius:3px;padding:0 .3rem;cursor:pointer}.tab-body pre,.pane-diagram pre{background:#f3f3f1;padding:.5rem;border-radius:3px;overflow-x:auto;font-size:.85rem}.app-header button{font:inherit;padding:.3rem .6rem;border:1px solid #ccc;background:#fff;border-radius:3px;cursor:pointer}.spacer{margin-left:auto}.views{display:flex;gap:.25rem;padding:.4rem 1rem 0;border-bottom:1px solid #ddd}.views button{font:inherit;padding:.35rem .8rem;border:1px solid #ddd;border-bottom:none;background:#f3f3f1;border-radius:3px 3px 0 0;cursor:pointer;margin-bottom:-1px}.views button.active{background:#fbfbfa;color:#1c1c1c;font-weight:600}.file-error{margin:0;border-radius:0}.tree-toggle{width:1.1rem;flex:none;background:none;border:none;padding:0;color:#888;cursor:pointer;font-size:.8rem;line-height:1}.tree-toggle:hover{color:#1c1c1c}.tree-toggle-empty{cursor:default}.rule-count{min-width:1.4rem;text-align:center;font-size:.8rem;color:#666;background:#eee;border-radius:999px;padding:0 .35rem}.rule{border:1px solid #ddd;border-radius:3px;padding:.6rem .8rem .8rem;margin-bottom:.8rem;background:#fff}.rule-head{display:grid;grid-template-columns:9rem 16rem 1fr 2rem;gap:.4rem;align-items:center}.rule-head input[type=text],.rule-head input:not([type]),.rule-head select{padding:.3rem;border:1px solid #ccc;border-radius:3px;font:inherit;box-sizing:border-box;width:100%}.rule-state{display:flex;align-items:center;gap:.35rem;font-weight:400;color:#555;margin:0}.rule-state input{width:auto;margin:0}.rule>label{display:block;margin-top:.7rem;font-weight:600}.rule textarea,.rule select{display:block;width:100%;margin-top:.25rem;padding:.35rem;border:1px solid #ccc;border-radius:3px;font:inherit;box-sizing:border-box}.export-format{font:inherit;padding:.3rem;border:1px solid #ccc;border-radius:3px;background:#fff}.screen label{display:block;margin-top:.9rem;font-weight:600;max-width:28rem}.screen label input{display:block;width:100%;margin-top:.25rem;padding:.35rem;border:1px solid #ccc;border-radius:3px;font:inherit;box-sizing:border-box}.print-document{padding:1rem 2rem;max-width:55rem;margin:0 auto}.print-controls{display:flex;align-items:center;gap:1rem}.print-document table{border-collapse:collapse;margin:.5rem 0}.print-document th,.print-document td{border:1px solid #ddd;padding:.3rem .5rem;text-align:left;vertical-align:top}@media print{.print-controls{display:none}.print-document{padding:0;max-width:none}}