.crosy-workbench *,.dashboard-shell *{box-sizing:border-box}.crosy-workbench h1,.crosy-workbench h2,.crosy-workbench h3,.crosy-workbench h4{font-family:var(--font-body)}.crosy-workbench button,.dashboard-shell button{cursor:pointer}.crosy-workbench button:disabled{opacity:var(--disabled-opacity);background:var(--color-disabled-surface);color:var(--color-disabled-text);border-color:var(--color-border);box-shadow:none;cursor:not-allowed}.crosy-workbench button:focus-visible,.crosy-workbench a:focus-visible,.crosy-workbench input:focus-visible,.crosy-workbench select:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--focus-offset)}.crosy-workbench{font-variant-numeric:tabular-nums;width:100%;height:100svh;display:flex;overflow:hidden;container:workbench/inline-size}.workbench-sidebar{width:var(--workbench-setup-width);background:var(--wb-panel);min-height:0;z-index:var(--z-sidebar);flex-direction:column;flex:none;display:none}.workbench-sidebar.left{border-right:var(--border-width) solid var(--wb-line);container:setup/inline-size}.workbench-sidebar.right{width:var(--workbench-inspector-width);border-left:var(--border-width) solid var(--wb-line)}.workbench-sidebar>header{height:var(--workbench-header-height);min-height:var(--workbench-header-height);padding:0 var(--sidebar-content-inset);border-bottom:var(--border-width) solid var(--wb-line);justify-content:space-between;align-items:center;display:flex;container:sidebar-header/inline-size}.brand{gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--wb-ink);align-items:center;text-decoration:none;display:inline-flex}.right .brand{font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-semibold)}.sidebar-scroll{padding:var(--space-3) var(--sidebar-content-inset) var(--space-4);flex:1;overflow:auto}.sidebar-section{padding:0 0 var(--space-3);margin-bottom:var(--space-3);border-bottom:var(--border-width) solid var(--wb-line)}.sidebar-section h3,.sidebar-scroll>h3{font-size:var(--text-body);font-weight:var(--weight-semibold);gap:var(--space-2);margin:0 0 var(--space-2);align-items:center;display:flex}.workbench-sidebar footer{border-top:var(--border-width) solid var(--wb-line);padding:var(--space-3) var(--sidebar-content-inset);justify-content:space-between;gap:var(--space-3);display:flex}.workbench-sidebar footer a,.workbench-sidebar footer button{align-items:center;gap:var(--space-1-half);font-size:var(--text-xs);display:flex}.sidebar-scroll fieldset{border:0;min-width:0;margin:0;padding:0}.setup-back{gap:var(--space-2);min-height:var(--touch-target);font-size:var(--text-xs);font-weight:var(--weight-semibold);align-items:center;display:inline-flex}.workbench-sidebar .setup-footer{gap:var(--space-1-half);flex-direction:column}.setup-footer small{color:var(--wb-muted);font-size:var(--text-caption);min-height:var(--space-4)}.setup-actions{align-items:center;gap:var(--sidebar-action-gap);display:flex}.setup-actions .primary-button{flex:1}.workbench-sidebar.left input:not([type=range]):not([type=color]):not([type=checkbox]),.workbench-sidebar.left select{height:var(--setup-field-height)}.workbench-sidebar.left .text-button{align-items:center;gap:var(--space-1-half);display:inline-flex}.sidebar-scroll label,.export-dialog label{gap:var(--space-1-half);margin:var(--space-2-half) 0;font-size:var(--text-xs);font-weight:var(--weight-medium);flex-direction:column;display:flex}.workbench-sidebar.left .sidebar-section{gap:var(--space-2);margin-bottom:var(--setup-group-gap);border-bottom:0;flex-direction:column;padding-bottom:0;display:flex}.workbench-sidebar.left .sidebar-section h3{margin:0}.workbench-sidebar.left label{gap:var(--space-1);margin:0}.workbench-sidebar.left .segmented{margin:0}.workbench-sidebar.left .text-button{padding-block:var(--space-1);align-self:flex-start}.workbench-sidebar.left .sidebar-section>.primary-button{margin:0}.workbench-sidebar.left .fabric-controls,.workbench-sidebar.left .scope-configuration{gap:var(--space-2);flex-direction:column;padding-top:0;display:flex}.workbench-sidebar.left .scope-configuration:empty{display:none}.color-scope{gap:var(--space-2);flex-direction:column;display:flex}.workbench-sidebar.left .thread-brand-row,.workbench-sidebar.left .scope-configuration label{align-items:center;gap:var(--space-2);grid-template-columns:minmax(0,1fr) minmax(0,5rem);display:grid}.sidebar-scroll input:not([type=range]):not([type=color]):not([type=checkbox]),.sidebar-scroll select,.export-dialog input:not([type=checkbox]),.blank-fields input,.export-dialog select{width:100%;height:var(--field-height);min-width:0;padding:var(--space-1-half) var(--space-2-half);border:var(--border-width) solid var(--wb-line);border-radius:var(--radius-control);background:var(--wb-panel);color:var(--wb-ink);font-size:var(--text-xs)}.field-row{gap:var(--sidebar-action-gap);flex-wrap:wrap;align-items:flex-end;display:flex}.field-row>label,.field-row>button{flex:1;min-width:0}.field-row .secondary-button{min-width:var(--space-12)}.check-field{align-items:center;gap:var(--space-2)!important;flex-direction:row!important}.color-field{justify-content:space-between;align-items:center;flex-direction:row!important}.check-field input{accent-color:var(--color-primary-ink);width:var(--checkbox-size);height:var(--checkbox-size)}.color-field input{height:var(--fabric-swatch-height);width:var(--fabric-swatch-width);background:0 0;border:0}.muted{color:var(--wb-muted);font-size:var(--text-caption)}.primary-button,.secondary-button{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--touch-target);padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--wb-line);border-radius:var(--radius-control);font-weight:var(--weight-semibold);text-align:center;text-decoration:none;display:inline-flex}.primary-button{background:var(--wb-accent);border-color:var(--color-primary-ink);color:var(--color-on-primary)}.secondary-button{background:var(--wb-panel);color:var(--wb-ink)}.sidebar-section>.primary-button,.sidebar-scroll>.secondary-button{width:100%;margin-top:var(--space-3)}.text-button{color:var(--color-primary-ink);font-size:var(--text-xs);padding:var(--space-2) 0;text-underline-offset:var(--space-1);text-decoration:underline}.upload-card{gap:var(--space-3);width:100%;min-height:var(--upload-card-height);padding:var(--space-3);border:var(--border-width) dashed var(--color-border-interactive);border-radius:var(--radius-control);background:var(--wb-paper);text-align:left;justify-content:center;align-items:center;display:flex}.upload-card small{font-size:var(--text-micro);color:var(--wb-muted);display:block}.workbench-main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;container:workbench-header/inline-size}.workbench-header{height:var(--workbench-header-height);min-height:var(--workbench-header-height);background:var(--wb-panel);border-bottom:var(--border-width) solid var(--wb-line);padding:0 var(--space-2);justify-content:space-between;align-items:center;gap:var(--space-1);z-index:var(--z-tooltip);display:flex}.header-edge{align-items:center;gap:var(--space-1);flex:none;display:flex}.mode-switch{gap:var(--space-1);background:var(--wb-paper);border-radius:var(--radius-panel);padding:var(--space-1);border:0;min-width:0;display:flex}.mode-switch button{justify-content:center;align-items:center;gap:var(--toolbar-icon-gap);border-radius:var(--radius-panel);min-height:var(--touch-target);min-width:var(--touch-target);padding:0 var(--space-2);font-size:var(--text-body);white-space:nowrap;padding-inline:var(--space-3);color:var(--wb-muted);display:flex}.mode-switch .active{background:var(--color-raised);color:var(--wb-ink);font-weight:var(--weight-semibold);box-shadow:inset 0 0 0 var(--border-strong-width) var(--color-selected-border)}.export-button{background:var(--wb-accent);color:var(--color-on-primary);border-radius:var(--radius-control);justify-content:center;align-items:center;gap:var(--space-2);min-width:var(--touch-target);height:var(--touch-target);padding:0 var(--space-3);font-size:var(--text-xs);display:flex}.desktop-toggle,.focus-control{display:none}.mobile-toggle{display:inline-flex}.canvas-region{background:var(--wb-canvas);flex:1;min-height:0;position:relative;overflow:hidden;container:compare-canvas/inline-size}.canvas-region>.payment-return-status{top:max(var(--space-3), env(safe-area-inset-top));z-index:var(--z-alert);justify-content:center;align-items:center;gap:var(--space-2) var(--space-3);width:max-content;max-width:calc(100% - 2 * var(--space-4));padding:var(--space-3) var(--space-4);border:var(--border-width) solid var(--wb-line);border-radius:var(--radius-control);background:var(--surface-floating);box-shadow:var(--shadow-popover);color:var(--wb-text);font-size:var(--text-xs);text-align:center;overflow-wrap:anywhere;flex-wrap:wrap;line-height:1.45;display:flex;position:absolute;left:50%;transform:translate(-50%)}.canvas-region>.payment-return-status>span{min-width:0}.canvas-topbar{top:var(--space-3-half);left:var(--space-4);right:var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-2);z-index:var(--z-canvas-topbar);pointer-events:none;display:flex;position:absolute}.canvas-topbar>*{pointer-events:auto}.view-switch{padding:var(--space-1);border:var(--border-width) solid var(--wb-line);border-radius:var(--radius-control);background:var(--surface-floating);box-shadow:var(--shadow-control);display:flex}.view-switch button{font-size:var(--text-caption);min-height:var(--compact-target);padding:var(--space-1) var(--space-2);border-radius:var(--radius-control)}.view-switch .active{background:var(--wb-soft);color:var(--color-primary-ink)}.save-status{align-items:center;gap:var(--space-1);color:var(--wb-muted);background:var(--surface-floating);padding:var(--space-2) var(--space-2);border-radius:var(--radius-control);font-size:var(--text-caption);display:flex}.pattern-viewport{width:100%;height:100%;min-height:0;padding-top:var(--space-5);touch-action:none;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.needle-board{box-shadow:var(--shadow-canvas);flex:none;line-height:0;position:relative}.needle-board canvas{touch-action:none;outline-offset:var(--focus-offset);display:block}.selection-box{border:var(--border-strong-width) dashed var(--wb-accent);pointer-events:none;background:var(--selection-tint);position:absolute}.canvas-bottom{--canvas-context-max-height:min(calc(var(--canvas-available-height,100dvh) * var(--canvas-context-height-ratio)), var(--canvas-context-height-limit));left:var(--space-3-half);right:var(--space-3-half);bottom:calc(var(--space-3) + env(safe-area-inset-bottom));align-items:center;gap:var(--space-2-half);z-index:var(--z-canvas-toolbar);pointer-events:none;flex-direction:column;display:flex;position:absolute}.canvas-bottom>*{pointer-events:auto}.canvas-region[data-context-open=true]>.canvas-bottom{max-height:calc(var(--canvas-context-max-height) + var(--floating-toolbar-height,var(--touch-target)) + var(--space-2-half))}.canvas-region[data-context-open=true]>.canvas-bottom>:not(.floating-toolbar,.toolbar-popup-host){flex-shrink:1;min-height:0;overflow:hidden}.canvas-region[data-context-open=true]>.compare-container,.canvas-region[data-context-open=true]>.pattern-viewport,.canvas-region[data-context-open=true]>.compare-overlay{height:calc(100% - max(var(--space-18), var(--canvas-context-reserve)))}.canvas-region[data-context-open=true]>.compare-overlay{padding-bottom:0}.canvas-region[data-context-open=true] .image-options-body{max-height:none}.floating-toolbar{align-items:center;gap:var(--toolbar-group-spacing);border:var(--border-width) solid var(--wb-line);background:var(--surface-floating);width:max-content;max-width:100%;-webkit-backdrop-filter:blur(var(--blur-floating));backdrop-filter:blur(var(--blur-floating));border-radius:var(--radius-toolbar);padding:var(--toolbar-padding);box-shadow:var(--shadow-toolbar);display:flex}.tool-button{min-width:var(--touch-target);min-height:var(--touch-target);justify-content:center;align-items:center;gap:var(--toolbar-icon-gap);padding:0 var(--toolbar-button-padding);border-radius:var(--radius-control);font-size:var(--text-control);white-space:nowrap;flex-direction:row;flex:none;display:inline-flex}.tool-button svg{flex:none}.floating-toolbar button[aria-expanded]{gap:var(--toolbar-group-gap);padding-inline:var(--space-1)}.toolbar-group{align-items:center;gap:var(--toolbar-group-gap);flex:none;display:flex}.source-status{justify-content:center;align-items:center;gap:var(--toolbar-icon-gap);min-width:var(--space-6);padding:0 var(--space-1);color:var(--wb-muted);font-size:var(--text-control);flex:none;display:inline-flex}.tool-button:hover:not(:disabled){background:var(--wb-paper)}.tool-button.active{background:var(--wb-soft);color:var(--color-primary-ink)}.toolbar-separator{height:var(--toolbar-divider-height);width:var(--border-width);background:var(--wb-line);margin:0 var(--space-1);flex:none}.selected-thread{align-items:center;gap:var(--space-2);font-size:var(--text-caption);padding:0 var(--space-2);white-space:nowrap;display:flex}.selected-thread i{width:var(--selected-swatch-size);height:var(--selected-swatch-size);border:var(--border-strong-width) solid var(--wb-panel);box-shadow:0 0 0 var(--border-width) var(--wb-line);border-radius:50%}.tool-menu-wrap{position:relative}.toolbar-menu{bottom:calc(100% + var(--space-3));width:var(--toolbar-menu-width);max-height:min(var(--toolbar-menu-max-height), 36dvh);border:var(--border-width) solid var(--wb-line);border-radius:var(--radius-control);background:var(--wb-panel);box-shadow:var(--shadow-popover);padding:var(--space-1);transform:translateX(var(--menu-offset-x,0px));flex-direction:column;display:flex;position:absolute;left:0;overflow:auto}.floating-toolbar:has(.toolbar-menu){z-index:1;position:relative}.tool-menu-wrap:last-child .toolbar-menu{left:auto;right:0}.toolbar-menu button{align-items:center;gap:var(--space-2);text-align:left;min-height:var(--control-height);padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);font-size:var(--text-xs);flex:none;display:flex}.toolbar-menu button>svg{flex:none}.toolbar-menu .menu-label{white-space:normal;flex:1;min-width:0}.toolbar-menu .menu-check{color:var(--color-primary-ink);margin-left:auto}.toolbar-menu button:hover:not(:disabled){background:var(--wb-soft)}.zoom-controls{left:0;bottom:calc(100% + var(--space-3));align-items:center;gap:var(--space-half);border:var(--border-width) solid var(--wb-line);background:var(--surface-floating);border-radius:var(--radius-status);padding:var(--space-half);box-shadow:var(--shadow-control);flex-direction:column;display:flex;position:absolute}.canvas-region .zoom-controls[data-compact=true]{max-height:none;overflow:visible}.zoom-controls .navigation-trigger{gap:var(--space-1);padding-block:var(--space-1);flex-direction:column}.rail-menu-zoom{text-align:center;grid-template-columns:auto 1fr auto;align-items:center;display:grid}.grid-ruler{pointer-events:none;position:absolute;inset:0;overflow:hidden}.grid-ruler path{stroke:var(--wb-muted);stroke-width:1px}.grid-ruler text{fill:var(--wb-ink);font-size:var(--text-micro);font-family:inherit}.zoom-controls button{min-height:var(--compact-target);min-width:var(--compact-target);padding:0 var(--space-2);font-size:var(--text-micro);border-radius:var(--radius-status);justify-content:center;align-items:center;display:flex}.zoom-controls .viewport-fit{margin-top:var(--space-1)}.zoom-controls button:disabled{color:var(--color-disabled-text);cursor:not-allowed;background:0 0}.chart-pane>.zoom-controls,.source-pane>.zoom-controls{left:var(--space-3);bottom:var(--space-3);max-height:calc(100% - var(--pane-caption-height) - var(--space-4));z-index:var(--z-canvas-overlay);overflow-y:auto}.canvas-region>.zoom-controls,.compare-overlay>.zoom-controls{left:var(--space-3);bottom:calc(var(--viewport-rail-clearance) + env(safe-area-inset-bottom));max-height:calc(100% - var(--viewport-rail-clearance) - var(--space-4));z-index:var(--z-canvas-overlay);overflow-y:auto}.zoom-percentage{padding:0 var(--space-1);font-size:var(--text-micro)}.compare-overlay>.zoom-controls{max-height:calc(100% - var(--pane-caption-height) - var(--viewport-rail-clearance) - var(--space-4) - env(safe-area-inset-bottom))}@media (pointer:coarse){.zoom-controls button{min-height:var(--touch-target);min-width:var(--touch-target)}}.workbench-status{justify-content:space-between;gap:var(--space-3);min-height:var(--workbench-status-height);padding:var(--space-1) var(--space-4);font-size:var(--text-micro);color:var(--wb-muted);background:var(--wb-panel);border-top:var(--border-width) solid var(--wb-line);display:flex}.workbench-status span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.empty-canvas{text-align:center;height:100%;padding:var(--space-18) var(--space-6);justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.empty-canvas p{max-width:var(--empty-copy-width);color:var(--wb-muted)}.empty-canvas small{color:var(--wb-muted);font-size:var(--text-xs)}.inspector-tabs{border-bottom:var(--border-width) solid var(--wb-line);gap:var(--space-1);min-height:var(--touch-target);background:var(--wb-paper);min-width:0;height:auto;padding:var(--space-1);border-radius:var(--radius-status);border:0;flex:1;align-self:center;display:flex}.inspector-tabs button{justify-content:center;align-items:center;gap:var(--space-1-half);min-width:0;padding-inline:var(--space-2);border-radius:var(--radius-status);min-height:var(--touch-target);font-size:var(--text-xs);border-bottom:0;flex:1;display:flex}.inspector-tabs .active{border-color:var(--color-selected-border);font-weight:var(--weight-semibold);background:var(--wb-soft);color:var(--wb-ink);border:0}.segmented{border-radius:var(--radius-control);background:var(--wb-paper);padding:var(--space-1);gap:var(--space-1);margin-bottom:var(--space-3);border:0;flex-wrap:wrap;display:flex}.segmented button{border-radius:var(--radius-control);min-height:var(--compact-target);font-size:var(--text-caption);padding:var(--space-1) var(--space-1-half);white-space:normal;flex:1;min-width:min(100%,4rem)}.segmented .active{background:var(--color-primary-tint);box-shadow:none;color:var(--color-primary-ink)}.image-settings-section{padding-bottom:var(--space-4);margin-bottom:var(--space-4);border:0}.adjustment-settings,.inspector-controls{border:0;min-width:0;margin:0;padding:0}.inspector-body{container:inspector-tools/inline-size}@container inspector-tools (max-width:17rem){.tool-label{display:none}}.image-tool-tabs{margin-bottom:var(--space-4)}.image-tool-tabs button{min-height:var(--touch-target);justify-content:center;align-items:center;gap:var(--space-2);display:flex}.image-options-popup{width:min(var(--image-options-width), 100%);border:var(--border-width) solid var(--wb-line);border-radius:var(--radius-toolbar);background:var(--wb-panel);max-width:100%;box-shadow:var(--shadow-popover);flex-direction:column;display:flex}.image-options-popup>header{padding-inline:var(--space-3);flex:none;justify-content:space-between;align-items:center;display:flex}.image-options-popup h3{font-size:var(--text-body);margin:0}.image-options-body{min-height:0;max-height:var(--image-options-max-height);padding:0 var(--space-3) var(--space-3);flex:auto;overflow-y:auto}.image-options-body .segmented{margin-bottom:var(--space-3)}.image-settings-section h3,.image-settings-section h4{margin:0 0 var(--space-2);font-size:var(--text-body);font-weight:var(--weight-semibold)}.image-settings-section .segmented{padding:var(--space-half);gap:var(--space-half);margin-bottom:var(--space-4)}.image-settings-section .segmented button{min-height:var(--control-height);padding:0 var(--space-1);font-size:var(--text-xs)}.image-settings-section .segmented .active{box-shadow:none;background:var(--wb-soft);color:var(--color-primary-ink)}.adjustment-field{--adjustment-gradient:var(--gradient-brightness);margin-top:var(--space-4)}.adjustment-field label{margin:0 0 var(--space-1)}.adjustment-controls{grid-template-columns:minmax(0, 1fr) var(--adjustment-value-width) var(--touch-target);gap:var(--space-2);align-items:center;display:grid}.adjustment-controls input[type=range]{appearance:none;width:100%;height:var(--range-track-height);accent-color:var(--color-primary-ink);border-radius:var(--radius-status);background:var(--adjustment-gradient)}.adjustment-controls input[type=range]::-webkit-slider-thumb{appearance:none;width:var(--range-thumb-size);height:var(--range-thumb-size);border:var(--border-strong-width) solid var(--color-primary-ink);background:var(--wb-panel);cursor:grab;border-radius:50%}.temperature{--adjustment-gradient:var(--gradient-temperature)}.tint{--adjustment-gradient:var(--gradient-tint)}.brightness{--adjustment-gradient:var(--gradient-brightness)}.contrast{--adjustment-gradient:var(--gradient-contrast)}.saturation{--adjustment-gradient:var(--gradient-saturation)}.hue{--adjustment-gradient:var(--gradient-hue)}.adjustment-value{position:relative}.sidebar-scroll .adjustment-value input{height:var(--control-height);padding:0 var(--space-4) 0 var(--space-1);text-align:center;appearance:textfield}.adjustment-value input::-webkit-inner-spin-button{appearance:none}.adjustment-value span{right:var(--space-2);pointer-events:none;font-size:var(--text-caption);position:absolute;top:50%;transform:translateY(-50%)}.reset-adjustments{width:100%;margin-top:var(--space-4)}.inspector-tools{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--inspector-tool-min-width)), 1fr));gap:var(--sidebar-action-gap);margin:var(--space-3-half) 0;display:grid}.inspector-tools .tool-button{border:var(--border-width) solid var(--wb-line);padding:0 var(--space-1);font-size:var(--text-micro);flex-direction:row;min-width:0;display:flex}.palette-heading{margin:var(--space-6) 0 var(--space-2-half);justify-content:space-between;align-items:center;display:flex}.palette-heading h3{font-weight:var(--weight-semibold)}.palette-heading small{color:var(--wb-muted)}.thread-list{margin-top:var(--space-2-half);gap:var(--space-1);flex-direction:column;display:flex}.thread-row{align-items:center;gap:var(--space-2-half);padding:var(--space-2);border-radius:var(--radius-control);text-align:left;border:var(--border-width) solid transparent;width:100%;display:flex}.thread-row.active{background:var(--wb-soft);border-color:var(--color-border-interactive)}.thread-row i{width:var(--thread-swatch-size);height:var(--thread-swatch-size);border-radius:var(--radius-control);border:var(--border-width) solid var(--wb-line);flex:none}.thread-row span{flex:1;min-width:0}.thread-row strong{font-weight:var(--weight-semibold);font-size:var(--text-caption);display:block}.thread-row small{font-size:var(--text-micro);color:var(--wb-muted);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.thread-row em{color:var(--wb-muted);font-style:normal;font-size:var(--text-micro)}.info-chart{gap:var(--space-2);flex-direction:column;display:flex}.info-chart .section-heading h3{margin:0}.info-chart .info-value{align-items:baseline;gap:var(--space-1);flex-wrap:wrap;margin:0;display:flex}.info-chart .info-value strong{font-size:var(--info-dimension-size);font-weight:var(--weight-semibold)}.info-chart .info-value small{font-size:var(--text-xs);color:var(--wb-muted)}.info-chart-facts{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--info-fact-min-width)), 1fr));gap:var(--space-1) var(--space-3);margin:0;display:grid}.info-chart-facts>div{align-items:baseline;gap:var(--space-1);grid-template-columns:minmax(0,1fr) auto;display:grid}.info-chart-facts dt{color:var(--wb-muted);font-size:var(--text-caption)}.info-chart-facts dd{font-size:var(--text-xs);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;margin:0}.save-note{align-items:center;gap:var(--space-1-half);font-size:var(--text-caption);color:var(--color-success);margin:var(--space-5) 0;display:flex}.progress-meter{align-items:center;gap:var(--space-2);white-space:nowrap;padding:0 var(--space-1-half);font-size:var(--text-micro);display:flex}.progress-meter strong{font-weight:var(--weight-semibold)}.progress-meter progress{width:var(--space-12);height:var(--space-1);accent-color:var(--color-primary-ink)}.craft-tools{gap:var(--toolbar-group-gap);display:flex}.compare-container{flex-direction:row;width:100%;height:100%;display:flex}.chart-pane,.source-pane{flex:1;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.chart-pane{border-right:var(--border-width) solid var(--wb-line)}.chart-pane>small,.source-pane>small{top:var(--space-16);left:var(--space-4);color:var(--wb-muted);font-size:var(--text-micro);letter-spacing:var(--tracking-wide);z-index:var(--z-canvas-label);position:absolute}.source-pane>img{max-width:calc(100% - var(--space-12));max-height:calc(100% - var(--source-image-reserve));object-fit:contain;box-shadow:var(--shadow-canvas)}.source-pane>[data-source-crop]{width:calc(100% - var(--space-8));height:calc(100% - var(--source-crop-reserve))}.source-chart-overlay{pointer-events:none;position:absolute;inset:0;overflow:hidden}.compare-overlay{height:100%;position:relative}.overlay-opacity{top:var(--overlay-control-top);left:var(--space-5);z-index:var(--z-canvas-overlay);font-size:var(--text-micro);align-items:center;gap:var(--space-2-half);display:flex;position:absolute}.overlay-opacity input{width:var(--overlay-range-width);accent-color:var(--color-primary-ink)}.working-overlay{z-index:var(--z-busy);background:var(--surface-busy);font-weight:var(--weight-semibold);color:var(--color-primary-ink);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.workbench-alert{top:var(--space-2);max-height:25%;z-index:var(--z-alert);max-width:min(90%, var(--alert-max-width));align-items:center;gap:var(--space-4);padding:var(--space-3-half) var(--space-4-half);border:var(--border-width) solid var(--color-error);border-radius:var(--radius-control);background:var(--color-error-tint);color:var(--color-error);font-size:var(--text-xs);box-shadow:var(--shadow-popover);display:flex;position:absolute;bottom:auto;left:50%;overflow-y:auto;transform:translate(-50%)}.workbench-alert button{min-height:var(--space-7);flex:none}.modal-backdrop{padding:var(--space-4);background:var(--color-overlay);-webkit-backdrop-filter:blur(var(--blur-overlay));backdrop-filter:blur(var(--blur-overlay));z-index:var(--z-modal);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.export-dialog{width:var(--export-dialog-width);background:var(--wb-panel);border:var(--border-width) solid var(--wb-line);border-radius:var(--radius-dialog);max-width:100%;max-height:90svh;padding:var(--space-6);box-shadow:var(--shadow-dialog);overflow:auto}.help-dialog{width:min(var(--help-dialog-width), calc(100% - var(--space-8)));max-height:calc(100dvh - var(--space-8));padding:var(--space-6);color:var(--wb-ink);background:var(--wb-panel);border:var(--border-width) solid var(--wb-line);border-radius:var(--radius-dialog);box-shadow:var(--shadow-dialog);margin:auto;overflow-y:auto}.help-dialog::backdrop{background:var(--color-overlay);-webkit-backdrop-filter:blur(var(--blur-overlay));backdrop-filter:blur(var(--blur-overlay))}.studio-save-footer>.muted{margin:0 0 .5rem;font-size:.7rem;line-height:1.4}.studio-save-footer>.checkbox{align-items:center;gap:.5rem;margin-bottom:.6rem;font-size:.8rem;display:flex}.palette-presets{gap:.5rem;margin-top:1rem;display:grid}.palette-presets input,.palette-presets select{flex:1;min-width:0}.palette-presets .field-row{gap:.5rem;display:flex}.blank-dialog form{flex-direction:column;min-height:0;display:flex}.blank-fields{gap:var(--space-4);flex:auto;min-height:0;display:grid;overflow-y:auto}.blank-fields label{gap:var(--space-2);min-width:0;font-size:var(--text-xs);display:grid}.blank-fields input{width:100%;min-width:0}.outline-controls .context-body{gap:var(--space-3);flex-direction:column;display:flex}.outline-controls label{gap:var(--space-1);flex-direction:column;display:flex}.outline-controls select{width:100%;min-width:0;height:var(--field-height);padding:var(--space-1-half) var(--space-2);border:var(--border-width) solid var(--wb-line);border-radius:var(--radius-control);background:var(--wb-panel);color:var(--wb-ink)}.pattern-action-grid[aria-label="Pattern transforms and cleanup"]{grid-template-columns:repeat(3,minmax(0,1fr))}.help-dialog h2{margin-bottom:var(--space-3);font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--weight-semibold)}.help-dialog p+p{margin-top:var(--space-3)}.help-actions{margin-top:var(--space-5);justify-content:flex-end;display:flex}.export-dialog header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.export-dialog h2{font-size:var(--text-2xl);font-family:var(--font-body)}.export-dialog small{font-size:var(--text-micro);color:var(--wb-muted);letter-spacing:var(--tracking-wide)}.export-dialog>p{font-size:var(--text-xs);color:var(--wb-muted);margin:var(--space-3) 0}.export-dialog>.primary-button{width:100%;margin-top:var(--space-4-half)}.drawer-backdrop{display:none}.dashboard-shell{min-height:100svh;display:flex}.dashboard-sidebar{width:var(--dashboard-nav-width);background:var(--wb-panel);padding:var(--space-6) var(--space-5);border-right:var(--border-width) solid var(--wb-line);flex-direction:column;flex:none;display:flex}.dashboard-sidebar nav{gap:var(--space-1);margin-top:var(--space-8);flex-direction:column;display:flex}.dashboard-sidebar nav a,.dashboard-sidebar footer>a{align-items:center;gap:var(--space-2-half);padding:var(--space-3);border-radius:var(--radius-control);font-size:var(--text-body);display:flex}.dashboard-sidebar .active{background:var(--wb-soft);color:var(--color-primary-ink)}.dashboard-sidebar footer{padding-top:var(--space-10);margin-top:auto}.credit-placeholder{padding:var(--space-3-half);border:var(--border-width) solid var(--wb-line);border-radius:var(--radius-control);margin-bottom:var(--space-3);flex-direction:column;display:flex}.credit-placeholder small{color:var(--wb-muted);font-size:var(--text-micro)}.dashboard-main{min-width:0;padding:var(--space-12) clamp(var(--space-6), 5vw, var(--space-18));flex:1}.dashboard-main>header{justify-content:space-between;align-items:center;gap:var(--space-5);margin-bottom:var(--space-10);display:flex}.dashboard-main small{font-size:var(--text-micro);letter-spacing:var(--tracking-wide);color:var(--wb-muted)}.dashboard-main h1{font-family:var(--font-display);font-size:var(--text-3xl);margin-top:var(--space-2)}.dashboard-main h2{font-size:var(--text-base);font-weight:var(--weight-semibold);margin-bottom:var(--space-5)}.project-grid{grid-template-columns:repeat(auto-fill, minmax(var(--dashboard-card-min-width), 1fr));gap:var(--space-6);display:grid}.project-card{background:var(--wb-panel);border:var(--border-width) solid var(--wb-line);border-radius:var(--radius-toolbar);display:block;overflow:hidden}.project-card>img,.project-image-placeholder{width:100%;height:var(--dashboard-thumbnail-height);object-fit:cover;background:var(--wb-canvas);justify-content:center;align-items:center;display:flex}.project-card>div{padding:var(--space-4)}.project-card h3{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.project-card p{font-size:var(--text-caption);color:var(--wb-muted);margin:var(--space-2) 0}.new-project-card{min-height:var(--dashboard-new-card-height);justify-content:center;align-items:center;gap:var(--space-3);text-align:center;padding:var(--space-5);color:var(--color-primary-ink);border-style:dashed;flex-direction:column;display:flex}.dashboard-start{margin-top:var(--space-12);padding:var(--space-6);border:var(--border-width) solid var(--wb-line);border-radius:var(--radius-panel);background:var(--wb-panel)}.dashboard-start p{color:var(--wb-muted);font-size:var(--text-xs);margin-bottom:var(--space-4)}.crosy-home{min-height:100svh}.crosy-home header{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-6) var(--public-gutter);border-bottom:var(--border-width) solid var(--wb-line);flex-wrap:wrap;display:flex}.crosy-home header nav{align-items:center;gap:var(--space-6);flex-wrap:wrap;min-width:0;max-width:100%;display:flex}.crosy-home footer{padding:var(--space-6) var(--public-gutter);border-top:var(--border-width) solid var(--wb-line);color:var(--wb-muted)}.crosy-home main{max-width:var(--public-width);padding:var(--space-18) var(--space-8);margin:auto}.home-hero{max-width:var(--public-hero-width);display:block}.home-hero h1{font-family:var(--font-display);font-size:var(--text-public-hero);line-height:var(--line-tight);margin:var(--space-4) 0 var(--space-6)}.home-hero p{color:var(--wb-muted);font-size:var(--text-sm);margin-bottom:var(--space-6);max-width:var(--public-copy-width)}.home-stages{gap:var(--space-6);margin-top:var(--space-18);grid-template-columns:repeat(3,1fr);display:grid}.home-stages article{border-top:var(--border-width) solid var(--wb-line);padding-top:var(--space-5)}.home-stages h2{font-family:var(--font-display);font-size:var(--text-2xl);margin:var(--space-3) 0}.home-stages p{color:var(--wb-muted)}@container workbench-header (max-width:35rem){.mode-switch span,.export-button span{display:none}.mode-switch button{padding:0 var(--space-2)}.header-edge{gap:var(--space-1)}.save-status span{display:none}.view-switch button{padding:var(--space-1) var(--space-1-half)}}@container compare-canvas (max-width:639px){.compare-container{flex-direction:column}.chart-pane{border-right:0;border-bottom:var(--border-width) solid var(--wb-line)}.source-pane>img{max-height:calc(100% - var(--source-compact-reserve))}.chart-pane>small,.source-pane>small{top:calc(var(--space-12) + var(--space-2))}.source-pane>small{top:var(--space-3)}.source-pane{padding-bottom:var(--source-compact-bottom)}}@container workbench (min-width:64rem){.workbench-sidebar.mobile-open .drawer-close{display:none}.left-open .workbench-sidebar.left,.right-open .workbench-sidebar.right{display:flex}.desktop-toggle,.focus-control{display:inline-flex}.mobile-toggle{display:none}}@container workbench (max-width:63.999rem){.workbench-sidebar.left{--setup-field-height:var(--field-height)}.workbench-sidebar.mobile-open{max-width:calc(100vw - var(--touch-target));z-index:var(--z-drawer);box-shadow:var(--shadow-drawer);display:flex;position:fixed;inset:0 auto 0 0}.workbench-sidebar.right.mobile-open{inset:0 0 0 auto}.drawer-backdrop{background:var(--color-overlay);z-index:var(--z-drawer-backdrop);display:block;position:fixed;inset:0}.canvas-topbar{left:var(--space-2-half);right:var(--space-2-half);top:var(--space-2-half)}}@media (max-width:1023px){.dashboard-sidebar{width:var(--dashboard-compact-nav-width)}.home-hero{gap:var(--space-8)}}@media (max-width:600px){.canvas-topbar{gap:var(--space-1)}.view-switch button{font-size:var(--text-micro);padding:var(--space-1) var(--space-1)}.save-status{padding:var(--space-2) var(--space-1)}.canvas-bottom{left:var(--space-2);right:var(--space-2);bottom:calc(var(--space-2) + env(safe-area-inset-bottom));gap:var(--space-2)}.selected-thread{padding:0 var(--space-1-half)}.progress-meter{gap:var(--space-1);padding:0 var(--space-1)}.dashboard-shell{display:block}.dashboard-sidebar{width:100%;padding:var(--space-4);align-items:center;gap:var(--space-5);border-bottom:var(--border-width) solid var(--wb-line);flex-direction:row}.dashboard-sidebar nav{flex-direction:row;margin:0}.dashboard-sidebar nav a{font-size:var(--text-caption);padding:var(--space-2)}.dashboard-sidebar footer,.dashboard-sidebar nav a:nth-child(3){display:none}.dashboard-main{padding:var(--space-8) var(--space-5)}.dashboard-main h1{font-size:var(--text-2xl)}.dashboard-main>header{flex-direction:column;align-items:flex-start}.home-hero{flex-direction:column;display:flex}.home-stages{grid-template-columns:1fr}.crosy-home header{padding:var(--space-4) var(--space-5)}.crosy-home header nav{gap:var(--space-4)}.crosy-home main{padding:var(--space-12) var(--space-6)}}@container workbench-header (max-width:25rem){.workbench-header{grid-template-columns:var(--touch-target) minmax(0, 1fr) auto;height:auto;min-height:var(--workbench-header-height);padding-block:var(--space-1);flex-wrap:wrap;display:grid}.mode-switch{grid-area:1/1/auto/-1;justify-self:center}.header-edge:first-child{grid-area:2/1}.header-edge:last-child{grid-area:2/2/auto/-1;justify-self:end}.header-edge>a{display:none}}.inspector-tab-label-compact{display:none}@container sidebar-header (max-width:17rem){.inspector-tab-label-full,.setup-back span{display:none}.inspector-tab-label-compact{display:inline}}.header-actions{align-items:center;gap:var(--space-1);display:flex}.workbench-sidebar:not(.mobile-open) .drawer-close{display:none}.source-actions{align-items:center;gap:var(--sidebar-action-gap);display:flex;container:source-actions/inline-size}.source-actions .text-button{min-height:var(--touch-target);flex:1;justify-content:center;padding:0}.source-actions .secondary-button{min-width:0;min-height:var(--touch-target);padding:var(--space-1) var(--space-2);justify-content:center;align-items:center;gap:var(--space-2);white-space:normal;flex:1;text-decoration:none;display:inline-flex}.source-actions .secondary-button svg{flex:none}.source-actions .secondary-button span{overflow-wrap:normal;min-width:0}@container source-actions (max-width:14rem){.secondary-button span{display:none}}.inspector-summary{padding-inline:var(--sidebar-content-inset);flex:none}.inspector-summary .inspector-region{padding-block:var(--space-3);border:0}.inspector-summary .info-chart{border:0}@container workbench (max-width:25rem){.workbench-sidebar.mobile-open{max-width:100vw}}.crosy-workbench button{transition:background-color var(--motion-fast), border-color var(--motion-fast)}.crosy-workbench button:active:not(:disabled){background-color:var(--color-primary-tint)}.primary-button:hover:not(:disabled),.export-button:hover:not(:disabled){background:var(--color-primary-hover)}.primary-button:active:not(:disabled),.export-button:active:not(:disabled){background:var(--color-primary-active)}.image-settings-section .segmented .active,.tool-button.active{color:var(--color-primary-ink);background:var(--color-primary-tint);box-shadow:none}.workbench-sidebar.right>header{gap:var(--space-1);padding-inline:var(--space-3)}.section-heading,.palette-heading{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.status-chip{font-size:var(--text-caption);color:var(--wb-muted);padding:var(--space-half) var(--space-2);border:var(--border-width) solid var(--wb-line);border-radius:var(--radius-status)}.fact-list,.thread-facts dl{margin:var(--space-2) 0;font-size:var(--text-xs)}.fact-list>div,.thread-facts dl>div{justify-content:space-between;gap:var(--space-3);padding-block:var(--space-1-half);display:flex}.fact-list dt,.thread-facts dt{color:var(--wb-muted)}.fact-list dd,.thread-facts dd{text-align:right;margin:0}.thread-info .thread-list{max-height:none}.thread-info{gap:var(--space-3);flex-direction:column;display:flex}.thread-info .palette-heading h3{margin:0}.inspector-thread-control{border:var(--border-width) solid var(--wb-line);border-radius:var(--radius-control);background:var(--wb-panel);align-items:center;min-width:0;display:flex}.thread-summary{align-items:center;gap:var(--space-1);display:flex}.thread-help{justify-content:center;align-items:center;gap:var(--space-1);width:var(--touch-target);height:var(--touch-target);border-radius:var(--radius-control);color:var(--wb-muted);flex:none;display:inline-flex}.thread-help:hover,.thread-help[data-popup-open],.thread-select-trigger:hover:not(:disabled){background:var(--wb-soft);color:var(--color-primary-ink)}.thread-facts-heading{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.thread-facts dl>div{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;display:grid}.thread-facts dt{overflow-wrap:anywhere}.thread-select-trigger{min-width:0;padding:var(--space-2);border-radius:var(--radius-control);text-align:left;flex:1}.thread-select-trigger>svg{flex:none}.isolate:has(>.thread-popover){z-index:calc(var(--z-drawer) + 1)}.thread-popover{width:min(22rem, calc(100vw - 2 * var(--space-4)));max-height:min(24rem, var(--available-height,80dvh));min-height:0;padding:var(--space-3);gap:var(--space-3);border:var(--border-width) solid var(--wb-line);border-radius:var(--radius-panel);overflow:hidden}.thread-popover [data-slot=popover-title]{font-family:var(--font-body);font-size:var(--text-body);flex:none}.thread-popover [data-slot=popover-description]{color:var(--wb-muted);line-height:1.6}.thread-popover a{text-underline-offset:var(--space-1);text-decoration:underline}.thread-help-popover{overflow-y:auto}.drawing-thread-popover .operation-color-list{max-height:none}.thread-popover input{min-height:var(--touch-target);width:100%;min-width:0;padding:var(--space-2);border:var(--border-width) solid var(--wb-line);border-radius:var(--radius-control);background:var(--wb-panel);color:var(--wb-ink);font-size:var(--text-xs)}.thread-popover button,.thread-popover a{cursor:pointer}.thread-popover :is(button,input,a):focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.thread-facts{border:var(--border-width) solid var(--wb-line);border-radius:var(--radius-control);padding:var(--space-3);margin-top:var(--space-3)}.thread-symbol{margin-left:var(--space-1);font-weight:var(--weight-medium)}.thread-row em small{display:block}.scope-summary{align-items:center;gap:var(--space-2);width:100%;min-height:var(--touch-target);border:var(--border-width) solid var(--wb-line);border-radius:var(--radius-control);padding:var(--space-2) var(--space-3);text-align:left;display:flex}.scope-summary strong{font-size:var(--text-xs);margin-left:auto}.scope-summary:hover:not(:disabled),.scope-thread button:hover:not(:disabled){background:var(--wb-soft)}.scope-back{align-items:center;gap:var(--space-2);min-height:var(--touch-target);text-align:left;color:var(--color-primary-ink);display:flex}.color-scope h3 small{color:var(--wb-muted);margin-left:auto}.scope-list{gap:var(--space-1);flex-direction:column;display:flex}.scope-thread{align-items:center;gap:var(--space-2);border-bottom:var(--border-width) solid var(--wb-line);padding-block:var(--space-1);display:flex}.scope-thread i{width:var(--thread-swatch-size);height:var(--thread-swatch-size);border-radius:var(--space-1);border:var(--border-width) solid var(--wb-line);flex:none}.scope-thread>span{flex:1;min-width:0}.scope-thread strong,.scope-thread small{font-size:var(--text-caption);overflow-wrap:anywhere;display:block}.scope-thread small{color:var(--wb-muted)}.scope-thread button{min-height:var(--touch-target);padding-inline:var(--space-1);font-size:var(--text-caption);color:var(--color-primary-ink);flex:none}.search-field{align-items:center;gap:var(--space-2);display:flex}.search-field svg{flex:none}.edit-preview{border:var(--border-width) solid var(--color-selected-border);background:var(--wb-soft);padding:var(--space-3);border-radius:var(--radius-control);margin-block:var(--space-3)}.edit-preview h3{font-size:var(--text-body);margin-bottom:var(--space-2)}.edit-preview p{font-size:var(--text-xs);margin-bottom:var(--space-3)}.inspector-tools{grid-template-columns:repeat(auto-fit, minmax(var(--inspector-tool-min-width), 1fr))}.inspector-tools .tool-button{white-space:normal;padding-inline:var(--space-2)}.sidebar-scroll .sidebar-section>.secondary-button{width:100%}.selected-thread{min-height:var(--touch-target);min-width:var(--touch-target);border-radius:var(--radius-control)}.compare-container{height:calc(100% - var(--space-18));padding-bottom:0;position:relative}.compare-divider{z-index:var(--z-canvas-overlay);touch-action:none;-webkit-user-select:none;user-select:none;outline-offset:calc(-1 * var(--focus-width));justify-content:center;align-items:center;display:flex;position:absolute}.compare-divider.vertical{width:var(--touch-target);cursor:col-resize;height:100%;top:0;transform:translate(-50%)}.compare-divider.horizontal{width:100%;height:var(--touch-target);cursor:row-resize;left:0;transform:translateY(-50%)}.compare-divider>span{width:var(--space-5);height:var(--space-8);border:var(--border-width) solid var(--wb-line);border-radius:var(--radius-control);background:var(--wb-panel);color:var(--wb-muted);box-shadow:var(--shadow-control);justify-content:center;align-items:center;display:flex}.compare-divider.horizontal>span{width:var(--space-8);height:var(--space-5)}.compare-divider.horizontal svg{transform:rotate(90deg)}.compare-divider:hover>span,.compare-divider:focus-visible>span{color:var(--wb-ink);border-color:var(--color-selected-border)}.source-pane[data-linked=false]>img{cursor:grab}.source-pane{touch-action:none}.chart-pane,.source-pane{flex-direction:column;justify-content:flex-start;display:flex}.chart-pane>small,.source-pane>small,.pane-caption{height:var(--pane-caption-height);min-height:var(--pane-caption-height);width:100%;padding-inline:var(--space-4);color:var(--wb-muted);font-size:var(--text-caption);letter-spacing:var(--tracking-wide);flex:none;align-items:center;display:flex;position:static}.chart-pane .pattern-viewport{flex:1;height:auto;padding:0}.source-pane>img{min-height:0;max-height:calc(100% - var(--pane-caption-height) - var(--space-8));max-width:calc(100% - var(--space-8));object-fit:contain;margin:auto}.source-pane>[data-source-crop]{flex:1;width:100%;height:auto;min-height:0}.compare-overlay{padding-bottom:var(--space-18);flex-direction:column;display:flex}.compare-overlay .pattern-viewport{flex:1;height:auto}.toolbar-menu [role=separator]{height:var(--border-width);min-height:var(--border-width);background:var(--wb-line);margin:var(--space-1) var(--space-2)}.toolbar-menu button[aria-checked=true]{background:var(--wb-soft);color:var(--color-primary-ink)}.view-menu [role=group]{flex-direction:column;display:flex}.view-menu{width:min(var(--view-menu-width), calc(100vw - 2 * var(--space-2)))}.view-menu button{justify-content:space-between;align-items:center;gap:var(--space-2);width:100%;min-height:var(--touch-target);border-radius:var(--radius-control);display:flex}.view-menu button>span:first-child{white-space:normal;min-width:0}.view-menu button>svg{color:currentColor;flex:none}.view-menu button[aria-checked=true]:not(:disabled){color:var(--wb-ink);font-weight:var(--weight-semibold);background:0 0}.view-menu button:hover:not(:disabled){background:var(--wb-soft)}.compare-view-menu{gap:var(--space-2);width:min(var(--compare-menu-width), calc(100vw - var(--space-4)));container:comparison-options/inline-size}.opacity-control{grid-template-columns:auto minmax(var(--space-6), 1fr) var(--opacity-value-width);align-items:center;gap:var(--space-1);border:0;min-width:0;margin:0;padding:0;display:grid}.opacity-control label{font-size:var(--text-xs);white-space:nowrap;margin:0}.opacity-control input[type=number]{width:100%;min-width:0;font-size:var(--text-xs);text-align:center;border:var(--border-width) solid var(--wb-line);border-radius:var(--radius-control);background:var(--wb-panel);padding:var(--space-1);padding-right:var(--space-3);min-height:var(--touch-target);appearance:textfield}.opacity-control input[type=number]::-webkit-inner-spin-button{appearance:none}.opacity-value{min-width:0;position:relative}.opacity-value>span{right:var(--space-1);font-size:var(--text-xs);color:var(--wb-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}@container comparison-options not (min-width:14rem){.comparison-layout-options button>span{display:none}}.opacity-control .opacity-range{width:100%;accent-color:var(--color-primary-ink)}.view-menu .comparison-layout-options{background:var(--wb-paper);padding:var(--space-half);border-radius:var(--radius-control);flex-direction:row;display:flex}.view-menu .comparison-layout-options button{min-width:0;padding-inline:var(--space-1);flex:1;justify-content:center}.view-menu .comparison-layout-options button[aria-checked=true]{background:var(--wb-panel);box-shadow:var(--shadow-control)}.view-menu .link-view-option{font-weight:var(--weight-medium);justify-content:center}.chart-view-menu{width:min(var(--view-menu-width), calc(100% - var(--space-4)));z-index:var(--z-tooltip);position:absolute;top:0;bottom:auto;left:0}.chart-view-menu button{font-size:var(--text-xs);justify-content:space-between}.toolbar-menu .menu-setting{padding:var(--space-2) var(--space-3);gap:var(--space-2);font-size:var(--text-xs);flex-direction:column;margin:0;display:flex}.toolbar-menu .menu-setting input{width:100%;accent-color:var(--color-primary-ink)}@container compare-canvas (max-width:639px){.source-pane{padding-bottom:0}.source-pane>small,.chart-pane>small{position:static}.source-pane>img{max-height:calc(100% - var(--pane-caption-height) - var(--space-3))}}@media (prefers-reduced-motion:reduce){.crosy-workbench button{transition:none}}.export-workspace{width:var(--export-dialog-width);flex-direction:column;padding:0;display:flex;overflow:hidden}.export-workspace>header{padding:var(--space-5) var(--space-6);border-bottom:var(--border-width) solid var(--wb-line);flex:none;margin:0}.export-title-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.export-title-row h2{margin:0}@media (max-width:22rem){.export-workspace>header{gap:var(--space-2)}.export-workspace>header>div{min-width:0}.export-title-row .crosy-account-badge{padding-inline:var(--space-1)}}.export-workspace h2{font-family:var(--font-body);font-size:var(--text-2xl);font-weight:var(--weight-semibold);margin-top:var(--space-1)}.export-body{grid-template-columns:var(--export-format-width) var(--export-settings-width) minmax(0, 1fr);min-height:0;display:grid;overflow:auto}.export-body>section{padding:var(--space-5);min-width:0}.export-body>section+section{border-left:var(--border-width) solid var(--wb-line)}.export-body h3{font-size:var(--text-body);font-weight:var(--weight-semibold);margin:0 0 var(--space-4)}.export-formats [role=tablist]{gap:var(--space-1);flex-direction:column;display:flex}.export-target-group+.export-target-group{border-top:var(--border-width) solid var(--wb-line);margin-top:var(--space-4);padding-top:var(--space-4)}.export-target-group h3{font-size:var(--text-caption);letter-spacing:var(--tracking-wide);color:var(--wb-muted);margin-bottom:var(--space-2)}.export-formats button{align-items:center;gap:var(--space-3);text-align:left;width:100%;min-height:var(--touch-target);padding:var(--space-2) var(--space-2-half);border-radius:var(--radius-control);border:var(--border-width) solid transparent;display:flex}.export-formats button>svg{flex:none}.export-formats button>div{flex:1;min-width:0}.export-target-check{color:var(--wb-line)}.export-formats .active .export-target-check{color:var(--color-primary-ink)}.export-targets button strong,.export-targets button span{display:block}.export-targets button strong{font-size:var(--text-xs)}.export-targets button span{font-size:var(--text-caption);color:var(--wb-muted);margin-top:var(--space-half)}.export-formats .active{background:var(--wb-soft);border-color:var(--color-selected-border);color:var(--color-primary-ink)}.export-settings label{margin:0 0 var(--space-4);gap:var(--space-2)}.export-settings .field-row{gap:var(--space-3)}.export-settings input[type=range]{accent-color:var(--color-primary-ink);padding:0}.export-preview{background:var(--wb-paper);flex-direction:column;display:flex}.export-preview .section-heading{margin-bottom:var(--space-4)}.export-preview h3{margin:0}.export-preview .section-heading span{color:var(--wb-muted);font-size:var(--text-caption)}.export-preview-media{border:var(--border-width) solid var(--wb-line);border-radius:var(--radius-control);background:var(--wb-canvas);justify-content:center;align-items:center;height:100%;min-height:24rem;display:flex;overflow:hidden}.export-preview-media iframe{background:var(--wb-panel);border:0;width:100%;height:100%;min-height:24rem}.export-preview-media img{object-fit:contain;width:100%;height:100%;max-height:36rem;padding:var(--space-4)}.export-preview-media.exchange{padding:var(--space-5);gap:var(--space-4);text-align:center;color:var(--wb-muted);flex-direction:column}.export-preview-media.exchange strong{color:var(--wb-ink)}.export-workspace>footer{justify-content:space-between;align-items:center;gap:var(--space-4);border-top:var(--border-width) solid var(--wb-line);padding:var(--space-4) var(--space-6);flex:none;grid-template-columns:minmax(0,1fr) auto;display:grid}.export-workspace>footer p{color:var(--wb-muted);font-size:var(--text-xs)}.export-unlock-status{min-width:0;font-size:var(--text-xs);grid-column:1/-1}.export-unlock-status label{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.export-unlock-status p{margin:var(--space-1) 0}.export-notice{border:var(--border-width) solid var(--wb-line);background:var(--wb-paper);padding:var(--space-3);border-radius:var(--radius-control);font-size:var(--text-xs)}.export-notice p{margin-top:var(--space-2);color:var(--wb-muted)}@media (max-width:900px){.export-body{grid-template-columns:var(--export-format-width) minmax(0, 1fr)}.export-preview{grid-column:1/-1}.export-body>.export-preview{border-left:0;border-top:var(--border-width) solid var(--wb-line)}.export-body{flex-direction:column;display:flex}.export-body>section{padding:var(--space-4)}.export-body>section+section{border-left:0;border-top:var(--border-width) solid var(--wb-line)}.export-formats [role=tablist]{gap:var(--space-1);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.export-targets button span{display:none}.export-formats button{text-align:center;padding-inline:var(--space-half)}.export-targets button strong{font-size:var(--text-caption)}.export-workspace>header,.export-workspace>footer{padding:var(--space-4)}.export-workspace>footer{align-items:stretch;gap:var(--space-2);grid-template-columns:minmax(0,1fr)}.export-workspace>footer p{text-align:center}.export-preview-media,.export-preview-media iframe{min-height:18rem}}.crosy-workbench label.checkbox{align-items:center;gap:var(--space-2);min-height:var(--touch-target);flex-direction:row}.crosy-workbench input[type=checkbox],.crosy-workbench input[type=range]{accent-color:var(--color-primary-ink)}.canvas-region>.pattern-viewport{height:calc(100% - var(--space-18));padding-top:0}.color-edit-context{gap:var(--space-3);width:min(30rem,100%);padding:var(--space-3);border:var(--border-width) solid var(--color-selected-border);border-radius:var(--radius-panel);background:var(--wb-panel);box-shadow:var(--shadow-popover);font-size:var(--text-xs);flex-direction:column;display:flex}.color-edit-context p{margin-top:var(--space-1);color:var(--wb-muted)}.color-edit-context .field-row{margin:0}.color-edit-context .field-row>button{flex:1}.color-operation-context,.cleanup-context{--touch-target:var(--context-touch-target);width:min(var(--color-context-width), 100%);gap:var(--space-2);padding:var(--space-3);border:var(--border-width) solid var(--wb-line);border-radius:var(--radius-toolbar);background:var(--wb-panel);box-shadow:var(--shadow-popover);font-size:var(--text-xs);flex-direction:column;display:flex;container-type:inline-size}.color-operation-context>header,.cleanup-context>header{justify-content:space-between;align-items:flex-start;gap:var(--space-2);display:flex}.color-operation-context strong,.cleanup-context strong,.operation-actions>button{align-items:center;gap:var(--space-1-half);display:flex}.color-operation-context p,.cleanup-context p{color:var(--wb-muted);margin:0}.operation-targets{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.operation-targets.single{grid-template-columns:1fr}.operation-target-wrap{min-width:0;position:relative}.target-relation{left:calc(-1 * var(--space-3));color:var(--wb-muted);width:var(--space-2-half);position:absolute;top:50%;transform:translate(-50%,-50%)}.operation-target{width:100%;min-height:var(--touch-target);align-items:center;gap:var(--space-1-half);padding:var(--space-2);border:var(--border-width) solid var(--wb-line);border-radius:var(--radius-control);background:var(--wb-bg);display:flex}.operation-target>span{overflow-wrap:anywhere;text-align:left;flex:1;min-width:0}.operation-target small{font-size:var(--text-micro);color:var(--wb-muted);display:block}.operation-target>svg{flex:none}.operation-target i,.operation-color-list i{width:var(--space-6);height:var(--space-6);border:var(--border-width) solid var(--wb-line);border-radius:var(--radius-control);flex:none}.operation-actions{gap:var(--space-2);display:flex}.operation-actions>button{min-width:0;padding-inline:var(--space-2);flex:1;justify-content:center}.operation-palette{gap:var(--space-2);flex-direction:column;flex:auto;min-height:0;display:flex}.operation-palette>input{flex:none}.project-save-actions{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;container:project-actions/inline-size}.project-save-actions button{justify-content:center;align-items:center;gap:var(--space-1-half);display:inline-flex}.operation-color-list{max-height:var(--color-picker-max-height);gap:var(--space-1);flex-direction:column;min-height:0;display:flex;overflow:auto}.operation-color-list button{align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-control);min-height:var(--touch-target);text-align:left;display:flex}.operation-color-list button>span{overflow-wrap:anywhere;flex:1;min-width:0}.operation-color-list small{color:var(--wb-muted);display:block}.operation-color-list button:hover,.operation-color-list button[aria-pressed=true]{background:var(--color-primary-tint);color:var(--color-primary-ink)}@container (max-width:16rem){.operation-targets{gap:var(--space-2);grid-template-columns:1fr}.target-relation,.operation-actions svg{display:none}}.floating-toolbar[data-tight=true]{--toolbar-padding:var(--space-half);--toolbar-group-spacing:var(--space-half)}.floating-toolbar[data-tight=true] .toolbar-separator{margin-inline:var(--space-half)}.export-body .export-mobile-category,.export-mobile-panels{display:none}.export-type-positioner{z-index:calc(var(--z-modal) + 1)}.export-type-popup{width:var(--anchor-width);max-height:var(--available-height);padding:var(--space-1);background:var(--wb-panel);color:var(--wb-ink);border:var(--border-width) solid var(--wb-line);border-radius:var(--radius-control);box-shadow:var(--shadow-popover);opacity:1;font-family:var(--font-body);transition:opacity .12s;overflow-y:auto}.export-formats .export-type-trigger{background:var(--wb-panel);color:var(--wb-ink)}.export-type-value{text-align:left;min-width:0;color:var(--wb-ink);font-size:var(--text-xs);overflow-wrap:anywhere;flex:1}.export-type-chevron,.export-type-check{color:currentColor;flex:none}.export-type-label{overflow-wrap:anywhere;flex:1;min-width:0}.export-type-popup[data-starting-style],.export-type-popup[data-ending-style]{opacity:0}.export-type-group-label{padding:var(--space-1) var(--space-2);font-size:var(--text-micro);color:var(--wb-muted)}.export-type-item{align-items:center;gap:var(--space-2);min-height:var(--touch-target);padding:var(--space-2);border-radius:var(--radius-control);font-size:var(--text-xs);cursor:pointer;display:flex}.export-type-item[data-highlighted],.export-type-item[data-selected]{background:var(--wb-soft);color:var(--color-primary-ink)}@media (prefers-reduced-motion:reduce){.export-type-popup{transition:none}}.print-preview{gap:var(--space-2);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;container:print-preview/inline-size}.print-mobile-navigation,.print-mobile-view-trigger,.print-mobile-view-options{display:none}.print-preview-header{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.print-preview-header h3{margin:0}.print-preview-header span{color:var(--wb-muted);font-size:var(--text-xs);white-space:nowrap}.print-preview-actions{justify-content:flex-end;align-items:center;gap:var(--space-half);display:flex}.print-preview-actions output{min-width:var(--touch-target);text-align:center;font-size:var(--text-xs)}.print-preview-actions .toolbar-separator{margin-inline:var(--space-1)}.print-preview-actions .icon-button{border:var(--border-width) solid var(--wb-line);border-radius:var(--radius-control);flex:none}.print-preview-actions button[aria-pressed=true],.print-thumbnails .active,.print-page-map .active{background:var(--wb-soft);box-shadow:inset 0 0 0 var(--border-width) var(--color-selected-border);color:var(--color-primary-ink)}.print-preview-sheet{height:var(--print-preview-height);min-height:var(--print-preview-min-height);padding:var(--space-3);border:var(--border-width) solid var(--wb-line);border-radius:var(--radius-control);background:var(--wb-canvas);overflow:auto}.preview-viewport{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;padding:0;position:relative;overflow:hidden}.preview-viewport:active{cursor:grabbing}.preview-viewport img{object-fit:fill;transform-origin:50%;max-width:none;max-height:none;margin:0;padding:0;display:block;position:absolute}.export-preview-media.preview-viewport{flex:1;height:auto;min-height:8rem}.image-preview-actions{justify-content:flex-end;align-items:center;gap:var(--space-half);margin-bottom:var(--space-2);flex:none;display:flex}.image-preview-actions output{min-width:var(--touch-target);text-align:center;font-size:var(--text-xs)}.image-preview-actions button{border:var(--border-width) solid var(--wb-line);border-radius:var(--radius-control)}.print-preview-sheet img{max-width:none;box-shadow:var(--shadow-popover);background:#fff;margin-inline:auto;display:block}.print-preview-sheet>p{margin-top:var(--space-5);text-align:center;color:var(--wb-muted);font-size:var(--text-xs)}.print-thumbnails{gap:var(--space-2);padding-bottom:var(--space-2);display:flex;overflow-x:auto}.print-thumbnails button{justify-content:space-between;align-items:center;gap:var(--space-1);width:var(--print-thumbnail-width);min-height:var(--print-thumbnail-height);padding:var(--space-1);border:var(--border-width) solid var(--wb-line);border-radius:var(--radius-control);flex-direction:column;flex:none;display:flex}.print-thumbnails img{width:100%;height:calc(var(--print-thumbnail-height) - var(--space-7));object-fit:contain;background:#fff}.print-thumbnails span{font-size:var(--text-micro);line-height:var(--line-tight)}.print-page-map{gap:var(--space-1);width:min(100%,18rem);max-height:var(--print-page-map-height);grid-auto-rows:var(--touch-target);padding:var(--space-2);border:var(--border-width) solid var(--wb-line);border-radius:var(--radius-control);align-self:center;display:grid;overflow:auto}.print-page-map button{min-width:var(--touch-target);min-height:var(--touch-target);border:var(--border-width) solid var(--wb-line);border-radius:var(--radius-control);font-size:var(--text-sm);flex-direction:column;justify-content:center;align-items:center;display:flex}.print-page-map small{font-size:var(--text-micro);color:var(--wb-muted)}.info-scroll .sidebar-section{margin-bottom:var(--info-section-gap);padding-bottom:var(--info-section-gap)}.info-scroll .inspector-region,.info-scroll .inspector-disclosure{border:0}.info-scroll .fact-list{margin-block:var(--space-1)}.info-scroll .fact-list>div{padding-block:var(--space-1)}.info-scroll .thread-list{max-height:20rem;margin:0;overflow-y:auto}.info-scroll .thread-row{padding-block:var(--space-2);min-height:var(--touch-target)}.info-scroll .thread-facts{padding:var(--space-3);margin-top:var(--space-2)}.info-scroll .thread-facts dl>div{padding-block:var(--space-1-half)}@media (max-width:900px){.export-targets{display:none!important}.export-workspace{height:calc(100svh - var(--space-8));max-height:calc(100svh - var(--space-8))}.export-body{flex:1;overflow:hidden}.export-formats{flex:none}.export-settings{flex:1;min-height:0;overflow-y:auto}.image-preview-actions{grid-template-columns:44px minmax(0,1fr) 44px 44px;display:grid}.image-preview-actions .icon-button{width:100%;min-width:0}.image-preview-actions output{min-width:0}.export-preview-media.preview-viewport{min-height:3rem}.export-body .export-mobile-category{align-items:center;gap:var(--space-2);font-size:var(--text-xs);flex-direction:row;margin:0;display:flex}.export-formats .export-type-trigger{border-color:var(--color-border-interactive);width:auto;min-width:0;padding-inline:var(--space-2);flex:1;justify-content:space-between}.export-mobile-panels{margin:0 var(--space-4);flex:none;display:flex}.export-mobile-panels button{min-height:var(--touch-target);flex:1}.export-mobile-panels .active{background:var(--color-primary);color:var(--color-on-primary);box-shadow:none;font-weight:var(--weight-semibold)}.export-workspace>header small,.export-workspace>footer>p{display:none}.export-unlock-status p{overflow-wrap:anywhere;margin:0}.export-workspace>header h2{font-size:var(--text-xl);margin:0}.export-body[data-mobile-pane=options]>.export-preview,.export-body[data-mobile-pane=preview]>.export-settings,.print-preview-actions,.print-preview-header>span{display:none}.print-mobile-view-trigger{min-height:var(--touch-target);padding-inline:var(--space-3);border-radius:var(--radius-control);border:var(--border-width) solid var(--color-border-interactive);color:var(--wb-ink);background:var(--wb-panel);font-weight:var(--weight-medium);justify-content:center;align-items:center;display:inline-flex}.print-mobile-navigation{grid-template-columns:var(--touch-target) minmax(0, 1fr) var(--touch-target);gap:var(--space-2);align-items:center;display:grid}.print-mobile-navigation select{min-width:0;height:var(--touch-target);font-size:var(--text-xs)}.print-mobile-navigation button{border:var(--border-width) solid var(--color-border-interactive);color:var(--wb-ink)}.print-mobile-view-options{top:calc(var(--touch-target) + var(--space-2));width:min(100%,18rem);padding:var(--space-3);gap:var(--space-2);background:var(--wb-panel);border:var(--border-width) solid var(--color-border-interactive);border-radius:var(--radius-panel);box-shadow:var(--shadow-popover);z-index:var(--z-popover);flex-direction:column;display:flex;position:absolute;right:0}.print-mobile-zoom{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.print-mobile-view-options>button{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--touch-target);border-radius:var(--radius-control);background:var(--wb-paper);color:var(--wb-ink);display:flex}.print-mobile-view-options>button[aria-pressed=true]{color:var(--color-on-primary);background:var(--color-primary)}.export-body[data-mobile-pane=preview] .print-preview{flex:1}.print-preview-header,.print-mobile-navigation,.print-thumbnails{flex:none}.print-thumbnails{--print-thumbnail-width:4.5rem;--print-thumbnail-height:5.25rem}.print-preview-sheet{border-color:var(--color-border-interactive);flex:1;height:auto;min-height:3rem}.export-preview{flex:1;min-height:0}}@media (max-width:900px) and (max-height:40rem){.print-thumbnails{display:none}}@container print-preview (max-width:20rem){.print-thumbnails{display:none}}@media (min-width:901px){.export-body{grid-template-rows:minmax(0,1fr)}.export-settings{overflow-y:auto}.export-preview{min-height:0;overflow:hidden}.print-preview{flex:1}.print-preview-header,.print-preview-actions,.print-thumbnails,.print-page-map{flex:none}.print-preview-sheet{flex:1;height:auto;min-height:12rem}}.inspector-region{padding-block:var(--space-4);border:0}.workbench-sidebar.right .sidebar-section{border:0}.inspector-region:first-child{padding-top:var(--space-1)}.inspector-region:last-child{border:0}.inspector-region h3{margin:0 0 var(--space-2);font-size:var(--text-body);font-weight:var(--weight-semibold)}.inspector-context-card{align-items:center;gap:var(--space-3);display:flex}.inspector-context-card>div{flex:1;min-width:0}.inspector-context-card strong{font-size:var(--text-body);font-weight:var(--weight-semibold);overflow-wrap:anywhere;display:block}.inspector-context-card small,.inspector-context-card code,.context-status{font-size:var(--text-caption);color:var(--wb-muted);margin-top:var(--space-1);overflow-wrap:anywhere;display:block}.inspector-context-card code{font-family:var(--font-body)}.inspector-context-card img,.context-swatch{width:var(--inspector-context-swatch-size);height:var(--inspector-context-swatch-size);border-radius:var(--radius-control);object-fit:cover;border:var(--border-width) solid var(--wb-line);flex:none}.inspector-context .segmented{margin-top:var(--space-4);margin-bottom:0}.inspector-tool-tiles{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--inspector-tile-min-width)), 1fr));gap:var(--space-2);margin-bottom:var(--space-4);display:grid}.inspector-tool-tiles .tool-button{justify-content:center;gap:var(--space-2);min-width:0;min-height:var(--inspector-tile-height);height:auto;padding:var(--space-2) var(--space-1);background:var(--wb-paper);font-size:var(--text-xs);white-space:normal;flex-direction:column;display:flex}.inspector-tool-tiles .tool-button.active{background:var(--color-primary);color:var(--color-on-primary);box-shadow:none}.inspector-tool-tiles .tool-button span{overflow-wrap:anywhere;max-width:100%}.image-tool-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.inspector-history{gap:var(--space-2);margin-bottom:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.inspector-history .tool-button{white-space:normal;justify-content:center;min-width:0}.inspector-disclosure{padding-block:var(--space-3);border:0}.inspector-disclosure summary{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:var(--touch-target);font-size:var(--text-xs);font-weight:var(--weight-medium);cursor:pointer;list-style:none;display:flex}.inspector-disclosure summary::-webkit-details-marker{display:none}.inspector-disclosure summary svg{flex:none}.inspector-disclosure[open]>summary svg{transform:rotate(180deg)}.inspector-disclosure summary:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--focus-offset)}.inspector-actions>.text-button{align-items:center;gap:var(--space-2);justify-content:center;width:100%;display:flex}.inspector-actions .sidebar-section:last-child{border:0;margin:0;padding:0}.inspector-actions .sidebar-section>.secondary-button{width:100%}.inspector-actions .sidebar-section>.secondary-button+.secondary-button{margin-top:var(--space-2)}.progress-context{gap:var(--space-2);display:grid}.progress-context>div{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.progress-context strong{font-size:var(--text-xl);font-weight:var(--weight-semibold);line-height:var(--line-tight)}.progress-context span,.progress-context small{color:var(--wb-muted);font-size:var(--text-caption);line-height:var(--line-normal)}.progress-context progress{appearance:none;width:100%;height:var(--space-2);border-radius:var(--radius-status);background:var(--wb-paper);border:0;margin:0;display:block;overflow:hidden}.progress-context progress::-webkit-progress-bar{background:var(--wb-paper)}.progress-context progress::-webkit-progress-value{background:var(--color-primary);border-radius:var(--radius-status)}.label-tiles{gap:var(--space-1);margin-bottom:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,4rem),1fr));display:grid}.label-tiles button{justify-content:center;align-items:center;gap:var(--space-1);min-height:var(--inspector-tile-height);border-radius:var(--radius-control);font-size:var(--text-caption);flex-direction:column;display:flex}.label-tiles button span{font-size:var(--text-xl)}.label-tiles button.active{background:var(--wb-soft);color:var(--color-primary-ink)}.scope-summary-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(min(100%,7rem),1fr));display:grid}.scope-summary{padding:var(--space-2);gap:var(--space-1);flex-wrap:wrap}.scope-used.text-button{align-items:center;gap:var(--space-2);justify-content:flex-start;width:100%;margin:0;display:flex}.scope-used strong{color:var(--wb-ink);margin-left:auto}.info-scroll .palette-heading{margin-top:0}.info-scroll .thread-info{border:0;margin-bottom:0}.info-scroll .inspector-actions .save-note{margin-block:var(--space-2)}.fabric-specs-row{gap:var(--space-4);grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:end;display:grid}.fabric-finish-row{align-items:end;gap:var(--space-2);grid-template-columns:minmax(0,.8fr) repeat(2,minmax(0,1fr));display:grid}.workbench-sidebar.left .fabric-color-control{gap:var(--space-1);display:grid}.fabric-color-options{align-items:center;gap:var(--space-1);display:flex}.fabric-color-control label{margin:0}.fabric-color-reset{width:var(--compact-target);height:var(--setup-field-height);min-width:var(--compact-target);min-height:var(--setup-field-height)}.fabric-color-control input{width:var(--fabric-swatch-width);min-width:0;height:var(--setup-field-height);padding:var(--space-half);border:var(--border-width) solid var(--wb-line);border-radius:var(--radius-control);background:var(--wb-panel)}@container setup (max-width:15rem){.fabric-color-reset{width:var(--touch-target)}.fabric-finish-row{grid-template-columns:1fr}.fabric-specs-row{grid-template-columns:repeat(2,minmax(0,1fr))}.workbench-sidebar.left .fabric-finish-row>label{flex-direction:column;align-items:stretch;display:flex}}.source-preview.upload-card{width:100%;height:auto;padding:var(--space-2);justify-content:flex-start;align-items:center;gap:var(--space-2);background:var(--wb-paper);text-align:left;border-style:solid;flex-direction:row;display:flex;container:source-photo/inline-size}.source-preview.upload-card img{height:auto;width:min(var(--source-thumbnail-width), 25%);aspect-ratio:4/5;max-height:var(--source-thumbnail-height);object-fit:contain;border-radius:var(--radius-control);flex:none}.source-preview-meta{flex:1;min-width:0}.source-preview-meta strong{font-weight:var(--weight-medium);font-size:var(--text-caption);display:block}.source-preview-meta small{text-align:left;margin-top:var(--space-1);overflow-wrap:anywhere;display:block}.source-preview>small{font-size:var(--text-caption);color:var(--wb-muted);text-align:center}.stitch-layer-control{gap:var(--space-4);margin:0;display:flex}.stitch-layer-control button{justify-content:center;align-items:center;gap:var(--space-2);min-width:0;min-height:var(--touch-target);padding:var(--space-2);border-radius:var(--radius-control);color:var(--wb-muted);font-size:var(--text-control);background:0 0;border:0;flex:1;display:flex}.stitch-layer-control button.active{color:var(--wb-ink);font-weight:var(--weight-semibold);background:var(--wb-paper)}.stitch-layer-control button:not(:disabled):hover{background:var(--wb-paper)}.tools-summary{padding-block:var(--space-3);min-height:var(--inspector-summary-min-height);justify-content:center;gap:var(--space-4);flex-direction:column;display:flex}.inspector-summary.tools-summary .inspector-region{padding-block:0}.inspector-mode-tabs{min-width:0;padding:0 var(--sidebar-content-inset) var(--space-3);border:0;flex:none;margin:0;container:inspector-mode-tabs/inline-size}.inspector-mode-tabs .image-tool-tabs{margin:0}@container inspector-mode-tabs (max-width:17rem){.layer-label,.tool-label{display:none}}.inspector-tool-tiles .tool-button svg,.stitch-layer-control svg{flex:none;width:1.25em;height:1.25em}.stitch-layer-control button{overflow-wrap:anywhere}.protection-controls{gap:var(--space-2);display:grid}.protected-region-list{gap:var(--space-1);max-height:var(--color-picker-max-height);margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.protected-region-list li{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.protected-region-list span{overflow-wrap:anywhere;min-width:0;font-size:var(--text-body)}.protected-region-list small{font-size:var(--text-caption);color:var(--wb-muted);display:block}.pattern-tool-zone>.stitch-layer-control,.inspector-body>.stitch-layer-control,.active-tool-settings{margin-bottom:var(--space-4)}.pattern-processing{margin-top:var(--space-6)}.pattern-action-grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.pattern-action-grid.color-actions{margin-bottom:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr))}.pattern-action-grid .tool-button{justify-content:flex-start;min-width:0}.pattern-action-grid .tool-label{display:inline}.processing-settings{margin-top:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.processing-settings label{margin:0}.inspector-footer{padding:var(--space-3) var(--sidebar-content-inset);background:var(--wb-panel);flex:none;max-height:35dvh;overflow:auto}.inspector-footer-actions{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;container:inspector-footer/inline-size}.inspector-footer-actions .tool-button{justify-content:center;min-width:0}.inspector-footer .inspector-region{padding:0}.inspector-footer .text-button{margin-top:var(--space-2)}@container inspector-footer (max-width:17rem){.tool-label{display:none}}.workbench-sidebar footer.inspector-footer{display:block}.inspector-footer>.inspector-controls{width:100%}.pattern-action-grid .tool-button{border:var(--border-width) solid var(--wb-line);background:var(--wb-paper);color:var(--wb-ink)}.pattern-action-grid .tool-button.active{background:var(--wb-soft);border-color:var(--color-selected-border);color:var(--color-primary-ink)}.pattern-action-grid .tool-button:not(.active):hover:not(:disabled){background:var(--wb-panel);border-color:var(--color-border-interactive)}.crafting-tool-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.inspector-footer-actions .tool-button{padding-inline:var(--space-1)}@container inspector-tools (max-width:15rem){.pattern-action-grid .tool-label{display:none}}.cleanup-controls{gap:var(--space-2);border:0;min-width:0;margin:0;padding:0;display:grid}.cleanup-operation{align-items:center;gap:var(--space-2);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.cleanup-operation input[type=number],.cleanup-operation select{width:100%;min-width:0}.protection-heading{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.protection-toggles{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.cleanup-controls h3{font-size:var(--text-body);margin:0}.cleanup-controls label{min-width:0;margin:0}.cleanup-controls .checkbox{align-items:center;gap:var(--space-2);display:flex}.cleanup-controls .checkbox input{flex:none}.cleanup-actions>:only-child{grid-column:1/-1}.cleanup-pro-label{align-items:center;gap:var(--space-1);font-size:var(--text-caption);white-space:nowrap;display:inline-flex}.canvas-region[data-context-open=true]>.canvas-bottom>.color-operation-context,.canvas-region[data-context-open=true]>.canvas-bottom>.cleanup-context{overflow:hidden}.context-body{gap:var(--space-2);flex-direction:column;flex:auto;min-height:0;display:flex;overflow-y:auto}.context-body>*{flex:none}.context-body .operation-color-list,.context-body .protected-region-list{max-height:none;overflow:visible}.color-operation-context>header,.cleanup-context>header,.operation-actions,.cleanup-tabs{flex:none}.cleanup-heading{align-items:center;gap:var(--space-2);flex:none;display:flex}.cleanup-heading>.cleanup-tabs{flex:1;min-width:0}.cleanup-heading>.icon-button{flex:none}.cleanup-heading strong{flex:1}.inspector-subpage-heading{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.inspector-subpage-heading strong{align-items:center;gap:var(--space-1-half);font-size:var(--text-body);display:flex}.cleanup-page{padding-block:var(--space-4)}.cleanup-page .cleanup-controls .context-body{overflow:visible}.cleanup-page .cleanup-controls .checkbox{margin:0}@container project-actions (max-width:17rem){.tool-label{display:none}}.project-save-actions .tool-button{border:var(--border-width) solid var(--wb-line);min-width:0}.cleanup-tabs button{min-height:var(--touch-target)}.toolbar-popup-host{--touch-target:var(--context-touch-target);--toolbar-popup-max-height:var(--canvas-context-max-height);left:0;bottom:calc(var(--floating-toolbar-height,var(--touch-target)) + var(--space-1-half));width:max-content;max-width:100%;min-height:0;max-height:var(--toolbar-popup-max-height);flex-direction:column;display:flex;position:absolute;overflow:visible}.toolbar-popup-host>.toolbar-menu{max-width:100%;max-height:var(--toolbar-popup-max-height);overscroll-behavior:contain;min-height:0;position:static;overflow-y:auto;transform:none}.toolbar-popup-host>.layer-choice-menu{width:14rem;container:layer-choices/inline-size}.toolbar-popup-host:has(>.layer-choice-menu){--toolbar-popup-max-height:min(max(var(--canvas-context-max-height), calc(2 * var(--context-touch-target) + var(--space-2) + 2 * var(--border-width))), calc(var(--canvas-available-height,100dvh) - var(--floating-toolbar-height,var(--touch-target)) - var(--space-3) - var(--space-1-half)))}.layer-choice-menu button{min-height:var(--context-touch-target);padding-block:var(--space-1)}@container layer-choices (max-width:12rem){.menu-label{display:none}}.canvas-bottom>.drawing-color-context{--picker-inset:clamp(8px, var(--space-2), 12px);bottom:calc(var(--floating-toolbar-height,var(--touch-target)) + var(--space-1-half));max-height:min(max(var(--canvas-context-max-height), calc(2 * var(--context-touch-target) + 3 * var(--picker-inset))), calc(var(--canvas-available-height,100dvh) - var(--floating-toolbar-height,var(--touch-target)) - var(--space-3) - var(--space-1-half)));padding:var(--picker-inset);gap:var(--picker-inset);position:absolute;overflow:hidden}.drawing-color-context input{height:var(--context-touch-target);min-height:var(--context-touch-target)}.drawing-color-context .operation-color-list button{padding:var(--picker-inset)}@container (max-width:20rem){.drawing-color-context>header{top:var(--picker-inset);right:var(--picker-inset);position:absolute}.drawing-color-context>header>div{display:none}.drawing-color-context .operation-palette>input{width:calc(100% - var(--context-touch-target) - var(--picker-inset))}}@container (max-width:12rem){.drawing-color-context .operation-color-list small{display:none}}.toolbar-popup-host:after{content:"";left:calc(var(--popup-anchor-x,20px) - var(--space-1));bottom:calc(-1 * var(--space-1));width:var(--space-2);height:var(--space-2);background:var(--wb-panel);border-right:var(--border-width) solid var(--wb-line);border-bottom:var(--border-width) solid var(--wb-line);pointer-events:none;position:absolute;transform:rotate(45deg)}.cleanup-context>.cleanup-controls{flex:auto;min-height:0;overflow:hidden}.cleanup-controls{flex-direction:column;display:flex}.cleanup-tabs{gap:var(--space-1);margin:0}.cleanup-tabs button{justify-content:center;align-items:center;gap:var(--space-1);min-width:0;display:flex}.cleanup-tabs svg{flex:none}.cleanup-tabs .cleanup-enabled{color:var(--wb-muted)}.inspector-footer-actions>.cleanup-actions{margin-bottom:var(--space-2);grid-column:1/-1}.cleanup-color-changes{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.cleanup-comparison{margin-block:var(--space-2) var(--space-4)}.cleanup-comparison dl{margin:0 0 var(--space-2)}.cleanup-comparison dl>div{justify-content:space-between;gap:var(--space-2);display:flex}.cleanup-comparison dd{font-variant-numeric:tabular-nums;margin:0}.color-change-pair{align-items:center;gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.color-change-pair>div{align-items:center;gap:var(--space-1-half);min-width:0;display:flex}.color-change-pair i{width:var(--space-5);height:var(--space-5);border:var(--border-width) solid var(--wb-line);border-radius:var(--radius-control);flex:none}.workbench-save-status{align-items:center;gap:var(--space-2);min-width:0;display:flex}.source-replace{font-size:var(--text-caption);padding:var(--space-1) var(--space-2);flex:none}@container source-photo (max-width:14rem){.source-replace>span{display:none}.source-preview.upload-card img{width:20%}}.workbench-save-status button{color:var(--color-primary-ink);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0}.workbench-save-status button:disabled{color:var(--wb-muted);cursor:default}@media (max-width:40rem){.workbench-save-status>span{display:none}}.color-change-pair span{overflow-wrap:anywhere;min-width:0}.color-change-pair strong,.color-change-pair small{font-size:var(--text-caption);display:block}.cleanup-color-changes>li>small{color:var(--wb-muted);margin-top:var(--space-1);display:block}@container (max-width:19rem){.cleanup-tabs button>span,.cleanup-tabs .cleanup-enabled{display:none}}