:root{--color-primary:#f5c644;--color-primary-hover:#e8b936;--color-primary-tint:#fff2c4;--color-accent:#ce604b;--color-accent-tint:#fbeae2;--color-background:#f8f6f0;--color-surface:#fffdf8;--color-canvas-chrome:#eae7df;--color-text:#2f2c26;--color-text-secondary:#67645b;--color-on-primary:#332a17;--color-border:#d9d5cb;--color-border-interactive:#958d7d;--color-focus:#9b6c17;--color-disabled-surface:#e9e5dc;--color-disabled-text:#767066;--color-success:#51664b;--color-success-tint:#e7ede2;--color-warning:#755506;--color-warning-tint:#fff2c4;--color-error:#aa3c32;--color-error-tint:#fbeae2;--color-info:#67645b;--color-info-tint:#eae7df;--color-grid-minor:#b5ad9e;--color-grid-major:#766d5d;--color-overlay:#2f2c266b;--color-gray-50:#fffdf8;--color-gray-100:#f8f6f0;--color-gray-200:#eae7df;--color-gray-300:#d9d5cb;--color-gray-400:#b5ad9e;--color-gray-500:#958d7d;--color-gray-600:#766d5d;--color-gray-700:#5d5549;--color-gray-800:#453f35;--color-gray-900:#2f2c26;--color-gray-950:#211f1c;--color-primary-active:#ddae2b;--color-primary-ink:#755506;--color-selected-border:#b28d26;--color-raised:#fffffb;--print-preview-height:min(52dvh, 38rem);--print-preview-min-height:18rem;--print-thumbnail-width:5.25rem;--print-thumbnail-height:6.5rem;--info-section-gap:var(--space-3);--font-display:var(--font-serif-display,Georgia), serif;--font-body:var(--font-ui,"Inter"), "Segoe UI", Arial, sans-serif;--text-micro:.6875rem;--text-caption:.75rem;--text-body:.875rem;--text-xs:.8125rem;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:28px;--text-4xl:36px;--text-5xl:48px;--text-control:.8125rem;--text-public-hero:clamp(36px, 4.2vw, 56px);--line-tight:1.12;--line-normal:1.5;--line-relaxed:1.75;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.08em;--space-1:4px;--space-half:2px;--space-1-half:6px;--space-2:8px;--space-2-half:10px;--space-3:12px;--space-3-half:14px;--space-4:16px;--space-4-half:18px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-18:72px;--space-12:48px;--space-16:64px;--space-24:96px;--radius-control:8px;--radius-toolbar:12px;--radius-panel:10px;--radius-dialog:14px;--radius-status:9999px;--shadow-popover:0 4px 16px #2f2c261f;--shadow-dialog:0 16px 48px #2f2c262e;--shadow-toolbar:0 5px 18px #2f2c261a;--shadow-canvas:0 5px 22px #2f2c261a;--shadow-control:0 1px 3px #2f2c2614;--shadow-drawer:0 0 45px #2f2c262e;--surface-floating:var(--color-surface)}@supports (color:color-mix(in lab, red, red)){:root{--surface-floating:color-mix(in srgb, var(--color-surface) 94%, transparent)}}:root{--surface-busy:var(--color-surface)}@supports (color:color-mix(in lab, red, red)){:root{--surface-busy:color-mix(in srgb, var(--color-surface) 70%, transparent)}}:root{--selection-tint:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root{--selection-tint:color-mix(in srgb, var(--color-primary) 10%, transparent)}}:root{--gradient-temperature:linear-gradient(90deg, #5b709e, #e4b780);--gradient-tint:linear-gradient(90deg, #a265a6, #82c398);--gradient-brightness:linear-gradient(90deg, #373039, #fcfaf5);--gradient-contrast:linear-gradient(90deg, #b5aab0, #453841);--gradient-saturation:linear-gradient(90deg, #b5aab0, #9b4b86);--gradient-hue:linear-gradient(90deg, #e57777, #e5c66e, #7ec78d, #77c4d5, #838cdd, #bf80cb, #e57777);--control-height:2.5rem;--touch-target:2.75rem;--toolbar-padding:var(--space-1);--toolbar-group-gap:var(--space-half);--toolbar-group-spacing:var(--space-1);--toolbar-icon-gap:var(--space-1-half);--toolbar-button-padding:var(--space-2);--sidebar-content-inset:var(--space-4);--sidebar-action-gap:var(--space-2);--setup-field-height:2.25rem;--field-height:2.5rem;--border-width:1px;--border-strong-width:2px;--focus-width:2px;--focus-offset:2px;--disabled-opacity:1;--public-width:1200px;--dashboard-nav-width:224px;--studio-content-width:72rem;--studio-title-size:2rem;--studio-rail-width:max(var(--dashboard-nav-width), 14rem);--studio-logo-width:128px;--studio-icon-target:44px;--studio-mobile-preview-min:80px;--studio-card-title-size:1rem;--studio-start-title-size:1.25rem;--studio-mobile-title-size:1.75rem;--studio-section-size:1.375rem;--studio-mobile-nav-height:4rem;--studio-folder-strip-height:6.5rem;--studio-folder-strip-mobile-height:4.5rem;--workbench-inspector-width:20rem;--inspector-context-swatch-size:3.5rem;--inspector-summary-min-height:6rem;--confirmation-dialog-width:26rem;--inspector-tile-min-width:3rem;--inspector-tile-height:4.25rem;--workbench-setup-width:20rem;--workbench-header-height:4rem;--motion-fast:.14s;--motion-drawer:.18s;--motion-dialog:.22s;--motion-theme:.9s;--ease-standard:cubic-bezier(.2, 0, .2, 1);--z-sticky:20;--z-tooltip:40;--z-overlay:50;--z-modal:100;--z-canvas-label:5;--z-canvas-overlay:12;--z-canvas-topbar:15;--z-canvas-toolbar:25;--z-busy:35;--z-sidebar:45;--z-drawer-backdrop:70;--z-drawer:80;--z-alert:90;--toolbar-divider-height:1.5rem;--compact-target:2rem;--range-track-height:var(--space-1-half);--range-thumb-size:var(--space-4-half);--adjustment-value-width:4.375rem;--inspector-tool-min-width:7rem;--checkbox-size:var(--space-3-half);--fabric-swatch-width:38px;--fabric-swatch-height:var(--space-7);--thread-swatch-size:22px;--selected-swatch-size:var(--space-5);--upload-card-height:80px;--source-thumbnail-height:5.5rem;--setup-subgroup-inset:var(--space-2);--setup-group-gap:var(--space-6);--info-dimension-size:1.125rem;--info-fact-min-width:8rem;--source-thumbnail-width:4.5rem;--toolbar-menu-width:180px;--view-menu-width:12rem;--compare-menu-width:18rem;--opacity-value-width:2.75rem;--image-options-width:24rem;--color-context-width:24rem;--color-picker-max-height:12rem;--canvas-context-height-ratio:.42;--canvas-context-height-limit:22rem;--context-touch-target:clamp(44px, 2.75rem, 56px);--image-options-max-height:35dvh;--help-dialog-width:28rem;--viewport-rail-clearance:5rem;--toolbar-menu-max-height:420px;--workbench-status-height:var(--space-7);--source-image-reserve:176px;--source-crop-reserve:160px;--source-compact-reserve:90px;--source-compact-bottom:100px;--overlay-control-top:58px;--overlay-range-width:100px;--empty-icon-size:80px;--radius-media:20px;--empty-copy-width:330px;--export-dialog-width:1080px;--export-format-width:14rem;--print-page-map-height:8rem;--export-settings-width:300px;--pane-caption-height:2.25rem;--alert-max-width:550px;--dashboard-card-min-width:230px;--dashboard-thumbnail-height:210px;--dashboard-new-card-height:260px;--dashboard-compact-nav-width:200px;--public-hero-width:700px;--public-copy-width:460px;--public-gutter:7vw;--design-swatch-min-width:140px;--blur-overlay:3px;--blur-floating:12px}.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-primary-active:#e8b646;--color-primary-ink:#f3c95b;--color-selected-border:#b99543;--color-raised:#35322d;--color-primary:#f3c95b;--color-primary-hover:#ffd770;--color-primary-tint:#393329;--color-accent:#e89c89;--color-accent-tint:#41302a;--color-background:#211f1c;--color-surface:#2b2925;--color-canvas-chrome:#191816;--color-text:#f4f0e6;--color-text-secondary:#c0b9aa;--color-on-primary:#302714;--color-border:#514c42;--color-border-interactive:#8f8778;--color-focus:#eac561;--color-disabled-surface:#39362f;--color-disabled-text:#ada594;--color-success:#aec3a2;--color-success-tint:#2c3829;--color-warning:#f3c95b;--color-warning-tint:#393329;--color-error:#eda496;--color-error-tint:#41302a;--color-info:#c0b9aa;--color-info-tint:#35322d;--color-grid-minor:#716a5e;--color-grid-major:#aaa18f;--color-overlay:#09070ba6;--shadow-popover:0 4px 16px #00000052;--shadow-dialog:0 16px 48px #00000073;--shadow-toolbar:0 5px 18px #00000052;--shadow-canvas:0 5px 22px #00000059;--shadow-control:0 1px 3px #00000047;--shadow-drawer:0 0 45px #0006}.crosy-workbench,.crosy-site,.dashboard-shell,.crosy-home,.crosy-tool-page,.thread-popover{--primary:var(--color-primary);--primary-foreground:var(--color-on-primary);--background:var(--color-background);--foreground:var(--color-text);--accent:var(--color-primary-tint);--accent-foreground:var(--color-text);--muted:var(--color-background);--muted-foreground:var(--color-text-secondary);--popover:var(--color-surface);--popover-foreground:var(--color-text);--card:var(--color-surface);--card-foreground:var(--color-text);--input:var(--color-border-interactive);--ring:var(--color-focus);--border:var(--color-border);--wb-paper:var(--color-background);--wb-panel:var(--color-surface);--wb-ink:var(--color-text);--wb-muted:var(--color-text-secondary);--wb-line:var(--color-border);--wb-accent:var(--color-primary);--wb-soft:var(--color-primary-tint);--wb-canvas:var(--color-canvas-chrome);color:var(--wb-ink);background:var(--wb-paper);font-family:var(--font-body);font-size:var(--text-body);line-height:var(--line-normal)}.crosy-site{flex-direction:column;min-height:100svh;font-size:1rem;display:flex}.crosy-site *{box-sizing:border-box}.crosy-site a{text-underline-offset:.2em}.crosy-site :is(a,button,input,select):focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--focus-offset)}.crosy-site :is(button,input,select){font:inherit}.crosy-site button{cursor:pointer}.crosy-site button:disabled{cursor:not-allowed;opacity:var(--disabled-opacity)}.crosy-site .primary-button,.crosy-site .secondary-button{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-control);min-height:2.75rem;font-size:.875rem;font-weight:var(--weight-medium);border:1px solid var(--color-border-interactive);padding:.65rem 1.05rem;text-decoration:none;display:inline-flex}.crosy-site .primary-button{background:var(--wb-accent);color:var(--color-on-primary);border-color:var(--color-selected-border)}.crosy-site .primary-button:hover{background:var(--color-primary-hover)}.crosy-site .secondary-button{background:var(--wb-panel);color:var(--wb-ink)}.crosy-site .secondary-button:hover{background:var(--wb-soft)}.crosy-brand{width:8rem;min-width:0;max-width:100%;min-height:2.75rem;color:var(--wb-ink);flex:0 8rem;align-items:center;display:inline-flex;text-decoration:none!important}.crosy-brand-logo{aspect-ratio:400/112;background:url(/brand/crosy-logo-web.svg) 50%/contain no-repeat;width:100%;display:block}.dark .crosy-brand-logo{background-image:url(/brand/crosy-logo-dark-web.svg)}.theme-dark-icon,.dark .theme-light-icon{display:none}.dark .theme-dark-icon{display:block}.icon-button{width:var(--touch-target);height:var(--touch-target);border-radius:var(--radius-control);flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover:not(:disabled){background:var(--wb-soft)}.site-skip-link{top:var(--space-2);left:var(--space-4);padding:var(--space-3);z-index:100;background:var(--wb-panel);position:absolute;transform:translateY(-200%)}.site-skip-link:focus{transform:translateY(0)}.confirmation-dialog{width:min(var(--confirmation-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:hidden}.confirmation-dialog[open]{flex-direction:column;display:flex}.confirmation-dialog>h2{flex:none}.confirmation-dialog>p{min-height:0;overflow-y:auto}.confirmation-dialog::backdrop{background:var(--color-overlay)}.confirmation-dialog h2{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin:0 0 var(--space-3)}.confirmation-actions{gap:var(--space-2);margin-top:var(--space-5);flex:none;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.confirmation-actions button{white-space:normal;flex:6rem;min-width:0}.crosy-account-badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border:var(--border-width) solid var(--color-border-interactive);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text-secondary);font:var(--weight-semibold) var(--text-caption)/1.2 var(--font-body);white-space:nowrap;flex:none;display:inline-flex}.crosy-account-badge[data-tier=pro]{color:var(--color-primary-ink);background:var(--color-primary-tint);border-color:var(--color-selected-border)}.crosy-account-badge[data-tier=free]{color:var(--color-text)}.crosy-account-badge[data-tier=free] svg{color:var(--color-text-secondary)}.crosy-account-badge svg{flex:none}
