@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600&family=Noto+Serif+SC:wght@400;500;600;700&display=swap";@import"https://cdn.jsdelivr.net/npm/lxgw-wenkai-webfont@1.7.0/lxgwwenkai-regular.css";@import"https://cdn.jsdelivr.net/npm/lxgw-wenkai-webfont@1.7.0/lxgwwenkai-bold.css";:root{--font-ui: "Inter", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--font-display: "Noto Serif SC", "Songti SC", serif;--font-mono: "DM Mono", ui-monospace, monospace;--text-kicker: 10px;--text-xs: 11px;--text-sm: 12px;--text-md: 13px;--title-sm: 15px;--title: 18px;--title-lg: 21px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 22px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 26px;--radius-pill: 999px;--z-backdrop: 0;--z-scrim: 1;--z-stage: 2;--z-affordance: 4;--z-chrome: 5;--z-panel: 20;--z-focus-scrim: 30;--z-modal: 40;--ease: cubic-bezier(.22, .68, .24, 1);--dur-fast: .16s;--dur-base: .24s;--tooltip-bg: 27 22% 12%;--tooltip-ink: 40 40% 97%;--cover-classic: 30 14% 65%;--cover-classic-ink: 24 17% 32%;--cover-travel: 77 31% 40%;--cover-travel-light: 50 57% 64%;--cover-paper: 44 48% 85%;--cover-sea: 194 52% 49%;--cover-astronomy: 212 61% 16%;--cover-silver: 210 18% 84%;--cover-botanical: 345 55% 28%;--cover-gold: 39 62% 55%;--app-bg: 42 12% 86%;--surface-1: 40 33% 97%;--surface-2: 38 24% 93%;--surface-3: 36 20% 88%;--surface-alpha: .92;--surface-solid-alpha: .97;--field-bg: 44 45% 99%;--field-alpha: .88;--ink-strong: 27 22% 21%;--ink: 28 15% 31%;--ink-muted: 28 10% 44%;--ink-faint: 28 9% 56%;--line: 30 16% 50%;--line-alpha: .22;--accent: 22 46% 40%;--accent-ink: 42 60% 97%;--accent-soft-alpha: .1;--danger: 6 52% 44%;--success: 152 26% 33%;--focus-ring: 26 70% 50%;--shadow-color: 29 26% 22%;--shadow-sm: 0 2px 8px hsl(var(--shadow-color) / .1);--shadow-md: 0 12px 30px hsl(var(--shadow-color) / .14);--shadow-lg: 0 26px 68px hsl(var(--shadow-color) / .2);--hairline: inset 0 1px hsl(0 0% 100% / .8);--blur-panel: blur(20px) saturate(1.05);--modal-scrim: 27 20% 18%;--modal-scrim-alpha: .42;--scrim-color: 27 22% 12%;--scrim-strength: 0;--grain-opacity: .2;--text-shadow-media: none;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);color:hsl(var(--ink));background:hsl(var(--app-bg));font-family:var(--font-ui);font-synthesis:none;-webkit-font-smoothing:antialiased}.scene-shell[data-backdrop=media]{color-scheme:dark;--surface-1: 26 14% 10%;--surface-2: 26 12% 16%;--surface-3: 26 11% 21%;--surface-alpha: .56;--surface-solid-alpha: .74;--field-bg: 26 12% 8%;--field-alpha: .52;--ink-strong: 40 40% 97%;--ink: 38 22% 92%;--ink-muted: 36 14% 76%;--ink-faint: 34 11% 65%;--line: 40 40% 94%;--line-alpha: .2;--accent: 30 82% 60%;--accent-ink: 26 45% 11%;--accent-soft-alpha: .18;--danger: 6 78% 68%;--success: 152 42% 64%;--focus-ring: 34 92% 62%;--shadow-color: 0 0% 0%;--shadow-sm: 0 2px 10px hsl(0 0% 0% / .3);--shadow-md: 0 14px 34px hsl(0 0% 0% / .4);--shadow-lg: 0 30px 78px hsl(0 0% 0% / .5);--hairline: inset 0 1px hsl(0 0% 100% / .13);--blur-panel: blur(26px) saturate(1.3);--modal-scrim: 26 16% 5%;--modal-scrim-alpha: .6;--scrim-strength: .92;--grain-opacity: .05;--text-shadow-media: 0 1px 3px hsl(0 0% 0% / .6)}.scene-shell[data-backdrop=media]:has(.background-media[data-effect]:not([data-effect=original])){--scrim-strength: 1}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%}html,body,main{width:100%;overflow:hidden}body{margin:0}button{font:inherit}input[type=range],input[type=checkbox]{accent-color:hsl(var(--accent))}main{min-height:100vh;min-height:100dvh;display:grid;place-items:center}.icon{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.kicker{display:block;color:hsl(var(--ink-faint));font:500 var(--text-kicker)/1.2 var(--font-mono);letter-spacing:.18em;text-transform:uppercase}.field-label{color:hsl(var(--ink-muted));font-size:var(--text-xs);font-weight:500;letter-spacing:.03em}.scene-shell{position:relative;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:radial-gradient(circle at 50% 42%,#3a332c,#211b18 72%,#15110f)}.scene-shell:after{content:"";position:absolute;inset:0;z-index:var(--z-backdrop);pointer-events:none;opacity:var(--grain-opacity);background-image:radial-gradient(hsl(28 20% 26% / .26) .45px,transparent .65px);background-size:5px 5px;mix-blend-mode:multiply}.scene-shell[data-backdrop=media]:after{mix-blend-mode:soft-light}canvas{position:absolute;inset:0;z-index:1;width:100%;height:100%;display:block;cursor:grab;touch-action:none}canvas:active{cursor:grabbing}#scene{z-index:var(--z-stage);transition:transform .28s var(--ease)}.background-media{position:absolute;inset:0;z-index:var(--z-backdrop);overflow:hidden;pointer-events:none}.background-media img,.background-media video{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 50%;transition:filter .32s var(--ease),transform .32s var(--ease)}.background-media img[hidden],.background-media video[hidden]{display:none}.background-media__fx{position:absolute;inset:-3%;z-index:2;pointer-events:none}.background-media__fx:before,.background-media__fx:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0}.scene-scrim{position:absolute;inset:0;z-index:var(--z-scrim);pointer-events:none;opacity:var(--scrim-strength);background:linear-gradient(180deg,hsl(var(--scrim-color) / .74) 0,hsl(var(--scrim-color) / .32) 15%,transparent 32%),linear-gradient(0deg,hsl(var(--scrim-color) / .8) 0,hsl(var(--scrim-color) / .36) 17%,transparent 36%),radial-gradient(125% 95% at 50% 50%,transparent 40%,hsl(var(--scrim-color) / .38) 100%);transition:opacity .3s var(--ease)}.background-media[data-effect]:not([data-effect=original]) img,.background-media[data-effect]:not([data-effect=original]) video{filter:brightness(var(--background-effect-brightness, 1)) contrast(var(--background-effect-contrast, 1)) saturate(var(--background-effect-saturation, 1)) grayscale(var(--background-effect-grayscale, 0)) sepia(var(--background-effect-sepia, 0)) hue-rotate(var(--background-effect-hue, 0deg))}.background-media[data-effect=glitch] img,.background-media[data-effect=glitch] video{animation:background-glitch-jitter 2.7s steps(2,end) infinite}.background-media[data-effect=glitch] .background-media__fx:before{opacity:var(--background-effect-overlay, .56);background:linear-gradient(90deg,hsl(343 100% 56% / .34),transparent 24%,transparent 72%,hsl(187 100% 50% / .32)),repeating-linear-gradient(0deg,transparent 0 9px,hsl(270 37% 8% / .22) 10px 12px,transparent 13px 28px);background-size:100% 100%,100% 74px;mix-blend-mode:screen;animation:background-glitch-scan 1.35s steps(5,end) infinite}.background-media[data-effect=glitch] .background-media__fx:after{opacity:var(--background-effect-overlay, .56);background:repeating-linear-gradient(180deg,transparent 0 16%,hsl(342 96% 55% / .2) 16.5% 18%,transparent 18.5% 46%,hsl(188 100% 50% / .18) 46.5% 49%,transparent 49.5% 100%);mix-blend-mode:screen;transform:translate(var(--background-effect-shift, 8px))}.background-media[data-effect=vhs] img,.background-media[data-effect=vhs] video{animation:background-vhs-drift 5.6s ease-in-out infinite}.background-media[data-effect=vhs] .background-media__fx:before{opacity:var(--background-effect-overlay, .56);background:repeating-linear-gradient(0deg,hsl(225 20% 8% / .18) 0 1px,transparent 2px 5px),linear-gradient(90deg,hsl(345 100% 60% / .1),transparent 38%,hsl(193 100% 61% / .1));mix-blend-mode:multiply;animation:background-vhs-scan 7s linear infinite}.background-media[data-effect=vhs] .background-media__fx:after{opacity:var(--background-effect-overlay, .56);background:radial-gradient(ellipse at center,transparent 35%,hsl(276 17% 12% / .42) 100%)}.background-media[data-effect=halftone] .background-media__fx:before{opacity:var(--background-effect-overlay, .56);background-image:radial-gradient(circle,hsl(22 16% 14% / .7) 0 1.25px,transparent 1.4px);background-size:var(--background-effect-dot-size, 6px) var(--background-effect-dot-size, 6px);mix-blend-mode:multiply;transform:rotate(-1.5deg) scale(1.04)}.background-media[data-effect=halftone] .background-media__fx:after{opacity:var(--background-effect-overlay, .56);background:linear-gradient(135deg,#e751361f,#f4d46c1f 52%,#1c727824);mix-blend-mode:color}.background-media[data-effect=cyanotype] .background-media__fx:before{opacity:var(--background-effect-grain, .26);background:radial-gradient(circle at 24% 22%,hsl(94 43% 93% / .42),transparent 30%),repeating-radial-gradient(circle at 70% 40%,hsl(96 39% 93% / .14) 0 .6px,transparent .8px 4px);mix-blend-mode:screen}.background-media[data-effect=cyanotype] .background-media__fx:after{opacity:var(--background-effect-overlay, .56);background:linear-gradient(145deg,#072e5a4d,#15587f1f 55%,#e1edd92e);mix-blend-mode:color-burn}.background-media[data-effect=newspaper] .background-media__fx:before{opacity:var(--background-effect-grain, .26);background:radial-gradient(circle,hsl(30 15% 13% / .62) 0 .8px,transparent 1px),repeating-linear-gradient(92deg,hsl(30 24% 23% / .08) 0 1px,transparent 1px 7px);background-size:var(--background-effect-dot-size, 6px) var(--background-effect-dot-size, 6px),auto;mix-blend-mode:multiply}.background-media[data-effect=newspaper] .background-media__fx:after{opacity:var(--background-effect-overlay, .56);background:linear-gradient(180deg,#f3eccd33,#6f583e24);mix-blend-mode:multiply}@keyframes background-glitch-jitter{0%,88%,to{transform:translate(0) scale(1)}90%{transform:translate(var(--background-effect-shift-half-negative, -4px)) scale(1.012)}93%{transform:translate(var(--background-effect-shift, 8px)) scale(1.006)}96%{transform:translate(var(--background-effect-shift-negative, -8px)) scale(1.01)}}@keyframes background-glitch-scan{0%{background-position:0 0,0 0;transform:translate(0)}45%{transform:translate(var(--background-effect-shift, 8px))}55%{transform:translate(var(--background-effect-shift-negative, -8px))}to{background-position:0 0,0 148px;transform:translate(0)}}@keyframes background-vhs-drift{0%,to{transform:scale(1.01) translate(0)}50%{transform:scale(1.016) translate(var(--background-effect-shift-quarter, 2px))}}@keyframes background-vhs-scan{0%{background-position:0 0,0 0}to{background-position:0 80px,0 0}}.btn,.icon-button,.chip{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid hsl(var(--line) / calc(var(--line-alpha) + .08));background:hsl(var(--surface-2) / .78);color:hsl(var(--ink-strong));font-family:var(--font-ui);font-weight:500;letter-spacing:.03em;cursor:pointer;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease),opacity var(--dur-fast) var(--ease)}.btn{min-height:38px;padding:9px 16px;border-radius:var(--radius-pill);font-size:var(--text-xs)}.btn:hover:not(:disabled),.icon-button:hover:not(:disabled){background:hsl(var(--surface-3) / .9);transform:translateY(-1px)}.btn--primary{border-color:transparent;background:hsl(var(--accent));color:hsl(var(--accent-ink));box-shadow:var(--shadow-sm)}.btn--primary:hover:not(:disabled){background:hsl(var(--accent) / .88);color:hsl(var(--accent-ink))}.btn--danger{border-color:hsl(var(--danger) / .32);background:hsl(var(--danger) / .08);color:hsl(var(--danger))}.btn--danger:hover:not(:disabled){border-color:hsl(var(--danger) / .55);background:hsl(var(--danger) / .15)}.icon-button{width:38px;min-width:38px;height:38px;padding:0;border-radius:var(--radius-pill)}.chip{min-height:36px;padding:8px 12px;border-radius:var(--radius-sm);background:hsl(var(--surface-2) / .55);font-size:var(--text-xs)}.chip:hover:not(:disabled){background:hsl(var(--surface-3) / .8)}.chip[aria-pressed=true]{border-color:hsl(var(--accent) / .58);background:hsl(var(--accent) / var(--accent-soft-alpha));color:hsl(var(--ink-strong));box-shadow:inset 0 0 0 1px hsl(var(--accent) / .28)}.btn:disabled,.icon-button:disabled,.chip:disabled{opacity:.36;cursor:default}.btn:focus-visible,.icon-button:focus-visible,.chip:focus-visible,.option-card:focus-visible,.menu-item:focus-visible{outline:2px solid hsl(var(--focus-ring));outline-offset:2px}.scene-topbar{position:absolute;z-index:var(--z-chrome);top:24px;left:26px;right:26px;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);pointer-events:none;transition:opacity var(--dur-base) var(--ease)}.masthead{display:grid;gap:7px}.masthead .kicker{color:hsl(var(--ink-muted));text-shadow:var(--text-shadow-media)}h1{margin:0;color:hsl(var(--ink-strong));font:600 clamp(19px,2.4vw,27px)/1.15 var(--font-display);letter-spacing:.06em;text-shadow:var(--text-shadow-media)}.page-status{min-width:86px;padding:9px 14px;border:1px solid hsl(var(--line) / var(--line-alpha));border-radius:var(--radius-pill);background:hsl(var(--surface-1) / var(--surface-alpha));color:hsl(var(--ink));box-shadow:var(--shadow-sm),var(--hairline);font-size:var(--text-xs);font-weight:500;letter-spacing:.05em;text-align:center;-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel)}.dock-stack{position:absolute;z-index:var(--z-chrome);left:50%;bottom:26px;display:grid;justify-items:center;gap:11px;pointer-events:none;transform:translate(-50%);transition:opacity var(--dur-base) var(--ease)}.hint{margin:0;color:hsl(var(--ink-muted));font-size:var(--text-xs);letter-spacing:.09em;white-space:nowrap;text-shadow:var(--text-shadow-media)}.dock{display:flex;align-items:center;gap:6px;padding:7px;border:1px solid hsl(var(--line) / var(--line-alpha));border-radius:var(--radius-pill);background:hsl(var(--surface-1) / var(--surface-alpha));box-shadow:var(--shadow-md),var(--hairline);-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);pointer-events:auto}.dock button[hidden]{display:none}.dock .btn,.dock .icon-button{box-shadow:none}.dock .btn:hover:not(:disabled),.dock .icon-button:hover:not(:disabled){transform:none}.dock__main{min-width:132px}.dock__divider{width:1px;height:22px;margin:0 2px;background:hsl(var(--line) / calc(var(--line-alpha) + .1))}.panel{position:absolute;z-index:var(--z-panel);border:1px solid hsl(var(--line) / var(--line-alpha));border-radius:var(--radius-lg);background:hsl(var(--surface-1) / var(--surface-alpha));color:hsl(var(--ink));box-shadow:var(--shadow-lg),var(--hairline);-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel)}.panel[hidden]{display:none}.panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:1px solid hsl(var(--line) / calc(var(--line-alpha) * .55))}.panel__titles{min-width:0}.panel__title{display:block;margin:7px 0 0;color:hsl(var(--ink-strong));font:600 var(--title-sm)/1.3 var(--font-display);letter-spacing:.04em}.panel__title--lg{font-size:var(--title)}.panel__subtitle{display:block;margin-top:6px;color:hsl(var(--ink-muted));font-size:var(--text-xs);line-height:1.5}.panel__body{display:grid;gap:var(--space-4);padding:var(--space-4)}.panel__footer{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-4);border-top:1px solid hsl(var(--line) / calc(var(--line-alpha) * .55))}.panel__footer--end{justify-content:flex-end}.panel__note{flex:1;margin:0;color:hsl(var(--ink-muted));font-size:var(--text-xs);line-height:1.5}.panel__note--center{flex:none;text-align:center}@keyframes panel-rise{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}@keyframes panel-rise-centered{0%{opacity:0;transform:translate(-50%,10px) scale(.985)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes panel-slide-in{0%{opacity:0;transform:translate(14px) scale(.99)}to{opacity:1;transform:none}}@keyframes panel-pop-centered{0%{opacity:0;transform:translate(-50%,calc(-50% + 12px)) scale(.97)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes panel-pop{0%{opacity:0;transform:translateY(10px) scale(.975)}to{opacity:1;transform:none}}.panel--menu{right:24px;bottom:100px;z-index:calc(var(--z-panel) - 2);width:min(304px,calc(100% - 32px));max-height:min(560px,calc(100% - 148px));overflow-y:auto;padding:var(--space-2);animation:panel-rise var(--dur-base) var(--ease) both}.scene-menu__group{display:grid;gap:2px;padding:var(--space-2) 0}.scene-menu__group+.scene-menu__group{border-top:1px solid hsl(var(--line) / calc(var(--line-alpha) * .5))}.scene-menu__group>.kicker{padding:2px 12px 7px;font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:.16em}.display-exit{position:absolute;z-index:7;right:22px;bottom:24px;opacity:0;pointer-events:none;background:hsl(var(--surface-1) / var(--surface-solid-alpha));color:hsl(var(--ink-strong));box-shadow:var(--shadow-sm);-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);transition:opacity var(--dur-base) var(--ease),background var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.scene-shell.is-display-mode .display-exit{opacity:1;pointer-events:auto}.scene-shell.is-display-mode .scene-topbar,.scene-shell.is-display-mode .music-dock,.scene-shell.is-cover-focus .music-dock,.scene-shell.is-cover-focus .scene-affordances{opacity:0;pointer-events:none}.scene-topbar,.dock-stack,.music-dock,.scene-affordances{transition:opacity var(--dur-base) var(--ease)}.scene-shell.is-display-mode:after{opacity:0}.backdrop-presets__label{margin:4px 0 0;padding:0 12px;color:hsl(var(--ink-muted));font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase}.backdrop-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:4px 12px 8px}.backdrop-preset{display:grid;gap:5px;min-width:0;padding:5px;border:1px solid hsl(var(--line) / var(--line-alpha));border-radius:var(--radius-md);background:hsl(var(--surface-2) / .5);color:hsl(var(--ink-muted));font-family:var(--font-ui);font-size:var(--text-xs);line-height:1.3;text-align:center;cursor:pointer;transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.backdrop-preset__thumb{width:100%;aspect-ratio:16 / 10;display:block;overflow:hidden;border-radius:calc(var(--radius-md) - 4px);object-fit:cover}.backdrop-preset:hover{transform:translateY(-1px);background:hsl(var(--surface-2) / .85)}.backdrop-preset[aria-pressed=true]{border-color:hsl(var(--accent) / .7);background:hsl(var(--accent) / .12);color:hsl(var(--ink-strong))}.backdrop-preset:focus-visible{outline:3px solid hsl(var(--focus-ring) / .5);outline-offset:2px}.backdrop-preset.is-matched span:after{content:"· current cover";color:hsl(var(--accent))}.menu-item{display:grid;gap:3px;width:100%;padding:10px 12px;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:hsl(var(--ink-strong));font-family:var(--font-ui);font-size:var(--text-md);font-weight:500;text-align:left;cursor:pointer;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.menu-item:after{content:attr(data-desc);color:hsl(var(--ink-muted));font-size:var(--text-xs);font-weight:400;letter-spacing:.01em}.menu-item:hover:not(:disabled){border-color:hsl(var(--line) / var(--line-alpha));background:hsl(var(--surface-2) / .7)}.menu-item:disabled{display:none}@property --affordance-scale{syntax: "<number>"; inherits: false; initial-value: .7;}.scene-affordances{position:absolute;inset:0;z-index:var(--z-affordance);pointer-events:none}.affordance{position:absolute;top:0;left:0;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin:-18px 0 0 -18px;padding:0;border:1px solid hsl(var(--line) / calc(var(--line-alpha) + .08));border-radius:var(--radius-pill);background:hsl(var(--surface-1) / var(--surface-alpha));color:hsl(var(--ink-strong));box-shadow:var(--shadow-sm),var(--hairline);cursor:pointer;opacity:0;pointer-events:none;-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);--affordance-scale: .7;transform:translate(var(--affordance-x, 0px),var(--affordance-y, 0px)) scale(var(--affordance-scale));transition:opacity var(--dur-base) var(--ease),--affordance-scale var(--dur-base) var(--ease),background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.affordance[hidden]{display:none}.affordance[data-state=revealed],.affordance:focus-visible{opacity:1;--affordance-scale: 1;pointer-events:auto}.affordance[data-state=revealed]:hover{border-color:hsl(var(--accent) / .5);background:hsl(var(--surface-2) / .95)}.affordance:focus-visible{outline:2px solid hsl(var(--focus-ring));outline-offset:2px}.scene-outline{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;opacity:0;transition:opacity var(--dur-fast) var(--ease)}.scene-outline.is-visible{opacity:1}.scene-outline polygon{fill:hsl(var(--accent) / .12);stroke:hsl(var(--accent) / .85);stroke-width:1.5;stroke-dasharray:5 4}.cover-field-editor{position:absolute;z-index:var(--z-panel);width:min(280px,calc(100% - 24px));padding:var(--space-3);border:1px solid hsl(var(--line) / var(--line-alpha));border-radius:var(--radius-md);background:hsl(var(--surface-1) / var(--surface-solid-alpha));box-shadow:var(--shadow-lg),var(--hairline);-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);animation:panel-rise var(--dur-fast) var(--ease) both}.cover-field-editor[hidden]{display:none}.cover-field-editor__label{display:block;margin-bottom:7px;color:hsl(var(--ink-muted));font-size:var(--text-xs);font-weight:500;letter-spacing:.03em}.cover-field-editor__control .cover-customizer-field{gap:0}.cover-field-editor__hint{margin:9px 0 0;color:hsl(var(--ink-faint));font-size:var(--text-kicker);letter-spacing:.06em}.scene-hotspot-hint{position:absolute;z-index:calc(var(--z-chrome) + 1);min-width:152px;padding:8px 12px;border:1px solid hsl(var(--tooltip-ink) / .16);border-radius:var(--radius-pill);background:hsl(var(--tooltip-bg) / .8);color:hsl(var(--tooltip-ink));box-shadow:var(--shadow-md);font-size:var(--text-xs);letter-spacing:.04em;text-align:center;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:translate(-50%);animation:hotspot-in var(--dur-fast) var(--ease) both}.scene-hotspot-hint[hidden]{display:none}@keyframes hotspot-in{0%{opacity:0;transform:translate(-50%,4px)}to{opacity:1;transform:translate(-50%)}}.focus-scrim{position:absolute;inset:0;z-index:var(--z-focus-scrim);background:hsl(var(--modal-scrim) / .3);-webkit-backdrop-filter:blur(8px) saturate(.8);backdrop-filter:blur(8px) saturate(.8)}.focus-scrim[hidden]{display:none}.scene-shell.is-cover-focus #scene{transform:scale(1.018)}.scene-shell.is-cover-focus .scene-topbar,.scene-shell.is-cover-focus .dock-stack{opacity:.1;pointer-events:none}.panel--layout,.panel--cover-style,.panel--effects{left:50%;bottom:100px;transform:translate(-50%);animation:panel-rise-centered var(--dur-base) var(--ease) both}.panel--layout{width:min(660px,calc(100% - 36px))}.panel--effects{width:min(640px,calc(100% - 36px))}.panel--cover-style{z-index:calc(var(--z-panel) - 1);width:min(560px,calc(100% - 36px));max-height:min(540px,calc(100% - 148px));overflow-y:auto}.layout-page-picker{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.layout-add-stamps{display:grid;grid-template-columns:auto repeat(3,minmax(76px,1fr));align-items:center;gap:var(--space-2)}.layout-transform-controls{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid hsl(var(--line) / calc(var(--line-alpha) * .5))}.slider-row{display:grid;grid-template-columns:auto minmax(0,1fr) 46px;align-items:center;gap:var(--space-3)}.slider-row input{width:100%}.slider-row output{color:hsl(var(--ink));font:500 var(--text-xs)/1 var(--font-mono);font-variant-numeric:tabular-nums;text-align:right}.cover-style-list{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.option-card{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:var(--space-3);min-height:74px;padding:10px;border:1px solid hsl(var(--line) / var(--line-alpha));border-radius:var(--radius-md);background:hsl(var(--surface-2) / .5);color:hsl(var(--ink));text-align:left;cursor:pointer;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.option-card:hover{background:hsl(var(--surface-3) / .72)}.option-card[aria-pressed=true]{border-color:hsl(var(--accent) / .58);background:hsl(var(--accent) / var(--accent-soft-alpha));box-shadow:inset 0 0 0 1px hsl(var(--accent) / .28)}.option-card__text strong{display:block;color:hsl(var(--ink-strong));font:600 var(--text-md)/1.3 var(--font-display);letter-spacing:.04em}.option-card__text small{display:block;margin-top:5px;color:hsl(var(--ink-muted));font-size:var(--text-xs);line-height:1.45}.cover-style-swatch{position:relative;width:48px;height:56px;overflow:hidden;border-radius:5px;box-shadow:0 6px 12px hsl(var(--shadow-color) / .18),inset 0 0 0 1px hsl(var(--line) / .28)}.cover-style-swatch:before,.cover-style-swatch:after{content:"";position:absolute}.cover-style-swatch--classic{background:radial-gradient(circle at 50% 30%,hsl(var(--cover-paper)) 0 17%,transparent 18%),linear-gradient(hsl(var(--cover-paper)) 0 0) 50% 76% / 66% 27% no-repeat,hsl(var(--cover-classic))}.cover-style-swatch--classic:after{inset:8px 15px 29px;border:2px solid hsl(var(--cover-classic-ink) / .65)}.cover-style-swatch--travel{background:radial-gradient(circle at 26% 65%,hsl(var(--cover-paper)) 0 14%,transparent 15%),radial-gradient(circle at 66% 52%,hsl(var(--cover-sea)) 0 16%,transparent 17%),hsl(var(--cover-travel))}.cover-style-swatch--travel:before{top:9px;right:8px;width:18px;height:14px;border:3px solid hsl(var(--cover-paper));transform:rotate(-8deg)}.cover-style-swatch--travel:after{left:9px;bottom:8px;width:26px;height:18px;border:3px solid hsl(var(--cover-paper));transform:rotate(7deg)}.cover-style-swatch--astronomy{background:radial-gradient(circle at 50% 51%,transparent 0 24%,hsl(var(--cover-silver) / .78) 25% 27%,transparent 28% 35%,hsl(var(--cover-silver) / .45) 36% 38%,transparent 39%),radial-gradient(circle at 35% 36%,hsl(var(--cover-silver)) 0 2%,transparent 3%),radial-gradient(circle at 66% 63%,hsl(var(--cover-silver)) 0 2%,transparent 3%),hsl(var(--cover-astronomy))}.cover-style-swatch--astronomy:before{inset:6px;border:1px solid hsl(var(--cover-silver) / .7)}.cover-style-swatch--astronomy:after{left:11px;right:11px;bottom:8px;height:3px;background:repeating-linear-gradient(90deg,hsl(var(--cover-silver)) 0 3px,transparent 3px 7px)}.cover-style-swatch--botanical{background:linear-gradient(hsl(var(--cover-paper)) 0 0) 50% 74% / 68% 22% no-repeat,hsl(var(--cover-botanical))}.cover-style-swatch--botanical:before{left:23px;top:8px;width:3px;height:33px;border-radius:var(--radius-pill);background:hsl(var(--cover-gold));transform:rotate(12deg)}.cover-style-swatch--botanical:after{left:13px;top:13px;width:24px;height:25px;background:radial-gradient(ellipse at 25% 28%,hsl(112 22% 35%) 0 23%,transparent 25%),radial-gradient(ellipse at 73% 55%,hsl(112 22% 35%) 0 23%,transparent 25%),radial-gradient(circle at 50% 5%,hsl(var(--cover-gold)) 0 13%,transparent 15%)}.panel--customizer{top:92px;right:22px;bottom:104px;width:min(364px,calc(100% - 36px));overflow-y:auto;animation:panel-slide-in var(--dur-base) var(--ease) both}.panel--customizer .panel__header{position:sticky;top:0;z-index:2;background:hsl(var(--surface-1) / var(--surface-solid-alpha));-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel)}.panel--customizer .panel__footer{position:sticky;bottom:0;z-index:2;justify-content:flex-end;background:hsl(var(--surface-1) / var(--surface-solid-alpha));-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel)}.scene-shell.is-cover-focus .panel--customizer{z-index:calc(var(--z-focus-scrim) + 1);inset:50% auto auto 50%;width:min(480px,calc(100% - 40px));max-height:min(660px,calc(100% - 56px));border-radius:var(--radius-xl);transform:translate(-50%,-50%);animation:panel-pop-centered var(--dur-base) var(--ease) both}.cover-customizer-fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3) 10px}.cover-customizer-field{display:grid;gap:6px;min-width:0;color:hsl(var(--ink-muted));font-size:var(--text-xs);font-weight:500;line-height:1.4}.cover-customizer-field--textarea,.cover-customizer-field--range,.cover-customizer-field--checkbox{grid-column:1 / -1}.cover-customizer-field input:not([type=checkbox]),.cover-customizer-field textarea,.cover-customizer-field select{width:100%;min-width:0;border:1px solid hsl(var(--line) / calc(var(--line-alpha) + .06));border-radius:var(--radius-sm);outline:0;background:hsl(var(--field-bg) / var(--field-alpha));color:hsl(var(--ink-strong));font:400 var(--text-sm)/1.5 var(--font-ui);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.cover-customizer-field input:not([type=checkbox]),.cover-customizer-field select{height:36px;padding:6px 10px}.cover-customizer-field textarea{resize:vertical;min-height:86px;padding:9px 10px}.cover-customizer-field input:focus,.cover-customizer-field textarea:focus,.cover-customizer-field select:focus{border-color:hsl(var(--accent) / .7);box-shadow:0 0 0 3px hsl(var(--accent) / .16)}.cover-customizer-field--range{grid-template-columns:82px minmax(0,1fr) 40px;align-items:center}.cover-customizer-field--range input{padding:0}.cover-customizer-field--range output{font:500 var(--text-xs)/1 var(--font-mono);font-variant-numeric:tabular-nums;text-align:right}.cover-customizer-field--checkbox{grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:40px;padding:8px 10px;border:1px solid hsl(var(--line) / calc(var(--line-alpha) * .8));border-radius:var(--radius-sm);background:hsl(var(--accent) / calc(var(--accent-soft-alpha) * .55))}.cover-customizer-field--checkbox input{width:17px;height:17px}.cover-customizer-status{margin:0;color:hsl(var(--success));font-size:var(--text-xs);line-height:1.5}.background-effects-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-2)}.background-effect-intensity{padding-top:var(--space-3);border-top:1px solid hsl(var(--line) / calc(var(--line-alpha) * .5))}.backdrop-studio__panel{width:min(760px,100%)}.backdrop-studio__stage{position:relative;height:min(46vh,380px);min-height:220px;overflow:hidden;border:1px solid hsl(var(--line) / calc(var(--line-alpha) * .7));border-radius:var(--radius-md);background:hsl(var(--surface-3))}.backdrop-studio__stage .background-media{position:absolute;inset:0}.backdrop-media-switch{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);padding:var(--space-1);border:1px solid hsl(var(--line) / var(--line-alpha));border-radius:var(--radius-md);background:hsl(var(--surface-2) / .5)}.backdrop-media-switch[hidden]{display:none}.backdrop-media-switch .chip{width:100%}.music-dock{position:absolute;z-index:var(--z-chrome);left:26px;bottom:26px;display:grid;justify-items:start;gap:10px;transition:opacity var(--dur-base) var(--ease)}.music-dock__toggle{position:relative;background:hsl(var(--surface-1) / var(--surface-alpha));box-shadow:var(--shadow-md),var(--hairline);-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel)}.music-dock[data-playing=true] .music-dock__toggle{border-color:hsl(var(--accent) / .6);color:hsl(var(--accent))}.music-dock[data-playing=true] .music-dock__toggle:after{content:"";position:absolute;inset:-5px;border:1px solid hsl(var(--accent) / .5);border-radius:var(--radius-pill);animation:music-pulse 2.4s var(--ease) infinite}@keyframes music-pulse{0%{opacity:.8;transform:scale(.94)}70%{opacity:0;transform:scale(1.18)}to{opacity:0;transform:scale(1.18)}}.music-panel{position:static;width:268px;padding:var(--space-3);animation:panel-rise var(--dur-base) var(--ease) both}.music-panel[hidden]{display:none}.music-panel__header{display:grid;gap:5px;margin-bottom:var(--space-3)}.music-panel__title{color:hsl(var(--ink-strong));font:600 var(--text-md)/1.3 var(--font-display);letter-spacing:.04em}.music-panel__empty{margin:0 0 var(--space-3);color:hsl(var(--ink-muted));font-size:var(--text-xs);line-height:1.6}.music-list{max-height:168px;margin:0 0 var(--space-3);padding:0;overflow-y:auto;list-style:none}.music-list__item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px;border-radius:var(--radius-sm)}.music-list__item[data-current=true]{background:hsl(var(--accent) / var(--accent-soft-alpha))}.music-list__name{min-width:0;padding:8px 10px;border:0;border-radius:var(--radius-sm);background:transparent;color:hsl(var(--ink-strong));font-family:var(--font-ui);font-size:var(--text-xs);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.music-list__name:hover{color:hsl(var(--accent))}.music-list__remove{width:26px;min-width:26px;height:26px;border-color:transparent;background:transparent}.music-list__remove .icon{width:13px;height:13px}.music-transport{display:flex;align-items:center;gap:6px;padding-top:var(--space-3);border-top:1px solid hsl(var(--line) / calc(var(--line-alpha) * .5))}.music-transport__play{width:42px;min-width:42px;height:42px;border-color:transparent;background:hsl(var(--accent));color:hsl(var(--accent-ink))}.music-transport__play:hover:not(:disabled){background:hsl(var(--accent) / .88)}.music-transport .icon-button.is-active{border-color:hsl(var(--accent) / .55);color:hsl(var(--accent))}.music-volume{margin-top:var(--space-3)}.music-volume output{color:hsl(var(--ink));font:500 var(--text-xs)/1 var(--font-mono);font-variant-numeric:tabular-nums;text-align:right}.music-panel__add{width:100%;margin-top:var(--space-3)}.modal{position:absolute;inset:0;z-index:var(--z-modal);display:grid;place-items:center;padding:26px;background:hsl(var(--modal-scrim) / var(--modal-scrim-alpha));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.modal[hidden]{display:none}.panel--modal{position:relative;width:min(560px,100%);max-height:calc(100vh - 52px);overflow-y:auto;border-radius:var(--radius-xl);background:hsl(var(--surface-1) / var(--surface-solid-alpha));animation:panel-pop var(--dur-base) var(--ease) both}.panel--modal .panel__header{position:sticky;top:0;z-index:2;background:hsl(var(--surface-1) / var(--surface-solid-alpha));-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel)}.stamp-viewer__stage{position:relative;height:min(56vh,500px);min-height:340px;overflow:hidden;border:1px solid hsl(var(--line) / calc(var(--line-alpha) * .6));border-radius:var(--radius-md);background:radial-gradient(circle at 50% 42%,hsl(var(--surface-1)),hsl(var(--surface-2)) 68%,hsl(var(--surface-3)));box-shadow:var(--hairline)}#stamp-viewer-canvas{cursor:grab}#stamp-viewer-canvas:active{cursor:grabbing}.stamp-viewer__actions{display:flex;justify-content:center;gap:var(--space-2)}.stamp-edge-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);margin:0;padding:var(--space-3);border:1px solid hsl(var(--line) / calc(var(--line-alpha) * .8));border-radius:var(--radius-md)}.stamp-edge-picker legend{padding:0 6px}.stamp-edge-picker label{position:relative;min-width:0;padding:9px 8px 8px;border:1px solid hsl(var(--line) / var(--line-alpha));border-radius:var(--radius-sm);text-align:center;cursor:pointer;transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.stamp-edge-picker input{position:absolute;opacity:0;pointer-events:none}.stamp-edge-color{grid-column:1 / -1;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:var(--space-2);text-align:left!important;cursor:default!important}.stamp-edge-color input[type=color]{position:static;width:42px;height:30px;padding:2px;border:1px solid hsl(var(--line) / var(--line-alpha));border-radius:var(--radius-sm);opacity:1;background:hsl(var(--field-bg) / var(--field-alpha));pointer-events:auto;cursor:pointer}.stamp-edge-color output{min-width:68px;color:hsl(var(--ink-muted));font:500 var(--text-xs)/1 var(--font-mono);text-align:right}.stamp-edge-picker label>span,.stamp-edge-picker label>strong{display:block}.stamp-edge-picker input:checked+.stamp-edge-swatch{filter:saturate(1.15)}.stamp-edge-picker label:has(input:checked){border-color:hsl(var(--accent) / .6);background:hsl(var(--accent) / var(--accent-soft-alpha));box-shadow:inset 0 0 0 1px hsl(var(--accent) / .24)}.stamp-edge-picker label:has(input:focus-visible){outline:2px solid hsl(var(--focus-ring));outline-offset:2px}.stamp-edge-picker strong{margin-top:7px;color:hsl(var(--ink-strong));font-size:var(--text-xs);font-weight:500}.stamp-edge-swatch{--edge-step: 9px;position:relative;width:46px;height:30px;margin:0 auto;background:radial-gradient(circle at 0 50%,transparent 0 2px,hsl(var(--surface-3)) 2.2px) 0 0 / var(--edge-step) 100% repeat-x;box-shadow:inset 0 0 0 1px hsl(var(--line) / .28),0 3px 8px hsl(var(--shadow-color) / .1)}.stamp-edge-swatch:before,.stamp-edge-swatch:after{content:"";position:absolute;left:0;right:0;height:4px;background:radial-gradient(circle,hsl(var(--surface-1)) 0 1.7px,transparent 1.9px) 0 0 / var(--edge-step) 4px repeat-x}.stamp-edge-swatch:before{top:-2px}.stamp-edge-swatch:after{bottom:-2px}.stamp-edge-swatch--fine{--edge-step: 6px}.stamp-edge-swatch--coarse{--edge-step: 13px}.stamp-editor__panel{width:min(1180px,100%);max-height:calc(100vh - 32px)}.stamp-editor__layout{display:grid;grid-template-columns:minmax(0,1fr) 336px;gap:var(--space-4);padding:var(--space-4)}.stamp-editor__workspace,.stamp-editor__tools{border:1px solid hsl(var(--line) / calc(var(--line-alpha) * .7));border-radius:var(--radius-lg);background:hsl(var(--surface-2) / .5)}.stamp-editor__workspace{padding:var(--space-3)}.stamp-editor__canvas-wrap{position:relative;height:min(66vh,640px);min-height:460px;overflow:hidden;border-radius:var(--radius-md);background:hsl(var(--surface-3));box-shadow:inset 0 0 0 1px hsl(var(--line) / .16)}canvas.stamp-editor__canvas{position:relative;inset:auto;z-index:auto;width:100%;height:100%;cursor:move;touch-action:none}.stamp-editor__frame-label{position:absolute;left:50%;top:14px;padding:6px 11px;border-radius:var(--radius-pill);background:hsl(var(--tooltip-bg) / .74);color:hsl(var(--tooltip-ink));font-size:var(--text-xs);letter-spacing:.06em;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translate(-50%)}.stamp-editor__zoom{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:var(--space-2);padding-top:var(--space-3)}.stamp-editor__zoom input{width:100%}.stamp-editor__workspace>.panel__note{margin-top:var(--space-2)}.stamp-editor__tools{display:flex;flex-direction:column;padding:var(--space-4)}.stamp-editor__tool-heading{display:flex;align-items:end;justify-content:space-between;gap:var(--space-2);padding-bottom:var(--space-3);border-bottom:1px solid hsl(var(--line) / calc(var(--line-alpha) * .5))}.stamp-editor__tool-heading strong{color:hsl(var(--ink-strong));font:600 var(--text-md)/1.3 var(--font-display)}.stamp-editor__video-note{margin:var(--space-3) 0 0;padding:10px 11px;border:1px solid hsl(var(--accent) / .28);border-radius:var(--radius-sm);background:hsl(var(--accent) / calc(var(--accent-soft-alpha) * .8));color:hsl(var(--ink));font-size:var(--text-xs);line-height:1.6}.stamp-editor__video-note[hidden]{display:none}.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:var(--space-4) 0 0;padding:0;border:0}.option-grid[hidden]{display:none}.option-grid legend{grid-column:1 / -1;margin-bottom:4px;padding:0}.option-grid label{cursor:pointer}.option-grid input{position:absolute;opacity:0;pointer-events:none}.option-grid span{display:block;padding:9px 6px;border:1px solid hsl(var(--line) / var(--line-alpha));border-radius:var(--radius-sm);color:hsl(var(--ink-strong));font-size:var(--text-xs);text-align:center;transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.option-grid input:checked+span{border-color:hsl(var(--accent) / .6);background:hsl(var(--accent) / var(--accent-soft-alpha));box-shadow:inset 0 0 0 1px hsl(var(--accent) / .28)}.option-grid input:focus-visible+span{outline:2px solid hsl(var(--focus-ring));outline-offset:2px}.option-grid input:disabled+span{opacity:.4}#stamp-image-prompt[hidden],#stamp-motion-tool[hidden],#restore-uploaded-artwork[hidden],.stamp-editor__generate[hidden]{display:none}#stamp-editor[data-media-kind=video] .style-options{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid hsl(var(--line) / calc(var(--line-alpha) * .5))}#stamp-editor[data-media-kind=video] #stamp-motion-tool{margin-top:var(--space-4);padding:var(--space-3);border:1px solid hsl(var(--accent) / .26);border-radius:var(--radius-md);background:hsl(var(--accent) / calc(var(--accent-soft-alpha) * .5))}.stamp-editor__prompt{display:block;margin-top:var(--space-4)}.stamp-editor__prompt>span{display:block;margin-bottom:7px}.stamp-editor__prompt textarea{width:100%;resize:vertical;min-height:78px;padding:10px;border:1px solid hsl(var(--line) / calc(var(--line-alpha) + .06));border-radius:var(--radius-sm);outline:none;background:hsl(var(--field-bg) / var(--field-alpha));color:hsl(var(--ink-strong));font:400 var(--text-sm)/1.6 var(--font-ui)}.stamp-editor__prompt textarea:focus{border-color:hsl(var(--accent) / .7);box-shadow:0 0 0 3px hsl(var(--accent) / .16)}.stamp-editor__generate{width:100%;margin-top:var(--space-3)}.stamp-motion-tool{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid hsl(var(--line) / calc(var(--line-alpha) * .5))}.stamp-motion-tool__heading{display:flex;align-items:end;justify-content:space-between;gap:var(--space-2)}.stamp-motion-tool__heading strong{color:hsl(var(--ink-strong));font:600 var(--text-sm)/1.3 var(--font-display)}#restore-uploaded-artwork{width:100%;margin-top:var(--space-2)}.stamp-editor__status{min-height:34px;margin:var(--space-3) 2px 0;color:hsl(var(--ink-muted));font-size:var(--text-xs);line-height:1.6}.stamp-editor__status[data-state=error]{color:hsl(var(--danger))}.stamp-editor__status[data-state=success]{color:hsl(var(--success))}@media(max-width:620px){.scene-topbar{top:18px;left:18px;right:16px}.page-status{min-width:74px;padding:7px 11px}.dock-stack{bottom:14px;gap:9px}.music-dock{left:14px;bottom:62px}.music-panel{width:min(268px,calc(100vw - 32px))}.backdrop-studio__stage{height:38vh;min-height:180px}.dock{padding:6px;gap:4px}.dock .btn{min-height:36px;padding:8px 12px}.dock .icon-button{width:36px;min-width:36px;height:36px}.dock__main{min-width:108px}.scene-hotspot-hint{display:none}.affordance{width:32px;height:32px;margin:-16px 0 0 -16px}.panel--menu{right:12px;bottom:78px;width:calc(100% - 24px);max-height:calc(100% - 108px)}.panel--layout,.panel--cover-style,.panel--effects{bottom:78px;width:calc(100% - 24px);max-height:calc(100% - 108px);overflow-y:auto;border-radius:var(--radius-md)}.panel__header{padding:var(--space-3) var(--space-3) 10px}.panel__body{padding:var(--space-3);gap:var(--space-3)}.panel__footer{padding:10px var(--space-3) var(--space-3);flex-wrap:wrap}.panel__footer .panel__note{flex-basis:100%}.panel--customizer{top:78px;right:12px;bottom:78px;width:calc(100% - 24px)}.cover-customizer-fields{grid-template-columns:1fr}.cover-customizer-field--textarea,.cover-customizer-field--range,.cover-customizer-field--checkbox{grid-column:auto}.layout-add-stamps{grid-template-columns:repeat(3,minmax(0,1fr))}.layout-add-stamps>.field-label{grid-column:1 / -1}.layout-transform-controls{grid-template-columns:1fr;gap:var(--space-2)}.cover-style-list{grid-template-columns:1fr}.option-card{min-height:62px}.background-effects-list{grid-template-columns:repeat(3,minmax(0,1fr))}.modal{padding:12px}.panel--modal{max-height:calc(100vh - 24px);border-radius:var(--radius-lg)}.stamp-viewer__stage{height:min(52vh,440px);min-height:280px}#stamp-editor{align-items:start}.stamp-editor__layout{grid-template-columns:1fr;gap:var(--space-3);padding:var(--space-3)}.stamp-editor__canvas-wrap{height:46vh;min-height:280px}.stamp-editor__tools{padding:var(--space-3)}.stamp-editor__panel .panel__footer{position:sticky;bottom:0;background:hsl(var(--surface-1) / var(--surface-solid-alpha));-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel)}}@media(max-width:760px){:root{--text-xs: 12px;--text-sm: 13px;--text-md: 14px}.btn,.icon-button,.chip,.menu-item,.backdrop-preset,.option-card{touch-action:manipulation}.scene-topbar{top:calc(var(--safe-top) + 12px);left:calc(var(--safe-left) + 14px);right:calc(var(--safe-right) + 14px)}.masthead{gap:4px}h1{font-size:20px}.page-status{min-width:72px;padding:7px 10px}.btn,.chip,.menu-item,.backdrop-preset{min-height:44px}.icon-button{width:44px;min-width:44px;height:44px}input[type=range]{min-height:44px}.dock-stack{right:calc(var(--safe-right) + 12px);bottom:calc(var(--safe-bottom) + 10px);left:calc(var(--safe-left) + 12px);width:auto;transform:none}.hint{display:none}.dock{max-width:100%;padding:5px;gap:4px}.dock__main{min-width:min(124px,48vw)}.dock .btn{min-height:44px;padding:9px 13px}.dock .icon-button{width:44px;min-width:44px;height:44px}.music-dock{left:calc(var(--safe-left) + 12px);bottom:calc(var(--safe-bottom) + 70px)}.music-panel{width:min(292px,calc(100vw - var(--safe-left) - var(--safe-right) - 24px));max-height:min(62dvh,480px);overflow-y:auto}.display-exit{top:calc(var(--safe-top) + 12px);right:calc(var(--safe-right) + 12px);bottom:auto;min-height:44px}.panel--menu{right:calc(var(--safe-right) + 12px);bottom:calc(var(--safe-bottom) + 72px);left:calc(var(--safe-left) + 12px);width:auto;max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 96px);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.backdrop-presets{gap:8px;padding-inline:8px}.backdrop-preset{padding:7px}.panel--layout,.panel--cover-style,.panel--effects{right:calc(var(--safe-right) + 12px);bottom:calc(var(--safe-bottom) + 72px);left:calc(var(--safe-left) + 12px);width:auto;max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 96px);overflow-y:auto;border-radius:var(--radius-lg);transform:none;animation:panel-rise var(--dur-base) var(--ease) both;overscroll-behavior:contain}.panel__header{padding:var(--space-3)}.panel__body{padding:var(--space-3);gap:var(--space-3)}.panel__footer{position:sticky;bottom:0;z-index:3;padding:10px var(--space-3) calc(var(--safe-bottom) + 10px);flex-wrap:wrap;background:hsl(var(--surface-1) / var(--surface-solid-alpha));-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel)}.panel__footer .panel__note{flex-basis:100%}.panel__footer--end .btn{flex:1}.layout-add-stamps{grid-template-columns:repeat(3,minmax(0,1fr))}.layout-add-stamps>.field-label{grid-column:1 / -1}.layout-transform-controls{grid-template-columns:1fr;gap:var(--space-2)}.cover-style-list{grid-template-columns:1fr}.option-card{min-height:72px}.scene-shell.is-layout-editing .scene-topbar,.scene-shell.is-layout-editing .dock-stack,.scene-shell.is-layout-editing .music-dock,.scene-shell.is-layout-editing .scene-affordances{opacity:0;pointer-events:none}.scene-shell.is-layout-editing .panel--layout{z-index:var(--z-panel);top:auto;right:calc(var(--safe-right) + 8px);bottom:0;left:calc(var(--safe-left) + 8px);width:auto;max-height:43dvh;overflow-y:auto;border-radius:var(--radius-lg) var(--radius-lg) 0 0;transform:none;animation:panel-rise var(--dur-base) var(--ease) both;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.scene-shell.is-layout-editing .panel--layout .panel__header{padding:9px var(--space-3) 8px}.scene-shell.is-layout-editing .panel--layout .panel__header .kicker,.scene-shell.is-layout-editing .panel--layout .panel__footer .panel__note{display:none}.scene-shell.is-layout-editing .panel--layout .panel__title{margin-top:0}.scene-shell.is-layout-editing .panel--layout .panel__body{gap:8px;padding:8px var(--space-3)}.scene-shell.is-layout-editing .panel--layout .panel__footer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-top:8px}.scene-shell.is-layout-editing .panel--layout .panel__footer .btn{min-width:0;padding-inline:8px;font-size:var(--text-xs)}.panel--customizer,.scene-shell.is-cover-focus .panel--customizer{top:calc(var(--safe-top) + 12px);right:calc(var(--safe-right) + 12px);bottom:calc(var(--safe-bottom) + 12px);left:calc(var(--safe-left) + 12px);width:auto;max-height:none;overflow-y:auto;border-radius:var(--radius-lg);transform:none;animation:panel-rise var(--dur-base) var(--ease) both;overscroll-behavior:contain}.cover-customizer-fields{grid-template-columns:1fr}.cover-customizer-field--textarea,.cover-customizer-field--range,.cover-customizer-field--checkbox{grid-column:auto}.cover-customizer-field input:not([type=checkbox]),.cover-customizer-field textarea,.cover-customizer-field select,.cover-field-editor input,.cover-field-editor textarea,.cover-field-editor select,.stamp-editor__prompt textarea{font-size:16px}.cover-customizer-field input:not([type=checkbox]),.cover-customizer-field select{height:44px}.cover-field-editor{width:min(320px,calc(100% - var(--safe-left) - var(--safe-right) - 24px));max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 24px);overflow-y:auto}.modal{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);place-items:stretch;overflow:hidden}.panel--modal{width:100%;height:100%;max-height:100dvh;overflow-x:hidden;border-radius:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.panel--modal .panel__header{padding-top:var(--space-3)}.panel--modal .panel__footer{padding-bottom:10px}.backdrop-studio__stage{height:clamp(180px,32dvh,300px);min-height:0}.backdrop-media-switch{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.background-effects-list{grid-template-columns:repeat(3,minmax(0,1fr))}.background-effect-intensity{grid-template-columns:auto minmax(0,1fr) 46px;gap:var(--space-2)}.stamp-viewer__stage{height:clamp(230px,40dvh,390px);min-height:0}.stamp-viewer__actions{display:grid;grid-template-columns:1fr 1fr}.stamp-viewer__actions .btn{width:100%}.stamp-edge-picker{gap:6px;padding:9px}.stamp-edge-picker label{padding:9px 5px 8px}.stamp-edge-color{grid-template-columns:minmax(0,1fr) auto auto}.stamp-edge-color input[type=color]{width:44px;height:44px}#stamp-editor{align-items:stretch}.stamp-editor__panel{max-height:100dvh}.stamp-editor__layout{grid-template-columns:1fr;gap:var(--space-3);padding:var(--space-3)}.stamp-editor__workspace,.stamp-editor__tools{border-radius:var(--radius-md)}.stamp-editor__workspace,.stamp-editor__tools{padding:var(--space-3)}.stamp-editor__canvas-wrap{height:clamp(250px,42dvh,430px);min-height:0}.stamp-editor__frame-label{top:10px;max-width:calc(100% - 20px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stamp-editor__zoom{grid-template-columns:44px minmax(0,1fr) 44px auto;gap:6px}.stamp-editor__zoom .icon-button{width:44px;min-width:44px;height:44px}.stamp-editor__workspace>.panel__note{display:none}.option-grid{grid-template-columns:1fr 1fr}.option-grid span{min-height:44px;display:grid;place-items:center}.affordance{width:44px;height:44px;margin:-22px 0 0 -22px}}@media(max-width:380px){.masthead .kicker{display:none}h1{font-size:18px}.page-status{min-width:66px;padding-inline:8px}.stamp-edge-color{grid-template-columns:1fr auto}.stamp-edge-color .field-label{grid-column:1 / -1}.stamp-editor__canvas-wrap{height:clamp(230px,38dvh,360px)}.background-effects-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-height:520px)and (orientation:landscape){.scene-topbar{top:calc(var(--safe-top) + 8px)}.masthead .kicker,.hint{display:none}.dock-stack{bottom:calc(var(--safe-bottom) + 6px)}.music-dock,.panel--menu,.panel--layout,.panel--cover-style,.panel--effects{bottom:calc(var(--safe-bottom) + 62px)}.backdrop-studio__stage{height:clamp(140px,35dvh,190px)}.stamp-viewer__stage{height:clamp(170px,42dvh,230px)}.stamp-editor__canvas-wrap{height:clamp(180px,50dvh,250px)}.scene-shell.is-layout-editing .scene-topbar,.scene-shell.is-layout-editing .dock-stack,.scene-shell.is-layout-editing .music-dock,.scene-shell.is-layout-editing .scene-affordances{opacity:0;pointer-events:none}.scene-shell.is-layout-editing .panel--layout{top:calc(var(--safe-top) + 8px);right:calc(var(--safe-right) + 8px);bottom:calc(var(--safe-bottom) + 8px);left:auto;width:min(340px,42vw);max-height:none;overflow-y:auto;border-radius:var(--radius-lg);transform:none}.scene-shell.is-layout-editing .panel--layout .panel__header .kicker,.scene-shell.is-layout-editing .panel--layout .panel__footer .panel__note{display:none}.scene-shell.is-layout-editing .panel--layout .panel__footer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.scene-shell.is-layout-editing .panel--layout .panel__footer .btn{min-width:0;padding-inline:7px;font-size:var(--text-xs)}}@media(max-height:650px)and (min-width:761px){.scene-topbar{top:16px}.hint{display:none}.dock-stack{bottom:12px}.stamp-editor__canvas-wrap{height:58vh;min-height:300px}.panel--menu,.panel--layout,.panel--cover-style,.panel--effects{bottom:82px}}@media(prefers-reduced-motion:reduce){.btn,.icon-button,.chip,.menu-item,.option-card,.option-grid span{transition:none}.panel,.panel--menu,.panel--customizer,.panel--modal,.scene-shell.is-cover-focus .panel--customizer,.scene-hotspot-hint{animation:none}.affordance,#scene{transition:none}.background-media img,.background-media video,.background-media__fx:before{animation:none!important}}