.tutorial-page{max-width:1560px;margin:auto;padding:0 32px 64px}.tutorial-header{justify-content:space-between;align-items:center;gap:24px;min-height:92px;display:flex}.tutorial-header>a:last-child{color:var(--site-text-muted);align-items:center;gap:8px;display:flex}.tutorial-heading{justify-content:space-between;align-items:end;gap:32px;margin:36px 0 32px;display:flex}.tutorial-heading h1{letter-spacing:-.025em;margin:8px 0 12px;font-size:clamp(28px,3vw,42px)}.tutorial-heading p{color:var(--site-text-muted);margin:0}.tutorial-controls{flex-shrink:0;gap:8px;display:flex}.walkthrough-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.walkthrough-heading h2{margin:0;font:700 32px Torus,sans-serif}.tutorial-page .share-tabs{max-width:640px}.tutorial-page .share-panel{padding-top:24px}.tutorial-step-picker{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.tutorial-step-picker button{color:var(--site-text-muted);background:0 0}.tutorial-step-picker button[aria-pressed=true]{background:var(--site-accent-muted);color:var(--site-text)}.tutorial-step-picker button span{border:1px solid var(--site-border);border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;display:grid}.tutorial-layout{gap:24px;display:grid}.tutorial-layout-single{max-width:1080px}.tutorial-layout-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tutorial-layout-across{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.tutorial-layout-stack{gap:40px;max-width:860px;margin-inline:auto}.tutorial-player{min-width:0;margin:0}.tutorial-screen{aspect-ratio:16/10;isolation:isolate;border:1px solid var(--site-border);background:var(--site-surface-1);border-radius:14px;position:relative;overflow:hidden;box-shadow:0 12px 40px #0002}.tutorial-screen iframe{transform-origin:0 0;opacity:0;pointer-events:none;will-change:transform;border:0;position:absolute;inset:0 auto auto 0}.tutorial-cursor{color:#fff;filter:drop-shadow(0 2px 3px #000a);pointer-events:none;opacity:0;z-index:2;position:absolute;top:0;left:0}.tutorial-cursor svg{stroke:#242029;stroke-width:1.5px;transform-origin:4px 4px;transition:transform .14s}.tutorial-cursor.pressed svg{transform:scale(.82)}.tutorial-cursor>span{border:2px solid var(--site-accent);opacity:0;border-radius:50%;width:28px;height:28px;position:absolute;top:-10px;left:-10px}.tutorial-cursor.pressed>span{animation:.5s ease-out tutorial-click}@keyframes tutorial-click{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.5)}}.tutorial-progress{z-index:3;background:#ffffff10;height:3px;position:absolute;inset:auto 0 0}.tutorial-progress span{background:var(--site-accent);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.tutorial-player figcaption{padding:16px 2px 0}.tutorial-step-label{font:700 18px Torus,sans-serif}.tutorial-player figcaption p{min-height:44px;color:var(--site-text-muted);margin:5px 0 0;font-size:13px;line-height:1.65}.tutorial-error{background:var(--site-surface-1);z-index:4;flex-direction:column;justify-content:center;padding:24px;display:flex;position:absolute;inset:0}.tutorial-error p{color:var(--site-text-muted);margin:6px 0}.tutorial-document,.tutorial-document body{overflow:hidden}.tutorial-document .tutorial-input-active{outline:2px solid var(--site-accent);outline-offset:2px}@media (width<=1100px){.tutorial-layout-across{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.tutorial-page{padding-inline:16px}.tutorial-header{gap:12px;min-height:76px}.tutorial-header>a:last-child{font-size:12px}.tutorial-heading{flex-direction:column;align-items:start;gap:20px;margin-top:24px}.tutorial-layout-grid,.tutorial-layout-across{grid-template-columns:1fr}.tutorial-step-picker{grid-template-columns:1fr 1fr;display:grid}.tutorial-step-picker button{justify-content:start;padding-inline:8px;font-size:12px}}.feedback-page{max-width:1160px;padding-top:52px}.feedback-hero{align-items:center;gap:28px;margin-bottom:36px}.feedback-eyebrow{color:var(--site-accent);letter-spacing:1.4px;align-items:center;gap:8px;margin-bottom:14px;font-size:11px;font-weight:700;display:inline-flex}.feedback-hero h1{letter-spacing:-.6px;margin:0;font:700 clamp(30px,4vw,42px)/1.1 Torus,sans-serif}.feedback-hero p{max-width:570px;color:var(--site-text-muted);margin:14px 0 0;line-height:1.8}.feedback-hero>.button{flex-shrink:0;padding:12px 18px}.feedback-toolbar{border:1px solid var(--site-border);background:var(--site-surface-1);border-radius:14px;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;padding:16px;display:flex}.feedback-tabs{background:var(--site-background);border-radius:9px;gap:4px;margin-right:auto;padding:4px;display:flex}.feedback-tabs button{color:var(--site-text-muted);background:0 0;border-color:#0000;padding:10px 14px}.feedback-tabs [aria-selected=true]{background:var(--site-surface-3);color:var(--site-text);box-shadow:0 1px 4px #0002}.feedback-tabs [aria-selected=true] svg{color:var(--site-accent)}.feedback-filter{color:var(--site-text-muted);gap:4px;width:190px;font-size:11px}.feedback-filter select{padding:6px 10px;font-size:13px}.feedback-manage{min-height:38px}.feedback-board,.feedback-layout{grid-template-columns:minmax(0,1fr) 270px;align-items:start;gap:28px;display:grid}.feedback-board-main{min-width:0}.feedback-board-aside{gap:20px;display:grid}.feedback-board-aside section,.feedback-aside{border:1px solid var(--site-border);background:var(--site-surface-1);border-radius:14px;padding:24px}.feedback-board-aside h2,.feedback-aside h2{align-items:center;gap:8px;margin:14px 0 10px;font:700 19px/1.3 Torus,sans-serif;display:flex}.feedback-board-aside p,.feedback-aside>p{color:var(--site-text-muted);margin:0 0 18px;font-size:13px;line-height:1.8}.feedback-board-aside a{align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.feedback-aside-icon,.feedback-login-icon{width:44px;height:44px;color:var(--site-accent);background:var(--site-accent-muted);border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.feedback-sidebar-tags{gap:6px;display:grid}.feedback-sidebar-tags button{white-space:normal;text-align:left;overflow-wrap:anywhere;background:0 0;border-color:#0000;justify-content:flex-start;padding:7px 9px;font-size:13px}.feedback-sidebar-tags button:hover,.feedback-sidebar-tags [aria-pressed=true]{background:var(--site-surface-2);border-color:var(--site-border)}.feedback-sidebar-tags button>span{border-radius:50%;flex-shrink:0;width:8px;height:8px}.feedback-list{flex-direction:column;gap:14px;margin-bottom:20px;display:flex}.feedback-entry{border:1px solid var(--site-border);background:var(--site-surface-1);border-radius:14px;grid-template-columns:36px minmax(0,1fr);column-gap:16px;min-width:0;padding:22px;display:grid}.feedback-entry-type{border:1px solid var(--site-border);height:36px;color:var(--site-accent);background:var(--site-background);border-radius:11px;grid-area:1/1/span 2;justify-content:center;align-items:center;display:flex}.feedback-entry-type.bug{color:var(--warning)}.feedback-entry>header{grid-column:2;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.feedback-author{flex-wrap:wrap;align-items:center;gap:6px 12px;min-width:0;font-size:13px;display:flex}.feedback-author a{color:var(--site-text);overflow-wrap:anywhere;align-items:center;gap:7px;max-width:100%;font-weight:700;display:inline-flex}.feedback-author a>svg{color:var(--site-text-muted);flex-shrink:0}.feedback-author-initial{background:var(--site-surface-3);width:24px;height:24px;color:var(--site-text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font:700 12px Torus,sans-serif;display:inline-flex}.feedback-author time,.feedback-author small{color:var(--site-text-muted);font-size:11px}.feedback-entry-actions,.feedback-tag-tools{flex-shrink:0;align-items:center;gap:3px;display:flex}.feedback-entry-actions .icon-button{background:0 0;border-color:#0000;width:30px;height:30px;padding:5px}.feedback-entry-actions .icon-button:hover{background:var(--site-surface-2);border-color:var(--site-border)}.feedback-message{white-space:pre-wrap;overflow-wrap:anywhere;grid-column:2;margin:0;font-size:14px;line-height:1.85}.feedback-statuses{flex-wrap:wrap;grid-column:2;gap:7px;margin-top:16px;display:flex}.feedback-status{overflow-wrap:anywhere;border-radius:6px;align-items:center;gap:6px;max-width:100%;padding:4px 8px;font-size:11px;font-weight:700;line-height:1.5;display:inline-flex}.feedback-status>span{min-width:0}.feedback-status-remove{color:inherit;background:0 0;border:0;border-left:1px solid;border-radius:0;flex-shrink:0;padding:1px 0 1px 5px}.feedback-status-remove:hover{color:inherit;opacity:.65;background:0 0}.feedback-empty{text-align:center;background:0 0;border-style:dashed;padding:62px 28px}.feedback-empty>svg{color:var(--site-accent);margin-bottom:16px}.feedback-empty h2{margin:0 0 10px;font:700 24px Torus,sans-serif}.feedback-empty p{color:var(--site-text-muted);margin-bottom:24px}.feedback-form{flex-direction:column;gap:12px;display:flex}.panel.feedback-form{border-radius:16px;padding:28px}.feedback-types{border:0;grid-template-columns:1fr 1fr;gap:12px;min-width:0;margin:0 0 18px;padding:0;display:grid}.feedback-types legend{color:var(--site-text-muted);padding:0 0 12px;font-size:13px}.feedback-type{cursor:pointer;border:1px solid var(--site-border);background:var(--site-background);border-radius:10px;flex-direction:row;align-items:center;gap:12px;padding:18px 28px 18px 16px;position:relative}.feedback-type.selected{border-color:var(--site-accent);background:var(--site-accent-muted)}.feedback-type input{margin:0;position:absolute;top:12px;right:10px}.feedback-type>svg{color:var(--site-text-muted);flex-shrink:0}.feedback-type.selected>svg{color:var(--site-accent)}.feedback-type span{flex-direction:column;gap:5px;display:flex}.feedback-type strong{color:var(--site-text)}.feedback-type small{color:var(--site-text-muted);font-size:11px}.feedback-hint{color:var(--site-text-muted);margin:-4px 0 0;font-size:12px;line-height:1.7}.feedback-form textarea{background:var(--site-background);resize:vertical;min-height:200px;line-height:1.8}.feedback-count{text-align:right;color:var(--site-text-muted);font-size:11px}.feedback-visibility{background:var(--site-background);border:1px solid var(--site-border);border-radius:9px;padding:14px 16px;font-size:12px}.feedback-visibility p{color:var(--site-text-muted);margin:5px 0 0;line-height:1.7}.feedback-submit{justify-content:space-between;align-items:center;gap:24px;margin-top:10px;display:flex}.feedback-submit small{color:var(--site-text-muted);flex:1;font-size:11px;line-height:1.8}.feedback-submit button{flex-shrink:0;padding:12px 18px}.feedback-aside{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.feedback-aside>svg{color:var(--site-accent)}.feedback-aside h2,.feedback-aside>p{margin:0}.feedback-aside>small{color:var(--site-text-muted);font-size:11px;line-height:1.8}.feedback-copy{color:var(--site-text-muted);background:0 0;border:0;padding:0;font-size:12px}.feedback-copy:hover{color:var(--site-text);background:0 0}.feedback-login,.feedback-success{border-radius:16px;padding:34px}.feedback-login-icon{border-radius:15px;width:56px;height:56px;margin-bottom:10px}.feedback-login h2,.feedback-success h2{font:700 26px/1.25 Torus,sans-serif}.feedback-login p,.feedback-success p{color:var(--site-text-muted);max-width:430px;margin-bottom:24px;line-height:1.8}.feedback-login .button{margin:0 10px 10px 0}.feedback-success>svg{color:var(--success)}.feedback-actions{flex-wrap:wrap;gap:10px;display:flex}.feedback-delete-preview{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--site-background);max-height:180px;color:var(--site-text-muted);border-radius:8px;padding:14px;overflow-y:auto}.feedback-status-options{gap:8px;max-height:240px;margin:20px 0;display:grid;overflow-y:auto}.feedback-status-option{border:1px solid var(--site-border);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;display:flex}.feedback-status-option label{cursor:pointer;flex-direction:row;align-items:center;gap:10px;min-width:0;display:flex}.feedback-tag-tools .icon-button{background:0 0;border:0;width:28px;height:28px;padding:5px}.feedback-status-form{border-top:1px solid var(--site-border);padding:20px 0}.feedback-status-form fieldset{border:0;gap:12px;min-width:0;margin:0;padding:0;display:grid}.feedback-status-form h3{margin:0;font:700 19px Torus,sans-serif}.feedback-palette{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.feedback-palette button{border:2px solid var(--site-border);border-radius:50%;width:26px;height:26px;padding:0}.feedback-palette button[aria-pressed=true]{outline:2px solid var(--site-text);outline-offset:2px}.feedback-modal-footer{border-top:1px solid var(--site-border);justify-content:flex-end;align-items:center;gap:12px;padding-top:16px;display:flex}.feedback-modal-footer>small{color:var(--site-text-muted);margin-right:auto}.feedback-tag-delete{border:1px solid var(--danger);background:var(--site-background);border-radius:9px;margin-bottom:18px;padding:16px}.feedback-tag-delete p{color:var(--site-text-muted);font-size:12px;line-height:1.7}.feedback-tag-empty{color:var(--site-text-muted);align-items:center;gap:12px;padding:10px 0 20px;font-size:13px;display:flex}@media (width<=900px){.feedback-board,.feedback-layout{grid-template-columns:minmax(0,1fr)}.feedback-board-aside{grid-template-columns:repeat(2,minmax(0,1fr))}.feedback-aside{max-width:100%}}@media (width<=600px){.feedback-page{padding-top:30px}.feedback-hero{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:26px}.feedback-hero>.button{width:100%}.feedback-toolbar{gap:12px;padding:12px}.feedback-tabs{width:100%}.feedback-tabs button{flex:1;padding:10px 8px;font-size:12px}.feedback-filter{flex:1;min-width:130px}.feedback-manage{align-self:flex-end;font-size:12px}.feedback-board-aside{grid-template-columns:minmax(0,1fr)}.feedback-entry{grid-template-columns:28px minmax(0,1fr);column-gap:10px;padding:16px}.feedback-entry-type{border-radius:8px;width:28px;height:30px}.feedback-entry>header{flex-wrap:wrap;gap:6px}.feedback-message{font-size:13px}.panel.feedback-form,.feedback-login,.feedback-success{padding:20px}.feedback-type{gap:8px;padding:16px 22px 16px 12px}.feedback-type>svg{display:none}.feedback-type span{font-size:13px}.feedback-type small{font-size:10px}.feedback-submit{flex-direction:column;align-items:stretch;gap:16px}.feedback-status-options{max-height:180px}.feedback-modal-footer{flex-wrap:wrap}}@font-face{font-family:Torus;src:url(/assets/fonts/Torus-Regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Torus;src:url(/assets/fonts/Torus-Bold.ttf)format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Inter;src:url(/assets/fonts/Inter-Regular.woff)format("woff");font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url(/assets/fonts/Inter-Bold.woff)format("woff");font-weight:700;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--site-hue:334;--site-background:hsl(var(--site-hue) 6% 14%);--site-surface-1:hsl(var(--site-hue) 7% 18%);--site-surface-2:hsl(var(--site-hue) 7% 22%);--site-surface-3:hsl(var(--site-hue) 6% 26%);--site-border:hsl(var(--site-hue) 6% 32%);--editor-workspace:hsl(var(--site-hue) 6% 16%);--editor-dot:hsl(var(--site-hue) 8% 66% / .4);--site-accent:#f6a;--site-accent-hover:hsl(var(--site-hue) 85% 74%);--site-accent-muted:hsl(var(--site-hue) 35% 22%);--site-text:#f5f1f4;--site-text-muted:#ada5ac;--site-on-accent:#181019;--danger:#ff707f;--warning:#edc578;--success:#8bd6a8;color:var(--site-text);background:var(--site-background);font:14px/1.55 Inter,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,.button{border:1px solid var(--site-border);background:var(--site-surface-2);color:var(--site-text);cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:9px 13px;line-height:1.4;text-decoration:none;display:inline-flex}button:hover,.button:hover{background:var(--site-surface-3);border-color:var(--site-text-muted)}button:disabled,.button[aria-disabled=true]{opacity:.4;cursor:not-allowed}button.primary,.button.primary{background:var(--site-accent);border-color:var(--site-accent);color:var(--site-on-accent);font-weight:700}button.primary:hover,.button.primary:hover{background:var(--site-accent-hover)}button.danger{background:var(--danger);border-color:var(--danger);color:#1a0c0e}.danger-text,.error{color:var(--danger)}.warning{color:var(--warning)}.accent,a{color:var(--site-accent)}a{text-decoration:none}a:hover{text-decoration:underline}button svg,.button svg{flex-shrink:0}:focus-visible{outline:2px solid var(--site-accent);outline-offset:3px}input,select,textarea{min-width:0;color:var(--site-text);background:var(--site-background);border:1px solid var(--site-border);border-radius:7px;width:100%;padding:9px 10px}input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--site-accent);width:auto}label{color:var(--site-text-muted);flex-direction:column;gap:7px;font-size:13px;display:flex}label.check,.option{flex-direction:row;align-items:center}textarea{resize:vertical;min-height:75px}h1,h2,h3{color:var(--site-text);line-height:1.2}h1{margin:0 0 16px;font-family:Torus,sans-serif;font-size:40px}h2{margin:0 0 16px;font-size:23px}h3{font-size:17px}h4{color:var(--site-text-muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 14px;font-size:11px}p{margin:0 0 16px}small,.muted{color:var(--site-text-muted)}small{font-size:12px}code,kbd{background:var(--site-surface-3);border-radius:4px;padding:3px 6px;font-size:12px}hr{border:0;border-top:1px solid var(--site-border);width:100%}.site{flex-direction:column;min-height:100vh;display:flex}.navbar{border-bottom:1px solid var(--site-border);justify-content:space-between;align-items:center;gap:20px;height:80px;padding:0 max(24px,50vw - 590px);display:flex}.brand{color:var(--site-text);white-space:nowrap;align-items:center;gap:8px;font:700 23px Torus,sans-serif;text-decoration:none;display:inline-flex}.brand:hover,.brand:focus{text-decoration:none}.brand-version{color:var(--site-text-muted);align-items:center;gap:0;font:12px Inter,sans-serif;display:inline-flex}.brand-version img{object-fit:contain;width:24px;height:24px;margin-inline-end:-3px}.navbar nav{align-items:center;gap:24px;display:flex}.navbar nav>a:not(.button){color:var(--site-text-muted);align-items:center;gap:7px;display:flex}.navbar nav>a.active{color:var(--site-accent)}.site-main{flex:1}.avatar{object-fit:cover;background:var(--site-surface-3);border-radius:11px;width:42px;height:42px}.avatar.large{width:72px;height:72px}.avatar-trigger{background:0 0;border:0;padding:0}.account-menu{position:relative}.dropdown{z-index:15;border:1px solid var(--site-border);background:var(--site-surface-1);text-align:left;border-radius:10px;flex-direction:column;align-items:stretch;min-width:210px;max-height:70vh;padding:10px;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:auto;box-shadow:0 12px 30px #0003}.dropdown>strong{padding:5px 9px}.dropdown>code{align-self:flex-start;margin:0 9px 5px}.dropdown>a,.dropdown>button{color:var(--site-text);background:0 0;border:0;border-radius:6px;justify-content:flex-start;align-items:center;gap:9px;padding:8px 9px;display:flex}.dropdown>a:hover,.dropdown>button:hover{background:var(--site-surface-2);text-decoration:none}.footer{border-top:1px solid var(--site-border);background:var(--site-surface-1);grid-template-columns:2fr 1fr 1fr;gap:40px;margin-top:70px;padding:45px max(24px,50vw - 590px);display:grid}.footer>div{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.footer p{color:var(--site-text-muted);margin:0}.footer small{align-items:center;gap:4px;display:flex}.footer a:not(.brand){color:var(--site-text-muted)}.page{max-width:1180px;margin:0 auto;padding:48px 24px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.page-heading p{color:var(--site-text-muted);margin:0}.panel{background:var(--site-surface-1);border:1px solid var(--site-border);border-radius:14px;padding:28px}.state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:55vh;padding:50px 24px;display:flex}.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:64px;max-width:1180px;margin:0 auto;padding:88px 24px 76px;display:grid}.hero-copy{flex-direction:column;align-items:flex-start;gap:26px;min-width:0;display:flex}.hero h1{letter-spacing:-.025em;margin:0;font-size:clamp(46px,5.4vw,72px)}.hero h1 span{color:var(--site-accent)}.hero p{color:var(--site-text-muted);max-width:450px;margin:0;font-size:17px;line-height:1.75}.hero-preview{border:1px solid var(--site-border);background-color:var(--site-surface-1);background-image:radial-gradient(var(--site-border) .8px, transparent .8px);background-size:20px 20px;border-radius:16px;justify-content:center;align-items:center;min-width:0;min-height:300px;padding:32px;display:flex}.hero-preview>svg{filter:drop-shadow(0 12px 20px #0004);width:100%;max-width:480px;height:auto;display:block}.hero-copy>.button,.hero-copy>button{padding:14px 22px}.content-section{max-width:1180px;margin:0 auto;padding:35px 24px}.content-section>h2{margin-bottom:32px;font:700 32px Torus,sans-serif}.about{border-top:1px solid var(--site-border);margin-top:40px;padding-top:38px}.about>h2{margin:0 0 24px}.about-copy{max-width:780px}.about p{color:var(--site-text-muted);margin:0;font-size:16px;line-height:1.85}.about-copy p:first-child{color:var(--site-text);font-size:18px}.about-copy p+p{margin-top:16px}.login-panel{text-align:center;flex-direction:column;align-items:stretch;gap:18px;width:min(100% - 48px,470px);margin:80px auto;display:flex}.login-panel h1{font-size:32px}.login-panel p,.login-panel h1{margin:0}.login-panel small{display:block}.slot-strip{background:var(--site-surface-1);border:1px solid var(--site-border);border-radius:12px;align-items:center;gap:14px;margin:0 0 30px;padding:18px;display:flex}.slot-strip p{color:var(--site-text-muted);margin:3px 0 8px;font-size:13px}.slot-info{flex:1;min-width:0}.slot-info strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.slot-info .slots{max-width:255px}.slot-info .slots span{flex:1;min-width:0}.slot-preset{flex-shrink:0;margin-left:auto}.slots{gap:5px;display:flex}.slots span{background:var(--site-surface-3);border-radius:2px;width:21px;height:5px}.slots .filled{background:var(--site-accent)}.design-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.design-tile{border:1px solid var(--site-border);background:var(--site-surface-1);border-radius:13px;min-width:0}.preview-stage{background-color:var(--site-background);background-image:radial-gradient(var(--site-border) .7px, transparent .7px);background-size:12px 12px;border-radius:13px 13px 0 0;justify-content:center;align-items:center;height:220px;padding:22px;display:flex;position:relative}.preview-stage>svg{object-fit:contain;width:100%;max-width:100%;max-height:100%}.preview-error{font-size:10px;position:absolute;bottom:4px}.tile-content{padding:18px}.tile-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.tile-title h2{white-space:nowrap;text-overflow:ellipsis;margin:0 0 10px;font-size:17px;overflow:hidden}.badge{color:var(--site-text-muted);background:var(--site-surface-3);border-radius:5px;padding:2px 6px;font-size:10px}.badge.active{color:var(--success)}.tile-content>small{margin-bottom:7px;display:block}.tile-actions{gap:8px;margin-top:15px;display:flex}.tile-activation{width:100%;margin-top:10px;padding:9px}.preset-label{color:var(--site-accent);margin-bottom:10px;font-size:12px;font-weight:700;display:block}.preset-picker-help{color:var(--site-text-muted);margin:0 0 20px;font-size:14px}.preset-options{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:18px;display:grid}.preset-option .preview-stage{height:180px}.preset-option h3{margin:0 0 10px;font-size:17px}.preset-option .primary{width:100%;margin-top:12px}.tile-actions>.button,.tile-actions>button{flex:1;padding:7px}.overflow{margin-left:auto;position:relative}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.overflow summary{padding:8px}.new-tile{white-space:normal;min-height:360px;color:var(--site-text-muted);background:0 0;border-style:dashed;flex-direction:column;gap:14px;display:flex}.new-tile svg{color:var(--site-accent)}.settings-page{max-width:1080px}.settings-heading{margin-bottom:30px}.settings-heading h1{margin-bottom:8px}.settings-heading p{color:var(--site-text-muted);margin:0}.settings-sections{border:1px solid var(--site-border);border-radius:12px;overflow:hidden}.settings-section{background:var(--site-surface-1);grid-template-columns:190px minmax(0,1fr);display:grid}.settings-section+.settings-section{border-top:1px solid var(--site-border)}.settings-section-heading{padding:25px 24px}.settings-section-heading h2{margin:0;font-family:Torus,sans-serif;font-size:21px}.settings-section-body{background:var(--site-surface-2);min-width:0}.settings-row{grid-template-columns:120px minmax(0,1fr);align-items:start;gap:20px;padding:22px 24px;display:grid}.settings-row+.settings-row{border-top:1px solid var(--site-border)}.settings-row-label{color:var(--site-text-muted);text-align:right;padding-top:8px;font-size:13px}.settings-control{min-width:0}.settings-control>small{display:block}.settings-help{color:var(--site-text-muted);margin:10px 0 5px;font-size:13px;line-height:1.7}.settings-account{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.settings-account>.avatar{flex-shrink:0}.settings-account-details{overflow-wrap:anywhere;flex:1;min-width:130px}.settings-account-details strong,.settings-account-details small{display:block}.settings-profile-link{padding:8px 10px;font-size:12px}.settings-refresh{white-space:normal;max-width:100%}.theme-control{align-items:center;gap:12px;display:flex}.theme-control input[type=range]{appearance:none;background:linear-gradient(90deg,#f55,#ff5,#5f5,#5ff,#55f,#f5f,#f55);border:0;border-radius:10px;flex:1;width:100%;height:8px;padding:0}.theme-control input[type=range]::-webkit-slider-thumb{appearance:none;border:2px solid var(--site-text);background:var(--site-surface-1);border-radius:50%;width:18px;height:18px}.theme-control input[type=range]::-moz-range-thumb{border:2px solid var(--site-text);background:var(--site-surface-1);border-radius:50%;width:14px;height:14px}.theme-control .compact{flex-shrink:0;width:70px}.theme-swatch{background:var(--site-accent);border-radius:8px;flex-shrink:0;width:36px;height:36px}.preset-row{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.theme-preset{padding:7px 10px;font-size:12px}.preset-swatch{border-radius:50%;width:10px;height:10px}.settings-theme-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.settings-theme-footer button{padding:7px 10px;font-size:12px}.usage-meter>span{text-align:right;font-variant-numeric:tabular-nums;margin-bottom:10px;font-weight:700;display:block}.usage-slots span{flex:1;width:auto;height:6px}.settings-legal-links{flex-wrap:wrap;align-items:center;gap:24px;min-height:36px;display:flex}.settings-section-danger h2{color:var(--danger)}.settings-section-danger .settings-help{margin:0 0 14px}.selected{border-color:var(--site-accent)!important;background:var(--site-accent-muted)!important;color:var(--site-text)!important}.prose{max-width:800px}.prose h2{margin-top:32px}.prose p{color:var(--site-text-muted)}.modal{border:1px solid var(--site-border);width:min(100vw - 32px,520px);max-height:calc(100vh - 64px);color:var(--site-text);background:var(--site-surface-1);border-radius:14px;padding:26px;overflow:auto}.modal.wide{width:min(100vw - 32px,850px)}.modal::backdrop{background:#0009}.modal-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.modal-header h2{margin:0;font-size:21px}.modal-actions{justify-content:space-between;gap:10px;margin-top:25px;display:flex}.modal label{margin-bottom:16px}.icon-button{background:0 0;border:0;padding:6px}.wizard-steps{justify-content:space-between;gap:5px;margin-bottom:25px;display:flex}.wizard-steps button{border:0;flex-direction:column;flex:1;padding:8px 0;font-size:12px}.wizard-steps span{border:1px solid var(--site-border);border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.options{gap:10px;display:grid}.options button{white-space:normal;flex-direction:column;align-items:flex-start;padding:14px}.option{border:1px solid var(--site-border);cursor:pointer;border-radius:8px;padding:14px}.share-modal{width:min(100vw - 32px,640px)}.share-modal .modal-header h2{overflow-wrap:anywhere;min-width:0}.share-modal .modal-header .icon-button{flex-shrink:0}.share-modal .preview-stage{border:1px solid var(--site-border);border-radius:10px;height:160px;margin-bottom:22px}.share-tabs{grid-template-columns:repeat(var(--tab-count,5), minmax(0, 1fr));border-bottom:1px solid var(--site-border);gap:4px;display:grid}.share-tabs button{min-width:0;color:var(--site-text-muted);white-space:normal;overflow-wrap:anywhere;background:0 0;border:0;border-radius:6px 6px 0 0;padding:12px 6px;font-size:13px}.share-tabs button[aria-selected=true]{color:var(--site-accent);background:var(--site-accent-muted);box-shadow:inset 0 -2px var(--site-accent)}.share-panel{min-width:0;padding-top:22px}.share-help{color:var(--site-text-muted);margin:0 0 18px;font-size:13px;line-height:1.75}.share-code textarea{resize:vertical;overflow-wrap:anywhere;min-height:70px;font:12px/1.75 monospace}.share-code label{margin-bottom:8px}.share-code .primary{width:100%;margin-top:2px}.share-stop{border-top:1px solid var(--site-border);margin-top:22px;padding-top:16px;font-size:13px}.share-stop .danger-text{background:0 0;border:0;padding:4px 0}.shared-layout-page{max-width:840px}.shared-layout-page h1{overflow-wrap:anywhere}.shared-layout-page>p{max-width:650px;color:var(--site-text-muted)}.shared-layout-page>small{display:block}.shared-layout-preview{border:1px solid var(--site-border);border-radius:12px;height:300px;margin:28px 0 14px;padding:32px}.shared-layout-page>.primary{margin-top:24px}.toast-stack{z-index:100;flex-direction:column;align-items:center;gap:10px;width:min(100vw - 32px,600px);display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.toast{background:var(--site-surface-3);border:1px solid var(--site-border);border-radius:9px;align-items:center;gap:14px;padding:12px 16px;display:flex;box-shadow:0 5px 20px #0003}.toast button{padding:4px 8px}.control-row{gap:10px;display:flex}.control-row>label{flex:1;min-width:0}.editor{flex-direction:column;height:100dvh;font-size:12px;display:flex;overflow:hidden}.editor-top{background:var(--site-surface-1);border-bottom:1px solid var(--site-border);flex-shrink:0;align-items:center;gap:14px;height:60px;padding:10px 16px;display:flex}.editor-top .design-name{background:0 0;border-color:#0000;flex:1;max-width:320px;font-size:15px;font-weight:700}.editor-top .design-name:hover,.editor-top .design-name:focus{border-color:var(--site-border);background:var(--site-background)}.dimensions{color:var(--site-text-muted);white-space:nowrap}.editor-top select{width:110px;padding:6px}.save-state{color:var(--site-text-muted);margin-left:auto}.save-state.unsaved{color:var(--warning)}.editor-menu{background:var(--site-surface-1);border-bottom:1px solid var(--site-border);flex-shrink:0;align-items:center;gap:4px;height:37px;padding:0 14px;display:flex}.editor-menu details{position:relative}.editor-menu summary{border-radius:4px;padding:6px 10px}.editor-menu summary:hover{background:var(--site-surface-3)}.menu-dropdown{min-width:270px;top:100%;left:0;right:auto}.menu-dropdown>button{justify-content:space-between;gap:30px;display:flex}.menu-dropdown small{font-size:10px}.menu-spacer{flex:1}.editor-body{flex:1;min-height:0;display:flex}.editor-side-wrap{border:0;flex-shrink:0;min-width:0;margin:0;padding:0;overflow:hidden}.editor-left,.editor-right{background:var(--site-surface-1);flex-direction:column;height:100%;display:flex}.panel-tabs{border-bottom:1px solid var(--site-border);flex-shrink:0;gap:2px;height:44px;padding:6px;display:flex}.panel-tabs button{border:0;border-radius:5px;flex:1;padding:5px;font-size:11px}.panel-scroll{flex:1;min-height:0;overflow:auto}.panel-resizer{cursor:col-resize;background:var(--site-border);touch-action:none;flex-shrink:0;width:5px}.panel-resizer:hover{background:var(--site-accent)}.palette{padding:16px 12px}.palette>small{margin-bottom:18px;display:block}.palette section{margin-bottom:20px}.palette h4{margin:0 0 8px 6px}.palette button{background:0 0;border:0;border-radius:5px;justify-content:flex-start;width:100%;padding:7px 8px;font-size:12px}.palette button:hover{background:var(--site-surface-2)}.palette .data-entry{color:var(--site-text-muted);padding-left:22px}.palette .data-entry svg{width:13px}.inspector-heading{border-bottom:1px solid var(--site-border);height:44px;padding:13px 16px;font-weight:700}.inspector,.panel-content{padding:18px 16px}.inspector h3,.panel-content h3{word-break:break-word;font-size:13px}.inspector section{border-bottom:1px solid var(--site-border);padding:20px 0}.inspector section:first-child{padding-top:4px}.inspector fieldset{border:0;min-width:0;margin:0;padding:0}.inspector label,.panel-content label{margin-bottom:12px;font-size:11px}.inspector input,.inspector select,.inspector textarea,.panel-content input,.panel-content select{padding:7px 8px;font-size:12px}.inspector input[type=checkbox]{width:auto}.toggle-row{gap:5px;display:flex}.toggle-row button{padding:7px}.color-control{gap:7px;display:flex}.color-control input[type=color]{flex-shrink:0;width:38px;height:33px;padding:3px}.color-control input:not([type=color]){flex:1}.search{flex-direction:row;align-items:center}.data-fields{max-height:55vh;overflow:auto}.data-fields section{margin-bottom:20px}.data-fields button{text-align:left;background:0 0;border:0;width:100%;padding:7px;display:block}.field-picker{white-space:normal;justify-content:flex-start;width:100%}.layers-panel{padding:10px 6px}.layer{cursor:pointer;border:1px solid #0000;border-radius:5px;align-items:center;gap:4px;padding:5px 3px;display:flex;position:relative}.dragging-layer{opacity:.4}.layer.drop-before:before,.layer.drop-after:after{content:"";background:var(--site-accent);height:3px;box-shadow:0 0 0 1px var(--site-surface-1);z-index:1;pointer-events:none;border-radius:3px;position:absolute;left:0;right:0}.layer.drop-before:before{top:-2px}.layer.drop-after:after{bottom:-2px}.layer.drop-before,.layer.drop-after{background:var(--site-accent-muted)}.layer input{background:0 0;border-color:#0000;flex:1;width:0;padding:5px 2px;font-size:11px}.layer input:focus{background:var(--site-background);border-color:var(--site-border)}.layer .icon-button{padding:3px}.hidden-layer{opacity:.5}.drag-handle{cursor:grab;display:flex}.arrange-controls{padding:20px 8px}.arrange-controls button{margin:2px;padding:7px}.workspace-wrap{flex:1;min-width:0;position:relative}.workspace{background-color:var(--editor-workspace);background-image:radial-gradient(circle, var(--editor-dot) 1px, transparent 1px);touch-action:none;-webkit-user-select:none;user-select:none;background-size:20px 20px;position:absolute;inset:0;overflow:hidden}.canvas-position{position:absolute;top:50%;left:50%}.canvas-scale{position:relative;transform:translate(-50%,-50%)}.card-coordinate-space{transform-origin:0 0;outline:1px solid #fff2;position:absolute;top:0;left:0;box-shadow:0 8px 32px #0004}.card-coordinate-space>svg:first-child{display:block}.selection-overlay{pointer-events:none;position:absolute;inset:0;overflow:visible}.selection{stroke:var(--site-accent)}.locked-selection{stroke:var(--warning)}.transform-handle{pointer-events:auto;fill:var(--site-text);stroke:var(--site-accent);cursor:crosshair}.snap-guide{stroke:var(--site-accent);stroke-dasharray:4 2}.marquee{fill:var(--site-accent-muted);fill-opacity:.35;stroke:var(--site-accent)}.inline-text{border:1px solid var(--site-accent);resize:none;transform-origin:50%;-webkit-user-select:text;user-select:text;background:#181019dd;border-radius:0;margin:0;padding:0;font-family:Torus,sans-serif;line-height:1.2;position:absolute;overflow:hidden}.zoom-controls{background:var(--site-surface-1);border:1px solid var(--site-border);z-index:2;border-radius:9px;align-items:center;gap:2px;padding:4px;display:flex;position:absolute;bottom:18px;right:18px}.zoom-controls button{background:0 0;border:0;padding:6px}.zoom-controls label{flex-direction:row;align-items:center;gap:0}.zoom-controls input{text-align:right;background:0 0;border:0;width:54px;padding:5px 0}.zoom-controls input::-webkit-inner-spin-button{appearance:none}.conflict-banner,.profile-warning{color:var(--warning);background:#3c2e19;justify-content:center;align-items:center;gap:20px;padding:10px 16px;display:flex}.profile-warning{z-index:3;white-space:nowrap;border-radius:8px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.editor-help{grid-template-columns:156px minmax(0,1fr);gap:24px;min-height:440px;display:grid}.help-intro{color:var(--site-text-muted);margin:0 0 24px;font-size:14px}.help-topics{border-right:1px solid var(--site-border);flex-direction:column;gap:6px;padding-right:16px;display:flex}.help-topics button{background:0 0;border-color:#0000;justify-content:flex-start;gap:10px;padding:11px 12px;font-size:13px}.help-topics button[aria-selected=true]{color:var(--site-accent);background:var(--site-surface-2);border-color:var(--site-border)}.help-content h3{margin:0 0 6px;font-size:18px}.help-description{color:var(--site-text-muted);margin:0 0 20px;font-size:13px}.help-commands{margin:0}.help-commands>div{border-bottom:1px solid var(--site-border);justify-content:space-between;align-items:center;gap:16px;padding:10px 0;font-size:12px;display:flex}.help-commands dd{text-align:right;flex-wrap:wrap;justify-content:flex-end;gap:6px;margin:0;display:flex}.help-commands kbd{white-space:nowrap;font-size:10px}.help-or,.help-menu{color:var(--site-text-muted);font-size:11px}.help-or{margin-right:6px}.help-tips{background:var(--site-surface-2);border-radius:10px;margin-top:22px;padding:16px}.help-tips h4{margin:0 0 10px;font-size:12px}.help-tips ul{color:var(--site-text-muted);margin:0;padding-left:16px;font-size:12px;line-height:1.6}.help-tips li+li{margin-top:8px}.help-footer{border-top:1px solid var(--site-border);color:var(--site-text-muted);margin:18px 0 0;padding-top:16px;font-size:11px}@media (width<=1000px){.design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer{grid-template-columns:2fr 1fr}.footer>div:last-child{grid-column:1/-1}}@media (width<=900px){.hero{grid-template-columns:1fr;gap:36px;padding-top:56px;padding-bottom:46px}.hero-copy{max-width:640px}.hero-preview{min-height:240px}.settings-section{grid-template-columns:150px minmax(0,1fr)}.settings-section-heading{padding:24px 20px}.settings-row{grid-template-columns:100px minmax(0,1fr);gap:16px;padding:20px}}@media (width<=600px){.navbar{gap:10px;height:68px;padding:0 16px}.brand{font-size:20px}.brand-version{font-size:10px}.brand{gap:4px}.brand-version img{width:22px;height:22px}.slot-strip{flex-wrap:wrap}.slot-info{flex-basis:calc(100% - 56px)}.navbar nav{gap:12px}.navbar nav>a:not(.button){gap:0;font-size:0}.navbar .button{padding:8px;font-size:11px}.navbar .button svg{display:none}.page{padding:32px 16px}h1{font-size:33px}.page-heading{align-items:flex-start}.page-heading .primary{padding:8px;font-size:12px}.design-grid{grid-template-columns:1fr}.footer{grid-template-columns:1fr;gap:25px;padding:30px 20px}.footer>div:last-child{grid-column:auto}.hero{gap:28px;padding:42px 20px 36px}.hero p{font-size:14px}.hero-preview{min-height:180px;padding:22px}.hero-copy{gap:22px}.content-section{padding:28px 20px}.content-section>h2{font-size:28px}.about{margin-top:20px}.about>h2{margin-bottom:20px}.about-copy p:first-child{font-size:16px}.about p{font-size:14px}.settings-section{grid-template-columns:1fr}.settings-section-heading{padding:18px 20px}.settings-row{grid-template-columns:1fr;gap:10px}.settings-row-label{text-align:left;padding-top:0}.usage-meter>span{text-align:left}.panel{padding:20px}.preset-row button{padding:7px;font-size:12px}.share-modal{padding:20px}.share-tabs button{font-size:11px}.shared-layout-preview{height:220px;padding:20px}}.keybind-settings>p{line-height:1.5}.keybind-recording{background:var(--site-surface-1);z-index:1;position:sticky;top:0}.keybind-recording:empty{display:none}.keybind-row{border-bottom:1px solid var(--site-border);gap:12px;padding:12px 0}.keybind-choice kbd{font:inherit}.keybind-buttons button{font-size:12px}.keybind-settings{max-height:min(560px,100vh - 260px);padding-right:12px;overflow:auto}.keybind-row{grid-template-columns:minmax(120px,1fr) minmax(240px,1.5fr);align-items:center;display:grid}.keybind-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.keybind-choice{border:1px solid var(--site-border);background:var(--site-surface-2);border-radius:8px;min-width:0;transition:border-color .12s,background .12s;display:flex;overflow:hidden}.keybind-choice:has([aria-pressed=true]){border-color:var(--site-accent);background:var(--site-accent-muted)}.keybind-choice>button:first-child{background:0 0;border:0;border-radius:0;flex:1;min-width:0;padding:10px 6px}.keybind-choice>.icon-button{border-left:1px solid var(--site-border);border-radius:0;flex:0 0 28px;width:28px}.keybind-choice kbd{text-overflow:ellipsis;background:0 0;padding:0;overflow:hidden}.keybind-buttons>button,.keybind-empty{min-height:38px;padding:8px 6px}.keybind-empty{color:var(--site-text-muted);border:1px dashed var(--site-border);border-radius:8px;place-items:center;font-size:12px;display:grid}.layer-toolbar{gap:6px;margin-bottom:12px;display:flex}.layer-toolbar button{flex:1;padding:7px 5px;font-size:12px}.layer-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;padding:5px 2px;font-size:11px;overflow:hidden}.layer-name small{margin-left:6px;font-size:10px}.layer>svg{flex-shrink:0}.layer .icon-button{flex-shrink:0;padding:4px}.layer-group{font-weight:700}.layer.drop-inside{outline:1px solid var(--site-accent);background:var(--site-accent-muted)}.keybind-buttons>button[aria-pressed=true]{border-color:var(--site-accent)}@media (width<=600px){.keybind-row{grid-template-columns:1fr;gap:8px}}.corner-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.radius-control{gap:10px;display:grid}select{border:1px solid var(--site-border);background-color:var(--site-surface-1);color:var(--site-text);cursor:pointer;border-radius:10px;padding:10px 34px 10px 12px;transition:border-color .12s,background-color .12s}select:hover{border-color:var(--site-text-muted);background-color:var(--site-surface-2)}select:focus-visible,summary:focus-visible,button:focus-visible{outline:2px solid var(--site-accent);outline-offset:3px}@supports (appearance:base-select){select{appearance:base-select}::picker(select){appearance:base-select}select{padding-right:12px}select::picker-icon{color:var(--site-text-muted);transition:rotate .15s}select:open::picker-icon{rotate:180deg}::picker(select){color:var(--site-text);background:var(--site-surface-1);border:1px solid var(--site-border);border-radius:12px;max-height:320px;margin-top:6px;padding:6px;box-shadow:0 12px 40px #0008}select option{border-radius:7px;gap:10px;padding:9px 12px}select option:hover,select option:focus{background:var(--site-surface-3)}select option:checked{background:var(--site-accent-muted)}select option::checkmark{color:var(--site-accent)}}.dropdown{border-color:var(--site-border);border-radius:12px;padding:6px;box-shadow:0 12px 40px #0008}.dropdown :is(a,button,.check){border-radius:7px;min-height:38px}.mode-select{position:relative}.mode-select>summary{border:1px solid var(--site-border);background:var(--site-surface-1);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;list-style:none;display:flex}.mode-select>summary:after{content:"⌄";color:var(--site-text-muted)}.mode-select>summary::-webkit-details-marker{display:none}.mode-options{width:100%;margin:6px 0 0;position:relative}.mode-options .check{cursor:pointer;align-items:center;margin:0;padding:7px 10px;display:flex}.mode-options .check:hover{background:var(--site-surface-2)}.background-section{border-top:1px solid var(--site-border);gap:12px;padding:18px 0;display:grid}.background-section h4{color:var(--site-text);margin:0}.inspector-name{margin-bottom:18px}.inspector-name input{font-weight:700}.framing-stage{background-color:var(--editor-workspace);border:1px solid var(--site-border);cursor:grab;touch-action:none;background-image:linear-gradient(45deg,#ffffff0c 25%,#0000 25% 75%,#ffffff0c 75%),linear-gradient(45deg,#ffffff0c 25%,#0000 25% 75%,#ffffff0c 75%);background-position:0 0,10px 10px;background-size:20px 20px;border-radius:12px;justify-content:center;align-items:center;min-height:220px;padding:30px;display:flex;overflow:hidden}.framing-stage:active{cursor:grabbing}.framing-stage>svg{outline:2px solid var(--site-accent);pointer-events:none;width:auto;max-width:100%;height:auto;max-height:350px;display:block}.framing-modal .control-row{flex-wrap:wrap;margin:16px 0}.framing-modal .control-row>label{flex:1;min-width:120px}.framing-tools button[aria-pressed=true]{border-color:var(--site-accent);background:var(--site-accent-muted)}.template-filters{background:var(--site-surface-1);border:1px solid var(--site-border);border-radius:12px;flex-wrap:wrap;align-items:end;gap:16px;margin-bottom:24px;padding:18px;display:flex}.template-filters .search{flex:2;min-width:220px;margin:0}.template-filters>label{flex:1;min-width:130px;margin:0}.template-description{color:var(--site-text-muted);overflow-wrap:anywhere;white-space:pre-wrap;margin:0}.templates-page .tile-content h2 a{color:var(--site-text);text-decoration:none}.templates-page .tile-content>label{margin:8px 0}.gallery-more{justify-content:center;margin:28px 0;display:flex}.template-empty{text-align:center;padding:40px}.publication-panel,.publication-panel form{gap:14px;display:grid}.share-height{margin:16px 0}.share-height>small{margin-top:8px}.quota-hint{position:relative}.quota-hint summary{color:var(--site-accent);cursor:pointer}.quota-hint .dropdown{width:min(300px,80vw)}.quota-hint p{white-space:normal;padding:0 8px}.skeleton-tile{pointer-events:none}.skeleton{background:linear-gradient(90deg, var(--site-surface-2) 25%, var(--site-surface-3) 50%, var(--site-surface-2) 75%);background-size:200% 100%;border-radius:6px;animation:1.5s linear infinite skeleton-pulse}.skeleton-preview{border-radius:0;height:160px}.skeleton-title{width:65%;height:24px}.skeleton-line{width:85%;height:13px}.skeleton-line.short{width:50%}.skeleton-actions{height:38px;margin-top:10px}@keyframes skeleton-pulse{to{background-position:-200% 0}}.toast-stack{z-index:10000;background:0 0;border:0;gap:10px;width:min(400px,100vw - 32px);max-width:none;margin:0;padding:0;display:grid;position:fixed;inset:auto 24px 24px auto;overflow:visible;transform:none}.toast-stack:empty{display:none}.toast{border:1px solid var(--site-border);background:var(--site-surface-1);border-radius:12px;align-items:start;gap:12px;width:100%;padding:14px;display:flex;box-shadow:0 8px 30px #0005}.toast>svg{color:var(--success);flex:none;margin-top:2px}.toast-error>svg{color:var(--danger)}.toast-info>svg{color:var(--site-accent)}.toast-message{overflow-wrap:anywhere;flex:1;min-width:0;line-height:1.5}.toast button{background:0 0;border:0;flex:none;padding:3px}.help-launch{align-items:center;gap:10px;display:inline-flex;position:relative}.help-button{padding:7px 10px;font-size:13px}.help-hint{color:var(--site-text-muted);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex}.help-hint button{background:0 0;border:0;padding:2px}.page-help{justify-content:end;width:min(1180px,100% - 48px);margin:18px auto -10px;display:flex}.modal-header .help-launch{margin-left:auto}.modal-header .help-hint{display:none}.editor-tour-help{z-index:50;position:fixed;bottom:16px;right:16px}.editor-tour-help .help-hint{display:none}.help-tour{z-index:20000;white-space:normal;position:fixed;inset:0}.tour-shade{position:fixed;inset:0}.tour-highlight{border:2px solid var(--site-accent);pointer-events:none;background:0 0;border-radius:8px;position:fixed;box-shadow:0 0 0 2px #fff3}.tour-panel{border:1px solid var(--site-accent);background:var(--site-surface-1);width:min(380px,100vw - 32px);color:var(--site-text);border-radius:14px;padding:18px;font-size:14px;position:fixed;left:max(16px,50vw - 190px);box-shadow:0 12px 50px #0008}.tour-heading{justify-content:space-between;align-items:center;display:flex}.tour-actions{justify-content:end;gap:8px;margin-top:14px;display:flex}.tour-actions button{padding:7px 11px}@media (width<=600px){.toast-stack{width:auto;inset:auto 16px 16px}.page-help{width:calc(100% - 32px)}.help-hint{font-size:11px}.template-filters .search{min-width:100%}.framing-stage{min-height:160px;padding:15px}.slot-strip{flex-wrap:wrap}.navbar nav{flex-wrap:wrap;justify-content:end;gap:8px}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}select{transition:none}select::picker-icon{transition:none}}.templates-page .page-heading{flex-wrap:wrap;gap:16px}.templates-page .page-heading>div{flex:360px;min-width:0}.templates-page .tile-content{min-width:0}.template-filters .search input{flex:1;min-width:0}.continuous-slots{background:var(--site-surface-3);border-radius:4px;height:6px;display:block;overflow:hidden}.continuous-slots .filled{border-radius:inherit;background:var(--site-accent);height:100%;display:block}.medal-summary{align-items:center;gap:.7rem;margin:.8rem 0;display:flex}.medal-summary div,.medal-picker span{flex-direction:column;gap:.25rem;min-width:0;display:flex}.medal-summary img,.medal-picker img{object-fit:contain;flex-shrink:0}.medal-summary small,.medal-picker small{color:var(--site-text-muted)}.medal-picker{gap:.4rem;max-height:55vh;margin-top:.8rem;display:grid;overflow-y:auto}.medal-picker button{text-align:left;justify-content:flex-start;align-items:center;gap:.8rem;width:100%;padding:.6rem;display:flex}.medal-picker span{text-align:left;align-items:flex-start}.medal-picker button[aria-pressed=true]{border-color:var(--site-accent)}.medal-controls>small{margin-top:.6rem;line-height:1.5;display:block}.beatmap-background form{gap:.5rem;margin:.8rem 0;display:grid}.beatmap-background form button{width:100%}.beatmap-selection{gap:.5rem;margin:.8rem 0;display:grid}.beatmap-selection img{aspect-ratio:2;object-fit:cover;border-radius:.5rem;width:100%}.beatmap-selection a{overflow-wrap:anywhere}.beatmap-background small{line-height:1.5;display:block}