:root{--font-geist-sans:Inter, "Noto Sans JP", "Yu Gothic UI", sans-serif;--font-geist-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--ink:#f4f5ef;--muted:#9a9d96;--line:#ffffff1f;--panel:#111316c2;--acid:#b9ff38;--background:#08090b}*{box-sizing:border-box}html{background:var(--background);scroll-behavior:smooth}body{min-height:100vh;color:var(--ink);font-family:var(--font-geist-sans), Arial, sans-serif;background:radial-gradient(circle at 52% 42%,#424a582e,#0000 31rem),radial-gradient(circle at 9% 10%,#664a8414,#0000 26rem),#08090b;margin:0;overflow-x:hidden}button,input{font:inherit}button{color:inherit}.app-shell{place-items:center;width:min(1200px,100%);min-height:100vh;margin:0 auto;padding:32px 42px;display:grid}.workspace-section{width:100%}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:88px;display:flex}.brand{color:var(--ink);letter-spacing:.19em;align-items:center;gap:12px;font-size:13px;font-weight:720;text-decoration:none;display:inline-flex}.brand-mark{aspect-ratio:1;clip-path:polygon(50% 0,100% 88%,0 88%);filter:saturate(.8);background:conic-gradient(from 30deg,#78e8ff,#f097ff,#ffe879,#76ffca,#78e8ff);width:23px}.render-state{color:var(--muted);font-family:var(--font-geist-mono), monospace;letter-spacing:.15em;align-items:center;gap:9px;font-size:10px;display:flex}.status-dot{background:#7d817d;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #7d817d14}.render-state--ready .status-dot{background:var(--acid);box-shadow:0 0 13px #b9ff38c7}.render-state--error .status-dot,.render-state--unsupported .status-dot{background:#ff715e}.hero{padding:52px 0 26px}.intro{grid-template-columns:1fr 1fr;align-items:end;margin-bottom:40px;display:grid}.eyebrow{color:var(--acid);font-family:var(--font-geist-mono), monospace;letter-spacing:.2em;grid-column:1/-1;margin:0 0 13px;font-size:10px}h1{letter-spacing:-.075em;margin:0;font-size:clamp(45px,6vw,88px);font-weight:620;line-height:.95}h1 span{color:#0000;background:linear-gradient(100deg,#fff 0%,#84f5f2 25%,#ef9af5 52%,#ffe786 77%,#fff 100%);-webkit-background-clip:text;background-clip:text}.lead{color:#b6b8b3;justify-self:end;max-width:470px;margin:0 0 7px;font-size:14px;line-height:1.85}.workspace{border:1px solid var(--line);background:#0607098c;grid-template-columns:minmax(0,1fr) 340px;min-height:min(680px,100vh - 64px);display:grid;box-shadow:0 32px 100px #00000057}.stage-panel{border-right:1px solid var(--line);flex-direction:column;min-width:0;display:flex}.stage-header{border-bottom:1px solid var(--line);color:#d9dad5;min-height:52px;font-family:var(--font-geist-mono), monospace;letter-spacing:.14em;align-items:center;padding:0 19px;font-size:10px;display:flex}.stage-hint{color:#737771;letter-spacing:.04em}.sticker-stage{isolation:isolate;cursor:crosshair;background-color:#0000;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:42px 42px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;flex:1;place-items:center;min-height:548px;display:grid;position:relative;overflow:hidden}.sticker-stage:before{content:"";filter:blur(28px);z-index:-1;background:radial-gradient(circle,#a3c7ff1f,#0000 62%);position:absolute;inset:10%}.orbit{aspect-ratio:1;pointer-events:none;border:1px solid #ffffff0e;border-radius:50%;width:min(70vw,660px);position:absolute;transform:rotateX(66deg)rotate(-17deg)}.orbit--two{width:min(56vw,510px);transform:rotateX(62deg)rotate(24deg)}.sticker-shadow{aspect-ratio:1.1;filter:blur(38px);opacity:.78;background:#000;border-radius:28%;width:min(50vw,475px);position:absolute;transform:translateY(42px)}.sticker-frame{aspect-ratio:1;background:linear-gradient(135deg,#f9ffff 0%,#878d9e 19%,#fff 31%,#666978 52%,#f4ffff 75%,#8c8f9e 100%);border-radius:7.5%;width:min(67%,500px);padding:8px;position:relative;transform:translateZ(0);box-shadow:0 0 0 1px #ffffff94,0 24px 60px #0000009e,0 0 42px #7cccff1f}.sticker-edge{background:#141923;border-radius:6.1%;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffff85,inset 0 0 0 5px #14151b66}.sticker-edge canvas,.fallback-foil,.art-overlay,.glass-sheen{width:100%;height:100%;position:absolute;inset:0}.fallback-foil{z-index:0;opacity:.82;background:conic-gradient(from 45deg,#f5a9ee 0deg,#5b6070 88deg,#d9fbff 92deg,#707589 178deg,#d7ffdc 182deg,#5d6170 268deg,#fff2b0 272deg,#6f6678 358deg,#f5a9ee 360deg) 0 0/12.5% 12.5%,#334}.sticker-edge canvas{z-index:1;display:block}.art-overlay{z-index:3;object-fit:contain;object-position:center;pointer-events:none;filter:drop-shadow(0 12px 10px #0003)}.default-emblem{z-index:2;color:#ffffffeb;text-shadow:0 2px 12px #00000057;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.emblem-prism{aspect-ratio:1;border:6px solid #ffffffc7;border-radius:13%;width:34%;margin-bottom:7%;transform:rotate(45deg);box-shadow:inset 0 0 22px #ffffff40,0 0 22px #fff3}.emblem-prism:after{content:"";border:2px solid #ffffffb8;border-radius:11%;position:absolute;inset:20%}.default-emblem b{letter-spacing:.19em;font-size:clamp(26px,4vw,54px);transform:translate(.095em)}.default-emblem small{font-family:var(--font-geist-mono), monospace;letter-spacing:.22em;margin-top:8px}.glass-sheen{z-index:4;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(112deg,#0000 18%,#ffffff1f 30%,#0000 45%),radial-gradient(circle at 14% 11%,#ffffff57,#0000 17%)}.control-panel{background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);flex-direction:column;min-width:0;padding:28px 26px;display:flex}.control-block{display:block}.control-number{color:var(--acid);font-family:var(--font-geist-mono), monospace;padding-top:3px;font-size:10px}.control-copy h2{letter-spacing:.13em;margin:0 0 8px;font-size:15px}.control-copy p{color:#91958f;margin:0;font-size:12px;line-height:1.65}.motion-button,.drop-zone,.layer-controls,.inline-note,.file-error{grid-column:1/-1}.motion-button{color:#111315;cursor:pointer;background:#eeefe9;border:1px solid #34383a;border-radius:2px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:48px;margin-top:19px;font-size:12px;font-weight:650;transition:background .18s,transform .18s;display:flex}.motion-button:hover:not(:disabled){background:var(--acid);transform:translateY(-1px)}.motion-button:focus-visible,.drop-zone button:focus-visible,.remove-button:focus-visible{outline:2px solid var(--acid);outline-offset:3px}.motion-button.is-active{color:var(--acid);background:#20271a;border-color:#b9ff3859}.sensor-icon{border:1.5px solid;border-radius:50%;width:14px;height:14px;box-shadow:inset 0 0 0 3px #0000}.sensor-icon:after{content:"";background:currentColor;border-radius:50%;width:4px;height:4px;margin:3.5px;display:block}.inline-note,.file-error{color:#ff9b8e;margin:8px 0 0;font-size:10px;line-height:1.5}.control-divider{background:var(--line);height:1px;margin:26px 0}.drop-zone{border:1px dashed #484c4b;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:74px;margin-top:18px;padding:13px;transition:border-color .15s,background .15s;display:flex;position:relative}.drop-zone.is-dragging{border-color:var(--acid);background:#b9ff380f}.drop-zone input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.drop-zone button,.remove-button{color:#e8e9e4;cursor:pointer;background:0 0;border:0;border-bottom:1px solid;padding:0;font-size:11px}.drop-zone span{color:#71746f;max-width:230px;font-family:var(--font-geist-mono), monospace;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.layer-controls{margin-top:17px}.layer-controls label{color:#9b9f98;justify-content:space-between;font-size:10px;display:flex}.layer-controls output{color:var(--ink);font-family:var(--font-geist-mono), monospace}.layer-controls input[type=range]{appearance:none;width:100%;height:2px;accent-color:var(--acid);background:linear-gradient(90deg,#80eaff,#f294ff,#ffe578,#9afc83);margin:14px 0 15px}.layer-controls input[type=range]::-webkit-slider-thumb{appearance:none;background:#17191b;border:2px solid #fff;border-radius:50%;width:13px;height:13px;box-shadow:0 0 0 2px #17191b}.remove-button{color:#848781;font-size:9px}.tech-note{border-top:1px solid var(--line);grid-template-columns:auto 1fr;align-items:center;gap:14px;min-height:71px;margin:auto -26px 0;padding:14px 26px;display:grid}.tech-note span{color:var(--acid);font-family:var(--font-geist-mono), monospace;border:1px solid #555a54;padding:5px 6px;font-size:9px}.tech-note p{color:#686c66;font-family:var(--font-geist-mono), monospace;letter-spacing:.05em;margin:0;font-size:8px;line-height:1.55}footer{color:#5f625e;height:58px;font-family:var(--font-geist-mono), monospace;letter-spacing:.12em;justify-content:space-between;align-items:center;font-size:8px;display:flex}@media (width<=900px){.app-shell{padding:22px}.intro{grid-template-columns:1fr;gap:21px}.lead{justify-self:start}.workspace{grid-template-columns:1fr}.stage-panel{border-right:0;border-bottom:1px solid var(--line)}.control-panel{grid-template-columns:1fr 1fr;gap:24px;padding:28px;display:grid}.control-divider{display:none}.tech-note{grid-column:1/-1;margin:0 -28px -28px}}@media (width<=620px){.app-shell{padding:14px}.topbar{height:68px}.hero{padding-top:36px}h1{font-size:51px}.lead{font-size:13px}.stage-hint{display:none}.sticker-stage{min-height:420px}.sticker-frame{width:min(82%,390px)}.control-panel{gap:0;padding:25px 21px;display:flex}.control-divider{display:block}.tech-note{margin:28px -21px 0;padding-inline:21px}footer{align-items:flex-start;height:70px;padding-top:18px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}