:root{font-family:Arial,sans-serif;color:#f0efeb;background:#08080a;--line:#303034;--muted:#b0b0b5;--accent:#90d3b5;--active:#24352e;--paper:#111113;line-height:1.5;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;color:inherit;background:transparent;border:1px solid #59595f;border-radius:6px;min-height:44px;padding:8px 14px}button:hover,a:hover{background:#242427}button:disabled{opacity:.4;cursor:default}a{color:inherit;text-underline-offset:3px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #00a6c3;outline-offset:3px}button[aria-pressed=true],button[aria-expanded=true]{background:var(--active);border-color:var(--accent)}h1,h2,h3,p{margin-top:0}h1,h2{font-size:1.1rem;line-height:1.35}h3{font-size:1rem}p{max-width:72ch}.skip{position:absolute;top:-100px;z-index:10;padding:12px;background:white;color:black}.skip:focus{top:0}.top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 24px;border-bottom:1px solid var(--line);background:var(--paper)}.top strong{font-size:1rem}.top span{color:var(--muted);margin:0 6px}.top p{margin:3px 0 0;font-size:.8rem;color:var(--muted)}.top nav{display:flex;align-items:center;gap:8px}.top button{font-size:.85rem}.resources{position:relative;border:0;padding:0}.resources summary{font-size:.85rem;padding:10px;min-height:44px}.resources>div{position:absolute;right:0;top:100%;width:280px;padding:16px;background:#19191c;border:1px solid var(--line);z-index:4}.resources a{display:block;padding:10px 0;font-size:.85rem}.resources p{margin-top:12px;font-size:.75rem}.workbench{display:flex;align-items:flex-start;position:relative}main{flex:1;min-width:0;padding:12px 24px 40px}.pager{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:8px}.pager span{font-size:.8rem;color:var(--muted)}.pager button{font-size:.8rem}.detail-meta{font-size:.75rem;color:var(--muted);margin:12px 0 4px}#detail>h2{font-size:1rem;font-weight:400;margin-bottom:12px;color:#f0efeb}#detail{display:flex;flex-direction:column}.screen-stage{order:1;overflow:auto;background:#08080a;text-align:center;min-height:40vh}.screen-stage img{max-width:100%;width:auto;height:auto;vertical-align:top;display:inline-block}.screen-stage.actual img{max-width:none;max-height:none;width:auto}.actions{order:2;display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;padding:12px 0;margin-top:8px;border-top:1px solid var(--line)}.actions a{display:inline-flex;align-items:center;min-height:44px;font-size:.8rem}.actions button{font-size:.8rem}.caption{order:3;font-size:.75rem;color:var(--muted);margin:6px 0 12px}.status{display:block;font-size:.8rem;margin:12px 0}.status.approved{color:var(--accent)}.notice{font-size:.85rem;line-height:1.6;margin:16px 0}.review-section{margin-top:24px;padding-top:16px;border-top:1px solid var(--line)}.review-section h3{margin-bottom:10px}.story-line{display:block;padding:10px 0;font-size:.88rem}.story-line small{display:block;color:var(--muted)}details{border-bottom:1px solid var(--line);padding:8px 0}summary{cursor:pointer;min-height:44px;padding:10px 0;font-size:.9rem}details p,details li{font-size:.85rem}details p{white-space:pre-line}ul,ol{padding-left:22px}li{margin:8px 0}.criterion{padding:14px 0;border-bottom:1px solid var(--line)}.criterion p{margin:0 0 6px;font-size:.9rem}.criterion small{color:var(--muted)}.empty{padding:24px 16px;color:var(--muted)}#load-error{margin:20px;padding:20px;color:#f1bb9c}[hidden]{display:none!important}
#browse-panel{position:absolute;top:0;left:0;z-index:3;display:grid;grid-template-columns:220px 300px;max-width:100%;max-height:calc(100vh - 80px);overflow:auto;background:#111113;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.chapters{padding:20px 12px;border-right:1px solid var(--line)}.chapters h1,.chapters .intro,.snapshot{padding:0 10px}.intro,.snapshot{font-size:.75rem;color:var(--muted)}#chapters{display:grid;gap:3px}#chapters a{display:grid;grid-template-columns:24px 1fr;gap:5px;padding:10px;text-decoration:none;color:inherit;min-height:44px;font-size:.82rem}#chapters a[aria-current]{background:var(--active);font-weight:700;color:var(--accent)}#chapters small{display:block;font-weight:400;font-size:.7rem;color:var(--muted)}.number{color:var(--muted);font-variant-numeric:tabular-nums}.snapshot{margin-top:24px;border-top:1px solid var(--line);padding-top:16px}.directory{min-width:0}.directory-head{padding:20px 16px 10px}.directory-head p{font-size:.8rem;color:var(--muted);margin-bottom:12px}.views{display:flex;gap:6px;margin:16px 0}.views button{flex:1}label{display:block;font-size:.78rem;font-weight:700}input[type=search],select{display:block;width:100%;min-height:44px;border:1px solid #626269;background:#19191b;border-radius:4px;padding:8px;color:inherit;font-size:.85rem}input[type=search]{margin:5px 0}input::placeholder{color:var(--muted)}.all{display:flex;align-items:center;gap:8px;min-height:44px;font-weight:400}.all input{width:18px;height:18px}.filters{display:grid;gap:8px;grid-template-columns:1fr 1.3fr}.filters select{font-size:.77rem;padding:6px}#result-count{margin:12px 0 0}#entries{max-height:50vh;min-height:180px;overflow:auto;padding-bottom:20px}#entries h3{font-size:.72rem;color:var(--muted);padding:12px 16px 5px;margin:0;font-weight:400}#entries a{display:block;text-decoration:none;padding:12px 16px;border-top:1px solid var(--line);min-height:52px;font-size:.85rem}#entries a[aria-current]{background:var(--active);font-weight:700}#entries small{display:block;font-size:.73rem;font-weight:400;color:var(--muted);margin-top:4px}#review-panel{width:360px;flex-shrink:0;padding:24px;background:var(--paper);border-left:1px solid var(--line);min-height:calc(100vh - 80px)}.figma-embed{order:1;display:block;width:100%;height:72vh;min-height:500px;border:1px solid var(--line);background:#08080a}body[data-view=stories] main{max-width:960px;margin:auto;padding-top:24px}body[data-view=stories] #detail{display:block}body[data-view=stories] #detail>h2{font-size:1.5rem;font-weight:700}body[data-view=stories] .actions{border:0}#image-error{order:2;color:#f1bb9c}
@media(max-width:900px){#review-panel{width:310px;padding:20px}.top{padding:12px 16px}.top nav{gap:4px}main{padding:12px 16px 40px}}
@media(max-width:650px){.top{display:block}.top nav{margin-top:12px;justify-content:space-between}.top button{font-size:.78rem;padding:8px 10px}.workbench{display:block}#review-panel{width:100%;min-height:0;border-left:0;border-top:1px solid var(--line)}#browse-panel{width:100%;grid-template-columns:1fr;max-height:75vh}.chapters{border:0;padding:12px}.chapters h1,.chapters .intro,.snapshot{display:none}#chapters{display:flex;overflow:auto}#chapters a{min-width:185px}#entries{min-height:0;max-height:36vh}.directory-head{padding:12px 16px}.directory-head h2,.directory-head>p:not(#result-count){display:none}.views{margin:0 0 12px}.screen-stage{min-height:0}.screen-stage img{max-height:none}main{padding:12px 12px 32px}.pager{gap:6px}.pager button{font-size:.78rem}.detail-meta{font-size:.7rem}#detail>h2{font-size:.85rem}.resources>div{right:0}#review-panel:not([hidden]){scroll-margin-top:12px}}