.settings-page{flex-direction:column;gap:20px;max-width:1400px;display:flex}.timing-form{max-width:420px}.designer{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:24px;display:grid}.designer-controls{flex-direction:column;gap:16px;min-width:0;display:flex}@media (width<=900px){.designer{grid-template-columns:1fr}.designer-preview{order:-1;position:static}}.designer-preview{flex-direction:column;gap:12px;min-width:0;display:flex;position:sticky;top:92px}.phone{aspect-ratio:9/16;border:1px solid var(--border-strong);border-radius:14px;width:min(100%,360px,56.25vh - 146.25px);overflow:hidden}.phone[data-bg=dark]{background:linear-gradient(160deg,#10141c,#05070b)}.phone[data-bg=light]{background:linear-gradient(160deg,#f4f6fa,#c9d2e0)}.phone[data-bg=camera]{background:radial-gradient(60% 40% at 30% 22%,#ffd6aad9,#0000 70%),radial-gradient(70% 50% at 75% 80%,#5a82bebf,#0000 70%),linear-gradient(160deg,#5b6472,#23282f)}.phone iframe{pointer-events:none;background:0 0;border:0;width:100%;height:100%;display:block}.presets-block{flex-direction:column;gap:8px;display:flex}.presets{flex-wrap:wrap;gap:8px;display:flex}.presets button{border:1px solid var(--border-strong);color:var(--text-dim);background:0 0;align-items:center;gap:8px;padding:6px 10px;font-size:.85rem;display:flex}.presets button[aria-pressed=true]{border-color:var(--accent);color:var(--text)}.swatches{gap:3px;display:flex}.swatch{border-radius:3px;width:12px;height:12px;display:block}.designer-tabs{flex-wrap:nowrap;overflow-x:auto}.designer-tabs button{flex:none}.tab-panel{flex-direction:column;gap:14px;display:flex}.tab-panel h3{margin-top:6px}.field-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}label.color-field{flex-direction:row;align-items:center;gap:10px}label.color-field>span{flex:auto;min-width:0}input[type=color]{border-radius:var(--radius-sm);cursor:pointer;flex:none;width:44px;height:30px;padding:2px}.color-hex{text-align:end;width:66px;color:var(--text-faint);flex:none;font-family:Cascadia Mono,SF Mono,Consolas,monospace;font-size:.72rem}label.range-field{flex-flow:wrap;align-items:center;gap:10px}label.range-field>span{flex:130px;min-width:0}input[type=range]{width:auto;min-width:90px;accent-color:var(--accent);cursor:pointer;background:0 0;border:0;flex:110px;padding:0}label.range-field>output{text-align:end;font-variant-numeric:tabular-nums;width:54px;color:var(--text);flex:none;font-size:.8rem}label.switch{cursor:pointer;flex-direction:row;justify-content:space-between;align-items:center;gap:12px}label.switch>span{color:var(--text);font-size:.9rem}label.switch input[type=checkbox]{appearance:none;background:var(--bg-sunken);border:1px solid var(--border-strong);cursor:pointer;border-radius:999px;flex:none;width:40px;height:22px;padding:0;transition:background .15s;position:relative}label.switch input[type=checkbox]:after{content:"";top:2px;background:var(--text-faint);border-radius:50%;width:16px;height:16px;transition:transform .15s,background .15s;position:absolute;inset-inline-start:2px}label.switch input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}label.switch input[type=checkbox]:checked:after{background:var(--bg);transform:translate(18px)}[dir=rtl] label.switch input[type=checkbox]:checked:after{transform:translate(-18px)}fieldset.seg-field{border:0;flex-direction:column;gap:6px;min-width:0;margin:0;padding:0;display:flex}fieldset.seg-field>legend{color:var(--text-dim);padding:0;font-size:.85rem}.seg{background:var(--bg-sunken);border-radius:var(--radius-sm);flex-wrap:wrap;gap:4px;padding:4px;display:flex}.seg label{flex-direction:row;flex:auto;gap:0;margin:0;position:relative}.seg input[type=radio]{opacity:0;width:1px;height:1px;margin:0;padding:0;position:absolute}.seg span{border-radius:var(--radius-sm);text-align:center;white-space:nowrap;width:100%;color:var(--text-dim);cursor:pointer;padding:6px 10px;font-size:.85rem;display:block}.seg input[type=radio]:checked+span{background:var(--bg-raised);color:var(--text)}.seg input[type=radio]:focus-visible+span{outline:2px solid var(--accent);outline-offset:1px}.logo-block{border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:10px;padding:12px;display:flex}#logo-thumb{object-fit:contain;border-radius:var(--radius-sm);background-color:#262b35;background-image:linear-gradient(45deg,#1b1f27 25%,#0000 25%),linear-gradient(-45deg,#1b1f27 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#1b1f27 75%),linear-gradient(-45deg,#0000 75%,#1b1f27 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;width:96px;height:96px}.dirty-dot{color:var(--warn);white-space:nowrap;align-items:center;gap:6px;font-size:.8rem;display:flex}.dirty-dot:before{content:"";background:var(--warn);border-radius:50%;width:8px;height:8px}.designer-actions{z-index:2;background:var(--bg-raised);border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;padding:12px 0;display:flex;position:sticky;bottom:0}.designer-actions .notice{padding:6px 10px}#preview-failed{flex-direction:column;gap:8px;display:flex}