:root{--c-primary:#2d7eff;--c-primary-ink:#1748a6;--c-accent:#f39b28;--c-warning:#ff9c33;--c-danger:#ff4b40;--c-success:#4caf50;--c-success-deep:#2fb36d;--c-purple:#8a4edb;--c-purple-deep:#6848b8;--c-ink:#2a3140;--c-ink-soft:#596174;--c-ink-muted:#68738a;--c-panel:#fff;--c-panel-soft:#f5f7fc;--c-page:#f4f6fa;--c-page-soft:#f7f9fd;--c-border:#e2e7f2;--c-border-strong:#ccd3e0;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--shadow-panel:0 3px 12px #1f2e5214;--space-1:4px;--space-2:8px;--space-3:10px;--space-4:12px;--fs-xs:11px;--fs-sm:12px;--fs-md:13px;--tint-primary:#eef4ff;--tint-purple:#f0e9fb;--tint-danger:#fff0f1}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);font-size:var(--fs-sm);cursor:pointer;color:#fff;border:none;padding:8px 12px;font-weight:700;transition:background .15s;display:inline-flex}.btn--block{width:100%}.btn--ghost{background:var(--c-panel);color:var(--c-ink-soft);border:1px solid var(--c-border-strong)}.btn--primary{background:var(--c-primary)}.btn--primary:hover{background:#1c6fe5}.btn--accent{background:var(--c-accent)}.btn--danger{background:var(--c-danger)}.btn--danger-ghost{background:var(--tint-danger);color:#b53a45;border:1px solid #efc3c7}.btn--danger-ghost:hover{background:var(--c-danger);color:#fff}.btn--success{background:var(--c-success)}.btn--purple{background:var(--c-purple-deep)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--active,.btn.is-active{background:var(--c-primary);border-color:var(--c-primary);color:#fff}.icon-btn{border:2px solid var(--c-border-strong);border-radius:var(--radius-md);background:var(--c-panel);width:34px;height:34px;color:var(--c-ink);cursor:pointer;justify-content:center;align-items:center;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.icon-btn--sm{border-radius:var(--radius-sm);border-width:1px;width:26px;height:26px}.icon-btn--active{background:var(--c-primary);border-color:var(--c-primary);color:#fff}.icon-btn--pen.icon-btn--active{background:var(--c-primary);border-color:var(--c-primary)}.icon-btn--eraser.icon-btn--active{background:var(--c-warning);border-color:var(--c-warning)}.icon-btn--fill.icon-btn--active{background:var(--c-success);border-color:var(--c-success)}.icon-btn--select.icon-btn--active{background:var(--c-purple);border-color:var(--c-purple)}.icon-btn--success.icon-btn--active{background:var(--c-success-deep);border-color:var(--c-success-deep)}.icon-btn--danger.icon-btn--active{background:var(--c-danger);border-color:var(--c-danger)}.icon-btn--danger{color:var(--c-danger);background:var(--tint-danger);border-color:#e5b8bd}.icon-btn--add{background:var(--c-success-deep);border-color:var(--c-success-deep);color:#fff}.icon-btn--duplicate{background:var(--c-primary);border-color:var(--c-primary);color:#fff}.icon-btn--play{background:var(--c-accent);border-color:var(--c-accent);color:#fff}.icon-btn--play.is-playing{background:#d84b43;border-color:#d84b43}.icon-btn--onion{color:#fff;background:#9ca4ba;border-color:#9ca4ba}.icon-btn--onion.is-enabled{background:var(--c-purple);border-color:var(--c-purple)}.icon-btn--undo{color:#fff;background:#68738a;border-color:#68738a}.icon-btn--redo{color:#fff;background:#4f6fa8;border-color:#4f6fa8}.panel{background:var(--c-panel);border:1px solid var(--c-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-panel)}.field-group{gap:var(--space-2);padding:var(--space-3);background:var(--c-panel-soft);border:1px solid var(--c-border);border-radius:var(--radius-lg);flex-direction:column;display:flex}.scroll-col{gap:var(--space-3);padding:var(--space-3);flex-direction:column;flex:1;display:flex;overflow-y:auto}.toggle-row{justify-content:space-between;align-items:center;gap:var(--space-2);flex-direction:row;display:flex}.active-accent{border-color:var(--c-primary);background:var(--tint-primary)}.panel-title{color:var(--c-ink);font-size:14px;font-weight:700}.panel-description{color:var(--c-ink-muted);font-size:var(--fs-sm);line-height:1.5}.slider{appearance:none;cursor:pointer;background:#d9deea;border-radius:999px;flex:1;max-width:220px;height:6px}.slider::-webkit-slider-thumb{appearance:none;background:var(--c-primary);border:none;border-radius:50%;width:18px;height:18px}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{background:#f4f6fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow:hidden}input,textarea{-webkit-user-select:text;user-select:text}#root{width:100%;height:100%}.container{background:#fff;flex-direction:column;width:100vw;height:100vh;display:flex}.gallery-page{flex:1;overflow:auto}.editor-page{flex-direction:column;flex:1;min-height:0;display:flex}@media (orientation:landscape){.editor-page{flex-direction:row;align-items:stretch}.editor-page.landscape-controls-left{flex-direction:row-reverse}}.settings-page{flex:1;overflow:auto}.audio-page,.global-settings-page{flex:1;min-height:0;display:flex}.hidden-page{display:none!important}