@charset "UTF-8";
:root{font-family:"Pretendard","Noto Sans KR",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#252331;background:#f6f7f9;--purple:#7152d9;--border:#e8e7ed;--muted:#7c7a8b;--violet:#8b70d2;--teal:#5aab9f;--blue:#6f9cde;--coral:#d68d91;--amber:#ccad6c;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,a:focus-visible{outline:3px solid #b49bea;outline-offset:3px}input:focus,textarea:focus{outline:2px solid #aa92e5;outline-offset:1px}button{border:0;background:transparent}a{color:inherit;text-decoration:none}svg{flex-shrink:0;vertical-align:middle}h1,h2,h3,p{margin:0}button svg{pointer-events:none}textarea{resize:vertical;line-height:1.8}button,input,textarea{min-width:0}.skip-link{position:fixed;top:-100px;left:20px;background:white;z-index:50;padding:12px}.skip-link:focus{top:12px}
.topbar{height:70px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:20px;padding:0 26px;position:relative;z-index:3}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.brand strong{font-size:21px;letter-spacing:-.7px}.brand-sub{font-size:13px;color:#8b7baa;border-left:1px solid var(--border);padding-left:11px;margin-left:1px}.brand-symbol{width:33px;height:33px;display:grid;place-items:center;background:#7556d6;color:white;font-size:23px;font-weight:650;position:relative;border-radius:10px;line-height:1}.brand-symbol>span{position:absolute;width:6px;height:6px;border-radius:50%;background:#c7b8f2;right:5px;bottom:4px;border:1.5px solid #7556d6}.prototype-tag{font-size:11px;color:#8b7ba8;padding:5px 8px;border-radius:5px;background:#f6f3fc;border:1px solid #eee8f8}.header-spacer,.summary-spacer,.toolbar-spacer,.rail-spacer{flex:1}.save-status{font-size:11px;color:#918e9e;display:flex;align-items:center;gap:6px;white-space:nowrap}.save-status i{width:5px;height:5px;background:#89b7a4;border-radius:50%}.save-status.storage-warning{color:#bc714a}.quiet{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:8px;color:#777183;white-space:nowrap}.quiet:hover{color:var(--purple);background:#f7f4fe;border-radius:7px}.outline{border:1px solid #e5e1ec;background:white;border-radius:7px;padding:9px 12px;color:#696277}.export-button{display:flex;align-items:center;gap:7px;padding:10px 12px;font-size:12px;border:1px solid #e3ddeb;background:white;border-radius:7px;color:#676075}.primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--purple);border:1px solid var(--purple);border-radius:8px;color:white;padding:11px 16px;font-size:13px;font-weight:600;white-space:nowrap;transition:background .15s}.primary:hover{background:#6244c6}.app-shell{display:flex;min-height:calc(100dvh - 70px)}.rail{width:85px;flex-shrink:0;background:#fff;border-right:1px solid var(--border);display:flex;align-items:center;flex-direction:column;padding:22px 9px 14px;gap:15px;position:sticky;top:0;height:calc(100dvh - 70px)}.rail-step{width:67px;padding:8px 2px;border-radius:10px;display:flex;align-items:center;flex-direction:column;gap:6px;color:#9894a3;position:relative;transition:background .15s}.rail-step>span:last-of-type{font-size:11px;letter-spacing:-.3px}.rail-icon{width:40px;height:37px;display:grid;place-items:center}.rail-step small{display:none}.rail-step:hover{background:#f7f5fb;color:#6f59a5}.rail-step.active{color:var(--purple);background:#f1ecfc;font-weight:650}.rail-step.active:before{content:"";position:absolute;left:-9px;top:20px;width:3px;height:31px;background:var(--purple);border-radius:0 4px 4px 0}.reference-link{font-size:10px;color:#9b95a8;padding:12px}.reference-link:hover{color:var(--purple)}.main{flex:1;min-width:0;outline:0}.view-map{height:calc(100dvh - 70px);display:flex;flex-direction:column;overflow:hidden}.page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:27px 31px 22px;background:#fff;border-bottom:1px solid var(--border);flex-shrink:0}.eyebrow{font-size:10px;letter-spacing:1.1px;color:#9a91b0;margin-bottom:9px;text-transform:uppercase}.eyebrow span{margin:0 10px;color:#ccc7d5}.page-head h1{font-size:25px;line-height:1.4;letter-spacing:-1px;font-weight:700}.page-head p{font-size:12px;color:#90899d;margin-top:6px;line-height:1.7}.page-actions{display:flex;gap:10px;align-items:center}.map-summary{display:flex;align-items:center;gap:20px;background:#fff;border-bottom:1px solid var(--border);padding:13px 31px;font-size:11px;color:#898292;flex-shrink:0}.map-summary b{color:#50485d;font-size:12px;margin-left:3px}.mode-tag{color:#8d76b3;font-size:10px;background:#f4f0fc;padding:4px 7px;border-radius:4px}.summary-separator{width:1px;height:14px;background:#ece9f0}.pending-dot:before,.approved-dot:before,.issue-dot:before{content:"";display:inline-block;width:5px;height:5px;background:#c5af7c;border-radius:50%;margin-right:6px}.approved-dot:before{background:#72af9d}.issue-dot:before{background:#d78d92}.source-proof{color:#889e93;display:flex;gap:4px;align-items:center}.unsaved-count{font-size:10px;color:#b38d55;background:#fff7e7;border-radius:3px;padding:3px 6px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 329px;flex:1;min-height:0}.workspace.hide-inspector{grid-template-columns:minmax(0,1fr)}.hide-inspector .inspector{display:none}.canvas-panel{min-width:0;display:flex;flex-direction:column;overflow:hidden;background:#f9f8fc}.canvas-toolbar{height:56px;flex-shrink:0;display:flex;align-items:center;gap:10px;padding:0 21px;border-bottom:1px solid #eae7f0;background:#fcfbfe}.map-search{height:32px;display:flex;gap:7px;align-items:center;padding:5px 9px;background:white;border:1px solid #e7e2ee;border-radius:6px;width:208px;color:#a29bac}.map-search input{font-size:11px;border:0;background:none;outline:0;width:100%;padding:0;line-height:1.6;color:#655d73}.map-search input::placeholder{color:#aaa3b4}.filter-button{font-size:11px;color:#9d94ab;padding:7px 10px;border-radius:5px;border:1px solid transparent}.filter-button:hover,.filter-button.on{border-color:#e0d5f5;color:#8363bc;background:#f2ebfc}.icon-button{width:30px;height:30px;display:inline-grid;place-items:center;color:#968da6;border-radius:6px}.icon-button:hover,.icon-button.on{background:#eee8f8;color:var(--purple)}.map-stage{position:relative;overflow:hidden;flex:1;min-height:230px;cursor:grab;background-color:#f9f8fc;background-image:radial-gradient(#e3dfed .8px,transparent .8px);background-size:18px 18px;touch-action:none}.map-stage.dragging{cursor:grabbing}.map-world{position:absolute;width:1035px;height:690px;transform-origin:0 0;user-select:none}.connections{position:absolute;inset:0;width:1035px;height:690px;overflow:visible}.connections path{stroke-width:2.2;fill:none;stroke-linecap:round;opacity:.8}.line-violet{stroke:#ac96dc}.line-teal{stroke:#92c5bc}.line-blue{stroke:#a1bee8}.line-coral{stroke:#ddb2b5}.line-amber{stroke:#dfca9f}.root-node{position:absolute;width:260px;min-height:143px;padding:18px 21px 16px;border-radius:15px;background:#7860bc;color:#fff;box-shadow:0 7px 24px #8064b025,0 0 0 5px #fff8}.root-eyebrow{font-size:10px;color:#ddd2f4;display:flex;justify-content:space-between}.root-eyebrow>span{font-size:9px;letter-spacing:1.5px;opacity:.65}.root-node h2{font-size:21px;line-height:1.5;letter-spacing:-.7px;margin:8px 0 4px;overflow-wrap:anywhere}.root-node p{font-size:11px;color:#e6ddf5;line-height:1.5}.root-node>div{display:flex;gap:9px;margin-top:12px;font-size:10px;color:#e9e1f5}.root-node>div>span{border:1px solid #ffffff28;border-radius:4px;padding:3px 6px;background:#ffffff09}.branch-node{position:absolute;width:294px;border-radius:12px;background:#fff;border:1px solid var(--node-border);box-shadow:0 4px 15px #2a124a05;--node:#9273d2;--node-light:#f4eefb;--node-border:#e7dbf6}.node-violet{--node:#9476d3;--node-light:#f2edf9;--node-border:#e5dcf3}.node-teal{--node:#68a99e;--node-light:#edf7f4;--node-border:#d8eee7}.node-blue{--node:#7c9fd6;--node-light:#eef4fc;--node-border:#dce8f7}.node-coral{--node:#c88891;--node-light:#fcf0f2;--node-border:#f1dce0}.node-amber{--node:#bc9e66;--node-light:#fbf6ec;--node-border:#efe5cd}.branch-head{width:100%;display:flex;gap:8px;align-items:center;padding:12px 13px;border-bottom:1px solid var(--node-border);border-radius:11px 11px 0 0;background:var(--node-light);color:var(--node);height:48px}.branch-head strong{font-size:14px;letter-spacing:-.4px;flex:1;text-align:left;color:#575063}.branch-mark{display:grid;place-items:center}.branch-count{background:#fff8;color:var(--node);font-size:10px;padding:2px 6px;line-height:1.5;border-radius:4px}.fold-icon{transform:rotate(90deg);display:inline-flex;transition:transform .2s}.fold-icon.folded{transform:rotate(0)}.branch-items{padding:7px 8px}.map-item{width:100%;display:flex;align-items:center;gap:9px;padding:8px 7px;border-radius:6px;min-height:48px;text-align:left;border:1px solid transparent}.map-item:hover{background:#f9f6fc}.map-item.selected{background:var(--node-light);border-color:var(--node-border);box-shadow:0 0 0 1px #fff inset}.map-item>svg{color:#c5bdcf;flex-shrink:0}.node-text{flex:1;min-width:0;display:block}.node-text strong{display:block;font-size:12px;font-weight:550;line-height:1.5;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.2px}.node-text small{display:block;font-size:9px;color:#a098ad;margin-top:2px;line-height:1.3}.node-text small span{font-size:9px}.status-dot{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#c1b6d2}.status-approved,.status-modified{background:#7eaf9d}.status-excluded{background:#bab7c4}.status-pending{background:#c7b68c}.node-warning{width:16px;height:16px;display:grid;place-items:center;border-radius:50%;background:#f5e1e3;color:#bd7c84;font-size:10px;font-weight:700}.draft-indicator{color:#ba9767}.branch-empty{font-size:11px;line-height:1.7;color:#aaa1b8;padding:16px 15px}.canvas-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 19px;font-size:10px;color:#a89eb6;background:#fcfbfe;border-top:1px solid #eae6f0;min-height:52px;flex-shrink:0}.canvas-bottom>span{display:flex;align-items:center;gap:5px}.hint-divider{margin:0 3px}.zoom-controls{display:flex;align-items:center;border:1px solid #e8e1f0;border-radius:6px;background:#fff;height:29px}.zoom-controls button{min-width:30px;height:27px;display:grid;place-items:center;font-size:17px;color:#a598b5}.zoom-controls button:hover{background:#f6f1fc}.zoom-controls>span{width:43px;text-align:center;font-size:10px;color:#97899f}.zoom-controls>i{height:13px;width:1px;background:#e9e2ee}.no-matches{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);background:white;border:1px solid #e5dced;color:#998baa;font-size:12px;padding:10px 15px;border-radius:8px;pointer-events:none;white-space:nowrap}.list-mode{overflow:auto;touch-action:auto;cursor:auto;background:#f8f6fc;padding:25px}.list-mode .map-world{position:relative;width:auto;height:auto;transform:none!important;user-select:auto;display:grid;grid-template-columns:1fr 1fr;gap:15px}.list-mode .connections{display:none}.list-mode .root-node{position:static;grid-column:1/-1;width:100%;margin-bottom:6px}.list-mode .branch-node{position:static!important;width:100%}.list-mode .branch-node .map-item{min-height:55px}.list-mode .node-text strong{font-size:13px}.list-mode .node-text small{font-size:10px}.list-mode .no-matches{position:relative;left:auto;bottom:auto;transform:none;text-align:center;margin-top:15px}.list-mode+.canvas-bottom>span{font-size:0}.list-mode+.canvas-bottom>span svg{display:none}
.inspector{background:#fff;border-left:1px solid var(--border);display:flex;flex-direction:column;min-height:0;overflow:hidden}.inspector-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #efecf3;height:56px;padding:0 19px;color:#8b8299;font-size:11px;flex-shrink:0}.inspector-scroll{padding:22px 20px;overflow:auto;min-height:0;flex:1;scrollbar-width:thin;scrollbar-color:#dfd9e7 transparent}.detail-meta{display:flex;align-items:center;justify-content:space-between;color:#a18fb6;font-size:10px;gap:8px}.decision-badge{font-size:10px;display:inline-block;padding:4px 6px;white-space:nowrap;border-radius:4px;line-height:1.2}.badge-pending{color:#b2996d;background:#fcf7eb}.badge-approved,.badge-modified{color:#6aab92;background:#eff8f3}.badge-excluded{color:#9790a3;background:#f4f1f7}.inspector h2{font-size:18px;line-height:1.6;letter-spacing:-.6px;margin-top:9px}.origin-label{font-size:10px;color:#b5aabb;margin-top:5px}.issue-callout{display:flex;gap:8px;margin:17px 0 21px;padding:12px 10px;background:#fcf3f4;border:1px solid #f2e0e3;border-radius:7px}.issue-callout>span{width:18px;height:18px;background:#eed3d8;color:#b77c88;display:grid;place-items:center;border-radius:50%;flex-shrink:0;font-size:11px;margin-top:1px}.issue-callout strong{font-size:11px;color:#b67884;line-height:1.6}.issue-callout p{font-size:11px;line-height:1.9;color:#a6868f;margin-top:5px}.detail-section{margin-top:25px}.detail-section h3{font-size:11px;color:#7e718d;letter-spacing:-.1px;margin-bottom:10px;display:flex;align-items:center;gap:6px}.detail-section h3>span{font-size:10px;color:#b7aabc}.checkpoint{font-size:12px;line-height:1.8;color:#7b6e87;padding:11px 12px;background:#f9f6fc;border-left:2px solid #c1a8e4;border-radius:0 5px 5px 0}.before-mini,.after-mini{padding:10px 12px;font-size:11px;line-height:1.9;background:#faf9fb;border-radius:6px;border:1px solid #eeeaf3;margin-top:8px}.after-mini{background:#f5f1fc;border-color:#e9dff6}.before-mini>span,.after-mini>span{font-size:9px;color:#ac9bb9;display:block;margin-bottom:4px}.before-mini p{color:#9c8eaa}.after-mini p{color:#80649f}.evidence-card{border:1px solid #e9e3f0;border-radius:6px;margin-top:8px;overflow:hidden}.evidence-card summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:7px;padding:9px 10px;background:#fcfbfd}.evidence-card summary::-webkit-details-marker{display:none}.evidence-card summary code{font-family:inherit;font-size:9px;color:#a08bb7;background:#f1edf8;padding:2px 4px;border-radius:3px;white-space:nowrap}.evidence-card summary>span{flex:1;font-size:10px;color:#a095ac}.evidence-card summary>svg{transform:rotate(90deg);color:#c6bbd1}.evidence-card:not([open]) summary>svg{transform:rotate(0)}blockquote{margin:0}.evidence-card blockquote{font-size:11px;line-height:1.9;color:#8c7f98;padding:10px 11px;border-top:1px solid #f0eaf5;white-space:pre-wrap;overflow-wrap:anywhere}.empty-evidence{font-size:11px;line-height:1.9;color:#a294ad;padding:11px;background:#fcfaf8;border:1px dashed #ede6dc;border-radius:5px}.decision-options{display:grid;grid-template-columns:1fr 1fr;gap:6px}.decision-choice{border:1px solid #ebe5f1;border-radius:5px;padding:8px 5px;font-size:10px;color:#a090b0;display:flex;align-items:center;justify-content:center;gap:4px;min-height:32px}.decision-choice:hover:not(:disabled),.decision-choice.chosen{color:#9070b9;background:#f4eefb;border-color:#d9c7ed}.detail-label{display:block;font-size:10px;color:#a091b0;margin-top:14px;line-height:1.5}.detail-label>span{font-size:9px;margin-left:4px;color:#b6acbe}.detail-label>.required{color:#c1848a}.detail-label textarea,.comments-section>textarea{display:block;width:100%;border:1px solid #e8e1ed;background:#fdfcfe;border-radius:5px;padding:9px;font-size:11px;color:#8e7f9e;min-height:62px;margin-top:7px}.detail-label textarea::placeholder,.comments-section>textarea::placeholder{color:#c0b3cb}.proposed-text{font-size:12px;line-height:1.9;color:#8c7b9b}.saved-comment{display:flex;gap:8px;margin-bottom:12px}.comment-avatar{height:23px;width:23px;background:#f0e9f8;display:grid;place-items:center;color:#ab93c0;font-size:10px;border-radius:50%;flex-shrink:0}.saved-comment strong{font-size:10px;color:#a190ae}.saved-comment p{font-size:11px;color:#9d8ea9;line-height:1.8;white-space:pre-wrap}.field-error{color:#bc7d87;font-size:11px;line-height:1.7;margin-top:8px}.field-error:empty{display:none}.preservation-note{font-size:10px;color:#a7b6ab;display:flex;gap:5px;align-items:center;margin-top:21px}.inspector-bottom{padding:12px 18px 15px;border-top:1px solid #ede7f1;background:#fff;flex-shrink:0}.inspector-bottom p{color:#b2a4bf;font-size:9px;line-height:1.6;margin-bottom:8px}.inspector-bottom .primary{width:100%;font-size:11px;padding:9px 12px;gap:10px;justify-content:space-between}
.content-page{max-width:1430px;margin:auto;padding:0 34px 50px}.content-page>.page-head{padding:29px 0 26px;background:transparent;align-items:flex-start}.content-page .page-head h1{font-size:26px}.content-page .page-actions{margin-top:22px}.input-callout{display:flex;gap:12px;background:#f0ebfa;border:1px solid #e6ddf5;border-radius:9px;padding:17px 20px;color:#b29dc9;margin-top:25px}.input-callout strong{display:block;font-size:13px;color:#856da4;margin-bottom:4px}.input-callout span{font-size:11px;line-height:1.8;color:#a08cae}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}.section-heading h2{font-size:15px;letter-spacing:-.5px}.section-heading>span{font-size:10px;color:#aa9db4}.examples{margin-top:29px}.example-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.example-card{position:relative;padding:15px 18px 14px;border:1px solid #e8e0ef;background:#fff;border-radius:8px;text-align:left;transition:border-color .15s}.example-card:hover,.example-card.chosen{border-color:#bca4df;box-shadow:0 1px 6px #74569908}.example-card strong{font-size:12px;margin-left:8px;color:#8c779f}.example-card p{font-size:10px;color:#b19fbc;margin-top:8px}.example-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#a3c4b7;vertical-align:middle}.example-dot.conflict{background:#d1a3ad}.example-dot.missing{background:#d1bb92}.example-arrow{position:absolute;right:13px;top:16px;color:#c7bad3}.project-label{display:block;font-size:12px;font-weight:550;color:#9983ac;margin:28px 0 18px}.project-label input{display:block;width:100%;font-size:14px;line-height:1.7;color:#8e76a3;border:1px solid #e5ddeb;border-radius:7px;background:#fff;padding:11px 14px;margin-top:8px}.source-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.source-field{border:1px solid #e5dcea;border-radius:9px;background:#fff;padding:18px 19px}.source-heading{display:flex;justify-content:space-between;align-items:center}.source-heading h2{font-size:14px;letter-spacing:-.5px;color:#8b729f}.source-heading>span{font-size:10px;padding:4px 7px;background:#f4f0f9;color:#b297c7;border-radius:4px}.source-field>p{font-size:10px;color:#b6a3c1;margin-top:7px}.source-field textarea{width:100%;border:0;background:#fcfbfd;padding:13px 11px;font-size:12px;color:#9a81ab;margin-top:13px;min-height:215px;border:1px solid #f0eaf5;border-radius:5px;line-height:1.9}.source-field.small textarea{font-size:11px;min-height:165px}.field-foot{display:flex;justify-content:space-between;gap:6px;font-size:9px;color:#bfb0cb;margin-top:10px}.reference-input{margin-top:23px;border:1px solid #e6deec;border-radius:9px;background:#fff;overflow:hidden}.reference-input>summary{display:flex;align-items:center;padding:17px 19px;gap:14px;cursor:pointer;list-style:none;color:#9a82ac}.reference-input>summary::-webkit-details-marker{display:none}.reference-input>summary>span{display:flex;gap:7px;align-items:center;font-size:13px;font-weight:550}.reference-input>summary>small{flex:1;font-size:10px;color:#b6a3c2}.reference-input>summary>svg{transform:rotate(90deg);color:#bda8c9}.reference-input:not([open])>summary>svg{transform:rotate(0)}.reference-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;border-top:1px solid #eee8f3;padding:15px;background:#fdfbff}.reference-fields .source-field{padding:13px}.reference-fields h2{font-size:11px}.reference-fields .source-field textarea{padding:9px}.input-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:25px}.input-bottom p{font-size:11px;line-height:1.8;color:#ac98bb}.result-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:26px 0}.result-stats>div{background:white;border:1px solid #e7dfef;border-radius:8px;padding:19px 21px}.result-stats span{font-size:11px;color:#a791b8;display:block}.result-stats strong{font-size:29px;font-weight:600;color:#9e80b5;display:block;margin-top:11px}.result-stats small{font-size:11px;font-weight:400;margin-left:5px;opacity:.6}.result-stats .green{color:#91bda8}.result-stats .orange{color:#c8b387}.result-stats .red{color:#c999a3}.result-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:19px}.result-paper{border:1px solid #e4dcec;border-radius:9px;background:white;padding:23px}.result-paper .section-heading h2{color:#967cac}.small-tag{font-size:10px;color:#b59bc9;background:#f5effb;border:1px solid #efe5f7;border-radius:4px;padding:4px 7px;display:inline-block;white-space:nowrap}.muted{font-size:11px;color:#b9a4c8;line-height:1.8;margin-top:-5px;margin-bottom:16px}.requirement{padding:14px 0;border-bottom:1px solid #f1eaf6}.requirement>span{font-size:10px;color:#c5afd3}.requirement p{font-size:12px;line-height:1.9;color:#a58bb7;margin-top:6px;white-space:pre-wrap}.requirement.changed{border-radius:7px;background:#f6f1fc;padding:13px 12px;margin-top:7px}.requirement.changed p{color:#9a7eb1}.requirement small{font-size:10px;color:#b8a0cb;display:block;margin-top:7px}.remaining-item{width:100%;display:flex;gap:10px;text-align:left;align-items:center;padding:14px 4px;border-bottom:1px solid #f2ebf7}.remaining-item>div{flex:1}.remaining-item strong{display:block;font-size:12px;color:#a08ab3;font-weight:500;line-height:1.6}.remaining-item small{display:block;font-size:10px;color:#c5b0d2;margin-top:5px}.remaining-item>svg{color:#cbb7d8}.remaining-item:hover{background:#f9f4fe}.remaining-dot{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#cebb95}.remaining-dot.issue{background:#d2a3ae}.review-note{background:#fcf7f4;border:1px solid #f2e6de;border-radius:7px;padding:13px 14px;margin-top:22px;color:#ba9f9b}.review-note strong{font-size:11px;font-weight:550}.review-note p{font-size:10px;line-height:1.8;margin-top:5px;opacity:.85}.result-footer{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:25px}.result-footer>span{font-size:11px;color:#b29dc4}.unsaved-banner{padding:11px 15px;background:#fff8ea;border:1px solid #f0e0bd;font-size:11px;line-height:1.8;color:#bdac81;margin-top:20px;border-radius:6px}.comparison-caption{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:27px;padding:0 23px;font-size:10px;color:#baa2ce;letter-spacing:.3px}.comparison-row{border:1px solid #e5d9ee;border-radius:9px;background:#fff;margin-top:16px;overflow:hidden}.comparison-title{display:flex;align-items:center;gap:12px;padding:15px 20px;border-bottom:1px solid #eee5f5;background:#fdfaff}.comparison-title>span:first-child{font-size:11px;color:#b394ca}.comparison-title h2{font-size:13px;color:#aa88c0;flex:1;font-weight:550}.comparison-body{display:grid;grid-template-columns:1fr 1fr}.comparison-body>div{padding:18px 21px}.comparison-body>div:first-child{border-right:1px solid #eee5f5}.comparison-body span{font-size:9px;color:#c0a7d0;letter-spacing:1px}.comparison-body p{font-size:13px;line-height:1.9;color:#baa0c8;margin-top:7px;white-space:pre-wrap}.comparison-body .after-copy{background:#faf6fe}.comparison-body .after-copy p{color:#ae89c6}.comparison-evidence{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:10px 21px;border-top:1px solid #f1e8f7;font-size:10px;color:#c1a9d0}.acceptance{padding:12px 21px;border-top:1px solid #f1e8f7;font-size:11px;color:#ba9cce;display:flex;gap:13px}.acceptance strong{font-size:10px;white-space:nowrap}.acceptance p{line-height:1.8}.comparison-empty{background:white;border:1px solid #e8def0;border-radius:10px;text-align:center;padding:62px 25px;margin-top:16px}.empty-icon{display:inline-flex;align-items:center;justify-content:center;width:65px;height:65px;background:#f6effc;border-radius:17px;color:#bea0d2;margin-bottom:20px}.comparison-empty h2{font-size:20px;color:#b190c7;font-weight:550;letter-spacing:-.6px}.comparison-empty p{font-size:12px;line-height:2;color:#c2aad0;margin:12px 0 24px}.empty-note{font-size:12px;color:#c1a9cf;line-height:1.8;padding:20px 0}.next-note{padding:20px;display:flex;gap:15px;align-items:flex-start;border:1px dashed #e6d9f1;border-radius:8px;margin-top:28px;color:#b899ce}.next-note strong{font-size:12px;font-weight:500}.next-note p{font-size:11px;line-height:1.9;margin-top:6px;color:#c3afd2}
.modal-backdrop{position:fixed;inset:0;background:#33214850;backdrop-filter:blur(5px);z-index:20;display:flex;align-items:center;justify-content:center;padding:20px}.about-modal{width:620px;max-height:calc(100dvh - 40px);overflow:auto;border-radius:18px;background:#fff;padding:35px;position:relative;box-shadow:0 20px 80px #29183a20}.modal-close{position:absolute;right:17px;top:17px}.about-modal h2{font-size:27px;line-height:1.6;letter-spacing:-1px;color:#9774b4;margin-top:15px}.about-modal>p{font-size:13px;line-height:1.9;color:#ac95be;margin-top:13px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}.about-grid>div{padding:17px;background:#fbf7ff;border:1px solid #ede3f7;border-radius:9px}.about-grid span{font-size:10px;color:#bea3d0}.about-grid h3{font-size:14px;color:#aa8bbf;line-height:1.6;margin-top:6px}.about-grid p{font-size:11px;color:#b7a1c8;line-height:1.9;margin-top:8px}.about-limit{display:flex;gap:10px;padding:13px;background:#fbf8f3;border:1px solid #f0e8d9;border-radius:7px;color:#c3b29a;margin-bottom:23px}.about-limit p{font-size:11px;line-height:1.9;color:#bca5a1}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);background:#5f4877;color:#fff;border-radius:8px;font-size:12px;line-height:1.7;padding:11px 18px;box-shadow:0 8px 30px #57416d25;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:30;max-width:calc(100vw - 30px);text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}
/* Text keeps enough contrast at the smaller node scale. */
.node-text strong{color:#64596f}.node-text small{color:#91829d}.inspector h2{color:#55495e}.inspector .origin-label{color:#998aa3}.inspector .checkpoint{color:#776487}.inspector blockquote{color:#7e6c8d}.inspector .detail-label,.inspector .decision-section h3,.inspector .comments-section h3{color:#8a719f}.inspector textarea{color:#786088}.content-page h1{color:#443950}.content-page .source-field textarea{color:#7f658f}.content-page .source-heading h2{color:#765986}.content-page .requirement p{color:#866797}.content-page .remaining-item strong{color:#897097}.content-page .comparison-body p{color:#9a7daa}.content-page .comparison-body .after-copy p{color:#856194}.content-page .example-card strong{color:#846595}.content-page .project-label input{color:#7d628a}.content-page .comparison-title h2{color:#8c68a2}.content-page .about-modal p{color:#8e729e}
@media(min-width:1700px){.workspace{grid-template-columns:minmax(0,1fr) 365px}.inspector-scroll{padding:26px 25px}.node-text strong{font-size:13px}.node-text small{font-size:10px}.page-head{padding:29px 36px 23px}.map-summary{padding-left:36px;padding-right:36px}}
@media(max-width:1250px){.topbar{gap:12px;padding:0 17px}.save-status{display:none}.workspace{grid-template-columns:minmax(0,1fr) 302px}.page-head{padding:22px 23px 19px}.page-head h1{font-size:22px}.page-head p{font-size:11px}.map-summary{padding:11px 23px;gap:13px}.canvas-toolbar{padding:0 14px;gap:7px}.map-search{width:179px}.canvas-bottom{padding:10px 13px}.canvas-bottom>span{font-size:9px}.rail{width:75px}.rail-step{width:57px}.rail-step.active:before{left:-9px}.content-page{padding:0 26px 40px}.reference-fields{grid-template-columns:1fr}.source-field.small textarea{min-height:130px}.list-mode .map-world{grid-template-columns:1fr}.map-summary .source-proof{display:none}}
@media(max-width:950px){.brand-sub{display:none}.prototype-tag{display:none}.rail{width:68px;padding-left:7px;padding-right:7px}.rail-step{width:54px}.workspace{grid-template-columns:minmax(0,1fr) 278px}.inspector-scroll{padding:18px 16px}.page-actions>.quiet{display:none}.page-head h1{font-size:20px}.page-head{gap:12px;padding:19px 19px 16px}.map-summary{gap:11px;padding:11px 19px;font-size:10px}.map-summary b{font-size:11px}.map-summary .mode-tag{display:none}.summary-separator{display:none}.canvas-bottom>span{display:none}.canvas-bottom{justify-content:flex-end}.canvas-toolbar .map-search{flex:1;width:140px}.canvas-toolbar .filter-button{display:none}.content-page .page-head{flex-wrap:wrap}.content-page .page-actions{margin-top:0}.source-grid{grid-template-columns:1fr}.example-grid{gap:8px}.example-card{padding:13px}.example-card strong{font-size:11px}.example-card p{font-size:9px}.example-arrow{display:none}.result-grid{grid-template-columns:1fr}.result-stats{gap:10px}.result-stats>div{padding:15px}.result-stats strong{font-size:26px}.result-footer{align-items:flex-start}.input-bottom{align-items:flex-start}.input-bottom p{max-width:260px}}
@media(max-width:700px){.topbar{height:60px;padding:0 14px;gap:9px}.brand strong{font-size:18px}.brand-symbol{width:28px;height:28px;font-size:19px;border-radius:8px}.header-spacer{flex:1}.topbar .quiet{font-size:0;gap:0;padding:8px}.export-button{font-size:0;padding:8px}.app-shell{flex-direction:column;min-height:calc(100dvh - 60px)}.rail{width:100%;height:62px;padding:6px 12px;flex-direction:row;justify-content:space-around;position:relative;border-right:0;border-bottom:1px solid var(--border);gap:9px}.rail-step{flex:1;width:auto;gap:4px;padding:5px 7px;flex-direction:row;justify-content:center;border-radius:7px;max-width:130px}.rail-icon{width:22px;height:25px}.rail-icon>svg{width:19px;height:19px}.rail-step>span:last-of-type{font-size:10px}.rail-step.active:before{display:none}.rail-spacer,.reference-link{display:none}.view-map{height:auto;min-height:calc(100dvh - 122px);overflow:visible}.page-head{padding:18px 16px 16px;align-items:flex-start;gap:7px;flex-wrap:wrap}.page-head h1{font-size:20px}.page-head p{font-size:10px}.page-actions .primary{padding:8px 11px;font-size:10px}.eyebrow{font-size:8px;letter-spacing:.5px}.map-summary{gap:13px;padding:10px 16px;font-size:9px;flex-wrap:wrap}.map-summary .summary-spacer{display:none}.workspace{display:flex;flex-direction:column;flex:1;overflow:visible}.canvas-panel{height:520px;min-height:460px}.map-stage{min-height:350px}.canvas-toolbar{height:48px;padding:0 14px}.canvas-toolbar .filter-button{display:block;font-size:10px;white-space:nowrap}.canvas-bottom>span{display:flex;font-size:8px}.canvas-bottom{justify-content:space-between}.canvas-bottom .hint-divider{display:none}.inspector{height:620px;border-left:0;border-top:1px solid #e7dfef}.inspector-top{height:48px}.inspector-scroll{padding:19px 23px}.inspector h2{font-size:19px}.inspector .detail-section h3{font-size:12px}.inspector .checkpoint,.inspector blockquote,.inspector .issue-callout p,.inspector .before-mini,.inspector .after-mini{font-size:12px}.inspector textarea{font-size:12px}.inspector .decision-options{grid-template-columns:repeat(4,1fr)}.inspector .decision-choice{font-size:11px}.inspector-bottom{padding-left:23px;padding-right:23px}.inspector-bottom .primary{font-size:12px}.inspector-bottom p{font-size:10px}.canvas-panel:has(.list-mode){height:auto;min-height:400px}.list-mode{padding:20px;flex:initial}.list-mode .map-world{gap:14px}.content-page{padding:0 16px 35px}.content-page .page-head{padding-top:23px}.content-page .page-head h1{font-size:21px}.content-page .page-head p{font-size:11px}.content-page .page-actions{margin-top:10px}.content-page .page-actions .quiet{display:inline-flex;font-size:10px}.input-callout{margin-top:18px;padding:14px;gap:8px}.input-callout strong{font-size:12px}.input-callout span{font-size:10px}.example-grid{grid-template-columns:1fr}.example-card{padding:14px 15px}.example-card strong{font-size:12px}.example-card p{margin-left:15px;font-size:10px}.example-arrow{display:block;top:21px}.source-field{padding:16px}.source-field textarea{font-size:12px}.reference-fields{padding:12px}.reference-input>summary>small{font-size:8px}.reference-input>summary{gap:8px;padding:14px}.source-grid{gap:15px}.input-bottom{flex-direction:column;gap:13px}.input-bottom p{max-width:none;font-size:10px}.input-bottom .primary{width:100%}.result-stats{grid-template-columns:1fr 1fr;gap:10px}.result-stats>div{padding:17px}.result-paper{padding:19px}.result-paper .section-heading{align-items:flex-start}.result-paper .section-heading h2{font-size:14px}.result-footer{flex-direction:column}.result-footer .primary{width:100%}.comparison-caption{padding:0 13px;gap:10px}.comparison-title{padding:13px;gap:8px}.comparison-title h2{font-size:12px}.comparison-body>div{padding:15px 13px}.comparison-body p{font-size:12px}.comparison-evidence{padding:10px 13px;font-size:9px}.comparison-empty{padding:38px 18px}.comparison-empty h2{font-size:18px}.comparison-empty p{font-size:11px}.comparison-empty br{display:none}.next-note{flex-direction:column;padding:15px;gap:12px}.about-modal{padding:27px 23px}.about-modal h2{font-size:23px}.about-modal>p{font-size:12px}.about-grid{grid-template-columns:1fr}.about-modal>.primary{width:100%}}
.node-text strong{font-size:14px;line-height:1.5;color:#51475d;font-weight:550}.node-text small,.node-text small span{font-size:10px;color:#82758e}.branch-items{scrollbar-width:thin;scrollbar-color:var(--node-border) transparent;max-height:220px;overflow-y:auto;overscroll-behavior:contain}.node-blue .branch-items{max-height:165px}.node-coral .branch-items,.node-amber .branch-items{max-height:110px}.branch-head strong{font-size:15px;color:#51475d}.root-node h2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.page-head p,.eyebrow{color:#7e718e}.save-status,.map-summary{color:#807588}.map-summary b{color:#51445f}.canvas-bottom{color:#897993}.map-search input,.map-search input::placeholder,.filter-button{font-size:12px;color:#8c7b9b}.detail-meta,.origin-label{color:#8d789f}.inspector h2{color:#493c53}.detail-section h3,.inspector .detail-label{font-size:12px;color:#776186}.inspector .checkpoint,.inspector blockquote,.inspector .before-mini,.inspector .after-mini,.inspector .proposed-text{font-size:12px;color:#73607f}.decision-choice{font-size:11px;color:#8c739e}.detail-label textarea,.comments-section>textarea{font-size:12px;color:#73607f}.saved-comment p{font-size:12px;color:#806d8d}.issue-callout p{color:#9c6b76}.issue-callout strong{color:#a06170;font-size:12px}.inspector-bottom p{font-size:10px;color:#927b9e}.inspector-bottom .primary{font-size:12px}.source-field>p,.field-foot,.reference-input>summary>small,.section-heading>span,.example-card p,.muted,.origin-label,.result-footer>span,.input-bottom p{color:#8c769a}.content-page .requirement p,.content-page .comparison-body p{color:#755987;font-size:13px}.content-page .requirement>span,.requirement small,.remaining-item small,.comparison-evidence,.comparison-caption{color:#9478a5}.content-page .remaining-item strong{color:#765c87;font-size:13px}.source-heading h2,.source-field.small .source-heading h2{font-size:13px}.source-field.small textarea{font-size:12px;color:#7f648f}.example-card p{font-size:11px}.input-callout span{color:#8a709f;font-size:12px}.result-stats span{font-size:12px;color:#8c729e}.result-stats strong{color:#9c74b5}.comparison-title h2{color:#80618f}.comparison-empty h2{color:#8a67a0}.comparison-empty p,.next-note p,.about-modal>p,.about-grid p{color:#90769f}.about-modal h2{color:#78528f}.about-grid h3{color:#86629a}.about-limit p{color:#967c85}.input-stale-banner{flex-shrink:0;display:flex;align-items:center;gap:8px;justify-content:space-between;padding:10px 22px;background:#fff7e9;border-bottom:1px solid #f1e2c6;font-size:11px;color:#9f8562}.input-stale-banner button{font-size:11px;color:#9b7a50;text-decoration:underline}.content-page>.input-stale-banner{margin-top:18px;border:1px solid #f1e2c6;border-radius:6px;padding:12px 15px}.list-mode .branch-items{max-height:none}.list-mode .node-text strong{font-size:14px}.list-mode .node-text small,.list-mode .node-text small span{font-size:11px}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}