:root{font-family:Inter,Noto Sans JP,system-ui,sans-serif;color:#eef6ff;background:#06101d;font-synthesis:none;text-rendering:optimizeLegibility;--cyan: #13d8ff;--yellow: #ffe11a;--ink: #06101d;--panel: #0a1828;--line: #21364a;--muted: #8da5ba}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 78% -10%,#123c55 0,transparent 36rem),#06101d}button,input,select{font:inherit}button{color:inherit}.route-loading{display:grid;min-height:100vh;place-items:center;color:var(--cyan);font-weight:900}.hub-shell{width:min(1080px,calc(100% - 32px));margin:0 auto}.hub-header{padding:28px 0 64px}.hub-brand{display:flex;align-items:center;gap:12px;margin-bottom:82px;font-size:18px;font-weight:900}.hub-brand span{display:grid;place-items:center;width:38px;height:38px;border-radius:9px 2px;color:var(--ink);background:var(--yellow);box-shadow:5px 5px 0 var(--cyan);font-size:12px;transform:skew(-7deg)}.hub-header h1{margin:0;font-size:clamp(50px,8vw,94px);line-height:.98;letter-spacing:-.075em}.hub-header h1 em{color:var(--yellow);font-style:normal}.hub-header>p:last-child{max-width:650px;margin:27px 0 0;color:#9fb4c6;font-size:16px;font-weight:600;line-height:1.85}.tool-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.tool-card{position:relative;min-height:480px;padding:24px;overflow:hidden;border:1px solid var(--line);border-radius:20px;color:#fff;background:#0a1828;text-decoration:none;transition:transform .2s ease,border-color .2s ease}.tool-card:hover{transform:translateY(-5px);border-color:var(--cyan)}.tool-card-featured{background:linear-gradient(150deg,#10283b,#091522 62%)}.tool-number{position:absolute;top:16px;right:20px;color:#ffffff21;font-size:54px;font-weight:900;letter-spacing:-.08em}.tool-card>p{margin:32px 0 6px;color:var(--cyan);font-size:10px;font-weight:900;letter-spacing:.16em}.tool-card h2{margin:0 0 10px;font-size:32px;letter-spacing:-.05em}.tool-card>span:not(.tool-number){display:block;max-width:370px;color:#91a8bb;font-size:13px;line-height:1.7}.tool-card>b{position:absolute;right:24px;bottom:24px;color:var(--yellow);font-size:12px}.tool-art{position:relative;height:220px;margin:8px -4px 0}.splitter-art{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;align-items:center;transform:skewY(-3deg)}.splitter-art i{display:block;height:178px;border:1px solid rgba(19,216,255,.5);background:linear-gradient(145deg,var(--yellow) 0 30%,#153b55 30% 58%,var(--cyan) 58% 65%,#0b2235 65%);box-shadow:inset 0 0 28px #00000052}.splitter-art i:nth-child(2){background-position:22px 0}.splitter-art i:nth-child(3){background-position:44px 0}.splitter-art i:nth-child(4){background-position:66px 0}.gif-art{display:grid;place-items:center}.gif-art i{position:absolute;width:150px;aspect-ratio:1;border:1px solid #31516b;border-radius:12px;background:linear-gradient(135deg,#14344a,#091521);box-shadow:0 15px 35px #0000004d}.gif-art i:nth-child(1){transform:translate(-42px,15px) rotate(-9deg)}.gif-art i:nth-child(2){transform:translate(0);background:linear-gradient(135deg,#164660,#0b1d2c)}.gif-art i:nth-child(3){transform:translate(42px,15px) rotate(9deg);background:linear-gradient(135deg,var(--yellow),#f3a718)}.gif-art:after{content:"▶";position:relative;z-index:2;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;color:var(--ink);background:var(--cyan);font-size:18px;box-shadow:0 8px 25px #13d8ff40}.hub-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:82px 0;border:1px solid var(--line);background:var(--line)}.hub-principles article{padding:22px;background:#071421}.hub-principles b,.hub-principles span{display:block}.hub-principles b{margin-bottom:7px;color:var(--yellow);font-size:11px;letter-spacing:.14em}.hub-principles span{color:#849cb0;font-size:11px;line-height:1.6}.page-shell{width:min(1180px,calc(100% - 32px));margin:0 auto}.hero{padding:28px 0 54px}.brand-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:72px}.brand{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:17px;font-weight:900;letter-spacing:-.03em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;color:var(--ink);background:var(--yellow);border-radius:8px 2px;font-size:12px;transform:skew(-7deg);box-shadow:5px 5px 0 var(--cyan)}.local-badge{display:inline-flex;align-items:center;gap:8px;color:#b9c9d8;padding:8px 12px;border:1px solid #284158;border-radius:999px;background:#091828bf;font-size:12px;font-weight:700}.local-badge span{color:#5cff93;font-size:9px}.eyebrow{margin:0 0 14px;color:var(--cyan);font-size:11px;font-weight:900;letter-spacing:.22em}.hero h1{margin:0;max-width:820px;font-size:clamp(46px,8.2vw,96px);line-height:.98;letter-spacing:-.075em;font-weight:900}.hero h1 em{position:relative;color:var(--yellow);font-style:normal}.hero h1 em:after{content:"";position:absolute;left:-2%;right:-2%;bottom:4%;height:9px;z-index:-1;background:var(--cyan);transform:rotate(-1deg);opacity:.7}.lead{max-width:670px;margin:0;color:#a9becf;font-size:clamp(15px,1.8vw,18px);line-height:1.8;font-weight:600}.workspace{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px;align-items:start}.controls-card,.preview-card{border:1px solid var(--line);border-radius:22px;background:#091828e6;box-shadow:0 26px 80px #00000040}.controls-card{padding:18px}.preview-card{min-height:500px;padding:24px}.drop-zone{display:flex;min-height:150px;align-items:center;justify-content:center;gap:16px;padding:24px;border:2px dashed #31516b;border-radius:15px;background:#071421;cursor:pointer;transition:.2s ease;text-align:left}.drop-zone:hover,.drop-zone.is-dragging{border-color:var(--cyan);background:#092033;transform:translateY(-2px)}.drop-zone.has-file{border-style:solid;border-color:#2a465d}.drop-icon{display:grid;flex:0 0 auto;place-items:center;width:48px;height:48px;border-radius:50%;color:var(--ink);background:var(--yellow);font-size:30px;line-height:1;font-weight:500}.drop-zone>div{min-width:0}.drop-zone strong,.drop-zone span{display:block}.drop-zone strong{width:100%;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.drop-zone div span{margin-top:6px;color:var(--muted);font-size:11px;font-weight:600}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.settings-grid label>span{display:flex;justify-content:space-between;margin:0 0 7px;color:#9db1c2;font-size:11px;font-weight:800}.settings-grid select,.unit-input{width:100%;height:44px;border:1px solid #2b455b;border-radius:9px;color:#fff;background:#06111e;outline:none}.settings-grid select{padding:0 12px}.settings-grid select:focus,.unit-input:focus-within{border-color:var(--cyan);box-shadow:0 0 0 3px #13d8ff1a}.unit-input{display:flex;align-items:center}.unit-input input{width:100%;height:100%;padding:0 4px 0 12px;border:0;color:#fff;background:transparent;outline:none}.unit-input b{padding-right:12px;color:#688299;font-size:11px}input[type=range]{width:100%;accent-color:var(--yellow)}.is-disabled{opacity:.45}.calculation{display:flex;justify-content:space-between;gap:10px;margin-top:18px;padding:12px 14px;border-left:3px solid var(--cyan);background:#13d8ff0f;color:#7891a6;font-size:10px;font-weight:700}.calculation b{display:block;margin-top:2px;color:#fff;font-size:12px}.error{margin:14px 0 0;padding:10px 12px;border:1px solid #7f3240;border-radius:8px;color:#ffd4dc;background:#35131b;font-size:12px}.action-row{display:flex;align-items:center;gap:14px;margin-top:18px}.primary-button,.zip-button{border:0;cursor:pointer;font-weight:900;transition:.18s ease}.primary-button{flex:1;min-height:50px;border-radius:10px;color:#06101d;background:var(--yellow);box-shadow:5px 5px 0 var(--cyan)}.primary-button:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--cyan)}.primary-button:disabled{cursor:not-allowed;filter:grayscale(1);opacity:.35;box-shadow:none}.text-button{border:0;padding:8px 0;color:#8da5ba;background:transparent;cursor:pointer;font-size:11px;font-weight:800}.text-button:hover{color:#fff}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.section-heading h2,.how-it-works h2{margin:0;font-size:25px;letter-spacing:-.04em}.zip-button{padding:10px 14px;border:1px solid var(--cyan);border-radius:8px;color:var(--cyan);background:#13d8ff14;font-size:11px}.zip-button:hover{color:var(--ink);background:var(--cyan)}.panel-preview{display:grid;align-items:start;margin-top:28px;overflow:hidden;border:3px solid #030911;border-radius:8px;background:#030911}.panel{position:relative;min-width:0;padding:0;overflow:hidden;border:0;background:#102236;cursor:pointer}.panel img{display:block;width:100%;height:auto}.panel span{position:absolute;right:7px;bottom:7px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;color:#06101d;background:var(--yellow);font-size:9px;font-weight:900;box-shadow:0 3px 12px #0000004d}.panel:hover img{filter:brightness(.82)}.preview-note{margin:13px 0 0;color:#7891a6;font-size:10px;line-height:1.6}.empty-preview{display:grid;min-height:390px;place-content:center;text-align:center;color:#698297;font-size:12px;font-weight:700}.empty-panels{display:flex;justify-content:center;gap:4px;margin:0 auto 20px;transform:skewY(-4deg)}.empty-panels span{display:grid;width:42px;place-items:end center;height:108px;padding-bottom:10px;border:1px solid #28455d;color:#43647e;background:linear-gradient(160deg,#10263a,#081521);font-size:10px}.how-it-works{padding:110px 0 90px}.how-it-works>h2{max-width:580px;font-size:clamp(34px,5vw,60px)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}.steps article{position:relative;padding:24px;overflow:hidden;border-top:1px solid #34516a;background:linear-gradient(180deg,rgba(15,35,53,.7),transparent)}.steps article>span{position:absolute;top:8px;right:14px;color:#ffe11a29;font-size:64px;font-weight:900;letter-spacing:-.08em}.steps h3{position:relative;margin:0 0 12px;font-size:16px}.steps p{position:relative;margin:0;color:#8199ac;font-size:12px;line-height:1.8}footer{display:flex;justify-content:space-between;padding:26px 0 32px;border-top:1px solid #1e3346;color:#688096;font-size:10px;font-weight:800;letter-spacing:.08em}footer a{color:#91a8bb;text-decoration:none}footer a:hover{color:var(--cyan)}.legal-page{padding-top:28px}.legal-page .brand-row{margin-bottom:64px}.legal-page article{max-width:760px;margin-bottom:80px}.legal-page h1{margin:0 0 12px;font-size:clamp(40px,7vw,72px);line-height:1;letter-spacing:-.06em}.legal-page h2{margin:42px 0 12px;color:var(--yellow);font-size:20px}.legal-page p{color:#9fb4c6;line-height:1.9}.legal-page a{color:var(--cyan)}@media(max-width:820px){.tool-list{grid-template-columns:1fr}.tool-card{min-height:440px}.hub-principles{grid-template-columns:1fr}.hero{padding-bottom:38px}.brand-row{margin-bottom:52px}.workspace{grid-template-columns:1fr}.preview-card{min-height:420px}}@media(max-width:560px){.hub-shell{width:min(100% - 20px,1080px)}.hub-header{padding-top:18px}.hub-brand{margin-bottom:60px}.hub-header h1{font-size:46px}.page-shell{width:min(100% - 20px,1180px)}.hero{padding-top:18px}.brand-row{align-items:flex-start}.local-badge{max-width:150px;line-height:1.35}.hero h1{font-size:46px}.settings-grid{grid-template-columns:1fr}.calculation{flex-wrap:wrap}.calculation span{flex:1 1 28%}.preview-card{padding:18px}.steps{grid-template-columns:1fr}.how-it-works{padding:80px 0 64px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}