:root{--ink:#161f2e;--muted:#607083;--surface:#fff;--line:#d9e0e6;--page:#edf1f4;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--sans);color:var(--ink);background:var(--page);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.45}*{box-sizing:border-box}body{min-width:320px;min-height:100svh;margin:0}#root{min-height:100svh}.app-shell{min-height:100svh;color:var(--ink);grid-template-rows:auto 1fr;display:grid}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:5;background:#fafbfceb;justify-content:space-between;align-items:center;gap:24px;padding:22px 28px;display:flex;position:sticky;top:0}.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 5px;font-size:12px;font-weight:760;line-height:1.2}h1,h2{color:var(--ink);margin:0}h1{max-width:760px;font-size:24px;font-weight:760;line-height:1.14}h2{font-size:14px;font-weight:760;line-height:1.2}button,.file-button{border:1px solid var(--line);background:var(--surface);min-height:38px;color:var(--ink);font:inherit;cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:0 13px;font-weight:720;transition:border-color .16s,box-shadow .16s,transform .16s;display:inline-flex}button:hover,.file-button:hover{border-color:#9ca8b4;transform:translateY(-1px);box-shadow:0 8px 22px #161f2e14}button:disabled{cursor:not-allowed;color:#9aa7b5;box-shadow:none;background:#eef1f4;border-color:#d9e0e6;transform:none}button:focus-visible,.file-button:focus-within,input:focus-visible{outline-offset:2px;outline:3px solid #006bb338}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.file-button input{opacity:0;pointer-events:none;block-size:1px;inline-size:1px;position:absolute}.workspace{grid-template-columns:300px minmax(360px,1fr) 300px;min-height:0;display:grid}.panel{border-right:1px solid var(--line);background:#f7f8f9;min-height:0;padding:18px;overflow:auto}.panel:last-child{border-right:0;border-left:1px solid var(--line)}.panel-section{border-bottom:1px solid var(--line);padding:16px 0}.panel-section:first-child{padding-top:0}.panel-section:last-child{border-bottom:0}.stats-grid{grid-template-columns:1fr 1fr;gap:10px;margin:14px 0;display:grid}.stats-grid div{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-width:0;padding:11px}dt{color:var(--muted);margin:0 0 3px;font-size:12px;font-weight:720}dd{color:var(--ink);margin:0;font-size:16px;font-weight:760}.usage-meter{background:#e5e9ed;border-radius:999px;height:7px;overflow:hidden}.usage-meter span{background:linear-gradient(90deg,#18a06f,#d99a16,#d94949);height:100%;display:block}.segmented{gap:8px;margin-top:13px;display:grid}.segmented button{justify-content:flex-start}.segmented .active{color:#044f83;background:#e8f3fb;border-color:#006bb3;box-shadow:inset 3px 0 #006bb3}.readout{color:#d8e2ec;background:#161f2e;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin:14px 0;padding:12px;display:flex}.readout span{color:#aebdca;font-size:12px;font-weight:720}.readout strong{color:#fff;font-size:17px}.selection-summary,.transform-readout{border:1px solid var(--line);background:var(--surface);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;margin:12px 0;padding:10px 12px;display:flex}.selection-summary span,.transform-readout span{color:var(--muted);font-size:12px;font-weight:740}.selection-summary strong{color:var(--ink);font-size:18px}.transform-readout{margin-top:-4px}.field{color:var(--muted);gap:7px;font-size:12px;font-weight:720;display:grid}.input-row{align-items:center;gap:8px;display:flex}input{border:1px solid var(--line);box-sizing:border-box;background:var(--surface);width:100%;min-width:0;min-height:38px;color:var(--ink);font:inherit;border-radius:7px;padding:0 10px;font-weight:650}.check-field{color:var(--ink);align-items:center;gap:9px;margin-top:12px;font-size:13px;font-weight:700;display:flex}.check-field input{flex:none;width:18px;min-height:18px;padding:0}.unit{color:var(--muted);font-size:13px;font-weight:760}.primary-action{color:#fff;background:#12314b;border-color:#12314b;width:100%;margin-top:14px}.file-browser{gap:12px;display:grid}.file-browser-actions{gap:8px;display:grid}.file-browser-actions span,.empty-state{color:var(--muted);font-size:12px;font-weight:650;line-height:1.35}.empty-state{background:#fff;border:1px dashed #c4cdd6;border-radius:8px;margin:0;padding:12px}.file-tree{gap:4px;max-height:calc(100svh - 210px);margin:0;padding:0;list-style:none;display:grid;overflow:auto}.file-row{text-align:left;white-space:nowrap;width:max-content;min-width:100%;min-height:36px;box-shadow:none;background:0 0;border-color:#0000;padding:8px 9px;display:block;transform:none}.file-row:hover{box-shadow:none;background:#eef3f7;border-color:#d9e1e8;transform:none}.file-row.active{background:#e8f3fb;border-color:#b7d6eb;box-shadow:inset 3px 0 #006bb3}.file-title{color:var(--ink);font-size:13px;font-weight:760;line-height:1.35;display:inline}.file-title strong{color:#d94949;margin-left:3px}.file-path{color:#677688;margin-left:5px;font-size:11px;font-weight:650;line-height:1.35}.file-drawer{z-index:12;background:#f7f8f9fa;border:1px solid #cbd4dd;border-radius:8px;grid-template-rows:auto minmax(0,1fr);gap:14px;width:min(720px,100vw - 32px);padding:16px;display:grid;position:fixed;top:92px;bottom:16px;right:16px;box-shadow:0 24px 70px #161f2e2e}.file-drawer-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.file-drawer .file-browser{min-height:0}.file-drawer-tab{z-index:11;writing-mode:vertical-rl;min-width:44px;min-height:92px;padding:10px 0;position:fixed;top:96px;right:16px;box-shadow:0 14px 32px #161f2e29}.layers-section{max-height:42vh;overflow:auto}.layer-tree,.layer-children{margin:0;padding:0;list-style:none}.layer-tree{gap:4px;margin-top:12px;display:grid}.layer-item{min-width:0}.layer-row{border-radius:7px;grid-template-columns:28px 34px 54px minmax(0,1fr);align-items:center;gap:7px;min-height:35px;display:grid}.layer-row:hover{background:#eef3f7}.layer-row.selected{background:#e8f3fb;box-shadow:inset 3px 0 #006bb3}.icon-button{min-height:28px;padding:0 8px;font-size:11px}.collapse-toggle{color:#526273;min-width:28px;box-shadow:none;background:0 0;border-color:#0000;padding:0;position:relative}.collapse-toggle:hover{box-shadow:none;transform:none}.collapse-toggle:disabled{background:0 0;border-color:#0000}.collapse-toggle span{border-top:5px solid #526273;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0;transition:transform .14s;transform:rotate(0)}.collapse-toggle.collapsed span{transform:rotate(-90deg)}.visibility-toggle{color:#0d6b45;background:#eaf7f0;border-color:#bcd8ca;min-width:34px;padding:0}.visibility-toggle.muted{color:#697586;background:#edf0f3;border-color:#d1d8df}.eye-icon{border:1.7px solid;border-radius:50%;width:16px;height:10px;position:relative}.eye-icon:before{content:"";background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.visibility-toggle.muted .eye-icon:after{content:"";background:currentColor;border-radius:999px;width:2px;height:18px;position:absolute;top:-4px;left:50%;transform:translate(-50%)rotate(45deg)}.layer-tag{color:#607083;text-transform:uppercase;font-size:11px;font-weight:780}.layer-name{background:0 0;border-color:#0000;min-height:30px;font-size:13px;font-weight:700}.layer-name:hover,.layer-name:focus{border-color:var(--line);background:#fff}.preview-column{background-color:#0000;background-image:linear-gradient(#eef1f4 1px,#0000 1px),linear-gradient(90deg,#eef1f4 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;grid-template-rows:auto 1fr;min-width:0;min-height:0;display:grid}.bed-toolbar{border-bottom:1px solid var(--line);background:#ffffffdb;justify-content:space-between;align-items:center;gap:18px;min-height:58px;padding:10px 18px;display:flex}.bed-toolbar div{gap:2px;min-width:0;display:grid}.bed-toolbar strong,.bed-toolbar span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bed-toolbar strong{color:var(--ink);font-size:14px}.bed-toolbar span{color:var(--muted);font-size:12px;font-weight:650}.bed-frame{aspect-ratio:3/2;background:#fff;border:1px solid #9da9b5;border-radius:8px;place-self:center;width:min(100% - 64px,900px,150vh - 222px);position:relative;box-shadow:0 24px 60px #161f2e24,inset 0 0 0 1px #ffffffe6}.bed-frame:before{content:"";pointer-events:none;border-radius:inherit;background-color:#0000;background-image:linear-gradient(#006bb314 1px,#0000 1px),linear-gradient(90deg,#006bb314 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:10% 10%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.bed-ruler{z-index:2;color:#fff;background:#12314b;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:760;line-height:1;position:absolute}.bed-ruler.x{top:-30px;left:50%;transform:translate(-50%)}.bed-ruler.y{top:50%;left:-54px;transform:translateY(-50%)rotate(-90deg)}.svg-preview{cursor:crosshair;display:block;position:absolute;inset:12px;overflow:hidden}.svg-preview svg{width:100%;height:100%;display:block;overflow:visible}.svg-preview.mode-select,.svg-preview.mode-cut,.svg-preview.mode-engrave{cursor:copy}.svg-preview.mode-select{cursor:default}.svg-preview.can-select{cursor:pointer}.svg-preview.mode-select :is(path,line,polyline,polygon,rect,circle,ellipse),.svg-preview.mode-cut :is(path,line,polyline,polygon,rect,circle,ellipse),.svg-preview.mode-engrave :is(path,line,polyline,polygon,rect,circle,ellipse){pointer-events:visiblePainted}.svg-preview :is(path,line,polyline,polygon,rect,circle,ellipse)[stroke="rgb(255, 0, 0)"],.svg-preview :is(path,line,polyline,polygon,rect,circle,ellipse)[stroke="rgb(0, 0, 255)"],.svg-preview :is(path,line,polyline,polygon,rect,circle,ellipse)[stroke=\#ff0000],.svg-preview :is(path,line,polyline,polygon,rect,circle,ellipse)[stroke=\#0000ff]{vector-effect:non-scaling-stroke;stroke-width:1px!important}.svg-preview.mode-select :is(text,image,use),.svg-preview.mode-cut :is(text,image,use),.svg-preview.mode-engrave :is(text,image,use){pointer-events:visiblePainted}.svg-preview.mode-select g,.svg-preview.mode-cut g,.svg-preview.mode-engrave g{pointer-events:none}.preview-overlay{pointer-events:none;width:calc(100% - 24px);height:calc(100% - 24px);position:absolute;inset:12px;overflow:visible}.selection-box{cursor:move;pointer-events:auto;touch-action:none}.selection-rect{fill:#006bb314;stroke:#006bb3;stroke-width:1.5px;stroke-dasharray:4 3;vector-effect:non-scaling-stroke}.resize-handle,.rotate-handle{fill:#006bb3;stroke:#fff;stroke-width:2px;vector-effect:non-scaling-stroke;pointer-events:auto;touch-action:none}.resize-handle.nw{cursor:nwse-resize}.resize-handle.ne,.resize-handle.sw{cursor:nesw-resize}.resize-handle.se{cursor:nwse-resize}.rotate-handle{fill:#12314b;cursor:grab}.rotate-stem{stroke:#12314b;stroke-width:1.5px;vector-effect:non-scaling-stroke;pointer-events:none}.measurement-target{pointer-events:none}.measurement-target line{stroke:#12314b;stroke-width:2px;vector-effect:non-scaling-stroke}.measurement-target circle{fill:#12314b;stroke:#fff;stroke-width:2px;vector-effect:non-scaling-stroke}.measurement-target text{fill:#fff;text-anchor:middle;dominant-baseline:middle;pointer-events:none;font-weight:780}.legend{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:11px 0;font-size:13px;display:flex}.legend:last-child{border-bottom:0}.legend span{color:var(--muted);align-items:center;gap:8px;min-width:0;display:inline-flex}.legend strong{color:var(--ink);text-align:right}.swatch{border:1px solid #0000001f;border-radius:5px;flex:none;width:17px;height:17px}.swatch.cut{background:red}.swatch.engrave{background:#00f}.swatch.raster{background:linear-gradient(135deg,#2f3338,#b5bdc5)}.modal-backdrop{z-index:20;background:#161f2e6b;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.confirm-dialog{background:#fff;border:1px solid #cbd4dd;border-radius:8px;gap:14px;width:min(100%,460px);padding:20px;display:grid;box-shadow:0 28px 80px #161f2e3d}.confirm-dialog p{color:#4f5f70;margin:0;font-size:14px;font-weight:650;line-height:1.45}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.nest-backdrop{z-index:24}.nest-dialog{background:#fff;border:1px solid #cbd4dd;border-radius:8px;grid-template-rows:auto auto 1fr auto;gap:14px;width:min(1180px,100vw - 48px);height:min(820px,100vh - 48px);padding:18px;display:grid;box-shadow:0 32px 90px #161f2e4d}.nest-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.nest-header h2,.nest-header p{margin:0}.nest-header h2{color:var(--ink);font-size:18px}.nest-header p{color:var(--muted);margin-top:4px;font-size:13px;font-weight:650;line-height:1.35}.nest-progress{background:#e7edf2;border-radius:999px;height:8px;overflow:hidden}.nest-progress span{border-radius:inherit;background:#006bb3;min-width:2px;height:100%;transition:width .16s;display:block}.nest-preview{background-color:#fff;background-image:linear-gradient(#eef1f4 1px,#0000 1px),linear-gradient(90deg,#eef1f4 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #d8e0e8;border-radius:8px;place-items:center;min-height:0;display:grid;overflow:auto}.nest-preview>div:not(.nest-empty){width:min(100%,980px);min-width:420px;padding:20px}.nest-preview svg{width:100%;height:auto;display:block;overflow:visible}.nest-empty{color:var(--muted);font-size:13px;font-weight:700}.nest-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}@media (width<=1040px){.topbar{flex-direction:column;align-items:flex-start}.workspace{grid-template-columns:1fr}.panel,.panel:last-child{border:0;border-bottom:1px solid var(--line)}.preview-column{min-height:620px}.bed-frame{width:min(100% - 42px,760px)}.file-drawer{width:auto;top:112px;left:16px}}@media (width<=640px){.topbar{padding:18px}h1{font-size:20px}.topbar-actions,.topbar-actions button,.file-button{width:100%}.topbar-actions{grid-template-columns:1fr 1fr;display:grid}.preview-column{min-height:470px}.bed-frame{max-width:calc(100% - 36px)}}