.scene-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.85fr);gap:24px;align-items:start}.scene-form-column{min-width:0;display:grid;gap:20px}.scene-editor .preview-wrap{position:sticky;top:20px;min-width:0;margin:0}.scene-editor input,.scene-editor select{max-width:100%;min-width:0}.scene-live-preview{position:relative;aspect-ratio:16/10;overflow:hidden;border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.scene-live-preview.portrait{aspect-ratio:10/16;max-width:340px;margin:auto}.scene-preview-host{height:100%}.preview-private-note{position:absolute;bottom:0;left:0;right:0;margin:0;padding:8px;background:var(--surface-overlay);color:var(--text-primary);font-size:12px;text-align:center}.dialog-backdrop .template-dialog{width:min(720px,calc(100vw - 32px));max-height:min(720px,calc(100vh - 32px));padding:28px;overflow-y:auto;overflow-x:hidden}.template-dialog>h2{margin:0;font-size:var(--font-size-xl);line-height:1.25}.template-dialog>.secondary-button:not(.template-choice){min-width:64px;margin:12px 0 4px}.template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.template-choice.secondary-button{display:grid;width:100%;height:auto;min-width:0;min-height:136px;gap:10px;align-content:start;justify-items:center;padding:12px 8px;white-space:normal;line-height:1.35;text-align:center}.layout-thumb{display:grid;flex:0 0 auto;width:100px;height:68px;padding:6px;gap:4px;background:var(--surface-base);border:1px solid var(--border-strong);border-radius:6px;grid-template-columns:1fr 1fr}.layout-thumb span{background:var(--accent);border-radius:2px}.layout-thumb i{background:var(--surface-selected)}.layout-thumb[data-layout=split] span{grid-column:1/-1}.layout-thumb[data-layout=overlay]{position:relative}.layout-thumb[data-layout=overlay] span{position:absolute;inset:12px 22px 30px}.layout-thumb[data-layout=framed]{padding:12px}.layout-thumb[data-layout=splitTop]{grid-template-columns:1fr}.layout-thumb[data-layout=splitLeft] span{grid-row:span 3}.layout-thumb[data-layout=grid9],.layout-thumb[data-layout=wall]{grid-template-columns:repeat(3,1fr)}.scene-guidance{color:var(--text-secondary);overflow-wrap:anywhere}@media(max-width:720px){.template-dialog{width:calc(100vw - 24px);padding:20px}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.template-choice{min-height:124px}}@media(max-width:420px){.template-grid{grid-template-columns:1fr 1fr}.layout-thumb{width:88px;height:60px}}@media(max-width:900px){.scene-editor{grid-template-columns:minmax(0,1fr)}.scene-editor .preview-wrap{position:static}}@media(max-width:720px){.dialog-backdrop .template-dialog{width:calc(100vw - 24px);padding:20px}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.template-choice.secondary-button{min-height:124px}}@media(max-width:420px){.layout-thumb{width:88px;height:60px}}:root{color-scheme:dark;--color-bg-dark: #0f1115;--color-bg-light: #f5f5f7;--color-text-primary: #ffffff;--color-text-secondary: #9aa0a6;--color-accent: #4c8dff;--color-success: #34c759;--color-warning: #ff9f0a;--color-danger: #ff453a;--color-border: #2c2f36;--surface-base: var(--color-bg-dark);--surface-sunken: #0d1119;--surface-raised: #151a23;--surface-overlay: #171d27;--surface-fill: #202735;--surface-selected: #26334e;--surface-track: #293243;--surface-glow: #1c2740;--surface-translucent: rgba(31, 37, 49, .82);--text-primary: #edf1f7;--text-strong: #f7f9fc;--text-secondary: #b8c1d0;--text-tertiary: #9ca8ba;--text-muted: #8995a8;--text-accent: #cbd6ff;--text-accent-strong: #d8e2ff;--text-on-accent: #10213c;--text-inverse: #111827;--border-subtle: #28303f;--border-strong: #3f4a5e;--border-emphasis: #465267;--border-overlay: #3a4558;--accent: var(--color-accent);--accent-hover: #b4c7ff;--accent-soft: #7d9dff;--accent-ring: rgba(125, 157, 255, .16);--accent-hairline: rgba(255, 255, 255, .12);--overlay-backdrop: rgba(0, 0, 0, .62);--overlay-scrim: rgba(0, 0, 0, .5);--success-text: #82d5a0;--warning-text: #ffdc91;--warning-bg: rgba(158, 115, 25, .25);--danger-text: #ff9ba2;--danger-strong: #bd4c56;--danger-solid: rgba(124, 35, 44, .9);--danger-border: #f07078;--danger-bg: rgba(175, 45, 55, .48);--danger-on-bg: #ffd9dc;--danger-on-solid: #ffffff;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 18px;--font-size-xl: 24px;--font-size-2xl: 28px;--font-size-display: 32px;--font-sans: -apple-system, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-mono: "Roboto Mono", ui-monospace, SFMono-Regular, Consolas, monospace;--font-serif: "Noto Serif SC", "Songti SC", SimSun, Georgia, serif;--font-family-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--elevation-1: 0 1px 2px rgba(0, 0, 0, .24);--elevation-2: 0 12px 40px rgba(0, 0, 0, .36);--elevation-3: 0 24px 64px rgba(0, 0, 0, .32);--elevation-dialog: 0 20px 56px rgba(0, 0, 0, .45);--elevation-drawer: 12px 0 28px rgba(0, 0, 0, .35);--ink: #000000;--duration-fast: .15s;--duration-normal: .2s;--ease-standard: cubic-bezier(.2, 0, 0, 1)}.message-center-page{width:min(100% - 48px,1200px);margin:var(--space-10) auto}.message-steps ol{display:flex;gap:var(--space-2);margin:0 0 var(--space-6);padding:0;list-style:none}.message-steps button{min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);background:var(--surface-raised)}.message-steps button[aria-current=step]{border-color:var(--color-accent);color:var(--text-accent-strong);background:var(--surface-selected)}.message-step{display:grid;gap:var(--space-4);padding:var(--space-5);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-raised)}.message-actions,.message-phrases,.message-tabs,.message-ratios{display:flex;flex-wrap:wrap;gap:var(--space-2)}.message-device-list{display:grid;gap:var(--space-2)}.message-device-item{display:flex;align-items:start;gap:var(--space-3);min-height:54px;padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-fill)}.message-device-item input{width:auto;height:auto;margin-top:4px}.message-device-item span{display:grid;gap:var(--space-1)}.message-device-item small{color:var(--text-tertiary)}.message-template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.message-template-grid button{display:grid;gap:var(--space-2);min-height:80px;padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);background:var(--surface-fill);text-align:left}.message-template-grid button.active{border-color:var(--color-accent);background:var(--surface-selected)}.message-template-grid small{color:var(--text-tertiary)}.message-field textarea,.message-field input,.message-step select{width:100%;min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-primary);background:var(--surface-fill)}.message-field textarea{min-height:100px;resize:vertical}.message-count{color:var(--text-muted);text-align:right}.message-image-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-2)}.message-image-grid button{padding:0;border:2px solid transparent;border-radius:var(--radius-sm);background:var(--surface-fill)}.scene-message-preview{position:relative;display:grid;place-items:center;overflow:hidden;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-fill)}.scene-background{color:var(--text-muted)}.scene-clock{position:absolute;top:var(--space-3);right:var(--space-3);color:var(--text-secondary)}.scene-message-layer{max-width:75%;padding:var(--space-3);border:1px solid var(--border-emphasis);border-radius:var(--radius-sm);color:var(--text-primary);background:var(--surface-overlay);overflow-wrap:anywhere;text-align:center}.scene-message-preview small{position:absolute;bottom:var(--space-2);color:var(--warning-text)}.message-navigation,.message-step footer{display:flex;justify-content:end;gap:var(--space-3);margin-top:var(--space-4)}.message-results{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.message-results li{display:flex;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);border-bottom:1px solid var(--border-subtle)}.message-results span{color:var(--text-secondary);text-align:right}@media(max-width:640px){.message-center-page{width:min(100% - 32px,1200px);margin-top:var(--space-8)}.message-steps ol{overflow-x:auto}.message-template-grid{grid-template-columns:1fr 1fr}.message-image-grid{grid-template-columns:repeat(3,1fr)}.message-results li{align-items:start;flex-direction:column}.message-results span{text-align:left}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text-primary);background:var(--surface-base);font-synthesis:none}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}.auth-page{display:grid;min-height:100vh;padding:var(--space-6) var(--space-4);place-items:center;background:radial-gradient(circle at top,var(--surface-glow) 0%,var(--surface-base) 55%)}.auth-card{width:min(100%,360px);padding:var(--space-8);border:1px solid var(--accent-hairline);border-radius:var(--radius-lg);background:var(--surface-translucent);box-shadow:var(--elevation-3)}.auth-heading{margin-bottom:var(--space-6);text-align:center}.clock{display:inline-block;margin-bottom:var(--space-2);color:var(--color-accent);font-size:var(--font-size-2xl)}h1,h2{margin:0}h1{font-size:var(--font-size-xl)}.auth-heading p{margin:var(--space-2) 0 0;color:var(--text-tertiary);font-size:var(--font-size-base);letter-spacing:.08em}form{display:grid;gap:var(--space-4)}label{display:grid;gap:var(--space-2);color:var(--text-secondary);font-size:var(--font-size-base)}input{width:100%;height:40px;padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);outline:none;color:var(--text-strong);background:var(--surface-raised)}input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--accent-ring)}input[aria-invalid=true]{border-color:var(--danger-border)}.password-input{position:relative}.password-input input{padding-right:var(--space-12)}.visibility-button{position:absolute;top:50%;right:7px;border:0;color:var(--text-accent);background:transparent;transform:translateY(-50%);font-size:var(--font-size-xs)}.field-error{color:var(--danger-text);font-size:var(--font-size-xs)}.error-banner,.gallery-message{margin:0 0 var(--space-4);padding:var(--space-3) var(--space-3);border-radius:var(--radius-sm);color:var(--danger-on-bg);background:var(--danger-bg);font-size:var(--font-size-md)}.success-banner{margin:0 0 var(--space-4);padding:var(--space-3) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--success-text);background:var(--surface-raised);font-size:var(--font-size-md)}.primary-button,.danger-button,.secondary-button,.refresh-button,.file-picker{border:0;border-radius:var(--radius-sm);font-weight:700}.primary-button{height:40px;color:var(--text-on-accent);background:var(--color-accent)}.primary-button:hover:not(:disabled){background:var(--accent-hover)}.switch-button{display:block;margin:var(--space-6) auto 0;border:0;color:var(--color-accent);background:transparent;font-size:var(--font-size-base)}.console-page{min-height:100vh;color:var(--text-primary);background:var(--surface-base)}.console-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;min-height:60px;padding:0 var(--space-6);border-bottom:1px solid var(--border-subtle);background:var(--surface-base)}.console-header strong{white-space:nowrap}.sidebar-toggle{display:none}.console-sidebar{position:fixed;z-index:10;top:60px;bottom:0;width:220px;padding:var(--space-6) var(--space-3);border-right:1px solid var(--border-subtle);background:var(--surface-raised)}.console-sidebar nav{display:grid;gap:var(--space-1)}.console-sidebar nav button{width:100%;padding:var(--space-3) var(--space-3);border:0;border-radius:var(--radius-sm);color:var(--text-tertiary);background:transparent;text-align:left;font-size:var(--font-size-base)}.console-sidebar nav button.active{color:var(--text-accent-strong);background:var(--surface-selected);box-shadow:none}.console-content{min-height:calc(100vh - 60px);margin-left:220px}.sidebar-backdrop{display:none}.account{display:flex;align-items:center;gap:var(--space-4);margin-left:auto;color:var(--text-secondary);font-size:var(--font-size-base)}.account button,.refresh-button,.secondary-button{height:40px;padding:0 var(--space-3);border:1px solid var(--border-emphasis);color:inherit;background:transparent}.devices-page,.gallery-page{width:min(100% - 48px,1200px);margin:var(--space-12) auto}.devices-placeholder{padding:var(--space-8);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-raised);box-shadow:var(--elevation-1)}.devices-placeholder h1{margin-bottom:var(--space-4)}.devices-placeholder p,.gallery-heading p,.upload-card p,.quota-card p{color:var(--text-secondary)}.device-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.device-card{padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-raised);box-shadow:var(--elevation-1)}.device-card>header{display:flex;align-items:start;justify-content:space-between;gap:var(--space-3)}.device-card h2{margin-bottom:var(--space-2);font-size:var(--font-size-lg)}.device-rename-form{margin-bottom:var(--space-2)}.device-rename-form input{height:34px;font-size:var(--font-size-lg);font-weight:700}.device-card>header>strong{color:var(--text-muted);font-size:var(--font-size-xs);font-weight:500}.device-status{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs)}.device-status i{width:7px;height:7px;border-radius:50%;background:currentColor}.device-status.online{color:var(--success-text)}.device-status.offline{color:var(--text-tertiary)}.device-scene{display:grid;gap:var(--space-2);margin:var(--space-6) 0 var(--space-2);color:var(--text-secondary)}.device-scene select{width:100%;height:40px;padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-accent);background:var(--surface-raised)}.device-seen{margin:0;color:var(--text-muted);font-size:var(--font-size-xs)}.device-card footer{display:flex;gap:var(--space-2);margin-top:var(--space-4)}.device-card footer .danger-button{margin-left:auto}.hint{color:var(--text-muted)!important;font-size:var(--font-size-base)}.gallery-heading{display:flex;align-items:start;justify-content:space-between;margin-bottom:var(--space-6)}.gallery-heading p{margin:var(--space-2) 0 0}.quota-card,.upload-card,.upload-statuses{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-raised);box-shadow:var(--elevation-1)}.quota-card{flex-basis:100%;margin-top:2px;padding:var(--space-4)}.upload-card{flex-wrap:wrap}.quota-card>div:first-child{display:flex;justify-content:space-between;gap:var(--space-3)}.quota-card span,.quota-card p{font-size:var(--font-size-md)}.quota-card p{margin:var(--space-3) 0 0}.quota-track{height:7px;margin-top:var(--space-3);overflow:hidden;border-radius:99px;background:var(--surface-track)}.quota-track i{display:block;height:100%;border-radius:inherit;background:var(--color-accent)}.upload-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4)}.upload-card h2{font-size:var(--font-size-md)}.upload-card p{margin:var(--space-2) 0 0;font-size:var(--font-size-md)}.file-picker{height:40px;margin-left:auto;padding:0 var(--space-3);color:var(--text-accent);background:var(--surface-selected);white-space:nowrap}.file-picker input{display:none}.upload-button{min-width:110px;padding:0 var(--space-4);white-space:nowrap}.upload-statuses{display:grid;gap:var(--space-2);margin:var(--space-4) 0;padding:var(--space-3) var(--space-4);list-style:none;font-size:var(--font-size-md)}.upload-statuses li{display:flex;justify-content:space-between;gap:var(--space-4)}.upload-statuses strong{color:var(--text-secondary);font-weight:500}.upload-statuses .failed{color:var(--danger-text)}.upload-statuses .done{color:var(--success-text)}.empty-state{padding:var(--space-12) var(--space-4);color:var(--text-tertiary);text-align:center}.image-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-4)}.image-card{position:relative;overflow:hidden;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-raised);box-shadow:var(--elevation-1)}.image-card img{display:block;width:100%;aspect-ratio:1;object-fit:cover;background:var(--surface-fill)}.image-info{display:flex;justify-content:space-between;gap:var(--space-1);padding:var(--space-2);color:var(--text-tertiary);font-size:var(--font-size-xs)}.delete-button{position:absolute;top:8px;right:8px;padding:var(--space-1) var(--space-2);border:0;border-radius:var(--radius-sm);color:var(--danger-on-solid);background:var(--danger-solid);opacity:0;pointer-events:none;transition:opacity .12s ease}@media(hover:hover){.image-card:hover .delete-button,.delete-button:focus-visible{opacity:1;pointer-events:auto}}@media(hover:none){.delete-button{opacity:.85;pointer-events:auto}.image-card:active .delete-button{opacity:1}.delete-button:focus-visible{opacity:1}}.local-cloud-image-card{display:grid;min-height:160px;place-items:center}.local-cloud-image-metadata{display:grid;gap:var(--space-2);width:100%;padding:var(--space-4);color:var(--text-tertiary);font-size:var(--font-size-xs)}.local-cloud-image-metadata strong{color:var(--text-accent-strong);font-size:var(--font-size-sm)}.dialog-backdrop{position:fixed;inset:0;display:grid;padding:var(--space-6);place-items:center;background:var(--overlay-backdrop)}.confirm-dialog{width:min(100%,390px);padding:var(--space-6);border:1px solid var(--border-overlay);border-radius:var(--radius-md);background:var(--surface-overlay);box-shadow:var(--elevation-dialog)}.confirm-dialog p{margin:var(--space-4) 0 var(--space-6);color:var(--text-secondary);line-height:1.6}.confirm-dialog footer{display:flex;justify-content:end;gap:var(--space-3)}.message-dialog{display:grid;gap:var(--space-4);width:min(100%,560px);max-height:calc(100vh - 40px);overflow-y:auto;box-shadow:var(--elevation-dialog)}.message-dialog>header{display:flex;justify-content:space-between;gap:var(--space-4)}.message-dialog>header p{margin:var(--space-2) 0 0;color:var(--text-tertiary);font-size:var(--font-size-md)}.message-dialog .gallery-message,.message-dialog .offline-hint{margin:0}.dialog-close{width:30px;height:30px;border:0;border-radius:var(--radius-sm);color:var(--text-secondary);background:transparent;font-size:var(--font-size-xl);line-height:1}.dialog-close:hover:not(:disabled){background:var(--border-subtle)}.offline-hint{padding:var(--space-3) var(--space-3);border-radius:var(--radius-sm);color:var(--warning-text)!important;background:var(--warning-bg);font-size:var(--font-size-md)}.message-types{display:flex;border-bottom:1px solid var(--border-overlay)}.message-types button{padding:var(--space-3) var(--space-3);border:0;border-bottom:2px solid transparent;color:var(--text-tertiary);background:transparent}.message-types button.active{border-color:var(--color-accent);color:var(--text-accent)}.message-dialog textarea,.message-dialog select{width:100%;border:1px solid var(--border-strong);border-radius:var(--radius-sm);outline:none;color:var(--text-strong);background:var(--surface-raised)}.message-dialog textarea{min-height:104px;padding:var(--space-3) var(--space-3);resize:vertical}.message-dialog select{height:40px;padding:0 var(--space-3)}.message-dialog textarea:focus,.message-dialog select:focus{border-color:var(--accent-soft);box-shadow:0 0 0 3px var(--accent-ring)}.message-count{justify-self:end;margin:-10px 0 0!important;color:var(--text-muted)!important;font-size:var(--font-size-xs)}.message-count.warning{color:var(--warning-text)!important}.message-image-picker>p{margin:0;color:var(--text-tertiary);font-size:var(--font-size-md)}.message-image-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-3)}.message-image-grid button{padding:0;overflow:hidden;border:2px solid transparent;border-radius:var(--radius-sm);background:var(--surface-fill)}.message-image-grid button.selected{border-color:var(--color-accent)}.message-image-grid img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.danger-button{height:40px;padding:0 var(--space-3);color:var(--danger-on-solid);background:var(--danger-strong)}.settings-page{width:min(100% - 48px,820px);margin:var(--space-12) auto}.settings-heading{margin-bottom:var(--space-6)}.settings-heading p{margin:var(--space-2) 0 0;color:var(--text-secondary)}.settings-card{display:grid;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-raised);box-shadow:var(--elevation-1)}.settings-card h2{font-size:var(--font-size-lg)}.settings-card>p{margin:0;color:var(--text-secondary);font-size:var(--font-size-md)}.settings-account{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-fill);font-size:var(--font-size-md)}.settings-account span{color:var(--text-secondary)}.settings-account strong{color:var(--text-strong)}.settings-card form{max-width:420px}.settings-card .primary-button,.settings-card .danger-button{justify-self:start;min-width:132px;padding:0 var(--space-4)}.scene-page,.scene-editor{width:min(100% - 32px,1200px);margin:var(--space-8) auto}.scene-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-5)}.scene-card,.scene-editor{padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-raised);box-shadow:var(--elevation-1)}.scene-card p{color:var(--text-tertiary);font-size:var(--font-size-md)}.scene-card footer{display:flex;gap:var(--space-2);margin-top:var(--space-4)}.scene-new,.scene-save{padding:0 var(--space-4)}.config-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-top:var(--space-4)}.config-grid select{height:40px;padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-strong);background:var(--surface-raised)}.clock-scale-control{grid-template-columns:minmax(0,1fr) auto;align-items:center}.clock-scale-control input[type=range]{width:100%;min-width:0;height:auto;padding:0;accent-color:var(--accent)}.clock-scale-control output{min-width:3.5em;color:var(--text-accent);font-variant-numeric:tabular-nums;text-align:right}.clock-scale-control small{grid-column:1 / -1;color:var(--text-muted);font-size:var(--font-size-xs)}.config-grid input[type=range]:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.checks{display:flex;gap:var(--space-6);margin:var(--space-6) 0}.checks label{display:flex;align-items:center}.checks input{width:auto;height:auto}.picker,.selected-images,.preview-wrap{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.picker-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:var(--space-2);margin-top:var(--space-3)}.picker-grid button{position:relative;padding:0;overflow:hidden;border:2px solid transparent;border-radius:var(--radius-sm);background:var(--surface-fill)}.picker-grid button.selected{border-color:var(--color-accent)}.picker-grid img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.picker-grid i{position:absolute;top:3px;right:3px;padding:2px var(--space-1);border-radius:var(--radius-sm);color:var(--text-inverse);background:var(--accent-hover);font-size:var(--font-size-xs);font-style:normal}.sort-list{display:grid;gap:var(--space-2);margin-top:var(--space-3)}.sort-list div{display:flex;align-items:center;gap:var(--space-2)}.sort-list span{flex:1}.preview{position:relative;display:flex;overflow:hidden;width:360px;height:210px;margin-top:var(--space-3);align-items:center;flex-direction:column;justify-content:center;gap:var(--space-3);border-radius:var(--radius-sm);background:var(--surface-fill);font-size:var(--font-size-base)}.preview strong{font-size:var(--font-size-display)}.preview>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.7}.preview-clock{z-index:1;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:var(--space-3)}.preview.time .preview-clock{z-index:2}.preview.image .preview-clock{text-shadow:0 1px 4px var(--ink)}.picker-more{margin-top:var(--space-3)}.preview.portrait{width:210px;height:360px}.local-album-hint{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.local-album-hint p{color:var(--text-tertiary);font-size:var(--font-size-md)}.local-items-list{display:grid;gap:var(--space-2);margin:var(--space-3) 0 0;padding:0;list-style:none}.local-items-list li{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-fill);font-size:var(--font-size-md)}.local-items-list li span:first-child{flex:1;overflow-wrap:anywhere}.local-item-source{color:var(--text-muted);white-space:nowrap}.preview-local-placeholder{z-index:1;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:var(--space-2);padding:var(--space-3);text-align:center}.preview-local-placeholder p{max-width:100%;margin:0;overflow-wrap:anywhere;font-size:var(--font-size-xs);opacity:.85}.preview-local-icon{font-size:var(--font-size-xl);opacity:.6}.color-field{display:grid;gap:6px}.color-field-row{display:flex;gap:8px;align-items:center;min-height:44px}.color-field-swatch{width:44px;height:44px;padding:2px;border:1px solid var(--border-strong);border-radius:8px}.color-field-hex{min-width:120px}.field-error{color:var(--danger-text)}.clock-position-config{display:grid;gap:12px;margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.position-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.position-grid button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.position-offsets{display:grid;grid-template-columns:1fr 1fr;gap:12px}.position-help{color:var(--text-secondary);font-size:13px}.position-reset{display:flex;gap:8px;flex-wrap:wrap}.clock-decoration-config{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.clock-decoration-config h2{margin:0}.clock-decoration-config p{margin:var(--space-1) 0 0;color:var(--text-tertiary);font-size:var(--font-size-sm)}.clock-decoration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.clock-decoration-grid fieldset{display:grid;gap:var(--space-2);min-width:0;margin:0;padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.clock-decoration-grid fieldset:disabled{opacity:.65}.clock-decoration-grid legend{padding:0 var(--space-1);color:var(--text-primary);font-size:var(--font-size-md)}.clock-decoration-grid label{gap:var(--space-1);font-size:var(--font-size-sm)}.clock-decoration-grid label:has(input[type=checkbox]){display:flex;align-items:center}.clock-decoration-grid input[type=checkbox]{width:auto;height:auto}.clock-decoration-grid small{color:var(--text-muted);font-size:var(--font-size-xs)}.clock-decoration-grid select{height:40px;padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-strong);background:var(--surface-raised)}.content-config{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.content-config h2{margin-bottom:var(--space-3)}.content-config .checks{margin:var(--space-3) 0}.content-fields{display:flex;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-4)}.content-fields label{display:flex;flex-direction:column;gap:var(--space-1)}.content-block{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px dashed var(--border-subtle)}.content-block-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.content-block-header h3{font-size:var(--font-size-md)}.inline-check{display:flex;align-items:center;gap:var(--space-1)}.countdown-row,.greeting-row{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.countdown-row input:not([type=date]),.greeting-row input:not([type=time]){flex:1;min-width:120px}.greeting-sep{color:var(--text-muted)}@media(max-width:800px){.image-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.scene-grid,.config-grid{grid-template-columns:1fr 1fr}.clock-decoration-grid{grid-template-columns:1fr}.picker-grid{grid-template-columns:repeat(5,1fr)}}@media(max-width:560px){.scene-grid{grid-template-columns:1fr}.dialog-backdrop{padding:12px}.confirm-dialog{padding:20px}}@media(max-width:767px){.console-header{padding:0 var(--space-4)}.sidebar-toggle{display:inline-grid;width:36px;height:36px;margin-right:var(--space-3);padding:0;border:0;border-radius:var(--radius-sm);color:var(--text-accent-strong);background:transparent;place-items:center;font-size:var(--font-size-lg)}.console-sidebar{z-index:30;top:0;width:min(280px,82vw);padding-top:76px;box-shadow:var(--elevation-drawer);transform:translate(-100%);transition:transform .2s ease-out}.console-sidebar.open{transform:translate(0)}.sidebar-backdrop{position:fixed;z-index:25;inset:0;display:block;background:var(--overlay-scrim)}.console-content{margin-left:0}}@media(max-width:520px){.config-grid{grid-template-columns:1fr}.clock-scale-control{grid-template-columns:minmax(0,1fr) auto}}@media(max-width:640px){.auth-card{padding:var(--space-6) var(--space-6)}.console-header strong{font-size:var(--font-size-base)}.account span{display:none}.devices-page,.gallery-page{width:min(100% - 32px,1200px);margin-top:var(--space-8)}.settings-page{width:min(100% - 32px,820px);margin-top:var(--space-8)}.settings-account{flex-direction:column;align-items:start;gap:var(--space-2)}.device-grid{grid-template-columns:1fr}.device-card footer{flex-wrap:wrap}.device-card footer .danger-button{margin-left:0}.upload-card{align-items:stretch;flex-direction:column}.file-picker{margin-left:0;text-align:center}.image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.mode-picker{margin:0 0 var(--space-4);padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-raised)}.mode-picker h3{margin:0 0 var(--space-2);font-size:var(--font-size-md);font-weight:500;color:var(--text-primary)}.mode-group+.mode-group{margin-top:var(--space-3)}.mode-group-title{margin:0 0 var(--space-2);font-size:var(--font-size-sm);color:var(--text-tertiary)}.mode-cards{display:flex;flex-wrap:wrap;gap:var(--space-2)}.mode-card{display:flex;flex-direction:column;gap:2px;min-width:96px;min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-fill);color:var(--text-secondary);font-size:var(--font-size-sm);text-align:left;cursor:pointer}.mode-card:hover:not(:disabled){border-color:var(--border-strong);color:var(--text-primary)}.mode-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mode-card.active{border-color:var(--accent);background:var(--surface-selected);color:var(--text-accent-strong)}.mode-card.planned{opacity:.55;cursor:not-allowed}.mode-card-label{font-weight:500}.mode-card-intent{font-size:var(--font-size-xs);color:var(--text-tertiary)}.preview-shapes{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.shape-button.active{border-color:var(--accent);color:var(--text-accent-strong);background:var(--surface-selected)}.risk-bar{margin:var(--space-2) 0 0;padding:0;list-style:none;display:grid;gap:var(--space-1)}.risk-bar li{display:grid;gap:2px;padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);border-left-width:3px;border-radius:var(--radius-sm);background:var(--surface-fill);font-size:var(--font-size-sm)}.risk-bar .risk-info{border-left-color:var(--accent);color:var(--text-secondary)}.risk-bar .risk-warn{border-left-color:var(--danger-border);color:var(--warning-text)}.risk-hint{font-size:var(--font-size-xs);color:var(--text-tertiary)}.scene-live-preview{width:100%;aspect-ratio:16 / 9}