.pv-modal{position:fixed;inset:0;z-index:4200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#0a0a0eb8}.pv-phone{position:relative;width:min(340px,82vw);aspect-ratio:9 / 18.5;max-height:82vh;border-radius:44px;border:10px solid #101014;background:#000;box-shadow:0 24px 64px #0000008c,inset 0 0 0 2px #ffffff0f}.pv-phone:before{content:"";position:absolute;top:10px;left:50%;transform:translate(-50%);width:34%;height:20px;border-radius:999px;background:#101014;z-index:2}.pv-screen{position:absolute;inset:0;border-radius:34px;overflow:hidden;background:radial-gradient(120% 90% at 50% 0%,#3c4152,#23262f 55%,#14161f);touch-action:none;cursor:grab}.pv-screen:active{cursor:grabbing}.pv-screen canvas{width:100%;height:100%;display:block}.pv-notice{position:absolute;inset:auto 12px 16px;margin:0;padding:10px 12px;border-radius:10px;background:#e23d5ceb;color:#fff;font:600 12px/1.45 system-ui,sans-serif;text-align:center}.pv-diag{position:absolute;top:34px;left:8px;margin:0;padding:7px 9px;border-radius:8px;background:#000000a8;color:#7cffb2;font:500 10px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre;pointer-events:none;z-index:3}.pv-close{position:fixed;top:calc(26px + env(safe-area-inset-top));right:20px;border:0;background:#ffffff1f;color:#fff;width:38px;height:38px;border-radius:50%;font-size:15px;cursor:pointer}.pv-sound{position:fixed;top:calc(26px + env(safe-area-inset-top));right:68px;border:0;background:#ffffff1f;color:#fff;width:38px;height:38px;border-radius:50%;font-size:15px;line-height:1;cursor:pointer}.pv-sound[hidden]{display:none}.pv-hint{margin:0;color:#ffffffbf;font:500 13px system-ui,sans-serif}.editor-guided .editor-top{background:var(--bg);border-bottom:1px solid var(--line);box-shadow:none}.editor-guided .editor-top .btn{min-height:40px;border-color:var(--line);background:var(--bg)}.editor-guided .editor-top .btn:hover{background:var(--bg-soft)}.editor-guided .editor-top .btn.primary{background:var(--accent-btn);box-shadow:none}.editor-guided .editor-top .btn.primary:hover{background:var(--accent-btn-hover);filter:none}.editor-guided .burger-wrap{display:block}.editor-guided #open-btn,.editor-guided #save-as-btn,.editor-guided #history-btn,.editor-guided .editor-back{display:none}@media (min-width: 1101px){.editor-guided #undo-btn,.editor-guided #redo-btn{display:inline-flex;align-items:center;justify-content:center}}.editor-guided .top-sep{display:none}.creation-guide{flex:none;background:var(--bg);border-bottom:1px solid var(--line);padding:8px 16px}.creation-guide ol{display:flex;justify-content:center;gap:24px;list-style:none;margin:0;padding:0}.creation-guide button{display:flex;align-items:center;gap:8px;min-height:36px;padding:4px 8px;background:none;border:0;border-radius:8px;font:inherit;font-size:.8125rem;color:var(--ink-soft);cursor:pointer}.creation-guide button:disabled{color:var(--muted);cursor:default}.creation-guide button:not(:disabled):hover{background:var(--bg-soft)}.creation-guide button[aria-current]{color:var(--accent-btn);font-weight:700}.guide-number{display:grid;place-items:center;width:24px;height:24px;flex:none;border:1px solid var(--line-strong);border-radius:50%;font-size:.75rem}[aria-current] .guide-number{background:var(--accent-btn);border-color:var(--accent-btn);color:#fff}.is-complete .guide-number{background:var(--accent-wash);border-color:var(--accent-wash);color:var(--accent-btn)}.editor-guided .stage-empty{width:440px;padding:32px;gap:12px;border:1px dashed var(--line-strong);box-shadow:none}.editor-guided .stage-empty:hover{border-color:var(--accent-btn);background:#fcfffe}.editor-guided .stage-empty .ico{width:56px;height:56px;border-radius:16px;background:var(--accent-wash);color:var(--accent-btn)}.stage-empty-eyebrow{color:var(--accent-btn);font-size:.75rem;font-weight:600}.stage-empty-note{max-width:310px;font-size:.8125rem;line-height:1.6;text-align:center;color:var(--muted)}.publish-test-hint{font-size:.9375rem;color:var(--ink-soft);line-height:1.6}.publish-version-note{padding:12px;border-radius:10px;background:var(--bg-soft);color:var(--ink-soft);font-size:.8125rem;line-height:1.6}.editor-guided #success-modal .modal{max-height:calc(100dvh - 32px);overflow-y:auto}.editor-guided #success-modal .link-row{margin-top:16px}.editor-guided .pv-hint{max-width:440px;text-wrap:balance}@media (max-width: 860px){.editor-guided .title-input{min-width:60px}.creation-guide{padding:4px 6px}.creation-guide ol{gap:2px;justify-content:space-between}.creation-guide button{gap:4px;padding:4px;min-height:44px;font-size:.6875rem;text-align:left}.guide-number{width:20px;height:20px}.editor-guided .stage-empty{padding:20px;gap:8px}.editor-guided .stage-empty .ico{width:40px;height:40px}.stage-empty-note{font-size:.75rem}}@media (max-height: 650px) and (max-width: 860px){.editor-guided .stage-empty-eyebrow,.editor-guided .stage-empty-note{display:none}.editor-guided .stage-empty{padding:14px}}.editor-guided #success-modal .qr-box{max-width:100%}.editor-guided #success-modal .qr-box canvas{max-width:100%;height:auto!important;aspect-ratio:1}.editor-guided #success-modal .btn.primary{background:var(--accent-btn);color:#fff;box-shadow:none}.editor-guided #success-modal .btn.primary:hover{background:var(--accent-btn-hover)}@media (max-width: 860px){.editor-guided #burger-btn{min-width:44px;min-height:44px}}.editor-guided{--glass-surface: rgba(252, 252, 254, .97);--glass-raised: rgba(254, 254, 255, .98);--glass-edge: rgba(255, 255, 255, .9);--glass-hairline: rgba(20, 22, 31, .07);--glass-blur: none;--glass-lift-1: 0 1px 2px rgba(20, 22, 31, .04), 0 8px 24px -8px rgba(20, 22, 31, .08);--glass-lift-2: 0 2px 6px rgba(20, 22, 31, .05), 0 18px 44px -14px rgba(20, 22, 31, .16);--glass-inner: inset 0 1px 0 var(--glass-edge);--glass-radius: 16px;--glass-radius-lg: 20px;--commit-grad: var(--aurora-btn)}@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.editor-guided{--glass-surface: rgba(255, 255, 255, .55);--glass-raised: rgba(255, 255, 255, .72);--glass-edge: rgba(255, 255, 255, .75);--glass-blur: blur(15px) saturate(230%) brightness(1.06) contrast(1.06)}}.editor-guided .editor-top{background:transparent;border-bottom:none;box-shadow:inset 0 0 0 1px #ffffff8c,inset 0 1px #fffffff2,0 2px 6px #14161f0f,0 18px 40px -20px #14161f4d;position:relative}.editor-guided .editor-top:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;pointer-events:none;background:#14161f1a}.editor-guided .creation-guide{background:#ffffff38;border-bottom-color:var(--glass-hairline)}.editor-guided .editor-side{background:transparent}.editor-guided .stage{isolation:isolate}.editor-guided .glass-pane{position:absolute;z-index:5;pointer-events:none;background:var(--glass-solid, rgba(252, 252, 254, .94));box-shadow:inset 0 1px #fffffffa,inset 1px 0 #ffffff9e,inset -1px 0 #ffffff57,inset 0 7px 16px -9px #fffffff2,inset 0 -10px 20px -12px #14161f24}.editor-guided.glass-busy .glass-pane{-webkit-backdrop-filter:none;backdrop-filter:none}.editor-guided .edock-lbl,.editor-guided .epanel-head,.editor-guided .slot-title,.editor-guided .layer-name{text-shadow:0 0 2px rgba(255,255,255,.95),0 0 5px rgba(255,255,255,.8),0 0 10px rgba(255,255,255,.55)}.editor-guided .editor-side:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit}.editor-guided .edock{background:transparent;border-right-color:#ffffff73}.editor-guided .epanel{background:transparent;border-right-color:#fff9;box-shadow:none}.editor-guided .editor-side{box-shadow:inset 0 0 0 1px #ffffff80,inset 0 1px #fffffff2,0 2px 8px #14161f0d,0 24px 56px -24px #14161f57}.editor-guided{--light-x: 18%;--light-y: 22%}.editor-guided .editor-side:before{background:radial-gradient(46% 34% at var(--light-x) var(--light-y),rgba(255,255,255,.2),rgba(255,255,255,.05) 46%,transparent 74%),radial-gradient(52% 30% at 2% 4%,rgba(255,255,255,.14),transparent 74%),radial-gradient(58% 34% at 100% 88%,rgba(20,22,31,.04),transparent 76%)}.editor-guided .editor-side:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,rgba(255,255,255,.5) 0%,rgba(255,255,255,.16) 4%,transparent 14%);mix-blend-mode:plus-lighter;box-shadow:inset 2px 2px #ffffffd9,inset -2px -2px #ffffff4d,inset 0 3px 10px -4px #fffffff2,inset -1px 0 #ffffff8c}.editor-guided .glass-ripple{position:absolute;z-index:-1;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,transparent 38%,rgba(255,255,255,.55) 62%,rgba(255,255,255,.4) 76%,transparent 88%);mix-blend-mode:plus-lighter;animation:glass-ripple .82s cubic-bezier(.16,.72,.24,1) forwards}@keyframes glass-ripple{0%{transform:scale(.3);opacity:.95}to{transform:scale(15);opacity:0}}.editor-guided .edock-item,.editor-guided .layer-row,.editor-guided .slot{transition:transform .42s cubic-bezier(.18,.9,.3,1),background .32s ease-out,box-shadow .42s cubic-bezier(.18,.9,.3,1)}.editor-guided .edock-item:active{transform:scale(.94);transition-duration:90ms}@media (prefers-reduced-motion: reduce){.editor-guided .glass-ripple{display:none}.editor-guided .edock-item,.editor-guided .layer-row,.editor-guided .slot{transition:none}.editor-guided .edock-item:active{transform:none}}.editor-guided .edock-item.active{background:linear-gradient(160deg,#ffffff80,#fff3),#ffffffd1}.editor-guided .edock-item{position:relative;border-radius:13px}.editor-guided .edock-item:hover{background:#ffffff8c}.editor-guided .edock-item.active{box-shadow:var(--glass-inner),0 2px 10px -4px #14161f29,0 0 18px -4px #ffffffe6,0 0 34px -8px #14161f1a}.editor-guided .editor-top .btn:not(.primary),.editor-guided .lib-upload{background:#ffffff80;border-color:#14161f1a;box-shadow:var(--glass-inner)}.editor-guided .editor-top .btn:not(.primary):hover,.editor-guided .lib-upload:hover{background:#ffffffd1;border-color:#14161f24}.editor-guided .editor-top .btn.primary,.editor-guided #success-modal .btn.primary{background:var(--commit-grad);background-origin:border-box;color:#fff;--btn-fg: #fff;--btn-bd: transparent;border-color:transparent;box-shadow:inset 0 1px #ffffff4d,0 6px 22px -8px #1d5fd68c,0 2px 8px -3px #6d28d966}.editor-guided .editor-top .btn.primary:hover{background:var(--commit-grad);filter:saturate(1.12) brightness(1.06)}.editor-guided .stage-empty,.editor-guided .stage-toolbar,.editor-guided .zoom-pill,.editor-guided .tool-pop,.editor-guided .ctx-menu,.editor-guided .burger-menu,.editor-guided .tips-pop,.editor-guided .side-menu,.editor-guided .modal{background:var(--glass-raised);border:1px solid var(--glass-edge);border-radius:var(--glass-radius);box-shadow:var(--glass-lift-2),0 0 0 1px #14161f0d;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.editor-guided .ctx-menu-item{color:var(--ink)}.editor-guided .ctx-ic{color:var(--muted)}.editor-guided .ctx-menu-item:hover,.editor-guided .ctx-menu-item:focus-visible{background:var(--accent-wash);color:var(--accent-ink)}.editor-guided .ctx-menu-item:hover .ctx-ic,.editor-guided .ctx-menu-item:focus-visible .ctx-ic{color:var(--accent-ink)}.editor-guided .zoom-pill,.editor-guided .stage-toolbar{border-radius:999px}.editor-guided .modal{border-radius:var(--glass-radius-lg)}.editor-guided .stage-empty{background:#ffffff9e;border:1px dashed rgba(20,22,31,.16);border-radius:var(--glass-radius-lg);box-shadow:var(--glass-lift-1)}.editor-guided .stage-empty:hover,.editor-guided .stage-empty.drag{background:#fffc;border-color:transparent;box-shadow:var(--glass-lift-2),0 0 0 2px #4d86ff59}.editor-guided .stage-empty .ico{background:var(--aurora-btn);color:#fff;border-radius:18px;box-shadow:var(--glow-aurora),inset 0 1px #ffffff59}.editor-guided .slot,.editor-guided .layer-row{background:transparent;border-color:transparent;box-shadow:none}.editor-guided .slot:hover,.editor-guided .layer-row:hover{background:#ffffff8c;border-color:transparent}.editor-guided .layer-row.selected{background:#ffffffd9;border-color:transparent;box-shadow:var(--glass-inner),0 2px 12px -6px #14161f38}.editor-guided .layer-row.selected .layer-row-label{font-weight:700}.editor-guided .slot.drag,.editor-guided .slot:has(.slot-main:hover){border-color:var(--accent)}.editor-guided .slot.slot-error{border-color:var(--danger)}.editor-guided .slot.flash{border-color:var(--accent)}.editor-guided .layer-row-thumb,.editor-guided .slot-thumb{border-color:#14161f14;border-radius:9px;background:#ffffff80}.editor-guided .stage-empty-title{letter-spacing:-.03em}.editor-guided .title-input{letter-spacing:-.015em;font-weight:700}.editor-guided .epanel-title{font-size:.7rem;font-weight:700;letter-spacing:.1em;color:var(--muted)}.editor-guided .edock-lbl{letter-spacing:.005em}.editor-guided .zoom-pill,.editor-guided .tool-slider,.editor-guided .layer-row-kind{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.editor-guided .stage-empty-note,.editor-guided .lib-note,.editor-guided .publish-test-hint{text-wrap:pretty}.editor-guided .qr-box{background:#fff}@media (max-width: 860px){.editor-guided .edock,.editor-guided .epanel{border-top-color:var(--glass-hairline)}.editor-guided .editor-side:before{box-shadow:inset 0 1px 0 var(--glass-hairline)}}@media (min-width: 861px){.editor-guided{position:relative;--chrome-gap: 12px;--chrome-bar: 60px;--chrome-top: calc(var(--chrome-gap) * 2 + var(--chrome-bar));--chrome-dock: 72px;--chrome-left: var(--chrome-dock)}.editor-guided:has(.epanel:not(.collapsed)){--chrome-left: 324px}.editor-guided .editor-top{position:absolute;top:var(--chrome-gap);left:var(--chrome-gap);right:var(--chrome-gap);height:var(--chrome-bar);border-radius:var(--glass-radius-lg)}.editor-guided .editor-side{position:absolute;top:var(--chrome-top);left:var(--chrome-gap);bottom:var(--chrome-gap);z-index:10;border-radius:24px;overflow:hidden}.editor-guided .edock,.editor-guided .epanel{border-radius:0}.editor-guided .stage{padding-top:calc(36px + var(--chrome-top));padding-left:calc(36px + var(--chrome-gap) + var(--chrome-dock))}.editor-guided .stage-empty{left:calc(50% + (var(--chrome-gap) + var(--chrome-left)) / 2);top:calc(50% + var(--chrome-top) / 2)}.editor-guided .stage-toolbar{top:calc(var(--chrome-top) + 14px);left:calc(50% + (var(--chrome-gap) + var(--chrome-left)) / 2);max-width:calc(100% - var(--chrome-gap) - var(--chrome-left) - 24px)}.editor-guided .zoom-pill{bottom:calc(var(--chrome-gap) + 14px)}.editor-guided .zoom-pill.mode-pill{bottom:calc(var(--chrome-gap) + 62px)}.editor-guided .zoom-pill.corner-zoom{bottom:14px}.editor-guided .zoom-pill.mix-pill,.editor-guided .zoom-pill.load-pill{left:calc(var(--chrome-gap) + var(--chrome-left) + 14px)}}@media (prefers-contrast: more){.editor-guided{--glass-surface: #fff;--glass-raised: #fff;--glass-edge: var(--line-strong);--glass-hairline: var(--line-strong);--glass-blur: none}.editor-guided .editor-side:after{display:none}.editor-guided .editor-side:before{background:var(--glass-raised)}.editor-guided .glass-pane{display:none}.editor-guided .editor-side,.editor-guided .editor-top{background:#fff}.editor-guided .edock-lbl,.editor-guided .epanel-head,.editor-guided .slot-title,.editor-guided .layer-name{text-shadow:none}.editor-guided .stage-empty,.editor-guided .stage-toolbar,.editor-guided .zoom-pill,.editor-guided .tool-pop,.editor-guided .ctx-menu,.editor-guided .modal{backdrop-filter:none;-webkit-backdrop-filter:none}.editor-guided .editor-side{box-shadow:none}.editor-guided .epanel{border-right-color:var(--line-strong)}.editor-guided .edock-item.active{background:var(--accent-wash);box-shadow:none}.editor-guided .creation-guide,.editor-guided .edock,.editor-guided .epanel,.editor-guided .stage-empty,.editor-guided .edock-item.active,.editor-guided .editor-top .btn:not(.primary),.editor-guided .lib-upload{background:#fff}.editor-guided .slot,.editor-guided .layer-row{border-color:var(--line-strong);background:#fff}.editor-guided .layer-row.selected{border-color:var(--accent-btn);box-shadow:0 0 0 1px var(--accent-btn);background:#fff}.editor-guided .layer-row-thumb,.editor-guided .slot-thumb{border-color:var(--line-strong)}}.editor-guided.glass-frost .glass-pane{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:var(--glass-raised)}