:root{color:#e8edf6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--panel:#0d131d;--card:#111a27;--line:#202b3a;--line2:#334155;--muted:#8290a5;--blue:#2563eb;--green:#22c55e;--red:#ef4444;background:#070b11;font-family:Inter,Segoe UI,Noto Sans JP,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#070b11}button,input,select{font:inherit}.topbar{border-bottom:1px solid var(--line);background:#0d131d;justify-content:space-between;align-items:center;height:64px;padding:0 18px;display:flex}.brand{align-items:center;gap:11px;min-width:0;display:flex}.brand-mark{color:#fff;letter-spacing:-1px;background:linear-gradient(145deg,#2563eb,#1d4ed8);border-radius:10px;place-items:center;width:36px;height:36px;font-weight:900;display:grid;box-shadow:0 8px 24px #2563eb3d}.brand-copy{min-width:0}.brand-title{white-space:nowrap;font-size:16px;font-weight:800;line-height:1.2}.brand-sub{color:var(--muted);white-space:nowrap;margin-top:3px;font-size:11px}.header-actions{align-items:center;gap:8px;display:flex}.file-button,.tool-button{white-space:nowrap;border:1px solid var(--line2);color:#f8fafc;cursor:pointer;background:#172033;border-radius:9px;justify-content:center;align-items:center;min-height:38px;padding:9px 13px;font-size:13px;font-weight:750;transition:all .14s;display:inline-flex}.file-button{background:var(--blue);border-color:#3b82f6;box-shadow:0 7px 20px #2563eb33}.file-button:hover{background:#2f6ff0}.file-button input,.settings-button{display:none}.tool-button:hover{background:#202b3c}main.workspace{background:#070b11;grid-template-columns:300px minmax(0,1fr);height:calc(100% - 64px);display:grid}.panel{background:var(--panel);border-right:1px solid var(--line);scrollbar-width:thin;scrollbar-color:#334155 transparent;padding:14px;overflow:auto}.panel-section{border:1px solid var(--line);background:var(--card);border-radius:12px;margin-bottom:11px;padding:13px}.section-title{letter-spacing:.13em;color:#74839a;text-transform:uppercase;margin:0 0 11px;font-size:10px;font-weight:900}.meta-row{justify-content:space-between;align-items:center;gap:12px;padding:4px 0;font-size:12px;display:flex}.meta-row span{color:#8290a5}.meta-row strong{text-overflow:ellipsis;white-space:nowrap;color:#edf3fb;max-width:180px;font-weight:700;overflow:hidden}.control-label{color:#a8b5c6;flex-direction:column;gap:8px;margin-top:13px;font-size:12px;display:flex}.control-label:first-of-type{margin-top:0}.control-label>span{justify-content:space-between;align-items:center;gap:10px;display:flex}.control-label b{color:#e5edf8;font-size:11px;font-weight:750}input[type=range]{accent-color:#3b82f6;width:100%;height:4px}select{border:1px solid var(--line2);color:#eef4fb;background:#0c1420;border-radius:8px;outline:none;width:100%;min-height:36px;padding:7px 9px}.button-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.button-grid button,.measure-actions button{border:1px solid var(--line2);color:#e7edf6;cursor:pointer;background:#182232;border-radius:8px;min-height:35px;padding:7px 9px;font-size:12px;font-weight:700}.button-grid button:hover,.measure-actions button:hover{background:#223047;border-color:#41536a}.measure-actions{grid-template-columns:1fr 82px;gap:7px;display:grid}.measure-actions .primary-subtle{color:#c9f0ff;background:#12344a;border-color:#1e607f}.measure-actions .is-active{color:#ecfeff;background:#0f766e;border-color:#14b8a6}.measure-result{color:#cbd5e1;background:#0b121c;border-radius:8px;align-items:center;min-height:31px;margin-top:10px;padding:7px 9px;font-size:12px;font-weight:700;display:flex}.privacy-note{color:#728198;flex-direction:column;gap:5px;padding:5px 4px 16px;font-size:10.5px;line-height:1.55;display:flex}.privacy-note strong{color:#9aa8ba;font-size:11px}.viewer-stage{background:radial-gradient(circle at 48% 42%,#0b111b 0,#070b11 45%,#04070b 100%);min-width:0;min-height:0;position:relative;overflow:hidden}.viewer-stage canvas{outline:none;width:100%;height:100%;display:block}.viewer-stage.is-dragover:after{content:"";pointer-events:none;border:2px solid #3b82f6;border-radius:16px;position:absolute;inset:10px;box-shadow:inset 0 0 50px #2563eb14}.viewer-toolbar{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d131de0;border:1px solid #273447;border-radius:10px;gap:3px;padding:5px;display:flex;position:absolute;top:12px;left:12px;box-shadow:0 8px 30px #0003}.viewer-toolbar button{color:#aeb9c8;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:7px 10px;font-size:11px;font-weight:800}.viewer-toolbar button:hover{color:#fff;background:#1d2939}.drop-card{z-index:2;text-align:center;color:#9aa8ba;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0d131dc7;border:1px dashed #41536a;border-radius:18px;width:min(430px,100% - 40px);padding:28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #0000002e}.drop-icon{color:#7ca8ff;background:#101827;border:1px solid #334155;border-radius:16px;place-items:center;width:54px;height:54px;margin:0 auto 13px;font-size:27px;line-height:1;display:grid}.drop-card b{color:#f7fafc;margin-bottom:6px;font-size:16px;display:block}.drop-card small{color:#7f8da3;font-size:12px}.status-float{z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d131de6;border:1px solid #273447;border-radius:10px;align-items:center;gap:9px;max-width:min(680px,100% - 24px);padding:9px 12px;display:flex;position:absolute;bottom:12px;left:12px;box-shadow:0 8px 26px #0003}.status{color:#cbd5e1;white-space:normal;font-size:11.5px;line-height:1.45}.status-dot{background:#64748b;border-radius:999px;flex:none;width:8px;height:8px;box-shadow:0 0 0 3px #64748b1a}.status-float.is-ok .status-dot{background:var(--green);box-shadow:0 0 0 3px #22c55e1f}.status-float.is-error .status-dot{background:var(--red);box-shadow:0 0 0 3px #ef44441f}.status.error{color:#fecaca}.status.ok{color:#bbf7d0}.local-file-warning{z-index:8;color:#fde7ad;background:#2a1d08;border:1px solid #805b1c;border-radius:11px;width:min(390px,100% - 24px);padding:12px 14px;font-size:11.5px;line-height:1.55;display:none;position:absolute;bottom:12px;right:12px;box-shadow:0 12px 36px #00000059}.local-file-warning strong{color:#fff0c2}.local-file-mode .local-file-warning{display:block}.local-file-mode .status-float{max-width:calc(100% - 430px);bottom:12px;left:12px;right:auto}@media (max-width:780px){.brand-sub{display:none}.topbar{padding:0 10px}.header-actions{gap:6px}.file-button,.tool-button{min-height:36px;padding:8px 10px}.settings-button{display:inline-flex}.workspace{grid-template-columns:1fr!important}.panel{z-index:20;border:1px solid #29384d;border-radius:13px;width:min(310px,100% - 16px);max-height:calc(100% - 80px);transition:transform .18s;position:absolute;top:72px;left:8px;transform:translate(calc(-100% - 18px));box-shadow:0 18px 60px #00000073}.panel-open .panel{transform:translate(0)}.viewer-stage{grid-column:1}.viewer-toolbar{justify-content:center;top:8px;left:8px;right:8px}.viewer-toolbar button{flex:1;padding:7px 6px}.drop-card{width:calc(100% - 24px);padding:22px 16px}.status-float{max-width:calc(100% - 16px);bottom:8px;left:8px}.local-file-warning{width:auto;bottom:8px;left:8px;right:8px}.local-file-mode .status-float{display:none}}@media (max-width:430px){.brand-copy{display:none}.brand{gap:6px}.topbar{padding:0 10px}.header-actions{gap:5px}.file-button,.tool-button{white-space:nowrap;padding:8px 9px;font-size:12px}}