*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #1a1a1a;--color-surface: #242424;--color-border: #3a3a3a;--color-text: #e8e8e8;--color-text-muted: #888;--color-accent: #4a9eff;--color-success: #4caf50;--color-error: #f44336;--color-warning: #ff9800;--sidebar-width: 360px;--topbar-height: 44px;--statusbar-height: 28px}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;background:var(--color-bg);color:var(--color-text);-webkit-user-select:none;user-select:none}button{cursor:pointer;font-size:13px;font-family:inherit;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:4px;padding:6px 12px;transition:background .15s}button:hover{background:#2e2e2e}button:disabled{opacity:.5;cursor:default}.progress-indeterminate{position:relative;width:100%;height:4px;background:var(--color-border);border-radius:2px;overflow:hidden}.progress-indeterminate:before{content:"";position:absolute;top:0;left:0;height:100%;width:40%;background:var(--color-accent);border-radius:2px;animation:progress-indeterminate 1.2s ease-in-out infinite}@keyframes progress-indeterminate{0%{left:-40%}to{left:100%}}.sidebar button{font-size:15px}.sidebar,.preview-strip{scrollbar-width:thin;scrollbar-color:#566476 #171b20;overscroll-behavior:contain}.sidebar::-webkit-scrollbar{width:7px;height:7px}.preview-strip::-webkit-scrollbar{width:6px;height:6px}.sidebar::-webkit-scrollbar-track,.preview-strip::-webkit-scrollbar-track{background:#171b20}.sidebar::-webkit-scrollbar-thumb,.preview-strip::-webkit-scrollbar-thumb{background:#566476;border-radius:999px;border:1px solid #171b20}.sidebar::-webkit-scrollbar-thumb:hover,.preview-strip::-webkit-scrollbar-thumb:hover{background:#718197}.preview-strip{min-width:0;max-width:100%;overscroll-behavior-x:contain}.marker-workspace canvas{display:block;outline:none}@media (max-width: 760px){.app-body{flex-direction:column!important}.sidebar{width:100%!important;border-right:none!important;border-bottom:1px solid var(--color-border)!important;flex-shrink:0!important}.canvas-column{min-height:0!important;flex:1 1 auto!important}.gwork-menu-item{display:none!important}.gwork-menu-left{min-width:0}.gwork-language-wrap{flex-shrink:0}.marker-workspace{min-height:0}.workflow-bar{height:auto!important;flex-direction:column;align-items:stretch!important;gap:4px!important;padding:0 8px 6px!important}.workflow-tabs{min-height:38px}.workflow-tabs button{flex:1 1 0;justify-content:center;padding:4px 7px!important;font-size:14px!important}.workflow-metrics{flex-wrap:wrap;gap:4px 12px!important;font-size:12px!important}.canvas-action-bar{height:auto!important;min-height:42px;flex-wrap:wrap;gap:6px!important;padding:6px 9px!important}.canvas-action-controls{flex-wrap:wrap}.canvas-action-controls button{flex-shrink:0;white-space:nowrap}.canvas-action-metrics{flex-wrap:wrap;margin-left:auto}.cached-layout-tabs{height:36px!important;overflow-y:hidden}.canvas-wheel-hint{display:none!important}button{min-height:34px}}@media (max-width: 480px){:root{--statusbar-height: 24px}body{font-size:12px}.pattern-explorer-list{max-height:180px!important}}.workspace-fieldset{border:0;margin:0;padding:0;min-width:0}.preflight-stack{display:flex;flex-direction:column;gap:8px;margin:8px 0;font-size:13px}.preflight-stack label{display:flex;flex-direction:column;gap:5px}.preflight-stack input,.preflight-stack select{width:100%;min-width:0;padding:7px}.preflight-stack button,.import-review button{white-space:normal;text-align:left;line-height:1.4}.preflight-stack small,.preflight-caption{color:#b4c1d0;line-height:1.5}.import-review{padding:7px;background:#171d24;font-size:12px;line-height:1.5;border:1px solid #344151;border-radius:4px;overflow-wrap:anywhere}.import-review summary{cursor:pointer;color:#a8cfff}.import-review p{margin:7px 0}.review-warning{color:#ffd16b;line-height:1.5;overflow-wrap:anywhere}fieldset:disabled{opacity:.65}.import-dimensions{max-height:120px;overflow:auto;font-variant-numeric:tabular-nums;color:#b4c1d0}.preflight-stack input,.preflight-stack select{background:#151c24;color:#e1e9f2;border:1px solid #405167;border-radius:4px}.preflight-stack input:focus,.preflight-stack select:focus{outline:2px solid #469bea;outline-offset:1px}.marking-preview{display:block;width:100%;height:150px;background:#111820;border:1px solid #3b4b5c;border-radius:5px}.preflight-stack input:not([type=checkbox]),.preflight-stack select{min-width:0;max-width:100%;box-sizing:border-box;background:#17212b;color:#e6eef8;border:1px solid #425368;border-radius:4px;padding:7px;font:inherit}.preflight-stack label{font-size:14px}.recovery-banner{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 14px;background:#22384c;border-bottom:1px solid #537493;font-size:14px;flex-shrink:0}.recovery-banner span{flex:1;min-width:220px}.autosave-status{padding:4px 14px;font-size:12px;color:#b9cbdc;background:#18222d;flex-shrink:0}.autosave-status.review-warning{color:#ffdb8c;margin:0;font-size:14px}.layout-feedback{flex-shrink:0;max-height:34vh;overflow:auto;padding:12px 16px;background:#29251c;border-bottom:1px solid #75613a;color:#ffe1a0;font-size:14px;line-height:1.55;overflow-wrap:anywhere}.layout-feedback ul{list-style:none;margin:5px 0 0;padding:0}.layout-feedback li{display:flex;gap:12px;align-items:flex-start;padding:6px 0}.layout-feedback li>div:first-child{flex:1;min-width:0}.layout-feedback small{display:block;color:#d5c4a4;font-size:12px;-webkit-user-select:text;user-select:text}.layout-feedback-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;flex-shrink:0;max-width:45%}.layout-feedback button{min-height:36px;font-size:14px;color:#ffe8b9;background:#3b3324;border-color:#8f7545;white-space:normal}.layout-feedback.is-waiting{background:#1d2b38;border-color:#3a5870;color:#c6dff3}.layout-feedback.is-waiting li{padding:0}.layout-feedback.is-error{background:#352321;border-color:#88564f;color:#ffd3cb}.layout-feedback details{margin-top:6px;-webkit-user-select:text;user-select:text}.layout-feedback summary{cursor:pointer}.layout-feedback pre{font:12px/1.5 monospace;white-space:pre-wrap;overflow-wrap:anywhere;padding:8px;background:#211a19;margin-top:6px}.sidebar [id^=layout-]:focus{outline:2px solid #67b2ff;outline-offset:-3px}@media (max-width:760px){.layout-feedback{padding:9px 12px;max-height:32vh}.layout-feedback li{flex-direction:column;gap:6px}.layout-feedback-actions{max-width:100%;justify-content:flex-start}.layout-feedback button{min-height:40px}}@media (max-width:640px){.recovery-banner{padding:8px}.recovery-banner button,.preflight-stack input,.preflight-stack select,.preflight-stack button{min-height:40px}.marking-preview{height:120px}}.optimization-panel{flex-shrink:0;padding:10px 14px;background:#182733;border-bottom:1px solid #3c5d77;color:#d6e8f7;font-size:14px;line-height:1.5;max-height:35vh;overflow:auto}.optimization-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.optimization-heading strong{font-size:15px;margin-right:10px}.optimization-heading span{color:#aec8dd;display:inline-block}.optimization-panel button{min-height:38px;font-size:14px;white-space:normal;background:#214d70;border-color:#4a8dbe;color:#fff;flex-shrink:0}.optimization-panel details{margin-top:5px;color:#afc8dc}.optimization-panel summary{cursor:pointer;font-size:13px}.optimization-panel p{margin:5px 0}.optimization-panel .optimization-muted{font-size:13px;color:#afc8dc}.optimization-result{border-top:1px solid #375369;padding-top:7px;margin-top:7px;font-variant-numeric:tabular-nums}.optimization-result dl{display:flex;flex-wrap:wrap;gap:8px 26px;margin:7px 0}.optimization-result dt{font-size:13px;color:#afc8dc}.optimization-result dd{margin:0;font-size:15px;font-weight:700;color:#e6f3ff}@media (max-width:760px){.optimization-panel{padding:8px 12px;max-height:32vh}.optimization-heading{flex-wrap:wrap;gap:6px}.optimization-panel button{min-height:40px}.optimization-result dl{gap:6px 18px}}.resizable-workspace{flex:1;display:flex;overflow:hidden;min-width:0;min-height:0}.resizable-workspace>.sidebar{background:#20252c;display:flex;flex-direction:column;flex-shrink:0;overflow:auto;min-width:0;min-height:0}.resizable-workspace .canvas-column{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;min-height:0}.workspace-drawing{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;overflow:hidden}.workspace-results{flex-shrink:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#566476 #171b20;overscroll-behavior:contain;min-width:0}.workspace-results .layout-feedback,.workspace-results .optimization-panel{max-height:none;overflow:visible}.resize-handle{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#232d38;touch-action:none;-webkit-user-select:none;user-select:none;z-index:15;outline:none}.resize-width{width:10px;cursor:col-resize;border-left:1px solid #3d4d5e;border-right:1px solid #111820}.resize-height{height:12px;cursor:row-resize;border-top:1px solid #3d4d5e;border-bottom:1px solid #111820}.resize-handle span{pointer-events:none;background:#8197ad;border-radius:4px}.resize-width span{width:3px;height:36px}.resize-height span{height:3px;width:44px}.resize-handle:hover,.resize-handle:focus-visible,.resize-handle.is-dragging{background:#254c6d}.resize-handle:hover span,.resize-handle:focus-visible span,.resize-handle.is-dragging span{background:#9ed1ff}.resize-handle:focus-visible{box-shadow:inset 0 0 0 2px #8dccff}.resizable-workspace.is-compact{flex-direction:column;overflow-y:auto}.resizable-workspace.is-compact .canvas-column{min-height:300px!important;flex:1 0 300px!important}.resizable-workspace.is-compact>.sidebar{width:100%;border:0!important}.resizable-workspace.is-compact .resize-height{height:18px}@media (pointer:coarse){.resize-width{width:18px}.resize-height{height:20px}}.sewing-panel p{margin:0}.sewing-operation{display:flex;flex-direction:column;gap:9px;min-width:0;margin:0;padding:10px;border:1px solid #405167;border-radius:5px}.sewing-operation legend{padding:0 5px;color:#bfd5ed}.sewing-panel textarea{box-sizing:border-box;width:100%;min-width:0;resize:vertical;padding:7px;font:inherit;line-height:1.5;background:#17212b;color:#e6eef8;border:1px solid #425368;border-radius:4px}.sewing-panel textarea:focus{outline:2px solid #469bea;outline-offset:1px}.sewing-recommendation{display:flex;flex-direction:column;gap:4px;padding:9px;background:#172d3b;border-left:3px solid #459fdf;border-radius:3px;line-height:1.5}.sewing-panel details{overflow-wrap:anywhere}.sewing-panel summary{cursor:pointer;line-height:1.6}.sewing-panel ul{padding-left:18px}.sewing-panel a{color:#8fcaff}