*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.4}.app-root,.capture-root{background:var(--ui-background);color:var(--ui-text);min-height:100vh}a{color:var(--ui-accent);text-decoration:none}a:hover{text-decoration:underline}h1{margin:0 0 .25rem;font-size:1.5rem}h2{margin:0 0 .5rem;font-size:1rem}code{font-size:.85em}button,select,input{font:inherit;color:var(--ui-text)}button,select{background:var(--ui-panel);border:1px solid var(--ui-border);cursor:pointer;border-radius:4px;padding:.2rem .55rem}button:hover:not(:disabled){border-color:var(--ui-accent)}button:disabled{opacity:.5;cursor:default}button.active{background:var(--ui-accent);border-color:var(--ui-accent);color:var(--ui-panel)}button.link{color:var(--ui-accent);text-align:left;background:0 0;border:none;padding:0}input[type=search]{border:1px solid var(--ui-border);background:var(--ui-panel);border-radius:4px;min-width:18rem;padding:.3rem .5rem}input[type=range]{width:100%;accent-color:var(--ui-accent)}.muted{color:var(--ui-textMuted)}.small{font-size:.82rem}.hidden{visibility:hidden}.error-text{color:var(--ui-error)}.assumption-text{color:var(--ui-assumption)}.error-box{border:1px solid var(--ui-error);color:var(--ui-error);background:var(--ui-panel);white-space:pre-wrap;border-radius:6px;padding:.6rem .8rem}.app-header{border-bottom:1px solid var(--ui-border);background:var(--ui-panel);z-index:20;align-items:center;gap:2rem;padding:.55rem 1rem;display:flex;position:sticky;top:0}.app-header .brand{color:var(--ui-text);font-weight:700}.app-header nav{gap:1.2rem;display:flex}.app-header nav a{color:var(--ui-textMuted);border-bottom:2px solid #0000;padding:.15rem 0}.app-header nav a.active{color:var(--ui-text);border-bottom-color:var(--ui-accent)}.app-main{padding:1rem}.page{max-width:1700px;margin:0 auto}.page-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem;display:flex}.lead{color:var(--ui-textMuted);font-size:1.05rem}.panel{background:var(--ui-panel);border:1px solid var(--ui-border);border-radius:6px;margin-bottom:.75rem;padding:.75rem .9rem}.panel>summary{cursor:pointer}.row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.badge{border:1px solid var(--ui-border);vertical-align:middle;white-space:nowrap;border-radius:4px;margin-left:.3rem;padding:0 .4rem;font-size:.75rem;font-weight:600;display:inline-block}.badge-draft{background:var(--draft-badge);color:var(--ui-panel);border-color:var(--draft-badge);letter-spacing:.05em}.badge-assumption{border-color:var(--ui-assumption);color:var(--ui-assumption)}.status-released{border-color:var(--ui-ok);color:var(--ui-ok)}.status-in_review{border-color:var(--ui-accent);color:var(--ui-accent)}.status-draft,.status-requested{border-color:var(--ui-assumption);color:var(--ui-assumption)}.status-deprecated{color:var(--ui-textMuted);text-decoration:line-through}.tag{border:1px solid var(--ui-border);border-radius:10px;margin:0 .25rem .25rem 0;padding:0 .5rem;font-size:.8rem;display:inline-block}.home-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1rem;display:grid}.status-counts{flex-wrap:wrap;gap:.8rem;display:flex}.status-count{color:var(--ui-text)}.project-list{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.project-link{color:var(--ui-text);background:var(--ui-panel);border:1px solid var(--ui-border);border-radius:6px;align-items:center;gap:.8rem;padding:.5rem;display:flex}.project-link:hover{border-color:var(--ui-accent);text-decoration:none}.project-thumb,.project-thumb.thumb-empty{object-fit:cover;border-radius:4px;flex:none;width:160px;height:100px}.filters{flex-wrap:wrap;align-items:center;gap:.6rem;margin:.5rem 0 1rem;display:flex}.card-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.9rem;display:grid}.card{background:var(--ui-panel);border:1px solid var(--ui-border);color:var(--ui-text);border-radius:6px;flex-direction:column;display:flex;overflow:hidden}.card:hover{border-color:var(--ui-accent);text-decoration:none}.card-image{aspect-ratio:4/3;background:var(--scene-bg);position:relative}.card-image img{object-fit:cover;width:100%;height:100%;display:block}.card-draft{position:absolute;top:.4rem;left:.1rem}.thumb-empty{width:100%;height:100%;color:var(--ui-textMuted);background:var(--scene-bg);flex-direction:column;justify-content:center;align-items:center;gap:.3rem;font-size:.85rem;display:flex}.card-body{grid-template-columns:minmax(0,1fr);gap:.2rem;padding:.55rem .7rem .7rem;display:grid}.card-title{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.card-title strong{overflow-wrap:anywhere;min-width:0}.card-facts{color:var(--ui-textMuted)}.viewport{border:1px solid var(--ui-border);background:var(--scene-bg);border-radius:6px;position:relative;overflow:hidden}.review-viewport{height:min(68vh,720px);min-height:380px}.project-viewport{height:min(62vh,720px);min-height:360px}.viewport.capture{border:none;border-radius:0;width:100vw;height:100vh}.viewport-overlay{pointer-events:none;justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex;position:absolute;top:.5rem;left:.5rem;right:.5rem}.viewport-overlay>*{pointer-events:auto}.camera-buttons{flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}.camera-buttons button{padding:.1rem .45rem;font-size:.8rem}.toggles{background:var(--ui-panel);border:1px solid var(--ui-border);border-radius:4px;gap:.6rem;padding:.1rem .5rem;font-size:.82rem;display:flex}.variant-hint{background:var(--ui-panel);border:1px solid var(--ui-assumption);color:var(--ui-assumption);border-radius:4px;padding:.1rem .4rem;font-size:.8rem;position:absolute;top:2.2rem;left:0}.draft-tag,.frame-tag,.dim-tag{white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:3px;padding:0 4px;font-size:11px}.draft-tag{background:var(--draft-badge);color:var(--ui-panel);letter-spacing:.05em;font-weight:700}.frame-tag{background:var(--ui-panel);border:1px solid var(--ui-border);color:var(--ui-text)}.dim-tag{background:var(--ui-text);color:var(--ui-panel)}.draft-banner{background:var(--draft-badge);color:var(--ui-panel);z-index:5;border-radius:4px;padding:.25rem .7rem;font-size:.85rem;position:absolute;bottom:.6rem;right:.6rem}.draft-banner strong{letter-spacing:.08em;font-size:1rem}.capture .draft-banner,.capture-root .draft-banner{top:.6rem;bottom:auto}.caption{text-align:center;max-width:80%;font-family:var(--caption-font);font-size:var(--caption-size);color:var(--caption-color);background:var(--caption-bg);z-index:4;pointer-events:none;border-radius:6px;padding:.35em .9em;position:absolute;left:50%;transform:translate(-50%)}.caption-bottom{bottom:3rem}.caption-top{top:3rem}.review-layout{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:.9rem;display:grid}.review-side .panel:first-child{margin-top:0}.joint-row,.param-row{margin-bottom:.6rem;display:block}.row-head{align-items:baseline;gap:.5rem;display:flex}.row-head .value,.signal-row .value{font-variant-numeric:tabular-nums;margin-left:auto;font-weight:600}.range-labels{justify-content:space-between;display:flex}.action-list{gap:.35rem;display:grid}.action-btn{text-align:left;flex-direction:column;align-items:flex-start;gap:.1rem;display:flex}.action-btn.active .assumption-text,.action-btn.active .muted{color:inherit}.profile{margin-top:.6rem}.profile-svg{width:100%;height:auto;margin-top:.3rem;display:block}.profile-svg .axis{stroke:var(--ui-border)}.profile-svg .curve{fill:none;stroke:var(--ui-accent);stroke-width:2px}.profile-svg .marker{stroke:var(--ui-assumption);stroke-width:1.5px}.profile-svg .tick{fill:var(--ui-textMuted);font-size:9px}.signal-row{border-bottom:1px solid var(--ui-border);align-items:flex-start;gap:.6rem;padding:.35rem 0;display:flex}.signal-row:last-child{border-bottom:none}.signal-main{flex:1;min-width:0}.led{border:1px solid var(--ui-border);background:var(--ui-background);border-radius:50%;flex:none;width:12px;height:12px;margin-top:.2rem;display:inline-block}.led.on{background:var(--ui-ok);border-color:var(--ui-ok)}.switch{white-space:nowrap;font-weight:600}.num-input{width:5rem}.dims{font-variant-numeric:tabular-nums;gap:1rem;font-size:1.1rem;font-weight:600;display:flex}.info-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:0 .9rem;margin-top:.9rem;display:grid}.info-grid .wide{grid-column:1/-1}.assumptions-panel{border-left:4px solid var(--ui-assumption)}.assumption-list li{margin-bottom:.2rem}table{border-collapse:collapse}.kv{width:100%}.kv td,.kv th{border-bottom:1px solid var(--ui-border);text-align:left;vertical-align:top;padding:.2rem .5rem .2rem 0}.kv th{color:var(--ui-textMuted);font-weight:500}.kv tr.assumed td{color:var(--ui-assumption)}pre.doc{white-space:pre-wrap;background:var(--ui-background);border-radius:4px;max-height:480px;padding:.6rem;font-size:.82rem;overflow:auto}.project-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:.9rem;display:grid}.player-controls{flex-wrap:wrap;align-items:center;gap:.6rem;margin:.6rem 0 .4rem;display:flex}.player-controls button{min-width:2.4rem;font-size:1rem}.player-controls button.play{background:var(--ui-accent);border-color:var(--ui-accent);min-width:3rem;color:var(--ui-panel)}.player-controls .time{font-variant-numeric:tabular-nums;min-width:8.5rem}.player-controls .current-step{flex:1;min-width:12rem}.timeline{-webkit-user-select:none;user-select:none;touch-action:none;cursor:pointer;background:var(--ui-panel);border:1px solid var(--ui-border);border-radius:6px;padding:.3rem .8rem .5rem}.timeline-inner{position:relative}.timeline-ruler{border-bottom:1px solid var(--ui-border);height:1.1rem;margin-bottom:.25rem;position:relative}.timeline-ruler .tick{color:var(--ui-textMuted);white-space:nowrap;font-size:.7rem;position:absolute;top:0;transform:translate(-50%)}.timeline-lane{height:1.7rem;margin-bottom:.2rem;position:relative}.timeline-step{background:var(--ui-timelineStep);border:1px solid var(--ui-panel);white-space:nowrap;border-radius:3px;align-items:center;min-width:3px;padding:0 .3rem;font-size:.75rem;display:flex;position:absolute;top:0;bottom:0;overflow:hidden}.timeline-step.active{background:var(--ui-timelineStepActive);color:var(--ui-panel)}.timeline-step.done{opacity:.75}.timeline-step span{text-overflow:ellipsis;overflow:hidden}.playhead{background:var(--ui-error);pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.cycle-panel .cycle-time{font-size:1.1rem}.cycle-panel .hint{margin-top:.2rem;font-weight:600}.draft-panel{border-left:4px solid var(--draft-badge)}.step-list{max-height:340px;margin:0;padding:0;list-style:none;overflow:auto}.step-list li{border-radius:4px;justify-content:space-between;gap:.5rem;padding:.2rem .3rem;display:flex}.step-list li.active{background:var(--ui-timelineStep)}.step-no{min-width:1.6rem;color:var(--ui-textMuted);display:inline-block}@media (width<=1000px){.review-layout,.project-layout{grid-template-columns:1fr}}.version-bar{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin:0 0 .75rem;display:flex}.version-bar select{margin-left:.25rem}.version-notice{border:1px solid var(--ui-border);border-left:4px solid var(--ui-accent);background:var(--ui-panel);border-radius:4px;flex-basis:100%;padding:.4rem .75rem}.version-notice.version-deprecated{border-left-color:var(--ui-error)}.version-deprecated-text{color:var(--ui-error)}.card-deprecated .card-image img{opacity:.55}.version-list{margin:.25rem 0 0;padding:0;list-style:none}.version-list li{padding:.15rem 0}