:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;background:#0d121c;color:#eef4f6;font-synthesis:none;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;min-width:320px;line-height:1.65}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit}input,textarea,select{accent-color:#51e3c2}input[type=range]{display:block;width:100%;cursor:pointer;height:22px;accent-color:#55dfc6}.page-glow{position:absolute;z-index:-1;top:0;left:0;right:0;height:580px;background:radial-gradient(ellipse 52% 70% at 72% 10%,rgba(25,126,119,.15),transparent 75%),radial-gradient(ellipse 40% 80% at 14% 5%,rgba(86,57,134,.16),transparent 75%);pointer-events:none}.container{width:min(1200px,calc(100% - 48px));margin-inline:auto}.topbar{height:84px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.07)}.brand{text-decoration:none;font-weight:850;letter-spacing:-.5px;font-size:20px;display:flex;align-items:center;gap:11px}.brand-logo{display:grid;place-items:center;width:36px;height:36px;background:linear-gradient(135deg,#b1ffe8,#29bba0);color:#0e1c1a;border-radius:12px;box-shadow:0 4px 18px #32c7ae40;font-size:19px}.brand small{font-size:10px;letter-spacing:2.7px;color:#7d9c9e;margin-left:8px}.topbar-note{font-size:12px;color:#abbac3;display:flex;align-items:center;gap:8px}.online-dot,.preview-dot{width:7px;height:7px;background:#55e3a3;border-radius:50%;box-shadow:0 0 0 4px #55e3a310}.hero{padding:54px 0 45px}.eyebrow{color:#6bdecb;font-size:11px;font-weight:850;letter-spacing:2.3px;margin:0 0 11px}.hero h1{font-size:clamp(35px,4.2vw,59px);letter-spacing:-2.1px;line-height:1.27;margin:0;font-weight:850}.hero h1 span{background:linear-gradient(93deg,#f1faf7,#67e5c8 85%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-text{margin:18px 0;color:#b2bec9;font-size:14px;line-height:1.95}.hero-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:21px}.hero-chips span{border:1px solid #2e3944;color:#c0d8d7;font-size:11px;padding:6px 12px;border-radius:99px;background:#17202b}.workspace{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);align-items:start;gap:25px}.controls{display:grid;gap:15px;min-width:0}.panel,.preview-panel{background:linear-gradient(160deg,#1a2330,#161e2a 68%);border:1px solid #2b3442;border-radius:19px;box-shadow:0 14px 35px #02070e1e}.panel{padding:26px}.section-heading{display:flex;align-items:flex-start;gap:15px;margin-bottom:22px}.number{background:#223c3e;border:1px solid #315357;color:#83f1d7;min-width:36px;height:36px;border-radius:12px;display:grid;place-items:center;font-size:12px;font-weight:850;letter-spacing:.6px}.section-heading h2{margin:0;font-size:18px;line-height:1.55;letter-spacing:-.4px}.section-heading p{font-size:12px;color:#91a5b3;margin:3px 0 0}.asset-grid,.choice-grid,.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.upload{border:1.5px dashed #465768;border-radius:14px;min-height:165px;background:#14202b;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;gap:4px;padding:17px 9px;cursor:pointer;transition:background .18s,border-color .18s}.upload:hover,.upload.drag{border-color:#60e6c6;background:#1a383c}.upload input{position:absolute;width:1px;height:1px;opacity:0}.upload:focus-within{outline:2px solid #5be1c7;outline-offset:2px}.upload-icon{font-size:30px;line-height:1.2;color:#68dec4}.sound-icon{font-size:36px}.upload strong{font-size:14px}.upload-detail,.file-label{font-size:10px;color:#8c9dad}.file-label{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#8ee6d0}.field-label{display:block;font-weight:700;font-size:12px;color:#d8e1e8;margin:0 0 8px}.field-margin{margin-top:17px}.select,.input,textarea,.custom-size input{width:100%;background:#111923;color:#edf4f5;border:1px solid #3b4858;border-radius:10px;padding:11px 12px;font-size:13px;min-height:43px;outline:none}.select:focus,.input:focus,textarea:focus,.custom-size input:focus{border-color:#56dec1;box-shadow:0 0 0 3px #43e1bc16}.select{color-scheme:dark;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%239db9c2' stroke-width='2' d='m1 1 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:34px}textarea{min-height:90px;resize:vertical}.custom-size{display:flex;align-items:end;gap:10px;margin-top:11px}.custom-size[hidden]{display:none}.custom-size label{flex:1;color:#b7cbd2;font-size:11px}.custom-size input{margin-top:4px}.times{padding-bottom:9px;color:#98aab3}.choice{position:relative;border:1px solid #3c4b59;background:#131d27;border-radius:12px;padding:14px 10px;display:flex;align-items:center;gap:10px;cursor:pointer}.choice input{position:absolute;inset:0;opacity:0;cursor:pointer}.choice:has(input:checked){border-color:#53dfc3;background:#1a3437;box-shadow:inset 0 0 0 1px #53dfc330}.choice:focus-within{outline:2px solid #6eefd5;outline-offset:2px}.choice span:last-child{display:flex;flex-direction:column;min-width:0}.choice strong{font-size:12px}.choice small{font-size:10px;color:#98aab6;line-height:1.5}.choice-mark{flex:none;width:37px;height:29px;background:#334251;border:1px solid #506573;border-radius:4px;display:grid;place-items:center}.choice-mark i{width:22px;height:14px;border-radius:2px;display:block;background:linear-gradient(140deg,#37d7bb,#3c78ad)}.mark-cover{overflow:hidden}.mark-cover i{width:42px;height:27px}.tip{margin-top:14px;font-size:11px;color:#9cadb9;background:#121a23;border-left:2px solid #537772;padding:11px 13px;line-height:1.8;border-radius:3px 9px 9px 3px}.range-group{margin:0 0 17px}.range-title{display:flex;justify-content:space-between;font-weight:700;font-size:12px;gap:8px;margin-bottom:7px}.range-title output{color:#74e7cd;white-space:nowrap}.advanced{border-top:1px solid #334150;padding-top:12px;margin-top:18px}.advanced summary{font-size:12px;cursor:pointer;color:#aac6ce;margin-bottom:10px}.advanced .range-group{margin-top:12px}.toggle-row{display:flex;align-items:center;justify-content:space-between;position:relative;gap:14px;font-size:13px;font-weight:700;cursor:pointer}.toggle-row input{opacity:0;position:absolute;right:0}.switch{background:#3d4c5b;width:42px;height:24px;border-radius:99px;position:relative;flex:none;transition:.2s}.switch:after{content:"";position:absolute;left:4px;top:4px;width:16px;height:16px;border-radius:50%;background:#e5edee;transition:.2s}.toggle-row:has(input:checked) .switch{background:#33b99d}.toggle-row:has(input:checked) .switch:after{transform:translateX(18px)}.toggle-row:focus-within .switch{outline:2px solid #75e7d2;outline-offset:3px}.option-content{margin-top:18px;display:grid;gap:12px}.option-content.is-disabled{opacity:.36;pointer-events:none}.option-content .range-group{margin:2px 0}.colors{gap:20px}.colors label{display:flex;gap:12px;align-items:center;color:#c3d1d8;font-size:12px}.colors input{background:none;border:0;width:40px;height:32px;padding:0;cursor:pointer}.check-row{display:flex;align-items:center;gap:9px;font-size:12px;color:#c1d1d9}.check-row input{width:16px;height:16px}.support-text{font-size:11px;color:#8dc9bd;line-height:1.7;margin:11px 0 0}.preview-column{position:sticky;top:18px;min-width:0}.preview-panel{overflow:hidden;padding:22px}.preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.preview-heading{display:flex;align-items:center;gap:10px}.preview-header h2{font-size:16px;margin:0}.preview-meta{font-variant-numeric:tabular-nums;font-size:11px;color:#9bb7c4}.canvas-frame{position:relative;display:grid;place-items:center;background:#000;border:1px solid #2e3946;border-radius:11px;overflow:hidden;min-height:170px}.canvas-frame canvas{width:100%;height:auto;max-height:min(65vh,590px);display:block;object-fit:contain;background:#000}.canvas-flag{position:absolute;top:12px;left:12px;background:#111b28ba;border:1px solid #3a4b56;padding:4px 9px;border-radius:6px;color:#bed8dc;font-size:9px;letter-spacing:1.5px;font-weight:850;pointer-events:none}.time-row,.progress-label{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;color:#a7b8c4;font-variant-numeric:tabular-nums}.timeline{margin-top:19px}.timeline input{margin-top:4px}.transport{display:flex;gap:9px;margin-top:14px}.btn{display:flex;align-items:center;justify-content:center;gap:9px;border:none;border-radius:10px;min-height:44px;padding:12px 16px;font-weight:800;font-size:13px;text-decoration:none;transition:transform .1s,filter .1s}.btn:not(:disabled):active{transform:scale(.98)}.secondary{flex:1;background:#273742;color:#e5f3f4;border:1px solid #3a5260}.subtle{background:#192530;color:#a9bdc9;border:1px solid #334653}.export-box{border-top:1px solid #30404c;margin-top:23px;padding-top:22px}.export-label{display:block;color:#8ba5ac;text-align:center;letter-spacing:.8px;font-size:11px;margin-bottom:10px}.export-button{width:100%;color:#09221f;background:linear-gradient(100deg,#98ffe1,#4dd0b3);box-shadow:0 8px 23px #0aa98b17;font-size:15px;min-height:55px}.export-button:not(:disabled):hover{filter:brightness(1.08)}.cancel-button{width:100%;margin-top:9px;background:transparent;color:#eeb8b6;border:1px solid #835b62}.cancel-button[hidden],.progress-area[hidden],.download-button[hidden]{display:none}.download-button{width:100%;margin-top:10px;background:#2b5960;border:1px solid #62dcca;color:#e4fff5}.progress-area{margin-top:16px}.progress-track{height:8px;background:#324451;border-radius:99px;overflow:hidden}.progress-track span{display:block;width:0;height:100%;background:linear-gradient(90deg,#54d4b6,#a6ffdc);transition:width .2s}.progress-label{margin-top:9px}.status{font-size:11px;color:#adc1ca;text-align:center;margin-top:13px;line-height:1.85;overflow-wrap:anywhere}.status.error{color:#ffb3b3}.status.success{color:#8affd1}.export-note{color:#758f9e;font-size:11px;text-align:center;margin:12px 0 0;line-height:1.8}.learn-more{margin-top:85px;border-top:1px solid #273440;padding-top:54px}.learn-intro{max-width:800px}.learn-intro h2{font-size:clamp(25px,3vw,34px);line-height:1.5;letter-spacing:-.8px;margin:0 0 16px}.learn-intro p:last-child{color:#9cb0bd;font-size:13px;line-height:2.1}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:26px}.feature-grid article{background:#171f2b;border:1px solid #2d3b48;border-radius:14px;padding:22px}.feature-grid article span{font-size:11px;color:#66dfc6;font-weight:800}.feature-grid article h3{font-size:14px;margin:9px 0;color:#e5f2f2}.feature-grid article p{font-size:12px;color:#98acb9;margin:0;line-height:1.85}.faq{max-width:800px;margin:65px auto 0}.faq h2{font-size:23px;margin:0 0 17px}.faq details{border-bottom:1px solid #32404e;padding:12px 0}.faq summary{font-size:14px;cursor:pointer;padding:6px 24px 6px 0;color:#d5e9eb;font-weight:700}.faq details p{color:#a6bac4;font-size:12px;line-height:2;margin:8px 0 10px}.footer{border-top:1px solid #24323c;margin-top:85px;padding-top:26px;padding-bottom:45px;display:flex;gap:8px;font-size:12px;color:#778d9a}.footer a{color:#82e1ce;text-decoration:none}.footer span{margin-left:auto}.btn:focus-visible,summary:focus-visible{outline:2px solid #93ffe1;outline-offset:4px}@media(max-width:980px){.workspace{grid-template-columns:1fr}.preview-column{position:static;grid-row:1}.preview-panel{padding:18px}.canvas-frame canvas{max-height:60vh}.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.container{width:min(100% - 24px,1200px)}.topbar{height:66px}.brand{font-size:17px}.brand small{font-size:9px}.topbar-note{font-size:10px}.hero{padding:34px 3px 28px}.hero h1{font-size:34px;letter-spacing:-1.4px}.hero-text{font-size:12px}.desktop-only{display:none}.hero-chips span{font-size:10px}.panel{padding:19px}.section-heading{gap:11px;margin-bottom:18px}.number{min-width:32px;height:32px}.section-heading h2{font-size:16px}.section-heading p{font-size:11px}.asset-grid{gap:8px}.upload{min-height:144px;padding:13px 7px}.upload strong{font-size:12px}.upload-detail{font-size:9px}.file-label{font-size:9px}.choice-grid{gap:8px}.choice{padding:11px 7px;gap:6px}.choice strong{font-size:11px}.choice small{font-size:9px}.choice-mark{width:27px;height:23px}.choice-mark i{width:16px;height:12px}.mark-cover i{width:31px;height:21px}.preview-panel{padding:13px}.preview-meta{font-size:10px}.canvas-frame{min-height:155px}.transport{gap:7px}.transport .btn{padding:10px;font-size:12px}.feature-grid{grid-template-columns:1fr}.feature-grid article{padding:18px}.learn-more{margin-top:60px;padding-top:34px}.faq{margin-top:48px}.footer{margin-top:60px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* Minimal text-first page header; remove non-functional ornamentation. */
.hero{padding:30px 0 26px}.hero h1{font-size:clamp(28px,3vw,39px);letter-spacing:-.6px}.hero-text{margin:10px 0 0}.topbar{height:58px}.brand{font-size:18px}.section-heading{gap:0}.learn-more{margin-top:55px}.feature-grid article{box-shadow:none}.footer{justify-content:center}.export-box{padding-top:17px}

/* Header removed: page begins with its H1. */