:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f8f5;--surface:#fff;--surface-strong:#fcfcfb;--border:#dfe4dc;--border-strong:#c7d0c4;--text:#20231f;--muted:#686f64;--muted-strong:#42483f;--green:#1f7a5f;--green-soft:#e7f4ee;--blue:#2f5d9b;--blue-soft:#e8eff8;--amber:#b86716;--amber-soft:#fff2dc;--red:#b42318;--red-soft:#ffebe8;--purple:#6b4ea3;--purple-soft:#f0ebfa;--shadow:0 16px 40px #1b201814;--radius:8px;font-family:Inter,Aptos,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default}input,select,textarea{border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);background:#fff;outline:none;min-height:38px;padding:9px 10px;transition:border-color .14s,box-shadow .14s}textarea{resize:vertical;min-height:88px;line-height:1.45}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #1f7a5f24}code{color:var(--muted-strong);background:#eef1eb;border-radius:6px;padding:2px 5px}.app{min-height:100vh}.topbar{z-index:10;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7f8f5f0;grid-template-columns:minmax(190px,1fr) auto;align-items:center;gap:18px;padding:12px 20px;display:grid;position:sticky;top:0}.brand-lockup,.node-title-block,.section-title,.rail-title,.save-state,.icon-text-button,.primary-button,.completion-badge,.rail-alerts span{align-items:center;display:flex}.brand-lockup{gap:10px;min-width:0}.brand-mark{border-radius:var(--radius);border:1px solid var(--border-strong);width:42px;height:42px;color:var(--green);background:#eef4ef;flex:none;place-items:center;display:grid}.eyebrow{color:var(--muted);letter-spacing:0;text-transform:uppercase;margin:0 0 2px;font-size:.72rem;font-weight:800}h1,h2,h3,p{margin-top:0}.topbar h1{margin:0;font-size:1.02rem;line-height:1.1}.project-header{border-bottom:1px solid var(--border);background:#fff}.project-title-area{gap:6px;width:min(100%,1540px);min-width:0;margin:0 auto;padding:18px 20px 16px;display:grid}.editable-project-field{border-radius:var(--radius);border:1px solid #0000;grid-template-columns:minmax(0,1fr);align-items:center;width:min(100%,820px);transition:border-color .14s,background-color .14s,box-shadow .14s;display:grid}.editable-project-field:hover,.editable-project-field:focus-within{border-color:var(--border);background:#fbfcfa}.editable-project-field:focus-within{box-shadow:0 0 0 3px #1f7a5f1f}.project-name-input,.project-description-input{background:0 0;border-color:#0000;padding:0 10px}.project-name-input:focus,.project-description-input:focus{box-shadow:none;background:0 0;border-color:#0000}.project-name-input{min-height:48px;font-size:1.54rem;font-weight:850}.project-description-input{min-height:36px;color:var(--muted);font-size:.98rem}.topbar-actions{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.save-state{color:var(--muted);white-space:nowrap;gap:6px;font-size:.82rem}.language-control{border:1px solid var(--border);border-radius:var(--radius);min-height:38px;color:var(--muted-strong);background:#fff;align-items:center;gap:6px;padding:0 8px;display:flex}.language-control select{background:0 0;border:0;width:auto;min-width:92px;min-height:34px;padding:0 4px;font-weight:700}.language-control select:focus{box-shadow:none}.icon-button,.danger-icon-button,.tree-toggle{border:1px solid var(--border);border-radius:var(--radius);width:38px;height:38px;color:var(--muted-strong);background:#fff;place-items:center;display:inline-grid}.icon-button:hover,.tree-toggle:hover{border-color:var(--border-strong);background:var(--surface-strong)}.icon-button.strong,.primary-button{border-color:var(--green);background:var(--green);color:#fff}.danger-icon-button{color:var(--red)}.danger-icon-button:hover{background:var(--red-soft);border-color:#e3ada7}.icon-text-button,.primary-button{border:1px solid var(--border);border-radius:var(--radius);min-height:38px;color:var(--text);white-space:nowrap;background:#fff;justify-content:center;gap:7px;padding:0 12px;font-weight:700}.icon-text-button:hover{border-color:var(--border-strong);background:var(--surface-strong)}.icon-text-button:disabled{opacity:.52}.primary-button{border-color:var(--green);background:var(--green);color:#fff}.primary-button:hover,.icon-button.strong:hover{background:#176f55}.import-error{border-radius:var(--radius);background:var(--red-soft);max-width:1180px;color:var(--red);border:1px solid #e8b3ad;align-items:center;gap:8px;margin:14px auto 0;padding:10px 14px;font-weight:700;display:flex}.workspace{grid-template-columns:var(--tree-panel-width,315px) minmax(0, 1fr) minmax(230px, 285px);gap:16px;width:min(100%,1540px);margin:0 auto;padding:16px 20px 28px;display:grid}.workspace.is-tree-collapsed{grid-template-columns:64px minmax(0,1fr) minmax(230px,285px)}.tree-panel,.editor-panel,.context-rail{min-width:0}.tree-panel,.editor-panel,.rail-panel,.ad-slot{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.tree-panel{flex-direction:column;height:calc(100vh - 108px);display:flex;position:sticky;top:86px;overflow:hidden}.tree-panel.is-collapsed{align-items:center}.panel-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.panel-heading h2{margin:0;font-size:1rem}.panel-heading-actions{color:var(--muted);align-items:center;gap:8px;display:flex}.home-nav-button{color:var(--green)}.sidebar-toggle-button{color:var(--muted-strong)}.collapsed-tree-panel{flex-direction:column;align-items:center;gap:10px;width:100%;height:100%;padding:14px 8px;display:flex}.collapsed-panel-kicker{writing-mode:vertical-rl;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin-top:auto;font-size:.68rem;font-weight:850}.tree-resize-handle{cursor:col-resize;background:0 0;border:0;border-radius:0;width:10px;height:100%;padding:0;position:absolute;top:0;right:0}.tree-resize-handle:after{content:"";background:0 0;border-radius:999px;width:2px;height:54px;transition:background-color .14s,box-shadow .14s;position:absolute;top:50%;left:4px;transform:translateY(-50%)}.tree-resize-handle:hover:after,.tree-resize-handle:focus-visible:after{background:var(--green);box-shadow:0 0 0 3px #1f7a5f24}body.is-resizing-tree-panel{cursor:col-resize;-webkit-user-select:none;user-select:none}body.is-resizing-tree-panel *{cursor:col-resize!important}.add-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:12px 16px;display:grid}.add-component-button{flex:none}.add-component-button:disabled{opacity:.52}.tree-list{flex:1;padding:6px 8px 14px;overflow:auto}.tree-node,.tree-children{gap:2px;display:grid}.tree-row{padding-left:min(calc(var(--depth) * 8px), 44px);grid-template-columns:30px minmax(0,1fr);align-items:center;gap:2px;display:grid}.tree-row.selected .tree-select{background:var(--green-soft);color:#143f33;border-color:#b9d8cb}.tree-toggle{background:0 0;border-color:#0000;width:30px;height:32px}.tree-toggle:disabled{opacity:1}.tree-spacer{width:16px;height:16px}.tree-select{border-radius:var(--radius);width:100%;min-width:0;min-height:34px;color:var(--text);text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:7px;padding:0 8px;display:flex}.tree-select:hover{background:var(--surface-strong)}.tree-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;overflow:hidden}.tree-pill{background:var(--amber-soft);color:var(--amber);border-radius:999px;flex:none;padding:2px 6px;font-size:.68rem;font-weight:800}.complete-icon{color:var(--green)}.incomplete-icon{color:#9aa39a}.editor-panel{overflow:hidden}.editor-content,.kind-workspace{gap:14px;padding:18px;display:grid}.kind-hero,.kind-list-panel,.kind-editor-shell{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-strong)}.kind-hero{background:linear-gradient(135deg,#1f7a5f1a,#0000 42%),#fff;justify-content:space-between;align-items:center;gap:18px;padding:18px;display:flex}.kind-hero h2{margin:0 0 6px;font-size:1.18rem}.kind-hero p,.kind-hint{color:var(--muted);margin:0;line-height:1.45}.kind-layout{grid-template-columns:minmax(210px,250px) minmax(0,1fr);align-items:start;gap:14px;display:grid}.kind-list-panel{gap:12px;padding:14px;display:grid;position:sticky;top:86px}.kind-list{gap:8px;display:grid}.kind-list-item{border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);text-align:left;background:#fff;gap:4px;padding:10px;display:grid}.kind-list-item:hover,.kind-list-item.selected{background:var(--green-soft);border-color:#b9d8cb}.kind-list-item strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.kind-list-item span{color:var(--muted);font-size:.76rem;font-weight:750}.danger-text-button{color:var(--red)}.danger-text-button:hover{background:var(--red-soft);border-color:#e3ada7}.kind-editor-shell{gap:14px;padding:14px;display:grid}.kind-basics{background:#fff;gap:16px;display:grid}.kind-basics>label{margin-top:4px}.kind-default-tree-section{background:#fff;gap:10px;display:grid}.kind-default-tree{flex:initial;border:1px solid var(--border);border-radius:var(--radius);background:#fbfcfa;max-height:280px;padding:8px}.breadcrumb{color:var(--muted);flex-wrap:wrap;align-items:center;gap:5px;font-size:.82rem;font-weight:700;display:flex}.breadcrumb span{align-items:center;gap:5px;display:inline-flex}.node-hero{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(#fff 0%,#f8faf6 100%);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px;display:grid}.kind-node-editor .node-hero{grid-template-columns:minmax(0,1fr);align-items:stretch}.node-hero-content{gap:14px;min-width:0;display:grid}.node-title-block{gap:12px;min-width:0}.node-title-block>div:last-child{min-width:0}.node-name-input{background:0 0;border-color:#0000;min-height:42px;padding:0;font-size:1.35rem;font-weight:800}.node-name-input:focus{border-color:var(--border);background:#fff;padding-inline:10px}.kind-badge{background:var(--blue-soft);min-height:25px;color:var(--blue);border-radius:999px;padding:3px 8px;font-size:.76rem;font-weight:800}.node-meta-line{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.status-badge,.completion-badge{border-radius:999px;min-height:25px;padding:3px 8px;font-size:.76rem;font-weight:800}.status-to_define,.status-defined_with_doubts{background:var(--amber-soft);color:var(--amber)}.status-defined{background:var(--blue-soft);color:var(--blue)}.status-confirmed{background:var(--purple-soft);color:var(--purple)}.status-installed,.status-verified{background:var(--green-soft);color:var(--green)}.completion-badge{gap:5px}.completion-badge.complete{background:var(--green-soft);color:var(--green)}.completion-badge.incomplete{color:var(--muted-strong);background:#eef1eb}.node-actions{align-self:start;align-items:center;gap:8px;display:flex}.node-hero-details{grid-template-columns:minmax(190px,240px) minmax(260px,1fr);align-items:start;gap:12px;display:grid}.hero-status-field,.hero-description-field{grid-template-rows:18px auto;align-self:start;gap:6px;margin:0;display:grid}.hero-status-field>span,.hero-description-field>span{margin:0;line-height:18px}.hero-status-field select{height:42px;min-height:42px}.hero-description-field textarea{min-height:74px}.component-add-section{border-bottom:1px solid var(--border);grid-template-columns:minmax(180px,1fr) minmax(320px,auto);align-items:center;gap:16px;padding:4px 2px 14px;display:grid}.component-add-copy{gap:3px;display:grid}.component-add-copy h3{color:var(--text);margin:0;font-size:.92rem}.component-add-copy p{color:var(--muted);margin:0;font-size:.82rem}.child-add-row{min-width:min(100%,360px);padding:0}.form-section{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-strong);padding:14px}label span{color:var(--muted);text-transform:uppercase;margin-bottom:6px;font-size:.76rem;font-weight:800;display:block}.section-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.kind-section-grid{grid-template-columns:minmax(0,1fr)}.editable-section{align-content:start;gap:12px;display:grid}.section-wide{grid-column:1/-1}.primary-spec-section{background:#fff}.editable-section.warning{background:#fffbf4;border-color:#edd1ae}.section-title-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.section-title{gap:8px;min-width:0}.section-title h3{margin:0;font-size:.98rem}.section-title span{color:var(--muted-strong);background:#eef1eb;border-radius:999px;padding:2px 7px;font-size:.72rem;font-weight:800}.section-body{gap:8px;display:grid}.definition-row,.check-row,.attachment-row{align-items:center;gap:8px;display:grid}.definition-row{grid-template-columns:minmax(105px,.8fr) minmax(130px,1fr) minmax(120px,.6fr) auto}.definition-row.needs-definition{border-radius:var(--radius);background:var(--amber-soft);border:1px solid #edd1ae;padding:7px}.check-row{grid-template-columns:auto minmax(130px,1fr) minmax(105px,.85fr) auto}.check-row.checked input[type=text],.check-row.checked>input{color:var(--muted);text-decoration:line-through}.checkbox-shell{place-items:center;width:30px;display:grid}.checkbox-shell input{opacity:0;width:1px;height:1px;position:absolute}.checkbox-shell span{color:var(--green);place-items:center;display:grid}.notes-care-section{background:#fffdf8}.context-item-row{border-radius:var(--radius);border:1px solid #0000;grid-template-columns:82px minmax(0,1fr) auto;align-items:start;gap:8px;padding:6px;transition:background-color .18s,border-color .18s,box-shadow .18s;display:grid}.context-item-row textarea{min-height:76px}.context-type{width:fit-content;min-height:28px;color:var(--muted-strong);background:#eef1eb;border-radius:999px;align-self:start;padding:5px 9px;font-size:.74rem;font-weight:850}.context-item-row.care .context-type{background:var(--amber-soft);color:var(--amber)}.context-item-row.just-added{animation:1.2s ease-out context-item-added}.context-composer{border-top:1px solid var(--border);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:4px;padding-top:12px;display:grid}.segmented-control{border:1px solid var(--border);border-radius:var(--radius);background:#eef1eb;align-items:center;gap:2px;min-height:38px;padding:3px;display:flex}.segmented-control button{min-height:30px;color:var(--muted-strong);background:0 0;border:0;border-radius:6px;padding:0 10px;font-size:.82rem;font-weight:850}.segmented-control button.selected{color:var(--text);background:#fff;box-shadow:0 1px 4px #1b20181f}.context-submit.confirmed,.context-submit:not(:disabled){border-color:var(--green);background:var(--green);color:#fff}.context-submit:not(:disabled):hover{background:#176f55}.context-submit:disabled:not(.confirmed){opacity:.55}@keyframes context-item-added{0%{background:var(--green-soft);border-color:#9dceb9;box-shadow:0 0 0 3px #1f7a5f1f}to{box-shadow:none;background:0 0;border-color:#0000}}.attachment-row{grid-template-columns:minmax(94px,.55fr) minmax(120px,.8fr) minmax(160px,1fr) minmax(120px,.8fr) auto}.attachment-url{position:relative}.attachment-url svg{color:var(--muted);position:absolute;top:50%;left:9px;transform:translateY(-50%)}.attachment-url input{padding-left:31px}.empty-state{border:1px dashed var(--border-strong);border-radius:var(--radius);color:var(--muted);margin:0;padding:14px;font-weight:650}.context-rail{align-content:start;gap:14px;height:fit-content;display:grid;position:sticky;top:86px}.rail-panel{gap:12px;padding:15px;display:grid}.rail-panel.subtle{box-shadow:none;background:#fbfcfa}.rail-panel p{color:var(--muted);margin:0;line-height:1.45}.rail-title{gap:8px}.rail-title h2{margin:0;font-size:.98rem}.feedback-trigger{width:100%}.feedback-dialog{border:1px solid var(--border);background:var(--surface-strong);width:min(92vw,560px);color:var(--text);border-radius:18px;margin:auto;padding:0;box-shadow:0 24px 70px #18342c38}.feedback-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#12221d7a}.feedback-dialog form{gap:16px;padding:20px;display:grid}.feedback-dialog h2{margin:0;font-size:1.15rem}.feedback-dialog textarea{min-height:150px}.feedback-dialog-actions{justify-content:flex-end;gap:8px;display:flex}.metric{border-bottom:1px solid var(--border);justify-content:space-between;gap:10px;padding-bottom:10px;display:flex}.metric div{gap:2px;display:grid}.metric span,.metric small{color:var(--muted);font-size:.78rem;font-weight:700}.metric strong{font-size:1.28rem}.rail-alerts{gap:8px;display:grid}.rail-alerts span{border-radius:var(--radius);background:var(--amber-soft);min-height:32px;color:var(--amber);gap:7px;padding:6px 8px;font-size:.84rem;font-weight:800}.ad-slot{min-height:280px;box-shadow:none;color:var(--muted);text-align:center;text-transform:uppercase;background:#fbfcfa;border-style:dashed;place-items:center;gap:8px;padding:16px;font-size:.82rem;font-weight:800;display:grid}.mobile-ad{display:none}.empty-editor{text-align:center;min-height:62vh;color:var(--muted);place-items:center;gap:12px;padding:28px;display:grid}.empty-editor h2{color:var(--text);margin:0}.empty-editor p{margin:0}.empty-editor-actions{grid-template-columns:minmax(180px,1fr) auto;gap:8px;width:min(100%,520px);margin-top:4px;display:grid}.empty-editor-actions .primary-button{white-space:nowrap;justify-content:center}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (width<=1180px){.topbar{grid-template-columns:1fr;gap:12px}.topbar-actions{justify-content:flex-start;padding-bottom:2px;overflow-x:auto}.workspace{grid-template-columns:var(--tree-panel-width,300px) minmax(0, 1fr)}.workspace.is-tree-collapsed{grid-template-columns:64px minmax(0,1fr)}.context-rail{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));position:static}.context-rail .ad-slot{min-height:120px}.section-grid,.kind-layout{grid-template-columns:1fr}.kind-list-panel{position:static}}@media (width<=820px){.topbar{grid-template-columns:1fr;padding:14px;position:static}.project-title-area{padding:15px 14px}.editable-project-field{width:100%}.project-name-input{min-height:44px;font-size:1.32rem}.topbar-actions{flex-wrap:wrap}.save-state{width:100%}.mobile-ad{min-height:68px;margin:10px 14px 0;display:grid}.workspace{grid-template-columns:1fr;padding:14px}.workspace.is-tree-collapsed{grid-template-columns:1fr}.tree-panel,.context-rail{position:static}.tree-panel{height:min(420px,55vh)}.tree-panel.is-collapsed{height:auto}.collapsed-tree-panel{flex-direction:row;justify-content:flex-start;height:auto;padding:12px}.collapsed-panel-kicker{writing-mode:initial;margin-top:0}.tree-resize-handle{display:none}.node-hero{grid-template-columns:1fr}.node-hero-details{grid-template-columns:1fr;padding-left:0}.hero-description-field{grid-column:auto}.kind-workspace{padding:12px}.kind-hero{flex-direction:column;align-items:stretch}.component-add-section{grid-template-columns:1fr;gap:10px}.child-add-row{min-width:0}.context-rail{grid-template-columns:1fr}.context-rail>.ad-slot{display:none}.definition-row,.attachment-row{grid-template-columns:1fr}.check-row{border:1px solid var(--border);border-radius:var(--radius);background:#fff;grid-template-columns:minmax(0,1fr) 42px 42px;align-items:center;gap:8px;padding:8px}.check-row .checkbox-shell{grid-area:1/2;justify-self:center;width:38px}.check-row>input:first-of-type{grid-area:1/1;min-width:0}.check-row>input:nth-of-type(2){grid-area:2/1/auto/-1}.check-row .danger-icon-button{grid-area:1/3;justify-self:end}.context-item-row{grid-template-columns:minmax(0,1fr) 42px}.context-item-row .context-type{grid-area:1/1}.context-item-row textarea{grid-area:2/1/auto/-1}.context-item-row .danger-icon-button{grid-area:1/2;justify-self:end}.definition-row,.attachment-row{border:1px solid var(--border);border-radius:var(--radius);background:#fff;grid-template-columns:minmax(0,1fr) 42px;align-items:start;padding:8px}.definition-row>input:first-of-type,.attachment-row>select:first-child{grid-area:1/1}.definition-row>input:nth-of-type(2),.definition-row>select,.attachment-row>input,.attachment-row .attachment-url{grid-column:1/-1}.definition-row .danger-icon-button,.attachment-row .danger-icon-button{grid-area:1/2;justify-self:end}.context-composer{grid-template-columns:minmax(0,1fr) 48px;gap:10px}.context-composer .segmented-control{grid-column:1/-1;width:100%}.context-composer .segmented-control button{flex:1;min-height:38px}.context-composer input{min-height:46px}.context-submit{justify-self:stretch;width:48px;height:46px}.section-title-row{flex-wrap:wrap;align-items:flex-start}}@media (width<=520px){.brand-lockup{align-items:flex-start}.topbar-actions .icon-text-button,.topbar-actions .primary-button,.language-control{flex:138px}.language-control select{flex:1}.empty-editor-actions{grid-template-columns:1fr}.node-title-block{align-items:flex-start}.node-name-input{font-size:1.15rem}.project-name-input{font-size:1.2rem}.form-section,.node-hero,.editor-content{padding:12px}}.ad-slot,.mobile-ad{display:none}
