@font-face{font-family:Noto Sans JP;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-jp-japanese-400-normal-4dGCN58M.woff2)format("woff2"),url(/assets/noto-sans-jp-japanese-400-normal-B6M6SIJT.woff)format("woff")}@font-face{font-family:Noto Sans JP;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/noto-sans-jp-japanese-700-normal-C3wh_X9J.woff2)format("woff2"),url(/assets/noto-sans-jp-japanese-700-normal-DGh5i7lu.woff)format("woff")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#080a0f;--panel:#11141c;--panel2:#171b25;--line:#292e3b;--text:#f5f7fb;--muted:#9098aa;--accent:#bcff5c;--accent2:#7af0ce;--danger:#ff7187;--shadow:0 20px 60px #0009;background:var(--bg);color:var(--text);font-synthesis:none;font-family:Inter,Noto Sans JP,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:0}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{background:var(--bg);isolation:isolate;grid-template-rows:auto minmax(120px,1fr) auto auto;height:100dvh;display:grid;position:relative}.topbar{height:calc(58px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 14px 0;z-index:4;background:linear-gradient(#0b0e15 0%,#0b0e15ed 72%,#0000);justify-content:space-between;align-items:center;display:flex}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand-mark{background:var(--accent);color:#11170b;border-radius:10px;place-items:center;width:34px;height:34px;font-weight:900;display:grid;transform:rotate(-5deg)}.brand>div:last-child{min-width:0;display:grid}.brand input{text-overflow:ellipsis;background:0 0;border:0;width:min(48vw,260px);padding:0;font-size:15px;font-weight:750}.brand small,.eyebrow{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:9px}.top-actions{align-items:center;gap:7px;display:flex}.fps{font-variant-numeric:tabular-nums;border:1px solid var(--line);background:#151923d9;border-radius:99px;padding:7px 9px;font-size:11px}.fps i{background:#ffbd55;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.fps i.good{background:var(--accent)}.icon-btn{border:1px solid var(--line);background:#181c26;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.icon-btn svg{width:19px}.viewport{touch-action:none;background:radial-gradient(circle at 50% 40%,#2c3151,#080a0f 72%);position:relative;overflow:hidden}.mmd-canvas{width:100%;height:100%;display:block}.viewport-badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:.08em;color:#cdd3df;background:#080a0f99;border:1px solid #ffffff1c;border-radius:9px;align-items:center;gap:6px;padding:7px 9px;font-size:9px;display:flex;position:absolute;top:10px;left:12px}.viewport-badge svg{width:13px;color:var(--accent)}.empty-stage{text-align:center;z-index:2;background:radial-gradient(circle at 50% 38%,#273448aa,#0000 45%);flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.hero-icon{color:#11170b;background:linear-gradient(145deg,var(--accent),var(--accent2));border-radius:22px;place-items:center;width:66px;height:66px;margin-bottom:16px;display:grid;box-shadow:0 10px 50px #9cff5430}.hero-icon svg{width:29px}.empty-stage h1{letter-spacing:-.045em;margin:5px 0 8px;font-size:clamp(24px,7vw,38px);line-height:1.06}.empty-stage p{color:#aab1c0;max-width:340px;margin:0 0 18px;font-size:12px;line-height:1.65}.empty-stage>div:not(.hero-icon){gap:9px;display:flex}.empty-stage button,.action-grid button,.wide,.preset-grid button{background:#1a1e29;border:1px solid #303646;border-radius:13px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 15px;font-weight:650;display:flex}.empty-stage button svg,.wide svg,.action-grid svg{width:18px}.primary{background:var(--accent)!important;color:#11170b!important;border-color:#0000!important}.empty-stage>small{color:#747d90;margin-top:13px}.loading{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#090b11dd;place-content:center;justify-items:center;gap:12px;font-size:13px;display:grid;position:absolute;inset:0}.loading progress{width:180px;height:4px;accent-color:var(--accent)}.spinner{border:3px solid #40475a;border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.transport{z-index:5;background:linear-gradient(#10131b,#0c0f16);border-top:1px solid #272c38;padding:8px 14px 7px}.timeline-copy{color:#a2a9b8;font-variant-numeric:tabular-nums;justify-content:space-between;font-size:9px;display:flex}.transport>input{width:100%;height:15px;accent-color:var(--accent);margin:0}.transport-actions{justify-content:center;align-items:center;gap:4px;height:43px;display:flex}.transport-actions button{background:0 0;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.transport-actions svg{width:18px}.transport-actions .play{background:var(--text);color:#0b0e13;width:45px;height:45px}.transport-actions .play svg{fill:currentColor}.speed{border:1px solid var(--line);background:#1a1e29;border-radius:10px;align-items:center;height:34px;margin-left:8px;padding:0 5px 0 8px;display:flex}.speed>svg{width:14px}.speed>svg:last-child{width:12px}.speed select{appearance:none;background:0 0;border:0;padding:0 4px;font-size:11px}.bottom-nav{height:calc(64px + env(safe-area-inset-bottom));padding:2px 6px env(safe-area-inset-bottom);border-top:1px solid var(--line);z-index:7;background:#0d1017;justify-content:space-around;display:flex}.bottom-nav button{color:#7f8798;background:0 0;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-width:45px;font-size:9px;display:flex}.bottom-nav svg{width:19px}.bottom-nav button.active{color:var(--accent);background:#baff5b0e}.sheet{left:0;right:0;bottom:calc(64px + env(safe-area-inset-bottom));z-index:6;max-height:min(66dvh,590px);box-shadow:var(--shadow);background:linear-gradient(#171b25,#10131b);border:1px solid #303543;border-radius:22px 22px 0 0;flex-direction:column;display:flex;position:absolute}.sheet-grip{background:#434959;border-radius:99px;width:42px;height:4px;margin:8px auto 2px}.sheet header,.importer header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:8px 16px 10px;display:flex}.sheet h2,.importer h2{margin:2px 0 0;font-size:18px}.sheet-body{overscroll-behavior:contain;padding:12px 14px 22px;overflow:auto}.control{border-bottom:1px solid #252a36;justify-content:space-between;align-items:center;min-height:51px;font-size:13px;display:flex}.control>label:first-child,.range-control label{font-weight:600}.control select{background:#202531;border:1px solid #353b4a;border-radius:10px;padding:8px}.toggle{background:#343a48;border-radius:99px;width:48px;height:28px;padding:3px;transition:all .2s}.toggle span{background:#eef1f7;border-radius:50%;width:22px;height:22px;transition:all .2s;display:block}.toggle.on{background:var(--accent)}.toggle.on span{background:#0b1106;transform:translate(20px)}.range-control{border-bottom:1px solid #252a36;padding:12px 0}.range-control>div{justify-content:space-between;font-size:12px;display:flex}.range-control output{color:var(--accent);font-variant-numeric:tabular-nums}.range-control input{width:100%;accent-color:var(--accent)}.color{color:var(--muted);align-items:center;gap:7px;font-family:monospace;display:flex}.color input{background:0 0;border:0;width:35px;height:30px;padding:0}.action-grid,.preset-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:10px;display:grid}.preset-grid{grid-template-columns:repeat(3,1fr)}.mode-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.mode-grid button{text-align:left;background:#1c202b;border:1px solid #303644;border-radius:14px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;column-gap:8px;min-height:84px;padding:10px;display:grid}.mode-grid button svg{color:#929bad;grid-row:1/3;width:20px}.mode-grid button b{font-size:12px}.mode-grid button small{color:var(--muted);font-size:9px}.mode-grid button.active,.quality-row button.active{border-color:var(--accent);background:#baff5b12}.mode-grid button.active svg{color:var(--accent)}.section-label{color:var(--muted);margin:15px 0 7px;font-size:10px;display:block}.quality-row{gap:5px;padding-bottom:3px;display:flex;overflow:auto}.quality-row button{background:#1b202a;border:1px solid #303644;border-radius:9px;flex:none;min-height:35px;padding:0 10px;font-size:10px}.wide{width:100%;margin:6px 0}.model-card{background:#1b1f29;border:1px solid #2d3340;border-radius:14px;grid-template-columns:42px 1fr 40px 40px;align-items:center;gap:7px;margin-bottom:8px;padding:10px;display:grid;position:relative}.model-card.selected{border-color:#aeea59}.model-orb{width:42px;height:42px;color:var(--accent);background:#2b3140;border-radius:13px;place-items:center;display:grid}.model-copy{min-width:0;display:grid}.model-copy input{background:0 0;border:0;min-width:0;padding:0;font-weight:650}.model-copy small{white-space:nowrap;text-overflow:ellipsis;color:var(--muted);font-size:9px;overflow:hidden}.chips{gap:4px;margin-top:4px;display:flex}.chips span{background:#303645;border-radius:5px;padding:2px 5px;font-size:8px}.danger{color:var(--danger)}.order{display:none}.analysis,.diagnostics{color:var(--muted);background:#0d1016;border:1px solid #282d39;border-radius:13px;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px;padding:12px;font-size:10px;display:grid}.analysis b,.diagnostics b{color:var(--text);grid-column:1/-1;font-size:12px}.analysis em{color:#ffc56e;grid-column:1/-1}.empty-mini{height:100px;color:var(--muted);align-content:center;place-items:center;gap:7px;display:grid}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050609c7;place-items:end center;display:grid;position:fixed;inset:0}.importer{width:min(100%,540px);padding-bottom:calc(16px + env(safe-area-inset-bottom));box-shadow:var(--shadow);background:#151923;border:1px solid #343a48;border-radius:24px 24px 0 0}.importer>button{text-align:left;background:#202530;border:1px solid #343b4a;border-radius:15px;align-items:center;gap:14px;width:calc(100% - 28px);min-height:67px;margin:10px 14px 0;padding:10px 14px;display:flex}.importer>button>svg{color:var(--accent)}.importer>button span{display:grid}.importer>button small{color:var(--muted);margin-top:3px;font-size:10px}.privacy{color:#bce782;background:#baff5b0c;border-radius:12px;align-items:center;gap:7px;margin:14px 15px 0;padding:10px;font-size:10px;display:flex}.privacy svg{width:15px}.toast{z-index:30;left:12px;right:12px;top:calc(66px + env(safe-area-inset-top));max-height:42dvh;box-shadow:var(--shadow);background:#23171d;border:1px solid #783c4e;border-radius:15px;padding:13px 46px 13px 14px;font-size:12px;position:fixed;overflow:auto}.toast>button{background:0 0;position:absolute;top:6px;right:6px}.toast>button svg{width:17px}.toast b,.toast small,.toast em{display:block}.toast p{white-space:pre-wrap;color:#e7cbd3;margin:6px 0}.toast em{color:#ffbfcb;font-style:normal}.toast small{color:#b48d98}.section-label+*{margin-bottom:5px}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef1f5;--panel:#fff;--panel2:#f7f8fa;--line:#cfd5df;--text:#161a21;--muted:#60697a;--accent:#5c8f00;--accent2:#008b75;--shadow:0 20px 60px #44506b30}.app{background:var(--bg)}[data-theme=light] .topbar,[data-theme=light] .transport,[data-theme=light] .bottom-nav{background:#f8fafdef}[data-theme=light] .sheet,[data-theme=light] .importer{background:#fff}[data-theme=light] .viewport{background:#cbd5e6}[data-theme=light] .model-card,[data-theme=light] .mode-grid button,[data-theme=light] .control select,[data-theme=light] .wide,[data-theme=light] .preset-grid button,[data-theme=light] .action-grid button{background:#f2f4f8}@media (orientation:landscape) and (max-height:600px){.app{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) 310px}.topbar{grid-column:1/3}.viewport{grid-area:2/1/4}.transport{grid-area:2/2;padding-top:18px}.bottom-nav{grid-area:3/2}.sheet{width:400px;left:auto;top:calc(58px + env(safe-area-inset-top));bottom:calc(64px + env(safe-area-inset-bottom));border-radius:20px 0 0 20px;max-height:none}.empty-stage h1{font-size:25px}.empty-stage p{margin-bottom:10px}.hero-icon{width:48px;height:48px;margin-bottom:8px}.transport-actions{flex-wrap:wrap;height:auto;margin-top:12px}.importer{border-radius:24px 0 0 24px;justify-self:end;height:100%}.modal-backdrop{place-items:stretch stretch}}@media (max-width:370px){.bottom-nav span{font-size:8px}.bottom-nav svg{width:18px}.bottom-nav button{min-width:0}.transport{padding-inline:8px}.sheet-body{padding-inline:10px}.empty-stage{padding-inline:16px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}.bottom-nav{min-height:calc(64px + env(safe-area-inset-bottom))}@media (orientation:landscape) and (max-height:600px){.app{grid-template-rows:auto minmax(0,1fr) 64px}.bottom-nav{height:64px;min-height:64px}}