:root{--lavender:#e6ddfe;--lavender-light:#c6b1fd;--red:#ff5e29;--dark-purple:#2d083a;--white:#fff;--field:#f4f0fe;--spec-valid:#23e13f;--spec-invalid:#ff7158;--text:var(--dark-purple);--text-80:#2d083acc;--text-70:#2d083ab3;--text-60:#2d083a99;--text-55:#2d083a8c;--text-50:#2d083a80;--text-45:#2d083a73;--text-40:#2d083a66;--bar-16:#2d083a29;--bar-08:#2d083a14;--track:#2d083a0f;--backdrop:#2d083a8c;--on-deep:var(--lavender);--deep-chip:#e6ddfe26;--font-text:"YS Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-compressed:"YS Compressed", "Arial Narrow", "Roboto Condensed", "Helvetica Neue", Arial, sans-serif;--radius-panel:24px;--radius-popover:20px;--radius-inset:16px;--radius-field:14px;--radius-item:12px;--radius-pill:9999px;--gutter:20px;--gap:20px;--content:min(1560px, calc(100% - 40px));color:var(--text);background:var(--field);font-family:var(--font-text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.35}*{box-sizing:border-box}html,body{min-width:320px;margin:0}body{background:var(--field)}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}h1,h2,h3,h4,p,dl,dd,figure{margin:0}ul,ol{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}code{overflow-wrap:anywhere;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.92em}:focus-visible{outline:2px solid var(--red);outline-offset:2px}::placeholder{color:var(--text-45)}[hidden]{display:none!important}.display{font-family:var(--font-compressed);letter-spacing:-.02em;font-feature-settings:"lnum", "pnum";font-weight:800;font-stretch:75%;line-height:.9}.display--76{font-size:76px;line-height:.84}.display--56{font-size:56px;line-height:.84}.display--44{font-size:44px}.display--34{font-size:34px}.display--32{font-size:32px}.display--30{font-size:30px}.display em,.accent{color:var(--red);font-style:italic}.canvas{width:var(--content);padding:var(--gutter);border-radius:var(--radius-panel);background:var(--lavender);gap:var(--gap);flex-direction:column;margin:20px auto 40px;display:flex}.canvas--deep{background:var(--dark-purple);color:var(--on-deep)}.panel{background:var(--white);border-radius:var(--radius-panel)}.panel--pad{padding:24px}.panel--lavender{background:var(--lavender)}.inset{background:var(--lavender);border-radius:var(--radius-inset)}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--text-45);font-size:12px;font-weight:500}.muted{color:var(--text-55)}.meta{color:var(--text-50);font-size:13px}.small{color:var(--text-45);font-size:12px}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.row--between{justify-content:space-between}.row__end{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.stack{flex-direction:column;gap:12px;display:flex}.grid-3{gap:var(--gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.grid-2{gap:var(--gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.pill{border-radius:var(--radius-pill);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:6px;font-weight:500;text-decoration:none;transition:filter .12s;display:inline-flex}.pill--s{padding:4px 12px;font-size:12px}.pill--m{padding:7px 14px;font-size:13px}.pill--l{padding:11px 20px;font-size:14px}.pill--primary{background:var(--red);color:var(--white)}.pill--secondary{background:var(--lavender);color:var(--text)}.pill--dark{background:var(--dark-purple);color:var(--white)}.pill--plain{background:var(--white);color:var(--text);font-weight:400}.pill--chip{background:var(--lavender);color:var(--text);cursor:default;font-weight:500}.pill:hover:not([disabled]){filter:brightness(.95)}.pill[disabled],.pill[aria-disabled=true]{opacity:.45;cursor:default}.pill--icon{width:36px;height:36px;padding:0;font-size:16px}.pill--icon-l{width:52px;height:52px;padding:0;font-size:20px}.segment{border-radius:var(--radius-pill);background:var(--track);padding:4px;font-size:14px;display:inline-flex}.segment__item{border-radius:var(--radius-pill);color:var(--text-60);white-space:nowrap;padding:6px 16px;transition:filter .12s}.segment__item[aria-pressed=true],.segment__item[aria-current=page]{background:var(--white);color:var(--text);font-weight:500}.search-field{border-radius:var(--radius-pill);background:var(--white);border:0;width:320px;max-width:100%;padding:11px 20px;font-size:14px}.search-field::-webkit-search-cancel-button{appearance:none}.field{flex-direction:column;gap:6px;font-size:13px;font-weight:500;display:flex}.field>input,.field>select,.field>textarea,.field__box{border-radius:var(--radius-field);background:var(--field);width:100%;caret-color:var(--red);border:0;padding:13px 16px;font-size:15px;font-weight:400}.field>select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-45) 50%), linear-gradient(135deg, var(--text-45) 50%, transparent 50%);background-position:calc(100% - 22px) 55%,calc(100% - 17px) 55%;background-repeat:no-repeat;background-size:5px 5px}.toggle{cursor:pointer;align-items:center;gap:12px;display:inline-flex}.toggle input{opacity:0;width:1px;height:1px;position:absolute}.toggle__track{border-radius:var(--radius-pill);background:var(--lavender-light);flex:none;width:38px;height:22px;transition:background .12s;position:relative}.toggle__knob{border-radius:var(--radius-pill);background:var(--white);width:16px;height:16px;transition:left .12s;position:absolute;top:3px;left:3px}.toggle input:checked+.toggle__track{background:var(--red)}.toggle input:checked+.toggle__track .toggle__knob{left:19px}.toggle input:focus-visible+.toggle__track{outline:2px solid var(--red);outline-offset:2px}.counter{flex:1;align-items:baseline;gap:10px;min-width:0;padding:18px 28px;display:flex}.counter__value{font-family:var(--font-compressed);letter-spacing:-.02em;font-feature-settings:"lnum", "pnum";font-size:44px;font-weight:800;font-stretch:75%;line-height:.9}.counter__value--accent{color:var(--red);font-style:italic}.counter__label{color:var(--text-60);font-size:15px}.counter--status{flex:1.4;align-items:center;font-size:14px}.status-dot{border-radius:var(--radius-pill);flex:none;width:10px;height:10px;display:inline-block}.status-dot--ok{background:var(--spec-valid)}.status-dot--muted{background:#2d083a40}.status-dot--draft{background:var(--lavender-light)}.status-dot--warn{background:var(--spec-invalid)}.popover-anchor{display:inline-flex;position:relative}.popover{z-index:30;border-radius:var(--radius-popover);background:var(--white);outline:2px solid var(--lavender);min-width:260px;max-width:min(420px,90vw);max-height:min(70vh,560px);padding:10px;position:absolute;top:calc(100% + 8px);left:0;overflow:auto}.popover--end{left:auto;right:0}.popover__title{padding:6px 12px 10px}.menu{flex-direction:column;gap:2px;display:flex}.menu__item{border-radius:var(--radius-item);text-align:left;width:100%;color:var(--text);align-items:center;gap:8px;padding:10px 14px;font-size:14px;display:flex}.menu__item:hover,.menu__item:focus-visible{background:var(--lavender);outline:none}.menu__item[aria-current=true],.menu__item[aria-current=page],.menu__item[aria-selected=true]{background:var(--lavender);font-weight:500}.menu__item--danger{color:var(--red);font-weight:500}.menu__count{color:var(--text-45);margin-left:auto;font-size:12px;font-weight:500}.menu__item[aria-current=page] .menu__count{color:var(--red)}.menu__divider{background:var(--lavender);height:1px;margin:6px 4px}.menu__footer{border-top:1px solid var(--lavender);color:var(--red);margin:8px 4px 2px;padding:10px 8px 4px;font-size:13px;font-weight:500;display:block}.modal-backdrop{z-index:50;background:var(--backdrop);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{border-radius:var(--radius-panel);background:var(--white);max-width:100%;color:var(--text);flex-direction:column;gap:18px;padding:28px;display:flex}.modal__title{font-family:var(--font-compressed);letter-spacing:-.02em;font-size:32px;font-weight:800;font-stretch:75%;line-height:.9}.modal__actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.modal__note{color:var(--text-55);font-size:13px}.empty-state,.error-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:320px;padding:48px 24px;display:flex}.empty-state__motif{width:120px;height:88px;position:relative}.empty-state__motif span{border-radius:var(--radius-pill);position:absolute}.empty-state__motif span:first-child{background:var(--lavender);width:88px;height:88px;top:0;left:0}.empty-state__motif span:nth-child(2){background:var(--lavender-light);width:44px;height:44px;bottom:2px;right:0}.empty-state__motif span:nth-child(3){background:var(--red);width:20px;height:20px;top:0;right:22px}.empty-state__text,.error-state__text{color:var(--text-60);overflow-wrap:anywhere;max-width:420px;font-size:14px}.empty-state__actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px;display:flex}.error-state__mark{border-radius:var(--radius-pill);background:var(--red);width:52px;height:52px;color:var(--white);justify-content:center;align-items:center;font-size:22px;font-weight:700;display:flex}.skeleton{background:var(--bar-08);animation:1.2s ease-in-out infinite alternate pulse}@keyframes pulse{0%{opacity:1}to{opacity:.55}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.toast{z-index:60;border-radius:var(--radius-pill);background:var(--dark-purple);color:var(--white);padding:11px 20px;font-size:14px;font-weight:500;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.app-header{align-items:center;gap:28px;padding:12px 20px;display:flex}.app-header__brand{align-items:center;gap:10px;font-size:16px;font-weight:500;display:flex}.app-header__mark{background:var(--red);width:30px;height:30px;color:var(--white);font-family:var(--font-compressed);border-radius:9px;justify-content:center;align-items:center;font-size:19px;font-weight:800;font-stretch:75%;display:flex}.app-header__nav{gap:6px;font-size:14px;display:flex}.app-header__link{border-radius:var(--radius-pill);color:var(--text-60);padding:7px 16px;transition:filter .12s}.app-header__link:hover{background:var(--field)}.app-header__link[aria-current=page]{background:var(--lavender);color:var(--text);font-weight:500}.app-header__trailing{align-items:center;gap:12px;margin-left:auto;font-size:14px;display:flex}.hero{align-items:flex-end;gap:40px;padding:44px 48px 40px;display:flex}.hero__copy{flex-direction:column;gap:18px;min-width:0;display:flex}.hero__subtitle{color:var(--text-70);font-size:19px;font-weight:500}.hero__actions{flex:none;gap:10px;margin-left:auto;display:flex}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.proto-card{flex-direction:column;min-width:0;display:flex;overflow:hidden}.proto-card__preview{background:var(--lavender);justify-content:center;align-items:flex-end;gap:12px;height:196px;padding:20px 20px 0;display:flex;position:relative;overflow:hidden}.proto-card__preview--alt{background:var(--lavender-light)}.proto-card__preview .state-strip{position:absolute;bottom:0;left:50%;transform:translate(-50%)}.mini-screen{background:var(--white);border-radius:13px 13px 0 0;flex-direction:column;flex:none;gap:7px;width:118px;height:176px;padding:12px 10px;display:flex;overflow:hidden}.mini-screen span{border-radius:8px;flex:none;display:block}.proto-card__body{flex-direction:column;gap:10px;padding:20px 22px 22px;display:flex}.proto-card__name{overflow-wrap:anywhere;font-size:18px;font-weight:500}.proto-card__foot{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.proto-card__more{color:var(--text-40);letter-spacing:2px;border-radius:var(--radius-pill);margin-left:auto;padding:2px 8px;font-size:16px}.proto-card__more:hover{background:var(--lavender)}.proto-card--skeleton{background:var(--field);border-radius:20px;min-height:300px}.proto-card--skeleton .proto-card__preview{background:var(--track)}.chrome{flex-wrap:wrap;align-items:center;gap:20px;padding:12px 20px;display:flex}.crumb{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;font-size:14px;display:flex}.crumb__sep{color:#2d083a4d}.crumb__root{color:var(--text-50)}.crumb__name{text-overflow:ellipsis;white-space:nowrap;max-width:28ch;font-size:16px;font-weight:500;overflow:hidden}.version-chip{border-radius:var(--radius-pill);background:var(--lavender);color:var(--text-60);align-items:center;gap:6px;padding:3px 10px;font-size:12px;display:inline-flex}.version-chip--proposal{background:var(--dark-purple);color:var(--white)}.counters{gap:var(--gap);flex-wrap:wrap;display:flex}.counters .counter{min-width:200px}.proto-body{gap:var(--gap);grid-template-columns:300px minmax(0,1fr);align-items:start;display:grid}.scenario-list{flex-direction:column;gap:4px;max-height:calc(100vh - 40px);padding:18px 14px;display:flex;position:sticky;top:20px;overflow:auto}.scenario-list__title{padding:0 12px 10px}.scenario-list__group{padding:10px 12px 4px}.scenario-list__item{border-radius:var(--radius-field);text-align:left;width:100%;color:var(--text);align-items:center;gap:8px;padding:9px 12px;font-size:14px;display:flex}.scenario-list__item:hover{background:var(--field)}.scenario-list__item[aria-current=true]{background:var(--lavender);font-weight:500}.scenario-list__label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.scenario-list__count{color:var(--text-45);font-size:12px;font-weight:500}.scenario-list__item[aria-current=true] .scenario-list__count{color:var(--red)}.scenario-list__hint{border-radius:var(--radius-inset);background:var(--lavender);color:var(--text-70);margin-top:14px;padding:14px 16px;font-size:13px;line-height:1.4}.sequence{flex-direction:column;gap:16px;min-width:0;display:flex}.sequence__history{max-height:240px;overflow:auto}.sequence__history ol{gap:6px;margin:0;padding:0;list-style:none;display:grid}.sequence__history button{border-radius:var(--radius-field);text-align:left;background:var(--field);cursor:pointer;overflow-wrap:anywhere;gap:4px;width:100%;padding:10px 14px;display:grid}.sequence__history button[aria-current=step]{background:var(--lavender)}.sequence__history span{color:var(--text-70);font-size:12px}.sequence__toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sequence__surfaces{overflow-wrap:anywhere;gap:24px;display:flex}.sequence__surfaces p{flex:1;min-width:0}.sequence__surfaces code{font-size:12px}.sequence__preview{max-height:620px}.sequence__choices{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;display:grid}.sequence__choice{background:var(--field);border-radius:var(--radius-field);overflow-wrap:anywhere;align-content:start;gap:6px;padding:12px;display:grid}.sequence__choice button{white-space:normal;overflow-wrap:anywhere}.sequence__conditions{white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px;font-size:12px;overflow:auto}.sections{gap:var(--gap);flex-direction:column;min-width:0;display:flex}.section{flex-direction:column;gap:16px;min-width:0;padding:22px 24px;display:flex}.section__head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.section__title{overflow-wrap:anywhere;font-size:20px;font-weight:500}.section__desc{color:var(--text-70);font-size:13px;line-height:1.45}.ribbon{border-radius:var(--radius-inset);background:var(--lavender);overscroll-behavior-x:contain;padding:16px;position:relative;overflow-x:auto}.ribbon__layers{align-items:flex-start;gap:14px;width:max-content;display:flex}.layer{flex-direction:column;gap:10px;display:flex}.layer__title{color:var(--text-50);padding:0 2px;font-size:11px;font-weight:500}.layer__tiles{align-items:flex-start;gap:14px;display:flex}.tile{flex-direction:column;gap:8px;display:flex}.tile__frame{position:relative}.tile__overlay{border-radius:var(--radius-field);cursor:zoom-in;position:absolute;inset:0}.tile__overlay:hover,.tile__overlay[aria-current=true]{outline:2px solid var(--red);outline-offset:2px}.tile__caption{align-items:center;gap:6px;padding:0 2px;font-size:11px;display:flex}.tile__index{color:var(--text-50)}.tile__name{color:#2d083abf;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.tile__chips{flex-direction:column;gap:4px;display:flex}.chip-row{flex-wrap:wrap;gap:4px;display:flex}.tchip{background:var(--white);max-width:100%;color:var(--text);overflow-wrap:anywhere;text-align:left;border-radius:10px;padding:3px 8px;font-size:11px;line-height:1.3;display:inline-block}.tchip>*{display:inline}.tchip--event{background:var(--dark-purple);color:var(--white)}.tchip--timer{background:var(--lavender-light);border:1px dashed var(--dark-purple)}.tchip--guard{outline:1.5px solid var(--red);outline-offset:-1.5px}.tchip--loop{background:var(--field);color:var(--text)}.tchip__arrow{color:var(--red);margin-right:3px;font-weight:700}.tchip--event .tchip__arrow{color:var(--lavender-light)}.tchip--loop .tchip__arrow{color:var(--text-55)}.tchip__changes{color:var(--text-55);margin-left:3px}.tchip--event .tchip__changes{color:#ffffffb3}.tchip--loop .tchip__changes{color:var(--text-55)}.badge{border-radius:var(--radius-pill);background:var(--white);color:var(--text-60);padding:2px 7px;font-size:10px;font-weight:500;display:inline-flex}.section__more{color:var(--text-55);flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;display:flex}.state-strip{flex:none;position:relative}.state-strip__clip{position:relative;overflow:hidden}.state-strip__frame{transform-origin:0 0;background:0 0;border:0;display:block;position:absolute}.state-strip__frame--pending{opacity:0}.state-strip__placeholder{background:var(--white);border-radius:14px;position:absolute}.state-strip__placeholder--error{background:var(--field);outline:2px solid var(--spec-invalid);outline-offset:-2px}.lightbox{z-index:40;background:var(--dark-purple);color:var(--on-deep);flex-direction:column;gap:20px;padding:28px 36px;display:flex;position:fixed;inset:0;overflow:auto}.lightbox__head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.lightbox__crumb{opacity:.85;flex-wrap:wrap;align-items:center;gap:8px;min-width:0;font-size:14px;display:flex}.lightbox__crumb strong{color:var(--white);overflow-wrap:anywhere;font-weight:500}.lightbox__sep{opacity:.5}.lightbox__tools{flex-wrap:wrap;align-items:center;gap:16px;margin-left:auto;display:flex}.lightbox__chip{border-radius:var(--radius-pill);background:var(--deep-chip);color:var(--white);padding:8px 16px;font-size:13px}.lightbox__round{border-radius:var(--radius-pill);background:var(--deep-chip);width:36px;height:36px;color:var(--white);justify-content:center;align-items:center;font-size:15px;display:flex}.lightbox__round--l{width:52px;height:52px;font-size:20px}.lightbox__round[disabled]{opacity:.35;cursor:default}.lightbox__body{flex:1;grid-template-columns:52px minmax(0,1fr) 52px;align-items:start;gap:24px;min-height:0;display:grid}.lightbox__body>.lightbox__round{align-self:center}.lightbox__stage{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:24px;display:flex}.lightbox__phone{background:var(--white);border-radius:28px;flex:none;overflow:hidden}.lightbox__aside{overscroll-behavior:contain;flex-direction:column;flex:none;gap:8px;width:300px;max-height:calc(100vh - 240px);padding-right:4px;display:flex;overflow:auto}.lightbox__aside h3{color:var(--on-deep);opacity:.8;font-size:13px;font-weight:500}.lightbox__label{background:var(--white);color:var(--text);border-radius:12px;padding:10px 14px;font-size:13px}.lightbox__label b{font-weight:500}.lightbox__label--dim{opacity:.75}.lightbox__thumbs{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.lightbox__thumb{background:var(--white);opacity:.45;border-radius:10px;width:58px;height:100px;overflow:hidden}.lightbox__thumb[aria-current=true]{opacity:1;outline:2px solid var(--red);outline-offset:2px}.lightbox .state-strip__placeholder{background:var(--white)}.lightbox details{color:var(--on-deep)}.lightbox summary{cursor:pointer;opacity:.85;font-size:13px}.lightbox pre{max-height:240px;color:var(--white);white-space:pre-wrap;overflow-wrap:anywhere;background:#ffffff14;border-radius:12px;padding:10px 12px;font-size:11px;overflow:auto}.lightbox .tchip{background:var(--white);color:var(--text)}.lightbox .tchip--event{background:var(--lavender-light);color:var(--dark-purple)}.zone{border:2px solid var(--red);pointer-events:none;box-sizing:border-box;border-radius:12px;position:absolute}.zone--ambiguous{border-style:dashed}.zone__label{border-radius:var(--radius-pill);background:var(--dark-purple);color:var(--white);white-space:nowrap;pointer-events:none;text-overflow:ellipsis;max-width:340px;padding:6px 12px;font-size:12px;position:absolute;overflow:hidden}.zones-layer{pointer-events:none;position:absolute;inset:0}.zones-layer--flash .zone{animation:1.6s ease-out forwards zone-flash}@keyframes zone-flash{0%{opacity:1}70%{opacity:1}to{opacity:0}}.lanes{flex-direction:column;gap:32px;padding:28px;display:flex;overflow-x:auto}.lane{align-items:flex-start;gap:20px;display:flex}.lane__label{flex:none;width:150px;padding-top:8px}.lane__label strong{overflow-wrap:anywhere;font-size:14px;font-weight:500;display:block}.lane__label span{color:var(--text-50);margin-top:4px;font-size:12px;display:block}.lane__track{align-items:flex-start;display:flex}.lane__tile{flex-direction:column;flex:none;gap:6px;width:112px;display:flex}.lane__tile-name{color:var(--text-55);text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.lane__connector{flex:none;align-items:center;width:34px;margin-top:96px;display:flex}.lane__connector i{background:var(--dark-purple);flex:1;height:2px}.lane__connector b{border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:6px solid var(--dark-purple);width:0;height:0}.lane__connector--timer i{background:var(--lavender-light)}.lane__connector--timer b{border-left-color:var(--lavender-light)}.lane__connector--guard i{background:var(--red)}.lane__connector--guard b{border-left-color:var(--red)}.legend{color:var(--text-70);flex-wrap:wrap;align-items:center;gap:16px;font-size:13px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend i{border-radius:var(--radius-pill);width:9px;height:9px;display:inline-block}.outside{border-radius:var(--radius-inset);background:var(--lavender);flex-wrap:wrap;align-items:center;gap:24px;padding:14px 20px;font-size:14px;display:flex}.outside strong{font-weight:500}.library-head{flex-wrap:wrap;align-items:flex-end;gap:24px;padding:12px 8px 4px;display:flex}.library-head__tools{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.family-card{flex-direction:column;min-width:0;display:flex;overflow:hidden}.family-card__preview{background:var(--lavender);justify-content:center;align-items:center;height:170px;display:flex;position:relative;overflow:hidden}.family-card__preview .state-strip{flex:none}.family-card__raster{object-fit:contain;background:var(--white);border-radius:12px;display:block}.family-card__body{align-items:center;gap:10px;padding:18px 22px;display:flex}.family-card__name{overflow-wrap:anywhere;flex:1;min-width:0;font-size:16px;font-weight:500}.family-card__status{color:var(--text-60);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:inline-flex}.library-group{flex-direction:column;gap:12px;display:flex}.library-group__title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-45);flex-wrap:wrap;align-items:baseline;gap:12px;padding:8px 8px 0;font-size:12px;font-weight:500;display:flex}.library-group__title code{text-transform:none;letter-spacing:0}.family-card__note{padding:0 22px 18px}.placement-chips{flex-wrap:wrap;gap:6px;display:inline-flex}.system-card,.file-card{flex-direction:column;min-width:0;display:flex;overflow:hidden}.system-card__covers{background:var(--lavender);height:168px;display:flex;overflow:hidden}.system-card__covers .file-cover{flex:1;min-width:0}.system-card__covers .file-cover+.file-cover{border-left:2px solid var(--white)}.system-card__covers--empty{flex-direction:column;justify-content:center;align-items:center;gap:8px}.system-card__body{flex-direction:column;gap:8px;padding:18px 22px 20px;display:flex}.system-card__name{overflow-wrap:anywhere;flex:1;min-width:0;font-size:18px;font-weight:500}.system-card__desc{color:var(--text-70);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.file-cover{background:var(--lavender);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.file-cover__image{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.file-cover--compact .file-cover__image{object-fit:cover;object-position:top center;width:100%;height:100%}.file-cover--empty{background:repeating-linear-gradient(135deg, var(--lavender) 0 14px, var(--field) 14px 28px);flex-direction:column;gap:8px}.file-cover__glyph{border-radius:var(--radius-pill);background:var(--white);width:56px;height:56px;color:var(--text-60);font-family:var(--font-compressed);justify-content:center;align-items:center;font-size:26px;font-weight:800;font-stretch:75%;display:flex}.file-cover--compact .file-cover__glyph{width:40px;height:40px;font-size:20px}.file-cover__note{color:var(--text-55);text-align:center;padding:0 12px;font-size:12px}.file-head{gap:var(--gap);grid-template-columns:minmax(280px,420px) minmax(0,1fr);align-items:stretch;display:grid}.file-head__cover{overflow:hidden}.file-head__cover .file-cover{min-height:260px;padding:16px}.page-list{counter-reset:none;flex-direction:column;gap:4px;display:flex}.page-row{border-radius:var(--radius-field);background:var(--field);flex-wrap:wrap;align-items:center;gap:12px;padding:9px 14px;font-size:14px;display:flex}.page-row--empty{color:var(--text-45);background:0 0}.page-row__index{width:28px;color:var(--text-45);text-align:right;font-feature-settings:"tnum";flex:none;font-size:12px;font-weight:500}.page-row__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}.page-row--empty .page-row__name{font-weight:400}a.page-row__name:hover{color:var(--red)}.page-row__id{color:var(--text-45);font-size:11px}.page-row__counts{flex-wrap:wrap;gap:6px;display:flex}.crumb__step{align-items:center;gap:8px;display:inline-flex}.crumb__root{text-overflow:ellipsis;white-space:nowrap;max-width:22ch;overflow:hidden}.component-stage{gap:var(--gap);grid-template-columns:minmax(0,1fr) 360px;align-items:start;display:grid}.component-stage__source{grid-column:1/-1}.component-stage__media{border-radius:var(--radius-inset);background:var(--lavender);justify-content:center;min-height:120px;padding:16px;display:flex;overflow:auto}.prop-list{flex-direction:column;gap:8px;display:flex}.prop-row{border-radius:var(--radius-field);background:var(--field);flex-direction:column;gap:8px;padding:12px 14px;display:flex}.prop-row__head{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.prop-row__name{font-size:13px;font-weight:500}.prop-row__facts{color:var(--text-55);flex-direction:column;gap:4px;font-size:12px;display:flex}.prop-row__facts b{color:var(--text);font-weight:500}.prop-control{flex-wrap:wrap;gap:6px;display:flex}.prop-input{border-radius:var(--radius-item);background:var(--white);min-width:0;caret-color:var(--red);border:0;flex:1;padding:8px 12px;font-size:13px}.prop-value{border-radius:var(--radius-pill);background:var(--white);color:var(--text);margin:2px 4px 0 0;padding:2px 8px;font-size:11px;display:inline-block}.prop-value[aria-pressed=true]{background:var(--dark-purple);color:var(--white)}.dep-tree{flex-direction:column;gap:6px;display:flex}.dep-tree .dep-tree{border-left:2px solid var(--lavender);margin:6px 0 0 18px;padding-left:12px}.dep-tree__item{flex-direction:column;gap:4px;display:flex}.dep-ref{flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:inline-flex}.dep-ref__name{font-weight:500}.dep-ref__pin{color:var(--text-55);font-size:11px}.dep-ref[data-cross-system=true] .dep-ref__pin{color:var(--red)}.system-nav{flex-wrap:wrap;gap:6px;display:flex}.compare{gap:var(--gap);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.compare__pane{flex-direction:column;gap:12px;min-width:0;padding:20px;display:flex}.compare__pane .eyebrow{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.compare__media{border-radius:var(--radius-inset);background:var(--lavender);justify-content:center;padding:16px;display:flex;overflow:auto}.review-case__source{background:var(--white);max-width:100%;height:auto;display:block}.case-result{position:relative}.case-sandbox{border:0;max-width:100%;display:block}.case-result[aria-busy=true] .case-sandbox{opacity:0}.review-case{flex-direction:column;gap:12px;display:flex}.review-case figcaption{font-size:14px;font-weight:500}.pills{flex-wrap:wrap;gap:6px;display:flex}.pills .pill{cursor:pointer}.pills .pill[aria-pressed=true]{background:var(--dark-purple);color:var(--white)}.facts{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.facts div{border-radius:var(--radius-field);background:var(--field);flex-direction:column;gap:4px;min-width:0;padding:12px 14px;display:flex}.facts dt{letter-spacing:.06em;text-transform:uppercase;color:var(--text-45);font-size:11px;font-weight:500}.facts dd{overflow-wrap:anywhere;font-size:13px}.json{border-radius:var(--radius-field);background:var(--field);white-space:pre-wrap;overflow-wrap:anywhere;max-height:320px;padding:12px 14px;font-size:12px;line-height:1.4;overflow:auto}.table{border-collapse:collapse;width:100%;font-size:13px}.table th,.table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--lavender);padding:10px 12px}.table th{letter-spacing:.06em;text-transform:uppercase;color:var(--text-45);font-size:11px;font-weight:500}.list{flex-direction:column;gap:8px;display:flex}.list__item{border-radius:var(--radius-field);background:var(--field);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:flex}.source-block{border-radius:var(--radius-inset);background:var(--field);flex-direction:column;gap:8px;padding:14px 16px;font-size:13px;display:flex}.source-block h4{font-size:14px;font-weight:500}.quote{white-space:pre-wrap;overflow-wrap:anywhere}.gaps{color:#805200;flex-direction:column;gap:4px;font-size:12px;display:flex}details.fold>summary{cursor:pointer;color:var(--text-70);align-items:center;gap:6px;padding:6px 0;font-size:13px;font-weight:500;list-style:none;display:flex}details.fold>summary:before{content:"▸";color:var(--text-45);font-size:11px}details.fold[open]>summary:before{content:"▾"}details.fold>summary::-webkit-details-marker{display:none}.link{color:var(--red);font-weight:500}.link:hover{color:var(--dark-purple)}.tabs{gap:var(--gap);flex-direction:column;display:flex}.notice{border-radius:var(--radius-field);background:var(--field);color:var(--text-70);padding:12px 16px;font-size:13px}.notice--warn{color:#7a2a0c;background:#fff0e9}.review-error{border-radius:var(--radius-field);color:#7a2a0c;overflow-wrap:anywhere;background:#fff0e9;padding:12px 16px;font-size:13px}.player-app{flex-direction:column;min-height:100vh;display:flex}.player-app--present .canvas{border-radius:0;width:100%;min-height:100vh;margin:0}.player-app>.canvas{flex:1}.scenario-bar{flex-wrap:wrap;align-items:center;gap:16px;padding:12px 20px;display:flex}.scenario-bar>.pill--dark{text-overflow:ellipsis;max-width:360px;line-height:1.3;display:inline-block;overflow:hidden}.scenario-bar__path{color:var(--text-50);text-overflow:ellipsis;white-space:nowrap;flex:160px;min-width:0;font-size:13px;overflow:hidden}.scenario-bar__description{color:var(--text-45)}.scenario-bar__step{color:var(--text-60);white-space:nowrap;font-size:14px}.dots{align-items:center;gap:6px;display:flex}.dots i{border-radius:var(--radius-pill);background:var(--lavender-light);width:8px;height:8px;display:inline-block}.dots i[data-active=true]{background:var(--red);width:22px}.dots span{color:var(--text-45);font-size:12px}.player-stage{justify-content:safe center;align-items:flex-start;min-height:400px;padding:8px 0 52px;display:flex;position:relative}.player-stage--scroll{overflow:auto}.player-viewport{flex:none;position:relative;overflow:hidden}.player-scale{transform-origin:0 0;position:absolute;top:0;left:0}.player-sandbox{background:0 0;border:0;display:block}.player-sandbox--pending{opacity:0;pointer-events:none}.player-loading{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.player-loading .skeleton{background:var(--white)}.player-hint{border-radius:var(--radius-pill);background:var(--white);color:var(--text-60);padding:9px 18px;font-size:13px;position:absolute;bottom:8px;left:0}.diagnostics{display:contents}.diagnostics[open]{width:100%;display:block}.diagnostics summary{cursor:pointer;color:var(--text);border-radius:var(--radius-pill);background:var(--lavender);align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;list-style:none;display:inline-flex}.diagnostics summary::-webkit-details-marker{display:none}.session-facts{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.session-facts div{border-radius:var(--radius-item);background:var(--field);min-width:120px;padding:8px 12px}.session-facts dt{letter-spacing:.08em;text-transform:uppercase;color:var(--text-45);margin-bottom:2px;font-size:10px;font-weight:500}.session-facts dd{overflow-wrap:anywhere;font-size:13px;font-weight:500}.entries-nav{flex-direction:column;gap:2px;max-height:min(60vh,480px);display:flex;overflow-y:auto}.player-error{padding:40px 24px}.page{width:var(--content);margin:20px auto 40px}@media print{.app-header,.chrome,.scenario-list,.legend .pill,.toast{display:none!important}.canvas{background:0 0;width:100%;margin:0;padding:0}.lanes{overflow:visible}}@media (width<=1199px){.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.proto-body{grid-template-columns:minmax(0,1fr)}.scenario-list{max-height:none;position:static}.hero{padding:32px}.display--76{font-size:56px}.counters .counter{min-width:calc(50% - 10px)}.component-stage{grid-template-columns:minmax(0,1fr)}}@media (width<=767px){.file-head{grid-template-columns:minmax(0,1fr)}.system-card__covers{height:140px}.page-row__id{display:none}:root{--gutter:12px;--gap:12px;--content:calc(100% - 16px)}.canvas{margin:8px auto 24px}.grid-3,.grid-2,.compare{grid-template-columns:minmax(0,1fr)}.app-header{gap:12px;padding:10px 14px}.app-header__nav{flex-wrap:wrap}.hero{flex-direction:column;align-items:stretch;padding:24px 20px}.hero__actions{margin-left:0}.display--76{font-size:44px}.display--56{font-size:40px}.search-field{width:100%}.chrome{gap:10px}.counters .counter{min-width:100%}.section,.lightbox{padding:16px}.lightbox__body{grid-template-columns:minmax(0,1fr)}.lightbox__body>.lightbox__round{display:none}.lightbox__aside{width:100%}.scenario-bar{gap:8px;padding:10px 14px}.scenario-bar__step,.dots,.player-hint,.scenario-bar__description{display:none}.scenario-bar>.pill--dark{max-width:100%}.chrome{padding:10px 14px}.chrome .pill--l,.scenario-bar .pill--l{padding:8px 12px;font-size:13px}.chrome .segment{order:3;justify-content:center;width:100%}.chrome .row__end{width:100%;margin-left:0}.popover{max-width:calc(100vw - 32px)}.modal{padding:20px}.pills{min-width:0;max-width:100%}.pills .pill{white-space:normal;text-align:left;overflow-wrap:anywhere;max-width:100%}.segment{flex-wrap:wrap;width:100%}.segment__item{white-space:normal;text-align:center;flex:auto}.crumb__name,.crumb__root{white-space:normal;max-width:100%}.component-stage__props .prop-control{flex-direction:column}}.canvas[data-view=prototype]{width:min(1600px,100%);font-family:"YS Text UI", var(--font-text);margin-top:0}.source-section{scroll-margin-top:20px}.source-section__meta{color:var(--text-50);font-size:13px}.source-section__actions{gap:8px;margin-left:auto;display:flex}.source-ribbon__captions{gap:14px;width:max-content;margin-top:8px;display:flex}.source-ribbon__captions button{width:132px;color:var(--text-70);text-align:left;gap:6px;padding:0 2px;font-size:11px;display:flex}.source-ribbon__captions button span:first-child{color:var(--text-50)}.source-ribbon__captions button span:last-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.source-lightbox__thumbs{flex-wrap:nowrap;flex:none;justify-content:safe center;padding:4px;overflow-x:auto}.source-lightbox__thumbs .state-strip{flex:none}.source-lightbox .lightbox__body{justify-content:center;align-items:center;gap:44px;display:flex}.source-lightbox .lightbox__stage,.source-lightbox .lightbox__round--l{flex:none}.source-scenarios .scenario-list__rows{min-height:0;overflow-y:auto}.source-scenarios .scenario-list__label{white-space:normal}.source-scenarios .scenario-list__hint{flex:none}@media (width<=1199px){.source-scenarios .scenario-list__rows{max-height:160px}.source-scenarios .scenario-list__hint{display:none}.source-lightbox .lightbox__body{gap:4px}.source-lightbox .lightbox__body>.lightbox__round{width:28px;height:36px;display:block}}@media (width<=767px){.canvas[data-view=prototype] .counters{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.canvas[data-view=prototype] .counters .counter{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;padding:14px 12px}.canvas[data-view=prototype] .counters .counter--status{flex-direction:row;grid-column:1/-1;align-items:center;gap:8px;padding:12px}.canvas[data-view=prototype] .counter__value{font-size:34px}.source-scenarios .scenario-list__rows{max-height:120px}}