.sb-page{--sb-surface:oklch(20% .005 285);--sb-border:oklch(32% .008 285)}.sb-workspace{border:1px solid var(--sb-border);background:oklch(17.5% .004 285);border-radius:18px;padding:25px;scroll-margin-top:100px}.sb-workspace-heading{justify-content:space-between;align-items:center;gap:22px;display:flex}.sb-workspace-heading h2{letter-spacing:-.5px;margin:0 0 6px;font-size:22px}.sb-workspace-heading p{color:var(--ap-muted);margin:0;font-size:13px}.sb-workspace-heading p span{color:var(--sb-border);margin:0 10px}.sb-workspace-heading label{color:var(--ap-muted);gap:5px;font-size:11px;display:grid}.sb-page select,.sb-page input,.sb-page textarea{color:var(--ap-text);border:1px solid var(--sb-border);width:100%;font:inherit;background:oklch(22% .005 285);border-radius:8px;outline:none;padding:10px 12px}.sb-page select:focus,.sb-page input:focus,.sb-page textarea:focus{border-color:var(--ap-yellow)}.sb-page textarea{resize:vertical;min-height:138px;line-height:1.65}.sb-page button:focus-visible,.sb-page a:focus-visible,.sb-page summary:focus-visible{outline:2px solid var(--ap-yellow);outline-offset:4px}.sb-page button:disabled{opacity:.42;cursor:not-allowed}.sb-notice{border-left:2px solid var(--ap-yellow);color:oklch(82% .015 100);background:oklch(23% .017 100);margin:18px 0;padding:11px 14px;font-size:12px;line-height:1.6}.sb-drop{border:1px dashed var(--sb-border);border-radius:10px;padding:18px}.sb-drop.is-over{border-color:var(--ap-yellow);background:oklch(25% .025 100)}.sb-empty{text-align:center;max-width:500px;margin:12px auto 22px}.sb-empty svg{color:var(--ap-yellow);margin:0 auto 12px}.sb-empty h3{margin:0 0 7px;font-size:21px}.sb-empty p{color:var(--ap-muted);font-size:13px}.sb-add-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.sb-page .ez-button,.sb-page .ct-outline{gap:8px;min-height:42px;padding:11px 16px;font-size:12px}.sb-page .ct-text-button{font-size:12px}.sb-upload-hint{color:var(--ap-muted);text-align:center;margin:12px 0 0;font-size:11px;line-height:1.6}.sb-timeline{scrollbar-width:thin;grid-auto-columns:170px;grid-auto-flow:column;gap:12px;margin:0 0 14px;padding:20px 0 12px;list-style:none;display:grid;overflow-x:auto}.sb-timeline>li{background:var(--sb-surface);border:1px solid var(--sb-border);border-radius:10px;overflow:hidden}.sb-timeline>li.is-selected{border-color:var(--ap-yellow)}.sb-timeline>li.is-dragged{opacity:.45}.sb-shot-select{text-align:left;cursor:pointer;width:100%;padding:6px 6px 0;display:block}.sb-shot-select img,.sb-shot-empty{aspect-ratio:16/10;object-fit:cover;background:oklch(26% .006 285);border-radius:5px;width:100%}.sb-shot-empty{color:var(--ap-muted);justify-content:center;align-items:center;display:flex}.sb-shot-select span{color:var(--ap-muted);justify-content:space-between;align-items:center;padding:8px 3px 2px;font-size:10px;display:flex}.sb-shot-select b{text-overflow:ellipsis;white-space:nowrap;padding:2px 3px 4px;font-size:12px;font-weight:500;display:block;overflow:hidden}.sb-reorder{color:var(--ap-muted);justify-content:flex-end;align-items:center;gap:2px;padding:0 5px 5px;display:flex}.sb-reorder>svg{margin-right:auto}.sb-reorder button{cursor:pointer;border-radius:5px;padding:8px}.sb-reorder button:hover{background:var(--sb-border);color:var(--ap-text)}.sb-detail{border-top:1px solid var(--sb-border);grid-template-columns:minmax(240px,.85fr) minmax(0,1.15fr);gap:28px;padding-top:24px;display:grid}.sb-editor-heading{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.sb-editor-heading h3{margin:0;font-size:15px}.sb-editor-heading>span{color:var(--ap-yellow);font-size:11px}.sb-editor-fields{gap:16px;display:grid}.sb-editor-fields label{gap:7px;font-size:12px;display:grid}.sb-editor-fields small{color:var(--ap-muted);font-size:11px;line-height:1.55}.sb-editor-fields label>span[role=alert]{color:#f3a5a5}.sb-counter{color:var(--ap-muted);text-align:right;margin-top:-2px;font-size:10px}.sb-image-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px;display:flex}.sb-delete{color:#eaa5a5;cursor:pointer;align-items:center;gap:5px;padding:8px 0;font-size:11px;display:flex}.sb-preview{flex-direction:column;min-width:0;display:flex}.sb-screen{background:oklch(13% .003 285);border-radius:10px;width:100%;max-height:410px;margin:0 auto;overflow:hidden}.sb-screen[style*="9 / 16"]{width:min(100%,230px)}.sb-screen img{object-fit:contain;width:100%;height:100%;display:block}.sb-screen>div{height:100%;color:var(--ap-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px;display:flex}.sb-screen>div strong{color:var(--ap-text)}.sb-preview-caption{color:var(--ap-muted);justify-content:space-between;gap:10px;margin:11px 0 8px;font-size:11px;display:flex}.sb-preview progress{appearance:none;background:var(--sb-border);border:0;width:100%;height:3px}.sb-preview progress::-webkit-progress-bar{background:var(--sb-border)}.sb-preview progress::-webkit-progress-value{background:var(--ap-yellow)}.sb-preview progress::-moz-progress-bar{background:var(--ap-yellow)}.sb-preview-controls{flex-wrap:wrap;align-items:center;gap:10px;margin-top:15px;display:flex}.sb-preview-controls>span{color:var(--ap-muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:11px}.sb-preview>p{color:var(--ap-muted);margin-top:12px;font-size:11px;line-height:1.65}.sb-handoff{gap:5px;margin-top:10px;display:grid}.sb-handoff small{color:var(--ap-muted);font-size:11px}.sb-export{border-top:1px solid var(--sb-border);flex-wrap:wrap;align-items:center;gap:14px;margin-top:24px;padding-top:23px;display:flex}.sb-export>small{color:var(--ap-muted);margin-left:auto;font-size:11px}.sb-draft-note{color:var(--ap-muted);margin:18px 0 0;font-size:11px;line-height:1.7}.sb-error,.sb-success{margin:15px 0;font-size:12px;line-height:1.6}.sb-error{color:#f3a5a5}.sb-success{color:var(--ap-yellow);align-items:center;gap:8px;display:flex}.sb-confirm{background:var(--sb-surface);border:1px solid var(--sb-border);border-radius:8px;margin:15px 0;padding:15px}.sb-confirm p{margin-bottom:10px;font-size:13px}.sb-confirm button{margin-right:15px}.sb-ideas{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;display:grid}.sb-ideas article{min-width:0}.sb-ideas .hl-example-player{aspect-ratio:16/10;border-radius:12px;width:100%;overflow:hidden}.sb-ideas article>div:last-child{padding:18px 0 0}.sb-ideas h3{margin:0 0 10px;font-size:22px}.sb-ideas p{color:var(--ap-muted);font-size:14px;line-height:1.75}.sb-ideas details{border-top:1px solid var(--sb-border);margin:16px 0;padding-top:10px}.sb-ideas summary{color:var(--ap-text);cursor:pointer;font-size:12px}.sb-ideas details p{font-size:12px}.sb-workflow{counter-reset:workflow;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 48px;padding:0;list-style:none;display:grid}.sb-workflow li{counter-increment:workflow;padding-left:48px;position:relative}.sb-workflow li:before{content:counter(workflow);width:30px;height:30px;color:var(--ap-yellow);border:1px solid var(--sb-border);border-radius:50%;place-content:center;font-size:12px;display:grid;position:absolute;top:0;left:0}.sb-workflow h3,.sb-continuity h3{margin:0 0 10px;font-size:18px}.sb-workflow p,.sb-continuity article p{color:var(--ap-muted);margin:0;font-size:14px;line-height:1.8}.sb-continuity>div:nth-child(2){grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;display:grid}.sb-continuity>.ct-text-button{margin-top:30px}.sb-faq{max-width:880px;margin-left:auto;margin-right:auto}.sb-faq details{border-bottom:1px solid var(--sb-border);padding:20px 0}.sb-faq summary{cursor:pointer;font-size:15px}.sb-faq details p{color:var(--ap-muted);margin:15px 0 0;font-size:14px;line-height:1.8}.sb-page .ap-related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px;display:grid}.sb-page .ap-related-grid article{min-width:0}.sb-page .ap-related-grid article>a{justify-content:space-between;align-items:center;gap:10px;margin-top:15px;display:flex}.sb-page .ap-related-grid h3{margin:0;font-size:16px}.sb-page .ap-related-grid article>p{color:var(--ap-muted);margin-top:7px;font-size:12px;line-height:1.65}@media (width<=900px){.sb-detail{grid-template-columns:minmax(0,1fr)}.sb-preview{order:-1}.sb-screen{max-height:350px}.sb-page .ap-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.sb-workspace{border-radius:12px;padding:15px}.sb-workspace-heading{align-items:start;gap:10px}.sb-workspace-heading h2{font-size:18px}.sb-workspace-heading label{flex-shrink:0;width:140px}.sb-workspace-heading select{padding:8px;font-size:11px}.sb-workspace-heading p{font-size:10px}.sb-drop{padding:14px 8px}.sb-add-actions{gap:10px}.sb-add-actions>button{justify-content:center;width:100%}.sb-ideas,.sb-workflow,.sb-continuity>div:nth-child(2),.sb-page .ap-related-grid{grid-template-columns:minmax(0,1fr)}.sb-export{gap:12px}.sb-export>button{flex-grow:1;justify-content:center}.sb-export>small{margin-left:0}.sb-preview-controls{gap:7px}.sb-preview-controls>span{text-align:right;width:100%;margin-left:0}.sb-ideas h3{font-size:20px}.sb-empty h3{font-size:18px}.sb-timeline{grid-auto-columns:148px}}