.keyu-morph-demo{max-width:clamp(280px,calc(75svh - 296px),390px);margin:0 auto;color:var(--story-white);font-family:system-ui,sans-serif}.keyu-demo-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px;color:var(--story-muted);font-size:12px;line-height:1.6}.keyu-demo-meta span:first-child{color:#c9b3ff}.keyu-morph-canvas{display:block;width:100%;height:auto;touch-action:pan-y pinch-zoom;cursor:grab;user-select:none;-webkit-user-select:none;overflow:hidden;border-radius:25px;box-shadow:0 20px 40px #0003}.keyu-morph-canvas:active{cursor:grabbing}.keyu-demo-controls{display:flex;align-items:center;gap:14px;margin-top:10px}.keyu-demo-controls button{border:0;background:transparent;color:var(--story-muted);min-height:44px;min-width:54px;font:14px system-ui;cursor:pointer;padding:8px}.keyu-demo-controls button[aria-pressed=true]{color:#d7c4ff}.keyu-demo-controls input{min-width:0;flex:1;accent-color:#c9b3ff;height:28px;cursor:ew-resize}.keyu-demo-note{margin:2px 8px 0;color:var(--story-muted);font-size:12px;line-height:1.8;text-align:center}.keyu-demo-note span{display:block;color:#8e9a97;font-size:12px}.keyu-showcase-tabs{display:flex;justify-content:center;gap:4px;margin:0 0 18px;position:relative;z-index:9}.keyu-showcase-tabs button{border:1px solid transparent;border-radius:22px;min-height:44px;padding:8px 16px;background:transparent;color:var(--story-muted);font:14px system-ui;cursor:pointer}.keyu-showcase-tabs button[aria-pressed=true]{border-color:#c9b3ff40;background:#c9b3ff0a;color:#d7c4ff}.studio-layer-stage[data-showcase=morph]{height:auto;min-height:0;padding:0;margin-bottom:14px}.studio-screenshot-keyu[data-showcase=morph] .studio-layer-tools{margin-top:5px}@media(max-width:700px){.keyu-morph-demo{max-width:390px}.keyu-demo-meta{font-size:12px}.keyu-showcase-tabs{margin-bottom:12px}.keyu-morph-canvas{max-height:none}.keyu-demo-controls{gap:6px}.keyu-demo-note{font-size:12px}}@media(prefers-reduced-motion:reduce){.keyu-morph-canvas{scroll-behavior:auto}}@media (max-width:1000px) and (max-height:600px) and (pointer:coarse),(max-width:700px){.keyu-morph-demo{max-width:390px}.keyu-demo-meta{flex-wrap:wrap;gap:4px 12px;font-size:.8125rem}.keyu-demo-controls input{height:44px}.keyu-showcase-tabs{flex-wrap:wrap;margin-bottom:12px}.keyu-demo-note,.keyu-demo-note span{font-size:.8125rem}}.studio-screenshot-keyu .studio-layer-stage[data-showcase=morph]{height:clamp(470px,46vw,650px);min-height:0;margin-bottom:0;display:grid;place-items:center}.studio-screenshot-keyu .keyu-morph-demo{width:min(100%,390px);max-width:390px}.studio-screenshot-keyu .keyu-morph-canvas{max-height:calc(clamp(470px,46vw,650px) - 140px)}@media(max-width:1000px) and (max-height:600px) and (pointer:coarse),(max-width:700px){.studio-screenshot-keyu .studio-layer-stage[data-showcase=morph]{height:clamp(400px,128vw,510px)}.studio-screenshot-keyu .keyu-morph-canvas{max-height:calc(clamp(400px,128vw,510px) - 140px)}}.studio-screenshot{position:relative;min-width:0;width:100%;margin:0;align-self:center;--layer-accent:var(--chapter-color)}.studio-layer-stage{height:clamp(370px,42vw,590px);width:100%;position:relative}.studio-layer-scene{perspective-origin:50% 50%}.studio-layer-root,.studio-layer-scene{position:absolute;inset:0;overflow:visible}.studio-layer-root{transform-style:preserve-3d}.studio-base{display:block;position:absolute;overflow:visible;transform:translateZ(0)}.studio-base>.studio-crop{filter:drop-shadow(8px 18px 25px #0005)}.studio-crop{display:block;position:relative;width:100%;height:100%;overflow:hidden;pointer-events:none;user-select:none}.studio-layer{position:absolute;transform-origin:50% 50%;transform-style:preserve-3d;overflow:visible}.studio-layer-front{position:absolute;inset:0;filter:drop-shadow(var(--plane-contact)) drop-shadow(var(--plane-shadow))}.studio-layer-edge{position:absolute;inset:0;width:100%;height:100%;transform:translateZ(calc(-1 * var(--plane-thickness)));color:color-mix(in srgb,var(--layer-accent) 24%,#1b2021);opacity:var(--plane-edge-opacity);pointer-events:none}.studio-layer-label{position:absolute;top:calc(100% + 10px);left:0;max-width:100%;color:var(--layer-accent);font-size:12px;line-height:1.4;text-shadow:0 1px 5px #000;white-space:nowrap;transform:translateZ(1px)}.studio-layer-label small{font-size:11px;color:var(--story-muted);margin-left:8px}.studio-layer-missing .studio-layer-front{border:1px dashed #ffffff30;background:#141412b8;color:var(--story-muted)}.studio-missing-copy{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:12px;font-size:13px;line-height:1.5;text-align:center}.studio-missing-copy small,.studio-screenshot figcaption{font-size:12px;color:var(--story-muted)}.studio-screenshot figcaption{line-height:1.8;position:relative;z-index:7}.studio-screenshot figcaption strong{color:var(--layer-accent);font-weight:500}.studio-screenshot figcaption>p{margin:0}.studio-screenshot .original-aside{font-family:Songti SC,serif;font-size:clamp(24px,3vw,40px);color:var(--layer-accent);margin:12px 0}.studio-screenshot .original-aside small{display:block;font:12px/1.8 system-ui,sans-serif;color:var(--story-muted)}.studio-layer-tools{position:relative;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:4px 12px;border-top:1px solid #ffffff18;margin-top:13px;padding-top:7px;font-size:12px;color:var(--story-muted);z-index:8}.studio-layer-tools [role=group]{display:flex;gap:2px}.studio-layer-tools button{background:transparent;border:0;padding:8px;min-height:44px;color:inherit;cursor:pointer;font-size:12px}.studio-layer-tools button[aria-pressed=true]{color:var(--layer-accent);text-decoration:underline;text-underline-offset:6px}.studio-layer-tools summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:6px;font-size:12px}.studio-layer-tools summary:after{content:"+";font-size:17px}.studio-layer-tools details[open] summary:after{content:"−"}.studio-layer-tools details>p{margin:6px 0 10px;font-size:14px;line-height:1.8;max-width:38ch}.studio-layer-tools details>a{margin-right:18px;display:inline-flex;min-height:44px;align-items:center;color:var(--layer-accent);font-size:13px}.studio-layer-tools details[open]{flex-basis:100%}@media(min-width:701px){.studio-screenshot-guwen .studio-layer-stage{height:clamp(350px,34vw,480px)}.studio-screenshot-guwen{padding-top:50px}}@media(max-width:1000px) and (min-width:701px){.studio-layer-label small{display:none}.studio-layer-stage{height:460px}.studio-layer-tools{font-size:12px}.studio-layer-tools button{padding-inline:6px}}@media(max-width:700px){.studio-screenshot{order:2;max-width:100%;margin:0}.studio-layer-stage{height:470px;max-width:100%}.studio-screenshot-guwen .studio-layer-stage{height:370px}.studio-layer-label{font-size:12px}.studio-layer-label small{display:none}.studio-layer-tools button,.studio-layer-tools summary{font-size:13px}.studio-layer-tools button{min-width:48px}.studio-screenshot figcaption{font-size:12px}.studio-layer-tools details>p{font-size:14px}}@media(max-width:380px){.studio-layer-stage{height:430px}.studio-screenshot-guwen .studio-layer-stage{height:350px}.studio-layer-tools{gap:0 5px}.studio-layer-tools button{padding:6px;min-width:44px}.studio-layer-tools summary{font-size:12px}}@media(prefers-reduced-motion:reduce){.studio-layer-scene{perspective:none!important}.studio-layer{transform:none!important}.studio-layer-edge{display:none}.studio-layer-front{filter:none}.studio-layer-label{transform:none}}@media(min-width:701px) and (max-height:850px){.studio-layer-stage{height:440px}.studio-screenshot-guwen .studio-layer-stage{height:370px}.studio-screenshot .original-aside{font-size:28px}}.studio-layer-tools button,.studio-layer-tools summary{font-size:14px}#myschedule>div{grid-template-columns:1.18fr .82fr;gap:4%}.studio-screenshot-keyu .studio-layer-stage{height:clamp(470px,46vw,650px)}.studio-screenshot-keyu .studio-layer-scene{perspective-origin:50% 50%}.studio-screenshot-keyu .studio-base>.studio-crop{filter:drop-shadow(14px 25px 35px #0008)}.keyu-light-field{position:absolute;inset:0;pointer-events:none;overflow:visible}.keyu-key-light{inset:7% -3% 0 -12%;background:radial-gradient(ellipse at 32% 33%,rgb(82 173 173/.14),rgb(69 110 110/.055) 32%,transparent 65%)}.keyu-floor-shadow,.keyu-key-light{position:absolute;opacity:var(--keyu-reveal)}.keyu-floor-shadow{left:9%;top:81%;width:77%;height:11%;border-radius:50%;background:radial-gradient(ellipse,#0008,transparent 67%);transform:rotate(-7deg)}.studio-screenshot-keyu .studio-layer-front{filter:drop-shadow(var(--plane-contact)) drop-shadow(var(--plane-shadow))}.studio-screenshot-keyu .studio-layer-edge{color:#5e8488}.studio-screenshot-keyu .studio-layer-label{display:none}.studio-screenshot-keyu figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:0 5%}.studio-screenshot-keyu figcaption strong{color:var(--story-white);font-weight:500;font-size:14px}.studio-screenshot-keyu figcaption p:last-child{font-size:12px}.studio-screenshot-keyu .studio-layer-tools{margin-inline:5%;border-color:#ffffff12}@media(min-width:701px){#myschedule h2{font-size:clamp(45px,5.1vw,79px)}#myschedule .studio-screenshot{margin-left:-3%;width:106%}}@media(max-width:1000px) and (min-width:701px){.studio-screenshot-keyu figcaption{display:block}.studio-screenshot-keyu .studio-layer-stage{height:490px}}@media(max-width:700px){.studio-screenshot-keyu .studio-layer-stage{height:490px}.studio-screenshot-keyu figcaption{display:block;padding:0 2%}.studio-screenshot-keyu .studio-layer-tools{margin-inline:2%}.keyu-key-light{inset:5% -2% 0 -2%}}@media(max-width:380px){.studio-screenshot-keyu .studio-layer-stage{height:430px}}@media(prefers-reduced-motion:reduce){.keyu-light-field{display:none}.studio-screenshot-keyu .studio-layer-front{filter:none}}#myschedule h2+p{font-size:18px}#myschedule h2+p+p{font-size:16px;line-height:1.9}.keyu-key-light{background:radial-gradient(ellipse at 32% 33%,color-mix(in srgb,var(--showcase-light,#52adad) 13%,transparent),color-mix(in srgb,var(--showcase-light,#52adad) 4%,transparent) 32%,transparent 65%)}.studio-screenshot-guwen .studio-layer-stage{height:clamp(390px,36vw,510px)}.studio-screenshot-cycling .studio-layer-stage,.studio-screenshot-island .studio-layer-stage,.studio-screenshot-qingheng .studio-layer-stage{height:clamp(460px,43vw,590px)}.studio-screenshot-guwen .keyu-key-light{inset:5% -5% -6% 0}.studio-screenshot-cycling .studio-layer-edge{color:#51493e}.studio-screenshot-island .studio-layer-edge{color:#455543}.studio-screenshot-qingheng .studio-layer-edge{color:#594a44}@media(max-width:700px){.studio-screenshot-guwen .studio-layer-stage{height:370px}.studio-screenshot-cycling .studio-layer-stage,.studio-screenshot-island .studio-layer-stage,.studio-screenshot-qingheng .studio-layer-stage{height:450px}}@media(max-width:380px){.studio-screenshot-cycling .studio-layer-stage,.studio-screenshot-island .studio-layer-stage,.studio-screenshot-qingheng .studio-layer-stage{height:410px}}.studio-screenshot-keyu .keyu-key-light{background:radial-gradient(ellipse at 32% 33%,rgb(82 173 173/.14),rgb(69 110 110/.055) 32%,transparent 65%)}@media(min-width:701px) and (max-height:850px){.studio-screenshot-guwen .studio-layer-stage{height:360px}.studio-screenshot-cycling .studio-layer-stage,.studio-screenshot-island .studio-layer-stage,.studio-screenshot-qingheng .studio-layer-stage{height:440px}}@media (max-width:1000px) and (max-height:600px) and (pointer:coarse),(max-width:700px){.studio-screenshot{order:2;max-width:460px;padding-top:0}#myschedule .studio-screenshot,.studio-screenshot{width:100%;margin:0 auto}#myschedule>div{gap:34px}#myschedule h2+p{font-size:1.125rem}#myschedule h2+p+p{font-size:1rem;line-height:1.85}.studio-screenshot .studio-layer-stage{height:clamp(380px,122vw,480px)}.studio-screenshot-guwen .studio-layer-stage{height:clamp(280px,88vw,360px)}.studio-screenshot-keyu .studio-layer-stage{height:clamp(400px,128vw,510px)}.studio-screenshot-keyu .studio-layer-stage[data-showcase=morph]{height:auto}.studio-screenshot figcaption{font-size:.8125rem}.studio-screenshot-keyu figcaption{display:block;padding:0}.studio-screenshot-keyu .studio-layer-tools{margin-inline:0}.studio-layer-tools{gap:4px 12px}.studio-layer-tools button{min-width:48px;min-height:44px;padding:8px;font-size:.875rem}.studio-layer-tools summary{font-size:.875rem}.studio-layer-tools details>p{font-size:.9375rem}.studio-layer-tools details>a{font-size:.875rem}}