@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap");:root{--bg:#10110f;--panel:#171916;--panel-2:#1d201c;--line:rgba(236,239,226,.10);--text:#f1f0e9;--muted:#9b9e91;--accent:#c7d8ad;--accent-ink:#20291b;--radius:18px}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:DM Sans,system-ui,sans-serif}body{background:radial-gradient(ellipse at 55% -20%,#252b21 0,#10110f 48%)}a,button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #d5e6bd;outline-offset:3px}.app{max-width:1600px;min-height:100vh;margin:0 auto;padding:0 34px;display:flex;flex-direction:column}.topbar{height:76px;justify-content:space-between;border-bottom:1px solid var(--line)}.topbar,.wordmark{display:flex;align-items:center}.wordmark{gap:10px;color:var(--text);text-decoration:none;font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.6px;font-size:18px}.brand-glyph,.logo-icon{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(207,224,183,.28);border-radius:10px;color:#d6e4c1;background:rgba(194,214,167,.08)}.beta{font-size:9px;letter-spacing:1px;border:1px solid #454b3e;color:#b9c4a8;padding:4px 6px;border-radius:5px;margin-left:3px}.topbar-right{gap:16px}.local-label,.topbar-right{display:flex;align-items:center}.local-label{font-size:12px;color:#b7bcad;gap:7px}.status-dot{width:6px;height:6px;background:#a9ce86;border-radius:50%;box-shadow:0 0 9px #a9ce8660}.icon-button{display:grid;place-items:center;border:1px solid var(--line);background:#ffffff06;color:var(--text);border-radius:10px;width:37px;height:37px;transition:.2s}.icon-button:hover{background:#ffffff12}.workspace{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);grid-gap:25px;gap:25px;padding:26px 0 22px;flex:1 1}.sidebar{background:linear-gradient(155deg,#1a1d18,#151713);border:1px solid var(--line);border-radius:20px;padding:23px 18px;display:flex;flex-direction:column;min-width:0}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;margin:2px 1px 22px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:700;color:#aab49b}.section-heading h1{font:700 23px/1.2 Manrope,sans-serif;letter-spacing:-.9px;margin:9px 0 6px}.section-heading p{font-size:12px;color:var(--muted);margin:0}.heading-sparkle{color:#bdcfa6;margin-top:6px}.scene-grid{display:grid;grid-gap:9px;gap:9px}.scene-card{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:1px solid transparent;border-radius:13px;padding:9px;background:transparent;color:var(--text);position:relative;transition:border-color .2s,background .2s}.scene-card:hover{background:#ffffff05}.scene-card.selected{background:#c9d8b00b;border-color:#c9d8b03c}.scene-thumb{flex:0 0 65px;height:54px;border-radius:8px;background-size:cover;background-position:50%;position:relative;overflow:hidden;background-color:#272d24}.scene-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fff0,#0003)}.placeholder-clock{display:grid;place-items:center;background:linear-gradient(140deg,#242d37,#111820);color:#e4e8df}.scene-card-copy{display:grid;grid-gap:4px;gap:4px;min-width:0;padding-right:12px}.scene-card-title{font-size:12px;font-weight:600}.scene-card-subtitle{font-size:10px;color:#9b9f91;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}.selected-check{position:absolute;right:10px;top:10px;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#c7d8ad;color:#222a1e}.control-panel{border:1px solid var(--line);border-radius:20px;background:linear-gradient(155deg,#1a1d18,#141612);padding:25px 25px 19px;min-width:0}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.panel-header h2{font:700 21px/1.2 Manrope,sans-serif;letter-spacing:-.6px;margin:8px 0 0}.panel-header .icon-button svg{transition:transform .2s}.panel-collapsed .panel-header{margin-bottom:0}.setting-block{padding:19px 0;border-top:1px solid var(--line)}.setting-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600}.setting-value{font-size:10px;color:#9ca493;font-weight:500}.theme-switch{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-top:13px}.theme-switch button{height:39px;border:1px solid var(--line);background:#ffffff03;color:#a8ad9f;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px}.theme-switch button.active{border-color:#c7d8ad4d;background:#c7d8ad12;color:#e5eadb}.toggle{width:34px;height:20px;border:0;border-radius:20px;padding:3px;background:#45483f;transition:.2s}.toggle span{display:block;width:14px;height:14px;border-radius:50%;background:#f2f0e8;transition:transform .2s}.toggle.on{background:#a8c18c}.toggle.on span{transform:translateX(14px);background:#20291b}.setting-help{font-size:11px;color:#92988a;line-height:1.5;margin:8px 0 12px}.format-button{display:flex;align-items:center;gap:9px;width:100%;min-height:38px;border:1px solid var(--line);border-radius:9px;padding:0 11px;background:#ffffff03;color:#c8cbbf;font-size:11px;text-align:left}.format-button span{margin-left:auto;color:#a5ad98;font-size:10px}.fullscreen-button{width:100%;height:42px;border:1px solid #c7d8ad4a;background:#c7d8ad0b;color:#e4e9dc;border-radius:9px;display:flex;align-items:center;gap:9px;padding:0 12px;font-size:11px}.fullscreen-button span{margin-left:auto;font-size:16px;color:#c7d8ad}.panel-footer{display:flex;gap:11px;border-top:1px solid var(--line);padding-top:18px;margin-top:1px}.footer-icon{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:#c7d8ad10;color:#c7d8ad;flex-shrink:0}.panel-footer strong{font-size:11px}.panel-footer p{font-size:10px;color:#969b8e;line-height:1.5;margin:4px 0 0}.stage{height:clamp(380px,52vw,620px);min-height:380px;border-radius:20px;overflow:hidden;position:relative;background:#1c2520;border:1px solid #ffffff14;isolation:isolate;box-shadow:0 18px 70px #0003}.scene-image{position:absolute;inset:0;background-size:cover;background-position:50%;animation:scene-in .8s ease both;transform:scale(1.015)}.scene-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#07100c55,transparent 35%,#05080621 58%,#050806b8)}.stage-vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 120px #0003;z-index:2}.stage-topline{position:absolute;z-index:3;left:25px;right:25px;top:23px;justify-content:space-between}.brand-mark,.stage-topline{display:flex;align-items:center}.brand-mark{gap:9px;font:800 14px Manrope,sans-serif;letter-spacing:-.5px;color:#fff;text-shadow:0 1px 12px #0008}.brand-glyph{width:29px;height:29px;border-color:#ffffff4a;background:#ffffff13}.brand-light{font-weight:400;color:#d2d7cd}.privacy-chip{display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:30px;background:#0b100c42;border:1px solid #ffffff30;color:#f1f1e8;font-size:9px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.overlay-clock{position:absolute;z-index:3;top:50%;left:50%;transform:translate(-50%,-40%);text-align:center;width:90%;color:#fff;text-shadow:0 2px 28px #0008;pointer-events:none}.overlay-time{font:500 clamp(48px,8vw,100px)/1 Manrope,sans-serif;letter-spacing:-5px}.overlay-date{font-size:clamp(11px,1.5vw,14px);margin-top:12px;letter-spacing:1px;color:#ffffffd9}.stage-bottomline{position:absolute;z-index:3;bottom:25px;left:26px;right:26px;display:flex;justify-content:space-between;align-items:flex-end;color:white;text-shadow:0 2px 18px #0009}.scene-kicker{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:#ffffffb8;margin-bottom:8px}.scene-title{font:600 24px/1.2 Manrope,sans-serif;letter-spacing:-.7px}.scene-subtitle{font-size:11px;color:#ffffffc4;margin-top:6px}.clock-only{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 45%,#2a352a,#141914 70%);color:#e9ecdf}.clock-only:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#d9e5c20c .8px,transparent 0);background-size:6px 6px;opacity:.3}.clock-time{font:400 clamp(64px,11vw,140px)/1 Manrope,sans-serif;letter-spacing:-7px;position:relative}.clock-date{font-size:13px;color:#b8c0ae;letter-spacing:1px;margin-top:20px;position:relative}.clock-caption{font-size:9px;letter-spacing:4px;color:#8f9e7e;margin-top:70px;position:relative}.site-footer{justify-content:space-between;gap:12px;padding:17px 0 20px;color:#777e70;font-size:10px}.site-footer,.toast{display:flex;align-items:center}.toast{position:fixed;z-index:20;bottom:22px;left:50%;transform:translateX(-50%);gap:9px;padding:12px 16px;border:1px solid #c7d8ad44;background:#20271e;color:#edf1e5;border-radius:12px;box-shadow:0 10px 40px #0008;font-size:12px;white-space:nowrap}.toast svg{color:#c7d8ad}.fullscreen-controls{position:fixed;z-index:30;right:20px;top:20px;display:flex;gap:8px;opacity:.25;transition:opacity .2s}.fullscreen-controls:hover{opacity:1}.fullscreen-controls button{width:40px;height:40px;display:grid;place-items:center;border:1px solid #ffffff44;border-radius:50%;color:#fff;background:#0005;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fullscreen-exit-card{position:fixed;z-index:31;right:20px;top:70px;padding:16px;border:1px solid #ffffff2b;border-radius:14px;background:#151914eF;color:#fff;box-shadow:0 10px 40px #0008}.fullscreen-exit-card p{font-size:12px;margin:0 0 12px}.fullscreen-exit-card button{border:1px solid #c7d8ad55;background:#c7d8ad12;color:#edf1e5;border-radius:8px;padding:9px 12px;font-size:11px}.light{--bg:#e9e8df;--panel:#f5f4ed;--panel-2:#efeee6;--line:rgba(36,41,31,.12);--text:#262a22;--muted:#6f7568;--accent:#6c8258;--accent-ink:#fff;background:#e9e8df;color:var(--text)}.light .topbar{border-color:#3332}.light .control-panel,.light .sidebar{background:linear-gradient(155deg,#f6f5ee,#edede4);border-color:#3432}.light .wordmark{color:#282c24}.light .local-label,.light .panel-footer p,.light .scene-card-subtitle,.light .section-heading p,.light .setting-help{color:#73786b}.light .scene-card{color:#2b3027}.light .scene-card.selected{background:#82966b12;border-color:#879c704a}.light .format-button,.light .theme-switch button{color:#555c4f;border-color:#3332}.light .theme-switch button.active{color:#293321;background:#a4ba8a24}.light .panel-footer strong,.light .setting-label{color:#34392f}.light .icon-button,.light .panel-header .icon-button{color:#33382d;border-color:#3332}.light .site-footer{color:#777c70}.is-fullscreen{padding:0;max-width:none}.is-fullscreen .stage{position:fixed;inset:0;width:100vw;height:100dvh;min-height:0;border:0;border-radius:0;z-index:25}.is-fullscreen .stage-topline{opacity:.22;transition:opacity .3s}.is-fullscreen .stage-topline:hover{opacity:1}@keyframes scene-in{0%{opacity:.3;transform:scale(1.04)}to{opacity:1;transform:scale(1.015)}}@media(min-width:1200px){.workspace{grid-template-columns:minmax(300px,360px) minmax(0,1fr)}.stage{height:clamp(470px,53vw,680px)}}@media(max-width:850px){.app{padding:0 18px}.workspace{grid-template-columns:1fr;gap:14px;padding-top:17px}.stage{grid-row:1;height:clamp(320px,58vw,520px);min-height:320px}.sidebar{grid-row:2}.control-panel{grid-row:3}.scene-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scene-card{padding:8px;gap:8px}.scene-thumb{flex-basis:48px;height:46px}.scene-card-subtitle{max-width:130px}.scene-card-copy{padding-right:0}.selected-check{right:7px;top:7px}.section-heading h1{font-size:21px}.site-footer{align-items:flex-start;flex-direction:column}.control-panel{padding:21px}.overlay-time{letter-spacing:-3px}}@media(max-width:480px){.app{padding:0 10px}.topbar{height:62px}.wordmark{font-size:16px}.local-label{font-size:10px}.topbar-right{gap:9px}.stage{height:390px;min-height:300px;border-radius:14px}.stage-topline{top:14px;left:14px;right:14px}.privacy-chip{font-size:8px;padding:6px 8px}.stage-bottomline{left:16px;right:16px;bottom:18px}.scene-title{font-size:20px}.scene-subtitle{font-size:10px}.overlay-time{font-size:56px;letter-spacing:-3px}.overlay-date{font-size:10px}.scene-grid{gap:7px}.scene-card-title{font-size:11px}.scene-card-subtitle{font-size:9px;max-width:110px}.scene-thumb{flex-basis:42px;height:42px}.sidebar{padding:17px 12px}.control-panel{padding:17px 14px}.section-heading h1{font-size:20px}.stage-topline .brand-mark{font-size:12px}.brand-glyph{width:25px;height:25px}}.category-row{display:flex;flex-wrap:wrap;gap:6px;margin:-4px 0 14px}.category-chip{border:1px solid var(--line);background:transparent;color:#b7bcad;border-radius:999px;padding:6px 10px;font-size:10px;letter-spacing:.3px}.category-chip.active{border-color:#c7d8ad66;background:#c7d8ad16;color:#e7ecdf}.sound-chip{display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:30px;background:#0b100c42;border:1px solid #ffffff30;color:#f1f1e8;font-size:9px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.scene-credit{font-size:10px;color:#8f9587;line-height:1.55;margin:8px 0 0}.range{width:100%;accent-color:#c7d8ad;margin:12px 0 2px}.light .category-chip{color:#555c4f}.light .category-chip.active{color:#293321;background:#a4ba8a24;border-color:#879c704a}.light .scene-credit{color:#6c7363}.scene-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;animation:scene-in .8s ease both}.site-footer a{color:#d7e6c4;font-size:12px;text-decoration:none}.site-footer a:hover{text-decoration:underline}.light .site-footer a{color:#3f5634}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}