:root{--color-bg:#f5f6fa;--color-surface:#fff;--color-surface-alt:#f0f1f6;--color-surface-raised:#fff;--color-border:#e1e3ec;--color-border-strong:#cdd0dd;--color-text:#43465a;--color-text-heading:#14151c;--color-text-muted:#767a8c;--color-accent:#5f74b0;--color-accent-hover:#4f63a0;--color-accent-active:#435590;--color-accent-contrast:#fff;--color-accent-surface:#5f74b01a;--color-accent-ring:#5f74b059;--color-danger:#d6304a;--color-danger-surface:#d6304a14;--color-success:#1f9d55;--color-badge-a-bg:#4c5f8a24;--color-badge-a-text:#3d4f7d;--color-badge-b-bg:#8a6d2f29;--color-badge-b-text:#7a5f22;--color-badge-neutral-bg:#eceef4;--color-badge-neutral-text:#565a6e;--shadow-sm:0 1px 2px #14141e0f, 0 1px 1px #14141e0a;--shadow-md:0 6px 16px #14141e14, 0 2px 6px #14141e0f;--shadow-lg:0 16px 40px #14141e29, 0 4px 12px #14141e14;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-pill:999px;--transition-fast:.13s ease;--sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--heading:var(--sans);--mono:ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--text:var(--color-text);--text-h:var(--color-text-heading);--bg:var(--color-bg);--border:var(--color-border);--code-bg:var(--color-surface-alt);--accent:var(--color-accent);--accent-bg:var(--color-accent-surface);--accent-border:var(--color-accent-ring);--social-bg:var(--color-surface-alt);--shadow:var(--shadow-md);font:15px/1.55 var(--sans);letter-spacing:.1px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--color-text);background:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]):not([data-theme=dark]){--color-bg:#0a0a0f;--color-surface:#141419;--color-surface-alt:#1b1b22;--color-surface-raised:#17171d;--color-border:#232330;--color-border-strong:#34343f;--color-text:#c7c8d3;--color-text-heading:#f5f5f7;--color-text-muted:#8b8b98;--color-accent:#7c8fc4;--color-accent-hover:#91a2d0;--color-accent-active:#6a7bb0;--color-accent-contrast:#12131c;--color-accent-surface:#7c8fc429;--color-accent-ring:#7c8fc466;--color-danger:#ff6b81;--color-danger-surface:#ff6b811f;--color-success:#4ade80;--color-badge-a-bg:#3f4d72;--color-badge-a-text:#c9d2ef;--color-badge-b-bg:#7a5f22;--color-badge-b-text:#f3dfa8;--color-badge-neutral-bg:#1f1f28;--color-badge-neutral-text:#a9aab8;--shadow-sm:0 1px 2px #00000059, 0 1px 1px #0000004d;--shadow-md:0 8px 20px #00000073, 0 2px 8px #00000059;--shadow-lg:0 20px 48px #0000008c, 0 6px 16px #0006}}:root[data-theme=dark]{--color-bg:#0a0a0f;--color-surface:#141419;--color-surface-alt:#1b1b22;--color-surface-raised:#17171d;--color-border:#232330;--color-border-strong:#34343f;--color-text:#c7c8d3;--color-text-heading:#f5f5f7;--color-text-muted:#8b8b98;--color-accent:#7c8fc4;--color-accent-hover:#91a2d0;--color-accent-active:#6a7bb0;--color-accent-contrast:#12131c;--color-accent-surface:#7c8fc429;--color-accent-ring:#7c8fc466;--color-danger:#ff6b81;--color-danger-surface:#ff6b811f;--color-success:#4ade80;--color-badge-a-bg:#3f4d72;--color-badge-a-text:#c9d2ef;--color-badge-b-bg:#7a5f22;--color-badge-b-text:#f3dfa8;--color-badge-neutral-bg:#1f1f28;--color-badge-neutral-text:#a9aab8;--shadow-sm:0 1px 2px #00000059, 0 1px 1px #0000004d;--shadow-md:0 8px 20px #00000073, 0 2px 8px #00000059;--shadow-lg:0 20px 48px #0000008c, 0 6px 16px #0006}*,:before,:after{box-sizing:border-box}#root{text-align:left;box-sizing:border-box;flex-direction:column;width:100%;min-height:100svh;margin:0 auto;display:flex}body{background:var(--color-bg);margin:0}h1,h2,h3{font-family:var(--heading);color:var(--color-text-heading)}h1{letter-spacing:-.02em;margin:0;font-size:1.375rem;font-weight:700}h2{letter-spacing:-.01em;margin:0 0 4px;font-size:.95rem;font-weight:600}h3{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin:0 0 10px;font-size:.72rem;font-weight:700}p{color:var(--color-text);margin:0}small{color:var(--color-text-muted)}code{font-family:var(--mono);color:var(--color-text-heading);background:var(--color-surface-alt);border-radius:4px;padding:2px 6px;font-size:.85em}label{color:var(--color-text-muted);margin-bottom:4px;font-size:.8rem;font-weight:600;display:inline-block}button,input,select,textarea{font:inherit;color:inherit}input[type=text],input[type=number],input[type=file],input[type=search],textarea,select{background:var(--color-surface-alt);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:9px 12px}textarea{resize:vertical;line-height:1.5}input[type=text]:hover,input[type=number]:hover,input[type=search]:hover,textarea:hover,select:hover{border-color:var(--color-accent)}input[type=text]:focus-visible,input[type=number]:focus-visible,input[type=search]:focus-visible,textarea:focus-visible,select:focus-visible,input[type=file]:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-ring);outline:none}button{background:var(--color-surface-alt);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast), color var(--transition-fast), opacity var(--transition-fast);align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:600;display:inline-flex}button:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible{box-shadow:0 0 0 3px var(--color-accent-ring);outline:none}button:disabled{opacity:.45;cursor:not-allowed}.btn-primary{box-shadow:var(--shadow-sm);background:var(--color-accent)!important;border-color:var(--color-accent)!important;color:var(--color-accent-contrast)!important}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-md);background:var(--color-accent-hover)!important;border-color:var(--color-accent-hover)!important;color:var(--color-accent-contrast)!important}.btn-danger{color:var(--color-danger)!important;border-color:var(--color-danger)!important;background:var(--color-danger-surface)!important}.btn-danger:hover:not(:disabled){box-shadow:0 0 0 3px var(--color-danger-surface)}.btn-ghost{background:0 0!important;border-color:#0000!important}.btn-ghost:hover:not(:disabled){background:var(--color-surface-alt)!important}.badge{border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.03em;background:var(--color-badge-neutral-bg);color:var(--color-badge-neutral-text);white-space:nowrap;align-items:center;gap:4px;padding:3px 10px;font-size:.7rem;font-weight:700;display:inline-flex}.badge--a{background:var(--color-badge-a-bg);color:var(--color-badge-a-text)}.badge--b{background:var(--color-badge-b-bg);color:var(--color-badge-b-text)}.badge--outline{border:1px solid var(--color-border-strong);color:var(--color-text-muted);text-transform:none;letter-spacing:0;background:0 0;font-weight:600}.switch{appearance:none;border-radius:var(--radius-pill);background:var(--color-surface-alt);border:1px solid var(--color-border-strong);cursor:pointer;width:38px;height:22px;transition:background-color var(--transition-fast), border-color var(--transition-fast);flex-shrink:0;position:relative}.switch:before{content:"";background:var(--color-text-muted);width:16px;height:16px;transition:transform var(--transition-fast), background-color var(--transition-fast);border-radius:50%;position:absolute;top:2px;left:2px}.switch:checked{background:var(--color-accent);border-color:var(--color-accent)}.switch:checked:before{background:var(--color-accent-contrast);transform:translate(16px)}.switch:focus-visible{box-shadow:0 0 0 3px var(--color-accent-ring);outline:none}input[type=range]{appearance:none;border-radius:var(--radius-pill);background:linear-gradient(to right, var(--color-accent) 0%, var(--color-accent) var(--range-fill,50%), var(--color-surface-alt) var(--range-fill,50%), var(--color-surface-alt) 100%);border:none;outline:none;width:100%;height:4px;padding:0}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--color-accent-contrast);border:3px solid var(--color-accent);cursor:pointer;border-radius:50%;width:16px;height:16px;margin-top:-6px}input[type=range]::-moz-range-thumb{background:var(--color-accent-contrast);border:3px solid var(--color-accent);cursor:pointer;border-radius:50%;width:14px;height:14px}input[type=range]::-moz-range-track{border-radius:var(--radius-pill);background:var(--color-surface-alt);height:4px}input[type=color]{appearance:none;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);cursor:pointer;background:0 0;flex-shrink:0;width:32px;height:32px;padding:0}input[type=color]::-webkit-color-swatch-wrapper{padding:2px}input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}.segmented{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);align-items:center;gap:2px;padding:3px;display:inline-flex}.segmented__item{border-radius:calc(var(--radius-md) - 3px);color:var(--color-text-muted);box-shadow:none;background:0 0;border:1px solid #0000;padding:6px 12px;font-size:.8rem}.segmented__item:hover:not(:disabled){color:var(--color-text-heading);border-color:#0000}.segmented__item[aria-selected=true],.segmented__item[aria-pressed=true]{background:var(--color-surface);color:var(--color-text-heading);border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}@media (width<=1024px){:root{font-size:14px}}.app-shell{text-align:left;flex-direction:column;min-height:100svh;display:flex}.app-shell--editor{height:100svh;min-height:0;overflow:hidden}.app-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:10;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:14px 28px;display:flex;position:sticky;top:0}.app-header__brand{color:var(--color-text-heading);align-items:center;gap:10px;font-size:1.05rem;font-weight:700;display:flex}.app-header__logo{border-radius:var(--radius-md);background:var(--color-accent-surface);width:32px;height:32px;color:var(--color-accent);justify-content:center;align-items:center;display:inline-flex}.app-header__nav{flex:1;justify-content:center;align-items:center;gap:4px;display:flex}.app-header__nav-item{border-radius:var(--radius-md);color:var(--color-text-muted);box-shadow:none;background:0 0;border:1px solid #0000;padding:8px 14px;font-size:.85rem;font-weight:600}.app-header__nav-item--active{background:var(--color-surface-alt);color:var(--color-text-heading);border-color:var(--color-border);cursor:default}.app-header__nav-item--inert:hover:not(:disabled){color:var(--color-text-heading);background:var(--color-surface-alt);border-color:#0000}.app-header__actions{align-items:center;gap:10px;display:flex}.app-header__icon-btn{border-radius:var(--radius-md);background:0 0;border-color:#0000;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex}.app-header__coming-soon{color:var(--color-text-muted);white-space:nowrap;font-size:.75rem}.theme-select{background:var(--color-surface-alt);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text-muted);align-items:center;gap:8px;margin-bottom:0;padding:0 6px 0 12px;display:inline-flex}.theme-select select{color:var(--color-text);background:0 0;border:none;padding:8px 6px;font-size:.85rem;font-weight:600}.theme-select select:focus-visible{box-shadow:none}.home-page{flex-direction:column;width:100%;min-height:100vh;display:flex}.home-page__content{flex-direction:column;gap:28px;width:100%;max-width:1280px;margin:0 auto;padding:32px 28px 64px;display:flex}.home-hero{text-align:left;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex-direction:column;align-items:flex-start;gap:14px;padding:40px 36px;display:flex}.home-hero h1{max-width:620px;font-size:2rem}.home-hero__tagline{color:var(--color-text-muted);max-width:560px;font-size:1rem;line-height:1.65}.home-hero__cta{margin-top:6px;padding:10px 20px}.song-manager__error{color:var(--color-danger);background:var(--color-danger-surface);border-radius:var(--radius-sm);margin-bottom:10px;padding:8px 10px;font-size:.82rem;font-weight:600}.song-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;display:flex}.song-toolbar__search{background:var(--color-surface-alt);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);min-width:220px;color:var(--color-text-muted);flex:1;align-items:center;gap:8px;padding:0 12px;display:flex}.song-toolbar__search input[type=search]{background:0 0;border:none;flex:1;padding:9px 0}.song-toolbar__search input[type=search]:focus-visible{box-shadow:none}.song-toolbar__view-toggle .segmented__item{padding:7px 10px}.song-bulk-bar{background:var(--color-accent-surface);border:1px solid var(--color-accent-ring);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:8px 14px;font-size:.85rem;font-weight:600;display:flex}.song-list-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.song-list-header__heading{align-items:center;gap:8px;margin:0;font-size:1.1rem;display:flex}.song-list-header__count{color:var(--color-text-muted);font-size:.8rem;font-weight:600}.song-manager__new-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}#new-song-title{min-width:180px}.song-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.song-grid--list{grid-template-columns:1fr}.song-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);align-items:flex-start;gap:4px;padding:4px;display:flex;position:relative}.song-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.song-card--selected{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-ring)}.song-card__checkbox{z-index:1;width:18px;height:18px;accent-color:var(--color-accent);position:absolute;top:14px;left:14px}.song-card__body{text-align:left;box-shadow:none;background:0 0;border:none;flex-direction:column;flex:1;align-items:flex-start;gap:6px;width:100%;min-width:0;padding:18px;display:flex}.song-card__body:hover:not(:disabled){color:inherit;border:none}.song-card__icon{border-radius:var(--radius-md);background:var(--color-surface-alt);width:40px;height:40px;color:var(--color-text-muted);justify-content:center;align-items:center;margin-bottom:8px;display:inline-flex}.song-card__title{color:var(--color-text-heading);font-size:.98rem;font-weight:700}.song-manager__updated-at{color:var(--color-text-muted);font-size:.8rem}.song-card__badges{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.song-card__delete{width:30px;height:30px;color:var(--color-text-muted);background:0 0;border-color:#0000;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:10px;right:10px}.song-card__delete:hover:not(:disabled){color:var(--color-danger);background:var(--color-danger-surface);border-color:#0000}.song-grid--list .song-card__body{flex-direction:row;align-items:center;gap:14px}.editor-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;display:flex}.editor-header__left{align-items:center;gap:14px;min-width:0;display:flex}.editor-header__back{border-radius:var(--radius-md);background:0 0;border-color:#0000;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex}.editor-header__titles{flex-direction:column;gap:2px;min-width:0;display:flex}.editor-header__title-row{align-items:center;gap:10px;display:flex}.editor-header__title-row h1{white-space:nowrap;text-overflow:ellipsis;font-size:1.15rem;overflow:hidden}.editor-header__artist{color:var(--color-text-muted);border-radius:var(--radius-sm);background:0 0;border:1px solid #0000;max-width:240px;margin:0;padding:1px 4px;font-size:.82rem;font-weight:500}.editor-header__artist:hover{border-color:var(--color-border)}.editor-header__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.editor-header__history-wrap{display:inline-flex;position:relative}.editor-header__coming-soon{white-space:nowrap;color:var(--color-text-muted);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:20;padding:4px 8px;font-size:.72rem;position:absolute;top:calc(100% + 6px);right:0}.autosave-indicator{border-radius:var(--radius-pill);background:var(--color-surface-alt);color:var(--color-text-muted);transition:color var(--transition-fast), background-color var(--transition-fast);padding:4px 10px;font-size:.78rem;font-weight:600}.autosave-indicator--saved{color:var(--color-success);background:color-mix(in srgb, var(--color-success) 12%, transparent)}.autosave-indicator--saving{color:var(--color-text-muted)}.autosave-indicator--error{color:var(--color-danger);background:var(--color-danger-surface)}.badge--published{background:color-mix(in srgb, var(--color-success) 16%, transparent);color:var(--color-success);text-transform:none;letter-spacing:0;font-weight:600}.editor-body{flex:1;grid-template-columns:300px 1fr 360px;min-height:0;display:grid}.editor-rail{background:var(--color-surface);flex-direction:column;gap:14px;min-width:0;height:100%;padding:18px 16px 32px;display:flex;overflow-y:auto}.editor-rail--left{border-right:1px solid var(--color-border)}.editor-rail--right{border-left:1px solid var(--color-border);padding:18px 18px 32px}.editor-rail__lyrics-btn{justify-content:center;width:100%;margin-top:auto;color:var(--color-text-muted)!important}.editor-rail__lyrics-btn:hover:not(:disabled){color:var(--color-accent)!important}.editor-rail h2,.editor-rail h3#slide-list-heading,.style-panel>h2{text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted);margin:0;font-size:.72rem;font-weight:700}#lyrics-textarea{width:100%;min-height:160px}#lyrics-file-input{width:100%}#lines-per-slide-input{width:90px}section[aria-labelledby=lyrics-input-heading]{flex-direction:column;gap:12px;display:flex}section[aria-labelledby=lyrics-input-heading] h2{text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted);margin:0;font-size:.72rem;font-weight:700}section[aria-labelledby=lyrics-input-heading] p{color:var(--color-text-muted);margin-top:4px;font-size:.78rem}section[aria-labelledby=lyrics-input-heading]>button{width:100%;padding:10px 16px}.slide-list{flex-direction:column;gap:14px;display:flex}.slide-list__header{justify-content:space-between;align-items:center;gap:8px;display:flex}.slide-list__merge-btn{padding:5px 10px;font-size:.7rem}.slide-list__empty{color:var(--color-text-muted);font-size:.85rem}.slide-list__sections{flex-direction:column;gap:18px;display:flex}.slide-section{flex-direction:column;gap:8px;display:flex}.slide-section__head{align-items:center;gap:8px;display:flex}.slide-section__name{min-width:0;color:var(--color-text-heading);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.9rem;font-weight:700;overflow:hidden}.slide-section__count{color:var(--color-text-muted);white-space:nowrap;font-size:.72rem}.slide-section__list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.slide-list-item{border:1px solid var(--color-border);background:var(--color-surface-alt);border-radius:var(--radius-md);cursor:grab;transition:box-shadow var(--transition-fast), border-color var(--transition-fast), background-color var(--transition-fast);padding:9px 11px}.slide-list-item:hover{border-color:var(--color-border-strong)}.slide-list-item[aria-current=true]{border-color:var(--color-accent);background:var(--color-accent-surface);box-shadow:0 0 0 2px var(--color-accent-ring)}.slide-list-item__top{justify-content:space-between;align-items:center;gap:8px;display:flex}.slide-list-item__merge{color:var(--color-text-muted);align-items:center;gap:4px;margin-bottom:0;font-size:.68rem;display:flex}.slide-list-item__merge input{width:auto}.slide-list-item__preview{color:var(--color-text);margin-top:6px;font-size:.82rem;font-weight:500;line-height:1.4}.slide-list-item__actions{gap:6px;margin-top:8px;display:flex}.slide-list-item__actions button{padding:3px 10px;font-size:.72rem}.editor-stage{background:var(--color-bg);flex-direction:column;min-width:0;height:100%;padding:24px 28px;display:flex;overflow-y:auto}.editor-stage__canvas{flex-direction:column;flex:1;justify-content:center;min-height:0;display:flex}.editor-stage__canvas section[aria-labelledby=slide-preview-heading]{flex-direction:column;gap:14px;display:flex}.editor-stage__canvas #slide-preview-heading{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.editor-stage__canvas .slide-preview-canvas,.editor-stage__canvas section[aria-labelledby=slide-preview-heading]>div:first-of-type{width:100%;max-width:960px;margin:0 auto}.slide-preview-canvas{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.slide-preview-canvas__label{color:#ffffff80;font-size:.72rem;position:absolute;bottom:12px;right:14px}.slide-preview__nav{justify-content:center;align-items:center;gap:20px;padding:4px 0;display:flex}.slide-preview__nav-btn{border-radius:var(--radius-md);width:34px;height:34px;color:var(--color-text-muted);background:0 0;border-color:#0000;justify-content:center;align-items:center;padding:0;display:inline-flex}.slide-preview__counter{color:var(--color-text);text-align:center;min-width:64px;font-size:.9rem;font-weight:600}.editor-stage__canvas section[aria-labelledby=slide-preview-heading]>p{text-align:center;color:var(--color-text-muted);opacity:.7;font-size:.72rem}.editor-stage__edit{flex-shrink:0;align-self:center;width:100%;max-width:960px;margin-top:18px}.slide-editor{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:16px 18px}.slide-editor--empty{color:var(--color-text-muted);font-size:.85rem}.slide-editor h2{text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted);margin:0 0 12px;font-size:.72rem;font-weight:700}.slide-editor label[for]{margin-top:12px;display:block}.slide-editor label[for]:first-of-type{margin-top:0}.slide-editor textarea{width:100%;min-height:70px;margin-top:6px}.slide-editor__no-translation{color:var(--color-text-muted);margin-top:12px;font-size:.85rem}.style-panel{flex-direction:column;gap:14px;display:flex}.style-panel__tabs{width:100%}.style-panel__tabs .segmented__item{text-align:center;flex:1}.style-panel__role-toggle{width:100%}.style-panel__role-toggle .segmented__item{text-align:center;flex:1}.style-panel__separate-toggle{color:var(--color-text);cursor:pointer;align-items:center;gap:8px;margin:0;font-size:.82rem;font-weight:500;display:flex}.style-panel__separate-toggle input[type=checkbox]{width:auto;accent-color:var(--color-accent)}.style-panel__empty{color:var(--color-text-muted);font-size:.85rem}.style-tab{flex-direction:column;display:flex}.style-tab h3{margin:0 0 10px}.style-tab__section-label--spaced{margin-top:22px}.style-tab select,.style-tab>input[type=range]{width:100%}.style-tab__hint,.style-tab__placeholder{color:var(--color-text-muted);margin-top:8px;font-size:.78rem;line-height:1.5}.style-tab__scope{text-transform:uppercase;letter-spacing:.04em;color:var(--color-accent);background:var(--color-accent-surface);border-radius:var(--radius-pill);align-self:flex-start;align-items:center;gap:6px;margin:0 0 14px;padding:3px 10px;font-size:.68rem;font-weight:600;display:inline-flex}.style-tab h3+.style-tab__scope{margin-top:2px}.style-panel__field{margin:0 0 6px;display:block}.layout-presets{flex-direction:column;gap:8px;display:flex}.layout-preset{text-align:left;background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;align-items:flex-start;gap:3px;width:100%;padding:12px 14px;display:flex}.layout-preset:hover:not(:disabled){border-color:var(--color-border-strong);color:inherit}.layout-preset--active{border-color:var(--color-accent);background:var(--color-accent-surface);box-shadow:0 0 0 2px var(--color-accent-ring)}.layout-preset__name{color:var(--color-text-heading);font-size:.88rem;font-weight:700}.layout-preset__desc{color:var(--color-text-muted);font-size:.75rem;font-weight:400;line-height:1.4}.style-tab__align{width:100%}.style-tab__align .segmented__item{flex:1;justify-content:center;align-items:center;padding:7px 0;display:inline-flex}.color-field-row{border-bottom:1px solid var(--color-border);align-items:center;gap:10px;padding:9px 0;display:flex}.color-field-row:last-of-type{border-bottom:none}.color-field-row__label{color:var(--color-text);flex:1;font-size:.88rem;font-weight:500}.color-field-row__hex{font-family:var(--mono);color:var(--color-text-muted);font-size:.72rem}.color-field-row__hint{color:var(--color-text-muted);font-size:.75rem}.color-field-row--muted .color-field-row__label{color:var(--color-text-muted)}input[type=color]{border-radius:var(--radius-sm);width:34px;height:26px}.effect-toggle-row{color:var(--color-text);justify-content:space-between;align-items:center;gap:10px;margin:0;padding:9px 0;font-size:.88rem;font-weight:500;display:flex}.effect-toggle-row__label{color:var(--color-text);font-weight:500}.style-tab fieldset{border:1px solid var(--color-border);border-radius:var(--radius-md);flex-wrap:wrap;gap:14px;margin:12px 0 0;padding:12px 14px 14px;display:flex}.style-tab fieldset legend{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);padding:0 6px;font-size:.72rem;font-weight:700}.style-tab fieldset label{flex-direction:column;gap:4px;font-size:.75rem;display:flex}.style-tab fieldset input,.style-tab fieldset select{width:100px}.style-tab .quick-edit-panel,.style-tab .translation-panel{border-top:1px solid var(--color-border);margin-top:22px;padding-top:18px}.style-tab .translation-panel>h2{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.style-tab .translation-panel{border-top:none;margin-top:14px;padding-top:0}.style-tab .translation-panel label{margin-top:0;display:block}.quick-edit-panel select{width:100%}.quick-edit-panel h2{text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted);margin:0 0 10px;font-size:.72rem;font-weight:700}.quick-edit-panel__translation-row{flex-direction:column;margin-bottom:14px;display:flex}.quick-edit-panel__clamp-row{flex-direction:column;min-width:100%;margin-bottom:14px;display:flex}.quick-edit-panel__checkbox-label{align-items:center;flex-direction:row!important;gap:6px!important;font-size:.8rem!important}.quick-edit-panel__checkbox-label input[type=checkbox]{width:auto}.quick-edit-panel__hint{color:var(--color-text-muted);margin:4px 0 0;font-size:.72rem}.translation-panel select{width:100%;margin-top:6px;display:block}.translation-panel>button{margin-top:14px;margin-right:10px}.translation-panel>button+button{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text)}.translation-panel>button+button:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.translation-panel [role=status],.translation-panel [role=alert]{margin-top:12px;font-size:.8rem;display:inline-block}.modal-backdrop{z-index:100;background:#0000008c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:560px;max-height:90vh;box-shadow:var(--shadow-lg);padding:22px 24px 26px;overflow-y:auto}.modal__header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.modal__header h2{text-transform:none;letter-spacing:0;color:var(--color-text-heading);font-size:1.05rem}.modal__close{justify-content:center;width:32px;height:32px;padding:0}.modal__note{color:var(--color-text-muted);margin-bottom:14px;font-size:.82rem}@media (width<=1180px){.editor-body{grid-template-columns:260px 1fr 320px}}@media (width<=960px){.app-shell--editor{height:auto;overflow:visible}.editor-body{grid-template-columns:1fr;height:auto}.editor-rail,.editor-stage{height:auto;overflow:visible}}.home-footer{border-top:1px solid var(--color-border);background:var(--color-surface);margin-top:auto}.home-footer__inner{width:100%;max-width:1280px;color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:8px 20px;margin:0 auto;padding:22px 28px 28px;font-size:.85rem;display:flex}.home-footer__brand{color:var(--color-text)}.home-footer__brand em{font-style:italic}.home-footer__links{flex-wrap:wrap;align-items:center;gap:18px;margin-left:auto;display:flex}.home-footer__links a{color:var(--color-text-muted);align-items:center;gap:7px;text-decoration:none;display:inline-flex}.home-footer__links a:hover{color:var(--color-accent);text-decoration:underline}.home-footer__links a:focus-visible{outline:2px solid var(--color-accent-ring);outline-offset:3px;border-radius:var(--radius-sm)}