.landing{background:var(--surface);color:var(--text);min-height:100dvh}.landing-container{width:min(1280px,calc(100% - 96px));margin-inline:auto}.landing-skip{position:absolute;left:12px;top:10px;z-index:100;padding:12px;background:var(--accent);color:var(--on-accent);border-radius:6px;transform:translateY(-150%)}.landing-skip:focus{transform:translateY(0)}.landing-header{height:80px;display:flex;align-items:center;gap:45px}.landing-header nav{display:flex;gap:28px;margin-left:auto}.landing-header nav a{font-size:13px;color:var(--muted)}.landing-header nav a:hover{color:var(--accent-ink)}.landing-header-actions{display:flex;gap:15px;align-items:center}.landing-launch{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:47px;padding:0 20px;border-radius:6px;background:var(--accent);color:var(--on-accent);font-size:14px;font-weight:600;white-space:nowrap;transition:background-color .15s,transform .15s}.landing-launch:hover{background:var(--accent-hover)}.landing-launch:active{transform:translateY(1px)}.landing-header .landing-launch{min-height:38px;padding:0 14px;gap:12px;font-size:12px}.landing-hero{display:grid;grid-template-columns:1fr 1.03fr;gap:54px;align-items:center;min-height:640px;padding-block:36px 55px}.hero-copy h1{font-size:clamp(44px,4.65vw,66px);line-height:1.07;font-weight:650;letter-spacing:-.035em;max-width:560px}.hero-copy h1 span{display:block}.hero-copy>p{font-size:17px;line-height:1.75;max-width:410px;color:var(--muted);margin-top:24px}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:30px}.landing-text-link{font-size:13px;color:var(--muted);text-decoration:underline;text-underline-offset:5px}.landing-text-link:hover{color:var(--accent-ink)}.hero-preview{min-width:0;align-self:stretch;display:flex;flex-direction:column;background:var(--surface-2);border-radius:8px;overflow:hidden}.hero-model{position:relative;flex:1;min-height:410px;background:var(--stage-bg)}.hero-model .three-host{position:absolute;inset:0}.demo-loading{position:absolute;inset:0;display:grid;place-items:center;font-size:13px;color:var(--muted)}.demo-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;background:var(--surface-2);border-top:1px solid var(--border)}.look-options{display:flex;gap:4px}.look-options button{display:flex;gap:6px;align-items:center;padding:7px 8px;border:1px solid transparent;border-radius:4px;font-size:11px;color:var(--muted)}.look-options button>span{width:10px;height:10px;border-radius:2px}.look-options button.selected{background:var(--surface);border-color:var(--border);color:var(--text)}.look-options button:hover{background:var(--surface-3)}.demo-body{display:flex;flex-direction:column;gap:4px;color:var(--muted);font-size:10px}.demo-body select{padding:6px 7px;border:1px solid var(--border);border-radius:4px;background:var(--surface);font-size:11px;max-width:118px}.landing h2{font-size:clamp(32px,3vw,44px);line-height:1.12;letter-spacing:-.035em;font-weight:600}.landing-workspace{padding-block:50px 110px;scroll-margin-top:30px}.workspace-intro{max-width:670px;margin-bottom:36px}.workspace-intro>p{font-size:16px;line-height:1.8;color:var(--muted);max-width:505px;margin-top:18px}.studio-capture{margin:0}.studio-capture>.theme-image{border:1px solid var(--border);border-radius:8px;overflow:hidden;box-shadow:0 10px 32px #1b26300d}.theme-image img{display:block;width:100%;height:auto}.theme-image .dark-image{display:none}:root[data-theme=dark] .theme-image .dark-image{display:block}:root[data-theme=dark] .theme-image .light-image{display:none}.studio-capture figcaption{font-size:12px;color:var(--muted);line-height:1.7;margin-top:13px}.landing-tools{display:grid;grid-template-columns:.72fr 1fr;gap:100px;align-items:center;padding-block:35px 110px}.tool-copy>p{font-size:16px;line-height:1.8;color:var(--muted);max-width:430px;margin-top:20px}.tool-notes{display:flex;flex-direction:column;gap:24px;margin-top:32px}.tool-notes>div{display:flex;gap:14px;align-items:flex-start}.tool-notes>div>svg{color:var(--accent-ink);margin-top:2px}.tool-notes strong{display:block;font-size:14px;font-weight:600;margin-bottom:5px}.tool-notes span{display:block;color:var(--muted);font-size:13px;line-height:1.65;max-width:320px}.tool-art{display:grid;grid-template-columns:1.2fr .85fr;gap:20px;align-items:center;min-width:0}.template-capture,.controls-capture{border:1px solid var(--border);border-radius:6px;overflow:hidden}.controls-capture img{aspect-ratio:auto;object-fit:contain}.landing-export{background:var(--surface-2);border-block:1px solid var(--border);padding-block:85px;scroll-margin-top:0}.export-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.export-copy>p{font-size:16px;line-height:1.8;color:var(--muted);max-width:400px;margin-top:20px}.workflow-list{list-style:none;padding:0;margin:32px 0 0;display:flex;flex-direction:column;gap:21px}.workflow-list li{padding-left:20px;border-left:1px solid var(--border-strong)}.workflow-list strong{display:block;font-size:14px;font-weight:600;margin-bottom:4px}.workflow-list span{display:block;font-size:13px;line-height:1.7;color:var(--muted);max-width:350px}.export-art{display:grid;grid-template-columns:1fr 1fr;gap:20px}.export-art figure{margin:0;min-width:0}.export-art figure:nth-child(2){padding-top:82px}.export-sheet{padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:6px}.export-sheet img{display:block;width:100%;height:auto}.export-art figcaption{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);padding-top:12px}.export-art figcaption>span:nth-of-type(2){margin-left:auto;font-size:10px}.export-art figcaption a{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--border);border-radius:4px;background:var(--surface);color:var(--text)}.export-art figcaption a:hover{background:var(--accent-soft);color:var(--accent-ink)}.landing-close{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-block:85px}.landing-close p{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);margin-top:20px}.landing-footer{min-height:120px;padding-block:28px;border-top:1px solid var(--border);display:flex;align-items:center;gap:50px}.landing-footer .brand{font-size:20px}.landing-footer p{font-size:11px;line-height:1.8;color:var(--muted)}.landing-footer>a:last-child{display:flex;align-items:center;gap:7px;margin-left:auto;font-size:12px;color:var(--muted)}.landing-footer>a:last-child:hover{color:var(--accent-ink)}.route-loading{min-height:100dvh;display:grid;place-items:center;background:var(--surface);color:var(--muted);font-size:14px}@media(max-width:1279px){.landing-container{width:calc(100% - 64px)}.landing-header{gap:30px}.landing-header nav{gap:22px}.landing-hero{gap:38px;min-height:590px}.hero-copy h1{font-size:54px}.hero-model{min-height:390px}.demo-controls{padding:12px}.look-options button{padding:6px;font-size:10px;gap:5px}.landing-tools{gap:55px}.export-layout{gap:50px}.tool-art,.export-art{gap:14px}.landing-footer{gap:30px}}@media(max-width:1023px){.landing-header nav{gap:16px}.landing-header nav a{font-size:12px}.landing-header-actions{gap:10px}.landing-hero{gap:28px;min-height:540px}.hero-copy h1{font-size:46px}.hero-copy>p{font-size:15px;max-width:350px}.hero-actions{gap:18px}.hero-model{min-height:350px}.demo-controls{gap:8px;flex-wrap:wrap}.demo-body{flex-direction:row;align-items:center;margin-left:auto;gap:7px}.landing-workspace{padding-bottom:85px}.landing-tools{gap:35px}.tool-art{gap:10px;grid-template-columns:1fr .8fr}.export-layout{gap:35px}.export-art figcaption{flex-wrap:wrap}.landing-close{padding-block:70px}.landing-footer{gap:24px;flex-wrap:wrap}.landing-footer>a:last-child{margin-left:auto}}@media(max-width:767px){.landing-container{width:calc(100% - 40px)}.landing-header{height:72px;gap:15px}.landing-header .brand{font-size:21px;gap:6px}.landing-header .brand-mark{width:28px}.landing-header nav{display:none}.landing-header-actions{margin-left:auto;gap:9px}.landing-hero{grid-template-columns:1fr;gap:30px;padding-block:35px 50px;min-height:auto}.hero-copy h1{font-size:clamp(40px,7.5vw,57px);max-width:580px;line-height:1.1}.hero-copy>p{font-size:16px;max-width:440px;margin-top:20px}.hero-actions{margin-top:24px;gap:24px}.hero-preview{min-height:430px}.hero-model{min-height:355px}.demo-controls{flex-wrap:nowrap;padding:12px}.demo-body{flex-direction:column;align-items:flex-start;gap:4px}.demo-body select{font-size:11px}.look-options button{font-size:11px;padding:7px 6px}.landing-workspace{padding-block:30px 70px}.workspace-intro{margin-bottom:28px}.workspace-intro>p{font-size:15px;max-width:510px}.landing h2{font-size:34px}.studio-capture>.theme-image{overflow:auto}.studio-capture .theme-image img{min-width:660px}.studio-capture figcaption{font-size:11px}.landing-tools{grid-template-columns:1fr;gap:35px;padding-block:20px 70px}.tool-copy>p{font-size:15px;max-width:490px}.tool-notes{gap:18px;margin-top:25px}.tool-art{grid-template-columns:1.15fr .85fr;gap:16px;max-width:600px;width:100%;justify-self:center}.landing-export{padding-block:55px}.export-layout{grid-template-columns:1fr;gap:35px}.export-copy>p{font-size:15px;max-width:490px}.workflow-list{gap:18px;margin-top:25px}.export-art{gap:16px;max-width:600px;width:100%;justify-self:center}.export-art figure:nth-child(2){padding-top:40px}.export-art figcaption{font-size:11px}.landing-close{padding-block:55px;align-items:flex-start;flex-direction:column;gap:26px}.landing-close p{font-size:12px}.landing-footer{padding-block:25px;gap:20px;min-height:155px;align-items:flex-start}.landing-footer .brand{width:100%;font-size:20px}.landing-footer p{font-size:10px}.landing-footer>a:last-child{font-size:11px;align-self:flex-start;margin-left:auto;max-width:155px;line-height:1.6}.landing-close .landing-launch{min-height:46px}}@media(max-width:479px){.landing-container{width:calc(100% - 32px)}.landing-header .brand{font-size:19px;gap:4px}.landing-header .brand-mark{width:25px}.landing-header-actions{gap:4px}.landing-header .landing-launch{font-size:11px;padding:0 11px;gap:7px}.landing-header .landing-launch svg{width:15px}.landing-header .icon-button{width:30px}.landing-hero{padding-top:26px}.hero-copy h1{font-size:39px;letter-spacing:-.035em}.hero-copy>p{font-size:15px;line-height:1.75;max-width:330px}.hero-actions{gap:22px}.hero-actions .landing-launch{font-size:13px;min-height:45px;gap:12px;padding:0 16px}.landing-text-link{font-size:12px}.hero-preview{min-height:420px}.demo-controls{padding:10px;gap:6px}.look-options{gap:2px}.look-options button{font-size:10px;padding:7px 5px;gap:5px}.demo-body span{font-size:9px}.demo-body select{max-width:96px;font-size:10px;padding:6px}.landing h2{font-size:32px}.tool-art{gap:12px}.export-art{gap:10px}.export-sheet{padding:8px}.export-art figcaption>svg{display:none}.export-art figcaption>span:nth-of-type(2){width:100%;margin-left:0;order:3}.export-art figcaption a{margin-left:auto}.landing-close p{font-size:11px;line-height:1.6}}@media(prefers-reduced-motion:reduce){.landing *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.landing-demo{padding-block:40px 90px}.demo-intro{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:34px}.demo-intro p{max-width:460px;font-size:16px;line-height:1.75;color:var(--muted);margin-top:20px}.demo-intro .landing-launch{border:0;cursor:pointer;font-family:inherit}.demo-duration{font-size:11px;opacity:.82;margin-left:4px}.demo-film{position:relative;overflow:hidden;aspect-ratio:16/9;border:1px solid var(--border);border-radius:8px;background:var(--surface-2)}.demo-loop{display:block;width:100%;height:100%;object-fit:contain}.demo-pause{position:absolute;right:18px;bottom:18px;display:flex;align-items:center;gap:8px;border:1px solid #d8dce2;border-radius:5px;background:#fff;color:#272930;min-height:40px;padding:0 12px;font:500 12px DM Sans,sans-serif;cursor:pointer}.demo-pause:hover{background:#eee8fc}.demo-caption{display:flex;justify-content:space-between;align-items:flex-start;gap:28px;margin-top:16px;font-size:12px;line-height:1.7;color:var(--muted)}.demo-caption p{max-width:630px}.demo-caption a{display:flex;align-items:center;gap:7px;flex-shrink:0;color:var(--accent-ink);text-decoration:underline;text-underline-offset:4px}.demo-error{font-size:13px;margin-top:15px;color:var(--text)}.demo-dialog{width:min(1120px,calc(100vw - 40px));max-height:calc(100dvh - 40px);padding:20px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);overflow:auto}.demo-dialog::backdrop{background:#101217bd}.demo-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.demo-dialog .demo-dialog-heading h2{font-size:22px;letter-spacing:-.02em}.demo-dialog video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#f4f5f7;border-radius:5px}.demo-dialog p{font-size:12px;line-height:1.7;color:var(--muted);margin-top:16px}.demo-dialog a{color:var(--accent-ink);text-decoration:underline;text-underline-offset:3px}.demo-download{display:inline-block;font-size:12px;margin-top:12px}html:has(.demo-dialog[open]){overflow:hidden}@media(max-width:767px){.landing-demo{padding-block:15px 65px}.demo-intro{align-items:flex-start;flex-direction:column;gap:24px;margin-bottom:26px}.demo-intro p{font-size:15px}.demo-caption{flex-direction:column;gap:12px;font-size:11px}.demo-pause{right:10px;bottom:10px;min-height:34px;padding:0 9px;font-size:10px;gap:5px}.demo-pause svg{width:14px}.demo-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:12px}.demo-dialog .demo-dialog-heading h2{font-size:18px}.demo-dialog p{font-size:11px}.demo-duration{font-size:10px}}@font-face{font-family:DM Sans;src:url(/fonts/DM-Sans-variable.ttf) format("truetype");font-weight:100 1000;font-style:normal;font-display:swap}:root{font-family:DM Sans,system-ui,sans-serif;font-synthesis:none;font-optical-sizing:auto;font-size:14px;color-scheme:light;--bg:#eceef1;--surface:#fff;--surface-2:#f4f5f7;--surface-3:#e9ebef;--text:#272930;--muted:#626773;--border:#d8dce2;--border-strong:#b6bec9;--accent:#6848c8;--accent-hover:#583bb3;--accent-ink:#5937b5;--accent-soft:#eee8fc;--on-accent:#fff;--canvas-bg:#e6e8ec;--checker-a:#fff;--checker-b:#ededf0;--stage-bg:#eceef2;--stage-dark:#cbd0da;--focus:#6848c8;--success:#227455;--shadow:0 10px 30px #272b3524;--radius:6px}:root[data-theme=dark]{color-scheme:dark;--bg:#16181c;--surface:#202328;--surface-2:#25292f;--surface-3:#30353d;--text:#eceef2;--muted:#adb5c2;--border:#3c434e;--border-strong:#637084;--accent:#b79bef;--accent-hover:#c6aff5;--accent-ink:#cbb5ff;--accent-soft:#363047;--on-accent:#211a32;--canvas-bg:#191c21;--checker-a:#2b3038;--checker-b:#343a43;--stage-bg:#262b33;--stage-dark:#181e28;--focus:#cbb5ff;--success:#8bd3b5;--shadow:0 10px 30px #11141980}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}button:disabled{opacity:.42;cursor:default}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--focus);outline-offset:3px}a{color:inherit;text-decoration:none;text-underline-offset:3px}input,select{color:var(--text);caret-color:var(--accent)}svg{flex-shrink:0;stroke-width:1.75}::selection{background:var(--accent-soft);color:var(--text)}*{scrollbar-color:var(--border-strong) var(--surface-2);scrollbar-width:thin}h1,h2,p{margin:0}.app{min-height:100dvh;display:flex;flex-direction:column}.topbar{height:68px;padding:0 20px;display:flex;align-items:center;gap:24px;flex-shrink:0;background:var(--surface);border-bottom:1px solid var(--border);z-index:30}.brand{display:flex;align-items:center;gap:10px;font-size:23px;letter-spacing:-.8px;font-weight:750;white-space:nowrap}.brand-light{font-weight:450}.brand-mark{display:grid;place-items:center;width:34px;height:34px;color:var(--accent-ink)}.project-title{padding-left:24px;border-left:1px solid var(--border);display:flex;flex-direction:column;gap:4px;min-width:165px}.project-title input{border:0;padding:0;background:none;width:190px;font-size:14px;font-weight:600;text-overflow:ellipsis}.project-title>span{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}.save-dot{width:5px;height:5px;border-radius:50%;background:var(--success)}.history-actions{display:flex;gap:3px;align-items:center}.header-actions{display:flex;align-items:center;gap:7px;margin-left:auto}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius);color:var(--muted);flex-shrink:0}.icon-button:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.icon-button:active:not(:disabled){background:var(--accent-soft)}.button{height:36px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius);font-size:12px;font-weight:600;white-space:nowrap;transition:background-color .15s}.button.subtle{border:1px solid var(--border);background:var(--surface)}.button.subtle:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-strong)}.button.primary{background:var(--accent);color:var(--on-accent)}.button.primary:hover:not(:disabled){background:var(--accent-hover)}.button:active:not(:disabled){transform:translateY(1px)}.export-wrap{position:relative}.export-menu{position:absolute;right:0;top:44px;width:260px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);z-index:50;display:flex;flex-direction:column;gap:5px}.export-menu strong{font-size:13px}.export-menu>span{font-size:12px;color:var(--muted);margin-bottom:8px}.export-menu button{font-size:13px;text-align:left;padding:10px;border-radius:4px}.export-menu button:hover{background:var(--accent-soft);color:var(--accent-ink)}.workspace-bar{height:48px;background:var(--surface-2);border-bottom:1px solid var(--border);padding:0 20px;display:flex;gap:24px;align-items:center;flex-shrink:0}.workspace-switch{display:flex;gap:2px;align-items:center}.workspace-switch button{display:flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid transparent;border-radius:5px;font-size:13px;font-weight:550;color:var(--muted)}.workspace-switch button:hover{background:var(--surface-3)}.workspace-switch button.selected{background:var(--surface);color:var(--accent-ink);border-color:var(--border)}.workspace-label{display:flex;gap:14px;align-items:center;font-size:12px;color:var(--muted)}.template-size{font-variant-numeric:tabular-nums;color:var(--muted)}.guide-link{margin-left:auto;color:var(--muted);font-size:12px}.guide-link:hover{color:var(--accent-ink);text-decoration:underline}.panel-nav{display:none}.workspace{height:calc(100dvh - 146px);min-height:620px;display:grid;grid-template-columns:76px minmax(0,1fr) 336px;grid-template-rows:minmax(320px,44%) minmax(0,1fr);grid-template-areas:"tools canvas preview" "tools canvas properties";background:var(--bg);overflow:hidden;flex-shrink:0}.tools-rail{grid-area:tools;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;gap:6px;padding:14px 8px;align-items:stretch}.tool-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;height:61px;border-radius:6px;font-size:11px;font-weight:500;color:var(--muted);border:1px solid transparent}.tool-button:hover{background:var(--surface-2);color:var(--text)}.tool-button.active{background:var(--accent-soft);color:var(--accent-ink);border-color:var(--accent)}.tool-button span{line-height:1}.rail-divider{height:1px;background:var(--border);margin:8px}.rail-caption{font-size:10px;color:var(--muted);text-align:center;line-height:1.6;padding:0 4px}.editor-pane{grid-area:canvas;min-width:0;min-height:0;display:flex;flex-direction:column;border-right:1px solid var(--border)}.pane-heading{min-height:56px;display:flex;align-items:center;justify-content:space-between;padding:10px 20px;gap:16px;flex-shrink:0;background:var(--surface);border-bottom:1px solid var(--border)}.pane-heading h1,.pane-heading h2{font-size:15px;font-weight:650;letter-spacing:-.2px}.pane-heading p{font-size:11px;color:var(--muted);margin-top:3px}.heading-controls{display:flex;align-items:center;gap:7px}.mini-button{display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 10px;border:1px solid var(--border);border-radius:5px;background:var(--surface);color:var(--muted);font-size:12px;white-space:nowrap;min-height:32px}.mini-button:hover{background:var(--surface-2);color:var(--text)}.mini-button.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink)}.canvas-scroll{flex:1;min-height:0;overflow:auto;display:flex;align-items:flex-start;padding:32px;background:var(--canvas-bg)}.canvas-paper{flex-shrink:0;margin:auto;background:var(--checker-a);box-shadow:0 3px 16px #10141c18}.canvas-paper>svg{display:block;touch-action:none;-webkit-user-select:none;user-select:none}.canvas-layer{cursor:move}.canvas-note{font-family:DM Sans,sans-serif;font-size:17px;font-weight:600;fill:var(--muted)}.canvas-note-small{font-family:DM Sans,sans-serif;font-size:10px;fill:var(--muted)}.canvas-footer{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:8px 20px;background:var(--surface);border-top:1px solid var(--border);flex-shrink:0}.canvas-footer>span{display:flex;gap:8px;align-items:center;max-width:75%;font-size:12px;color:var(--muted);line-height:1.5}.zoom{display:flex;align-items:center;gap:1px;border:1px solid var(--border);border-radius:5px;background:var(--surface-2);height:32px;flex-shrink:0}.zoom .icon-button{width:29px;height:29px}.zoom>button:not(.icon-button){min-width:48px;font-size:12px;color:var(--text);font-variant-numeric:tabular-nums}.drawing-toolbar{min-height:44px;padding:7px 18px;display:flex;align-items:center;gap:8px;flex-shrink:0;background:var(--accent-soft);color:var(--accent-ink);border-bottom:1px solid var(--border);font-size:12px}.drawing-toolbar>span{display:flex;gap:8px;align-items:center;margin-right:auto}.drawing-toolbar small{font-size:11px}.drawing-toolbar>button{padding:6px 9px;border:1px solid var(--border-strong);border-radius:4px;background:var(--surface);color:var(--text);font-size:11px;white-space:nowrap}.draft-artwork{pointer-events:none}.canvas-paper:has(.draft-artwork){cursor:crosshair}.resize-handle{cursor:nwse-resize}.rotation-handle{cursor:grab}.rotation-handle:active{cursor:grabbing}.vector-handles circle{cursor:move}.vector-handles circle:hover{stroke:var(--text)}.preview-pane{grid-area:preview;display:flex;flex-direction:column;min-height:0;min-width:0;background:var(--surface);border-bottom:1px solid var(--border)}.preview-pane .pane-heading{border-bottom:0;min-height:54px;padding:10px 16px 6px}.preview-pane .pane-heading p{display:flex;gap:6px;align-items:center}.live-dot{width:5px;height:5px;background:var(--success);border-radius:50%}.body-choice{display:flex;align-items:center;gap:8px;padding:4px 16px 8px;background:var(--surface)}.body-choice label{font-size:12px;color:var(--muted)}.body-choice select{min-width:115px;padding:6px 9px;font-size:12px;border:1px solid var(--border);border-radius:5px;background:var(--surface-2)}.approx-label{margin-left:auto;font-size:11px;color:var(--muted)}.approx-label:hover{color:var(--accent-ink);text-decoration:underline}.preview-stage{position:relative;flex:1;min-height:0;background:var(--stage-bg)}.preview-dark .preview-stage{background:var(--stage-dark)}.three-host{position:absolute;inset:0;width:100%;height:100%}.three-host canvas{display:block;touch-action:none}.stage-hint{position:absolute;left:0;right:0;bottom:8px;display:flex;justify-content:center;align-items:center;gap:5px;font-size:10px;color:var(--muted);pointer-events:none}.preview-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 16px;background:var(--surface)}.pose-control{display:flex;background:var(--surface-2);border:1px solid var(--border);border-radius:5px;padding:2px}.pose-control button{padding:5px 8px;font-size:11px;border-radius:3px;color:var(--muted);white-space:nowrap}.pose-control button.selected{background:var(--accent-soft);color:var(--accent-ink)}.background-choice{display:flex;align-items:center;gap:7px}.background-choice>span{font-size:11px;color:var(--muted);margin-right:2px}.stage-dot{width:17px;height:17px;border-radius:50%;border:1px solid var(--border-strong)}.stage-dot.light{background:#f7f7fa}.stage-dot.dark{background:#576174}.stage-dot.chosen{outline:2px solid var(--accent);outline-offset:2px}.preview-disclaimer{font-size:10px;line-height:1.5;color:var(--muted);padding:0 16px 9px;background:var(--surface)}.model-loading{position:absolute;z-index:2;top:8px;left:50%;transform:translate(-50%);white-space:nowrap;padding:5px 9px;background:var(--surface);color:var(--muted);border:1px solid var(--border);border-radius:5px;font-size:11px;pointer-events:none}.preview-error{position:absolute;z-index:3;inset:20px 15px auto;margin:0;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:14px;font-size:12px;line-height:1.7}.workspace[data-preview-expanded=true]{grid-template-areas:"tools canvas preview" "tools canvas preview"}.workspace[data-preview-expanded=true] .properties-pane{display:none}.preview-actions{display:flex;gap:3px}.properties-pane{grid-area:properties;display:flex;flex-direction:column;min-height:0;min-width:0;background:var(--surface)}.inspector-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--border);flex-shrink:0}.inspector-tabs>button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-bottom:2px solid transparent;color:var(--muted);font-size:13px;font-weight:550}.inspector-tabs>button:hover{background:var(--surface-2)}.inspector-tabs>button.selected{color:var(--accent-ink);border-bottom-color:var(--accent);background:var(--surface-2)}.inspector-tabs>button>span{padding:1px 5px;background:var(--surface-3);color:var(--muted);font-size:10px;border-radius:3px;line-height:1.3}.design-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}.properties-pane[data-inspector=layers] .design-scroll,.properties-pane[data-inspector=design] .layers-section{display:none}.base-section{padding:16px 20px;border-bottom:1px solid var(--border)}.base-section>label{font-size:12px;font-weight:600}.color-control{display:flex;align-items:center;gap:10px;margin-top:10px;padding:7px 9px;background:var(--surface-2);border:1px solid var(--border);border-radius:5px;font-size:12px;font-variant-numeric:tabular-nums}.color-control input[type=color]{appearance:none;width:27px;height:27px;border:0;padding:0;background:none;cursor:pointer}.color-control input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-control input[type=color]::-webkit-color-swatch{border:1px solid var(--border-strong);border-radius:4px}.color-help{margin-left:auto;color:var(--muted);font-size:11px}.swatches{display:flex;gap:12px;margin-top:13px}.swatches button{width:23px;height:23px;border:1px solid #0003;border-radius:5px}.swatches button.chosen{outline:2px solid var(--accent);outline-offset:3px}.selection-section{padding:16px 20px 22px}.section-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;min-height:28px;color:var(--text);font-size:12px;font-weight:600}.section-caption>span{display:flex;gap:7px;align-items:center}.section-caption>div{display:flex;gap:3px}.section-caption em{font-style:normal;font-size:11px;color:var(--muted);font-weight:400}.nothing-selected{padding:28px 4px 18px;line-height:1.6;color:var(--muted)}.nothing-selected>svg{color:var(--accent-ink);margin-bottom:12px}.nothing-selected p{font-size:15px;font-weight:600;color:var(--text);margin-bottom:5px}.nothing-selected span{font-size:12px}.layer-name-input{width:100%;margin-bottom:14px;font-size:13px;border:1px solid var(--border);border-radius:5px;background:var(--surface-2);padding:8px 10px}.field{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:500;color:var(--muted);min-width:0}.field input,.field select{min-width:0;width:100%;border:1px solid var(--border);border-radius:5px;background:var(--surface-2);padding:8px 9px;font-size:13px;font-weight:450;font-variant-numeric:tabular-nums;min-height:35px}.field input:hover,.field select:hover,.layer-name-input:hover{border-color:var(--border-strong)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.aspect-lock{display:flex;width:100%;align-items:center;gap:7px;padding:8px;border:1px solid var(--border);border-radius:5px;color:var(--muted);background:var(--surface-2);font-size:11px;min-height:35px}.aspect-lock>span:last-child{margin-left:auto;font-size:10px;font-variant-numeric:tabular-nums}.aspect-lock.locked{color:var(--accent-ink);border-color:var(--accent);background:var(--accent-soft)}.rotation-buttons,.point-actions{display:flex;gap:7px}.rotation-buttons button,.point-actions button{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:7px 4px;background:var(--surface-2);border:1px solid var(--border);border-radius:5px;min-height:32px;font-size:11px;white-space:nowrap}.rotation-buttons button:hover,.point-actions button:hover{background:var(--accent-soft);color:var(--accent-ink)}.stroke-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.stroke-controls input[type=color]{height:35px;padding:4px;cursor:pointer}.check-field{display:flex;gap:5px;align-items:center;font-size:11px;color:var(--muted);margin-left:auto}.check-field input{accent-color:var(--accent);margin:0;width:14px;height:14px;cursor:pointer}.vector-controls{display:flex;flex-direction:column;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}.vector-controls .check-field{margin-left:0}.control-hint{font-size:11px;line-height:1.7;color:var(--muted)}.point-actions .chosen{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink)}.layer-actions{display:flex;gap:8px;margin-top:18px}.layer-actions>button{display:flex;gap:7px;align-items:center;justify-content:center;flex:1;font-size:12px;padding:8px;border:1px solid var(--border);border-radius:5px;background:var(--surface-2)}.layer-actions>button:hover{background:var(--accent-soft);color:var(--accent-ink)}.layers-section{display:flex;flex-direction:column;padding:12px 12px 16px;flex:1;min-height:0;overflow:hidden}.layers-section>.section-caption{padding:0 5px;flex-shrink:0}.layer-list{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}.layer-row{display:flex;align-items:center;gap:4px;border:1px solid transparent;border-radius:5px;padding:3px 5px;margin-bottom:3px}.layer-row:hover{background:var(--surface-2)}.layer-row.selected{border-color:var(--accent);background:var(--accent-soft)}.layer-select{display:flex;align-items:center;gap:10px;flex:1;min-width:0;padding:3px 0;text-align:left;font-size:12px;min-height:36px}.layer-select>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-symbol{display:grid;place-items:center;width:27px;height:27px;border:1px solid var(--border);border-radius:4px;background:var(--surface);flex-shrink:0}.layer-row .icon-button{width:29px;height:29px}.layer-row .icon-button svg{width:15px}.hidden-layer .layer-select{opacity:.5}.layer-edit-button{color:var(--muted)}.statusbar{height:30px;padding:0 20px;border-top:1px solid var(--border);background:var(--surface-2);display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:11px;color:var(--muted);flex-shrink:0}.statusbar>span:first-child{display:flex;align-items:center;gap:7px}.toast{position:fixed;bottom:44px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;max-width:calc(100vw - 28px);padding:13px 18px;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow);font-size:13px;z-index:100}.toast svg{color:var(--accent-ink)}.modal-backdrop{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:24px;background:#11151b99}.help-modal{width:560px;max-height:90dvh;overflow:auto;padding:28px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow)}.help-modal>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:16px}.help-modal h2{font-size:22px;font-weight:650;letter-spacing:-.5px}.help-modal ol{padding-left:20px;font-size:13px;line-height:1.8;color:var(--muted)}.help-modal li{margin:14px 0;padding-left:6px}.help-modal strong{color:var(--text);font-weight:600}.help-modal p{font-size:12px;line-height:1.8;color:var(--muted);margin-top:15px}.help-modal>.button{margin-top:22px;width:100%}@media(min-width:1600px){.workspace{grid-template-columns:80px minmax(0,1fr) 368px}.topbar{padding:0 24px}.canvas-scroll{padding:40px}.pane-heading,.base-section,.selection-section{padding-left:24px;padding-right:24px}}@media(max-width:1279px){.topbar{gap:16px;padding:0 16px}.brand{font-size:21px;gap:6px}.project-title{padding-left:16px;min-width:125px}.project-title input{width:145px}.header-actions{gap:4px}.workspace{grid-template-columns:70px minmax(0,1fr) 320px}.workspace-bar{gap:16px;padding:0 16px}.canvas-footer{padding:8px 16px;gap:10px}.canvas-footer>span{font-size:11px}.pane-heading{padding-left:16px;padding-right:16px}.heading-controls{gap:5px}.mini-button{font-size:11px;padding:6px 8px}.drawing-toolbar{padding-left:12px;padding-right:12px;flex-wrap:wrap}.drawing-toolbar small{display:none}.guide-link{font-size:11px}}@media(max-width:1023px){.project-title{min-width:110px}.project-title input{width:120px}.topbar{gap:10px}.header-actions .button.subtle{width:34px;padding:0}.header-actions .button.subtle>span{display:none}.header-actions .button.primary{padding:0 10px;font-size:11px}.history-actions{gap:0}.workspace-label .template-size{display:none}.preview-disclaimer{font-size:10px}.stage-hint{font-size:9px}}@media(max-width:899px){.topbar{height:106px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:42px 38px;gap:7px 10px;padding:7px 14px 9px}.brand{font-size:21px}.project-title{border:0;padding:0;align-items:flex-end;min-width:0}.project-title input{width:170px;max-width:100%;text-align:right;font-size:13px}.project-title>span{font-size:10px}.history-actions{grid-column:1;grid-row:2;width:max-content;z-index:1}.header-actions{grid-column:1/3;grid-row:2;gap:5px;width:max-content;justify-self:end;margin:0}.header-actions>.icon-button{width:32px;height:32px}.header-actions .button.subtle{width:32px;height:32px}.header-actions .button.primary{height:32px;padding:0 9px}.header-actions .button.primary>svg:last-child{display:none}.workspace-bar{height:90px;display:grid;grid-template-columns:1fr auto;grid-template-rows:35px 44px;gap:0;padding:5px 14px 6px}.workspace-switch{gap:2px}.workspace-switch button{padding:6px 10px;font-size:12px}.workspace-label{justify-self:end;font-size:11px}.guide-link{display:none}.panel-nav{display:grid;grid-template-columns:1fr 1.35fr 1fr 1fr;grid-column:1/3;align-self:end;gap:4px}.panel-nav>button{display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;border-radius:5px;padding:8px 5px;color:var(--muted);font-size:12px;min-height:36px;white-space:nowrap}.panel-nav>button.selected{border-color:var(--border);background:var(--surface);color:var(--accent-ink)}.workspace{height:calc(100dvh - 226px);min-height:460px;display:flex;flex-direction:column;overflow:hidden}.tools-rail{flex-direction:row;align-items:center;padding:6px 10px;gap:4px;border-right:0;border-bottom:1px solid var(--border);overflow-x:auto;flex-shrink:0;min-height:65px}.tool-button{min-width:54px;height:49px;padding:4px 6px;gap:4px;font-size:10px}.tool-button svg{width:19px;height:19px}.rail-divider,.rail-caption{display:none}.editor-pane{flex:1;min-height:0;border-right:0}.pane-heading{min-height:54px;padding:8px 14px;gap:8px}.pane-heading h1,.pane-heading h2{font-size:14px}.pane-heading p{font-size:10px}.heading-controls{gap:4px}.heading-controls .mini-button{font-size:10px;padding:5px 6px;min-height:29px}.heading-controls .icon-button{width:28px;height:28px}.canvas-scroll{padding:22px}.canvas-footer{min-height:48px;padding:7px 12px}.canvas-footer>span{max-width:62%;font-size:10px}.zoom{height:31px}.zoom .icon-button{width:24px;height:28px}.zoom>button:not(.icon-button){min-width:40px;font-size:11px}.drawing-toolbar{min-height:64px;padding:7px 12px;font-size:11px;gap:5px}.drawing-toolbar>span{width:100%;font-weight:550}.drawing-toolbar small{display:inline;font-size:10px;font-weight:400}.drawing-toolbar>button{padding:5px 8px;font-size:11px;min-height:29px}.preview-pane{flex:1;min-height:0;border-bottom:0}.preview-pane .pane-heading{min-height:60px}.body-choice{padding:8px 16px 12px}.preview-bottom{padding:14px 16px}.preview-disclaimer{font-size:11px;padding:0 16px 14px}.stage-hint{font-size:11px;bottom:14px}.pose-control button{min-height:31px;font-size:12px;padding:6px 14px}.preview-actions>button:last-child{display:none}.properties-pane{flex:1;min-height:0}.inspector-tabs{display:none}.properties-pane[data-inspector=design] .design-scroll{display:block}.properties-pane[data-inspector=layers] .layers-section{display:flex}.base-section,.selection-section{padding-left:22px;padding-right:22px}.layers-section{padding:14px 16px}.layer-select{min-height:44px;font-size:13px}.layer-row{margin-bottom:5px}.layer-row .icon-button{width:35px;height:35px}.statusbar{padding:0 14px;font-size:10px}.footer-note{display:none}.app[data-panel=canvas] .preview-pane,.app[data-panel=canvas] .properties-pane,.app[data-panel=preview] .tools-rail,.app[data-panel=preview] .editor-pane,.app[data-panel=preview] .properties-pane,.app[data-panel=design] .tools-rail,.app[data-panel=design] .editor-pane,.app[data-panel=design] .preview-pane,.app[data-panel=layers] .tools-rail,.app[data-panel=layers] .editor-pane,.app[data-panel=layers] .preview-pane{display:none!important}.app[data-panel=design] .properties-pane,.app[data-panel=layers] .properties-pane{display:flex!important}}@media(max-width:479px){.topbar{padding-left:10px;padding-right:10px;column-gap:8px}.brand{font-size:19px;gap:4px}.brand-mark{width:25px}.project-title input{width:145px;font-size:12px}.project-title>span{font-size:9px}.header-actions{gap:2px}.header-actions>.icon-button{width:28px}.header-actions .button.subtle{width:28px}.header-actions .button.primary{font-size:10px;padding:0 7px;gap:5px}.header-actions .button.primary>svg{width:13px}.history-actions .icon-button{width:30px}.workspace-bar{padding-left:10px;padding-right:10px}.panel-nav>button{font-size:11px;gap:5px}.panel-nav>button>svg{width:14px}.workspace-label{font-size:10px}.pane-heading{padding-left:10px;padding-right:10px}.heading-controls .icon-button{display:none}.heading-controls .mini-button{padding:5px;font-size:9px;gap:3px}.heading-controls .mini-button>svg{width:12px}.canvas-scroll{padding:22px 16px}.help-modal{padding:20px}.help-modal h2{font-size:19px}.statusbar>span:last-child{display:none}.statusbar{justify-content:center}.drawing-toolbar small{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.phone-notice{display:none}@media(max-width:639px){.phone-notice{display:flex;align-items:flex-start;gap:10px;height:60px;padding:9px 14px;background:var(--surface-2);border-bottom:1px solid var(--border);color:var(--muted);flex-shrink:0;font-size:12px;line-height:1.65}.phone-notice>svg{margin-top:3px;color:var(--accent-ink)}.workspace{height:calc(100dvh - 286px)}}.workspace{grid-template-rows:minmax(320px,52%) minmax(0,1fr)}.guide-lines text{font-weight:550}.canvas-paper .selection-outline>rect{stroke:#292630}.canvas-paper .selection-outline>line{stroke:#292630}.canvas-paper .selection-outline>.rotation-handle{stroke:#292630}.canvas-paper .selection-outline>.resize-handle{stroke:#292630}.stage-hint{left:50%;right:auto;transform:translate(-50%);max-width:calc(100% - 20px);padding:5px 8px;white-space:nowrap;background:var(--surface);border:1px solid var(--border);border-radius:4px}.canvas-heading{flex-wrap:wrap;gap:8px;position:relative;z-index:22}.canvas-heading .heading-controls{flex-wrap:wrap;justify-content:flex-end;margin-left:auto}.alignment-wrap{position:relative}.alignment-menu{position:absolute;right:0;top:calc(100% + 8px);width:290px;max-width:calc(100vw - 24px);max-height:min(520px,65dvh);overflow:auto;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:10px;z-index:40}.alignment-menu .section-caption{margin:8px 0 0}.alignment-menu .section-caption:first-child{margin-top:0}.alignment-menu .check-field{font-size:12px;min-height:24px;color:var(--text)}.alignment-menu .field{margin:0}.guide-add,.cutout-actions{display:flex;gap:6px;flex-wrap:wrap}.guide-add>button,.cutout-actions>button{display:flex;align-items:center;justify-content:center;gap:5px;min-height:32px;padding:6px 9px;border:1px solid var(--border);border-radius:5px;background:var(--surface);font-size:12px;flex:1;white-space:nowrap}.guide-add>button:hover:not(:disabled),.cutout-actions>button:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-strong)}.authored-guide-list{display:flex;flex-direction:column;gap:8px}.authored-guide-row{display:flex;align-items:flex-end;gap:4px}.authored-guide-row .field{flex:1;min-width:0}.guide-hit{cursor:move}.guide-x{cursor:ew-resize}.guide-y{cursor:ns-resize}.canvas-cutout{cursor:move}.coverage-section{padding:18px 20px;border-bottom:1px solid var(--border)}.coverage-section>.field{margin-top:12px}.coverage-section>.check-field{margin-top:12px;font-size:12px;color:var(--text);min-height:26px}.coverage-section>.control-hint{margin-top:10px}.sleeve-length{margin-top:12px}.sleeve-length>.field{display:flex;flex-direction:row;justify-content:space-between;gap:8px;margin-bottom:7px}.sleeve-length>.field>span{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--muted)}.sleeve-inputs{display:flex;gap:10px;align-items:center}.sleeve-inputs input[type=range]{flex:1;min-width:0;accent-color:var(--accent);padding:0;border:0;background:transparent;height:32px}.sleeve-inputs input[type=number]{width:65px;font-size:13px;font-variant-numeric:tabular-nums}.cutout-actions{margin-top:14px}.cutout-list{margin-top:12px}.cutout-list .layer-select{min-width:0}.cutout-list .layer-row>.icon-button{width:29px;height:32px}.cutout-list .layer-select>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alignment-menu,.coverage-section{caret-color:var(--accent);scrollbar-color:var(--border-strong) var(--surface-2);scrollbar-width:thin}.alignment-menu ::selection,.coverage-section ::selection{background:var(--accent-soft);color:var(--accent-ink)}@media(min-width:900px){.tools-rail{overflow-y:auto}}.canvas-paper.drawing,.canvas-paper.drawing .canvas-layer,.canvas-paper.drawing .canvas-cutout{cursor:crosshair}.pencil-field{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--accent-ink);white-space:nowrap}.pencil-field input{height:30px;border:1px solid var(--border-strong);border-radius:4px;background:var(--surface);color:var(--text);padding:4px 6px;font-size:12px}.pencil-field input[type=color]{width:32px;padding:3px;cursor:pointer}.pencil-field input[type=number]{width:56px;font-variant-numeric:tabular-nums}@media(max-width:899px){.canvas-heading .heading-controls{justify-content:flex-start;margin-left:0;gap:5px}.canvas-heading .heading-controls .mini-button{font-size:11px;min-height:32px;padding:5px 7px}.coverage-section{padding:18px 22px}.alignment-menu{right:auto;left:0}.canvas-heading{z-index:22}}@media(max-width:479px){.alignment-menu{left:auto;right:-88px;width:280px}.canvas-heading .heading-controls{width:100%}.canvas-heading .heading-controls .mini-button{font-size:11px;min-height:32px}.coverage-section{padding-left:18px;padding-right:18px}.cutout-actions>button{min-height:36px}}.alignment-menu .check-field{justify-content:flex-start;margin-left:0;align-self:stretch;width:100%}.alignment-menu .icon-button{display:inline-flex}.legal-page{background:var(--surface);min-height:100dvh;color:var(--text)}.legal-header{max-width:1200px;margin:auto;min-height:84px;padding:20px 32px;display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--border)}.legal-header>div{display:flex;align-items:center;gap:16px}.legal-layout{max-width:1200px;margin:auto;display:grid;grid-template-columns:200px minmax(0,1fr);gap:70px;padding:56px 32px 96px}.legal-nav{align-self:start;position:sticky;top:32px}.legal-nav .legal-links{display:flex;flex-direction:column;align-items:stretch;gap:4px}.legal-nav a,.legal-nav>button{display:block;min-height:40px;padding:10px 0;text-align:left;font-size:14px;color:var(--muted)}.legal-nav a:hover,.legal-nav>button:hover{color:var(--accent-ink)}.legal-nav>button{border-top:1px solid var(--border);margin-top:16px;width:100%}.legal-document{min-width:0;max-width:74ch;font-size:16px;line-height:1.8}.legal-document h1{font-size:clamp(32px,4vw,48px);line-height:1.12;letter-spacing:-.03em;font-weight:650;overflow-wrap:anywhere}.legal-date{font-size:13px;color:var(--muted);margin-top:14px}.legal-draft{padding:14px 18px;background:var(--surface-2);border:1px solid var(--border);border-radius:6px;margin-top:24px;font-size:14px;line-height:1.65}.legal-summary{font-size:20px;line-height:1.55;margin-top:32px}.legal-document section{scroll-margin-top:24px;margin-top:40px}.legal-document h2{font-size:22px;letter-spacing:-.02em;font-weight:600;line-height:1.4;margin-bottom:14px}.legal-document p+p{margin-top:16px}.legal-document a,.data-dialog>a{color:var(--accent-ink);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.legal-document ul,.legal-document ol{padding-left:24px;margin:16px 0}.legal-document li+li{margin-top:12px}.legal-document .button{margin-block:16px;min-height:44px}.legal-document table{width:100%;border-collapse:collapse;margin:20px 0;font-size:14px;line-height:1.6;table-layout:fixed}.legal-document caption{text-align:left;margin-bottom:12px;font-weight:600}.legal-document th,.legal-document td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--border);vertical-align:top;overflow-wrap:anywhere}.legal-document th{background:var(--surface-2);font-weight:600}.legal-page-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--border);padding:24px 32px;font-size:12px;color:var(--muted)}.legal-links{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.legal-links a{color:var(--muted);text-decoration:underline;text-underline-offset:3px;min-height:32px;display:inline-flex;align-items:center}.legal-links a:hover{color:var(--accent-ink)}.import-rights{font-size:11px;line-height:1.5;padding:8px 20px;color:var(--muted);border-bottom:1px solid var(--border);background:var(--surface-2)}.import-rights a{color:var(--accent-ink);text-decoration:underline;text-underline-offset:3px}.statusbar.site-status{height:auto;min-height:38px;gap:12px;flex-wrap:wrap}.site-status .legal-links{gap:12px}.site-status button{font-size:11px;text-decoration:underline;text-underline-offset:3px;min-height:32px;color:var(--muted)}.site-status .legal-links a{font-size:11px}.landing-footer .legal-links{font-size:12px;gap:12px}.sample-reuse-note{margin-top:24px;color:var(--muted);font-size:12px;line-height:1.7}.sample-reuse-note a{color:var(--accent-ink);text-decoration:underline;text-underline-offset:3px}@media(max-width:899px){.legal-layout{grid-template-columns:1fr;gap:28px;padding:24px 24px 64px}.legal-nav{position:static}.legal-nav .legal-links{flex-direction:row;flex-wrap:wrap;gap:16px}.legal-nav a,.legal-nav>button{min-height:36px}.legal-nav>a,.legal-nav>button{display:inline-block;margin:0 20px 0 0;border:0;width:auto}.legal-document{max-width:74ch}.site-status{justify-content:center!important}.site-status>span{width:100%;justify-content:center}.statusbar.site-status{padding:8px 12px}.workspace{height:calc(100dvh - 276px)}}@media(max-width:639px){.workspace{height:calc(100dvh - 336px)}.legal-header{padding:16px;min-height:72px}.legal-header .brand{font-size:19px}.legal-header .brand-mark{width:25px}.legal-header>div{gap:8px}.legal-header .button{font-size:11px;padding:0 10px}.legal-layout{padding:24px 18px 48px}.legal-document{font-size:15px}.legal-summary{font-size:18px}.legal-document h2{font-size:21px}.legal-document table{font-size:12px}.legal-document td,.legal-document th{padding:10px 6px}.legal-page-footer{flex-direction:column;align-items:flex-start;padding:20px 18px}.legal-links{gap:12px}.legal-page-footer .legal-links{font-size:12px}.data-dialog{padding:20px}.site-status .legal-links{gap:12px;justify-content:center}.landing-footer .legal-links{width:100%}}.app .statusbar.site-status{justify-content:space-between}.app .site-status>span{display:flex;gap:6px;align-items:center}.landing-footer .legal-links{max-width:350px}.landing-footer>a:last-child{max-width:180px}.legal-page ::selection{background:var(--accent-soft);color:var(--text)}.legal-page input{caret-color:var(--accent)}