.ai-dialog:has(.designer-studio){background:var(--background);width:min(1120px,96vw);max-width:1120px;color:var(--foreground);padding:clamp(18px,3vw,38px)}.designer-studio{gap:26px;display:grid}.designer-studio button{cursor:pointer}.designer-studio button:disabled{opacity:.5;cursor:not-allowed}.designer-studio .ai-primary{border:1px solid var(--primary);background:var(--primary);min-height:44px;color:var(--primary-foreground);border-radius:12px;padding:12px 20px;font-size:13px;font-weight:600}.designer-studio textarea,.designer-studio input:not([type=checkbox]):not([type=color]){border:1px solid var(--border);background:var(--background);width:100%;min-width:0;color:var(--foreground);font:inherit;border-radius:10px;padding:12px;font-size:13px}.designer-studio textarea{resize:vertical;min-height:90px}.designer-studio input[type=checkbox]{accent-color:var(--primary)}.designer-studio a{color:var(--primary);text-underline-offset:3px;text-decoration:underline}.designer-options button{border:1px solid var(--border);border-radius:8px;padding:6px 10px}.designer-options button[aria-pressed=true]{background:var(--muted)}.designer-heading{border-bottom:1px solid var(--border);padding-block:12px 18px}.designer-heading>span{text-transform:uppercase;letter-spacing:.18em;color:var(--muted-foreground);font-size:10px}.designer-heading h2{letter-spacing:-.04em;max-width:650px;margin:14px 0 0;font-size:clamp(26px,4vw,40px);line-height:1.08}.designer-brief{gap:14px;display:grid}.designer-options{flex-wrap:wrap;gap:18px;font-size:12px;display:flex}.designer-options label{align-items:center;gap:8px;display:flex}.designer-generate,.designer-entry{justify-content:center;align-items:center;gap:9px;display:inline-flex}.designer-generate{justify-self:start}.designer-section-title{justify-content:space-between;align-items:center;display:flex}.designer-section-title h3{margin:0;font-size:15px}.designer-section-title>span{color:var(--muted-foreground);letter-spacing:.15em;font-size:10px}.designer-concepts{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.designer-concept{text-align:start;border:1px solid var(--border);background:color-mix(in oklch,var(--muted) 24%,transparent);min-width:0;transition:border-color var(--cw-motion-ui),box-shadow var(--cw-motion-ui);border-radius:18px;padding:10px}.designer-concept[aria-pressed=true]{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.designer-concept-name{justify-content:space-between;align-items:center;margin:15px 6px 6px;font-size:13px;font-weight:600;display:flex}.designer-concept-description{color:var(--muted-foreground);min-height:3em;margin:0 6px;font-size:11px;line-height:1.5;display:block}.designer-colour-dots{gap:4px;padding:12px 6px 4px;display:flex}.designer-colour-dots i{border:1px solid #8885;border-radius:50%;width:10px;height:10px}.designer-card{aspect-ratio:1.586;background:#eee;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 12px 25px #0002;container-type:inline-size}.designer-real-canvas [data-workshop-guide],.designer-real-canvas [data-workshop-ui]{display:none!important}.designer-real-canvas .cw-workshop-element{pointer-events:none}.designer-brand-confirmed{flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;display:flex}.designer-preview-element{white-space:pre-wrap;transform-origin:0 0;max-width:75%;line-height:1.15;position:absolute}.designer-preview-default{gap:8px;padding:10% 9%;display:grid;position:relative}.designer-preview-default strong{font-size:7cqw}.designer-preview-default span{font-size:3.5cqw}.designer-preview-default small{font-size:2.7cqw}.designer-editor{grid-template-columns:1.1fr 1fr;align-items:start;gap:24px;padding-top:12px;display:grid}.designer-palette{gap:14px;display:grid}.designer-palette h3{margin:0;font-size:14px}.designer-role-tabs{flex-wrap:wrap;gap:4px;display:flex}.designer-role-tabs button{border:1px solid var(--border);border-radius:6px;padding:5px 8px;font-size:10px}.designer-role-tabs [aria-pressed=true]{background:var(--primary);color:var(--primary-foreground)}.designer-swatches{grid-template-columns:repeat(12,minmax(0,1fr));gap:4px;display:grid}.designer-swatches button{aspect-ratio:1;border:1px solid #8884;border-radius:4px}.designer-swatches button:hover,.designer-swatches button:focus-visible{outline:2px solid var(--foreground);outline-offset:2px}.designer-review{border-top:1px solid var(--border);gap:14px;padding-top:20px;display:grid}.designer-review>button{justify-self:end}.designer-studio input[type=color]{width:100%;height:34px;padding:2px}.designer-studio button:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.designer-brand{border:1px solid var(--border);border-radius:12px;padding:14px;font-size:12px}.designer-brand summary{cursor:pointer;font-weight:600}.designer-brand-fields{gap:12px;padding-top:14px;display:grid}.designer-brand-fields>button,.designer-brand-candidates button{border:1px solid var(--border);text-align:start;border-radius:8px;padding:9px}.designer-brand-candidates{gap:6px;display:grid}.designer-brand-colours{flex-wrap:wrap;gap:12px;display:flex}.designer-brand-colours>span{overflow-wrap:anywhere;gap:5px;max-width:120px;font-size:10px;display:grid}.designer-brand-colours button{border:1px solid #8888;border-radius:5px;width:40px;height:30px}.designer-brand-colours button[aria-pressed=true]{outline:2px solid var(--primary);outline-offset:2px}@media(max-width:700px){.designer-concepts{grid-template-columns:1fr}.designer-concept{grid-template-columns:1fr 1fr;gap:4px 12px;display:grid}.designer-concept .designer-card{grid-row:span 3}.designer-concept-description{min-height:0}.designer-concept-name{margin-top:4px}.designer-editor{grid-template-columns:1fr}.designer-heading h2{max-width:350px}.designer-studio{gap:20px}}.cw-workshop{--workshop-panel-radius:24px;--workshop-control-radius:16px;--workshop-edge:var(--border);width:100%;height:100vh;background:var(--gradient-hero);height:100dvh;min-height:540px;color:var(--foreground);color-scheme:inherit;flex-direction:column;gap:12px;padding:12px;font-family:inherit;display:flex;position:relative;overflow:hidden}.cw-workshop *,.cw-workshop :before,.cw-workshop :after{box-sizing:border-box}.cw-workshop .cw-workshop-topbar{border:1px solid var(--workshop-edge);border-radius:var(--workshop-panel-radius);background:var(--card);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:12px 20px;display:flex;box-shadow:inset 0 1px #ffffff09,0 8px 28px #0000001f}.cw-workshop-brand{align-items:center;gap:16px;min-width:0;display:flex}.cw-workshop .cw-workshop-topbar>div{padding-inline:0}.cw-workshop-brand>a{white-space:nowrap;letter-spacing:-.04em;border-radius:999px;flex-shrink:0;align-items:center;gap:8px;min-height:40px;font-size:17px;font-weight:600;display:inline-flex}.cw-workshop-home>svg{color:var(--primary)}.cw-workshop-brand>.cw-workshop-home{border:1px solid var(--border);background:var(--card);min-height:44px;padding-inline:8px}.cw-workshop-home:hover{background:var(--accent)}.cw-workshop-home>.cw-workshop-home-arrow{flex-shrink:0;width:16px;height:16px}.cw-workshop-home-label{letter-spacing:normal;font-size:12px;font-weight:600}:root[dir=rtl] .cw-workshop-home-arrow{transform:rotate(180deg)}@media(max-width:600px){.cw-workshop-home .cw-workshop-logo{display:none}}.cw-workshop-brand>div{min-width:0;padding-left:4px}.cw-workshop .cw-workshop-topbar h1{letter-spacing:-.015em;margin:0;font-size:14px;font-weight:600;line-height:1.3}.cw-workshop-brand small{color:var(--muted-foreground);margin-top:4px;font-size:10px;display:block}.cw-workshop-header-actions,.cw-workshop-tool-group{align-items:center;gap:5px;display:flex}.cw-workshop button,.cw-workshop a{-webkit-tap-highlight-color:transparent}.cw-workshop button:focus-visible,.cw-workshop a:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.cw-workshop-tool,.cw-workshop-primary,.cw-workshop .cw-workshop-card-tools button{cursor:pointer;min-width:40px;min-height:40px;transition:color var(--cw-motion-ui),border-color var(--cw-motion-ui),background var(--cw-motion-ui),box-shadow var(--cw-motion-ui);border:1px solid #0000;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;padding:8px 10px;font-size:12px;line-height:1.2;display:inline-flex}.cw-workshop-tool:hover,.cw-workshop .cw-workshop-card-tools button:hover{background:var(--muted);border-color:var(--border)}.cw-workshop-tool:disabled,.cw-workshop button:disabled{opacity:.35;cursor:not-allowed}.cw-workshop .cw-workshop-danger{color:var(--destructive);background:color-mix(in oklch,var(--destructive) 10%,var(--card));border-color:color-mix(in oklch,var(--destructive) 35%,var(--border))}.cw-workshop .cw-workshop-danger:hover:not(:disabled){color:var(--destructive);background:color-mix(in oklch,var(--destructive) 18%,var(--card));border-color:color-mix(in oklch,var(--destructive) 35%,var(--border))}.cw-workshop-tool[aria-pressed=true]{color:var(--accent-foreground);background:var(--accent)}.cw-workshop-primary{background:var(--primary);color:var(--primary-foreground);padding-inline:16px;font-weight:600;box-shadow:0 4px 16px #7860b529}.cw-workshop-primary:hover{background:color-mix(in oklch,var(--primary) 90%,var(--foreground))}.cw-workshop-divider{background:var(--workshop-edge);border-radius:999px;width:1px;height:20px;margin:0 5px}.cw-workshop .cw-workshop-main{flex:1;gap:12px;width:100%;max-width:none;min-height:0;margin:0;padding:0;display:flex;overflow:hidden}.cw-workshop .cw-workshop-canvas{border:1px solid var(--workshop-edge);border-radius:var(--workshop-panel-radius);background:radial-gradient(ellipse at 52% 50%,var(--card) 0,transparent 65%),var(--background);flex-direction:column;flex:1;width:auto;min-width:0;max-width:none;min-height:0;margin:0;display:flex;position:relative;overflow:hidden}.cw-workshop .cw-workshop-card-tools{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:none;min-height:62px;padding:12px 22px;display:flex}.cw-workshop-face-tabs{border:1px solid var(--workshop-edge);background:var(--muted);border-radius:999px;padding:4px;display:inline-flex}.cw-workshop .cw-workshop-face-tabs button{min-height:32px;padding:6px 16px}.cw-workshop .cw-workshop-face-tabs button[aria-pressed=true]{color:var(--accent-foreground);background:var(--accent);box-shadow:0 2px 6px #00000029}.cw-workshop .cw-workshop-stage{overscroll-behavior:contain;background-image:radial-gradient(color-mix(in oklch,var(--foreground) 10%,transparent) .8px,transparent .8px);background-size:20px 20px;flex:1;place-items:center;width:100%;max-width:none;min-height:0;display:grid;position:relative;overflow:auto}.cw-workshop .cw-workshop-card-space{flex-shrink:0;max-width:none;margin:12px 22px;position:relative}.cw-workshop[data-card-orientation=portrait][data-preview=false] .cw-workshop-canvas-footer{min-height:48px;padding-block:4px}@media(min-width:1200px)and (max-height:800px),(min-width:1440px){.cw-workshop[data-card-orientation=portrait] .cw-workshop-view{position:relative}.cw-workshop[data-card-orientation=portrait][data-preview=false] .cw-workshop-view[data-orbit=false] .cw-workshop-orbit-toolbar{z-index:2;position:absolute;inset-block-start:4px;inset-inline-end:8px}}.cw-workshop .cw-workshop-card{transform-origin:0 0;perspective:1600px;width:640px;max-width:none;height:403.531px;box-shadow:0 30px 70px #0008,0 0 90px color-mix(in oklch,var(--primary) 6%,transparent);border-radius:16px;position:relative}.cw-workshop-card[data-drop-active=true]{outline:3px solid var(--primary);outline-offset:9px}.cw-workshop-flipper{width:100%;height:100%;transform-style:preserve-3d;transition:transform var(--cw-motion-follow) var(--cw-motion-ease-settle);position:relative}.cw-workshop-flipper[data-card-orientation=portrait] [data-workshop-kind=text]{max-width:calc(331px / var(--cw-element-scale,1))}.cw-workshop-flipper[data-card-orientation=portrait] .cw-custom-design-image{object-fit:contain}.cw-workshop-flipper[data-card-orientation=portrait] [data-workshop-kind=text] :is(.whitespace-nowrap,.truncate){white-space:pre-wrap;overflow-wrap:anywhere;text-overflow:clip;overflow:visible}.cw-workshop .cw-workshop-canvas-footer{width:100%;max-width:none;color:var(--muted-foreground);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 24px 18px;font-size:11px;display:flex}.cw-workshop-selection-toolbar{align-items:center;gap:8px;min-width:0;min-height:40px;display:flex}.cw-workshop-print-status{flex-shrink:0;min-width:0}.cw-workshop-print-warning{border:1px solid color-mix(in oklch,var(--warning) 35%,var(--border));background:var(--warning-soft);color:var(--warning);border-radius:16px;align-items:center;gap:10px;margin:0 16px 8px;padding:10px 12px;font-size:11px;line-height:1.4;display:flex}.cw-workshop-print-warning>svg{flex-shrink:0}.cw-workshop-print-warning>div{flex:1;min-width:0}.cw-workshop-print-warning strong{font-weight:600}.cw-workshop-print-warning p{margin:3px 0}.cw-workshop-print-risk-names{text-overflow:ellipsis;white-space:nowrap;color:var(--warning);display:block;overflow:hidden}.cw-workshop-print-warning .cw-workshop-tool{border-color:color-mix(in oklch,var(--warning) 35%,var(--border));flex-shrink:1;font-size:11px}@media(max-width:600px){.cw-workshop-print-warning{gap:8px;margin:0 10px 4px;padding:8px 10px;font-size:10px}.cw-workshop-print-risk-names{display:none}.cw-workshop-print-warning .cw-workshop-tool{min-height:32px;padding:6px 8px;font-size:10px}}.cw-workshop-selection-toolbar>span{text-overflow:ellipsis;white-space:nowrap;max-width:180px;color:var(--muted-foreground);font-size:12px;overflow:hidden}.cw-workshop-zoom{align-items:center;gap:1px;display:flex}.cw-workshop-zoom output{text-align:center;font-variant-numeric:tabular-nums;min-width:40px}.cw-workshop .cw-workshop-drawer{border:1px solid var(--workshop-edge);border-radius:var(--workshop-panel-radius);background:linear-gradient(165deg,var(--card),var(--card) 55%);flex-direction:column;flex:0 0 352px;width:352px;min-width:0;max-width:none;min-height:0;padding:0;display:flex;overflow:hidden}.cw-workshop-drawer-tabs{flex-direction:column;flex:1;min-height:0;display:flex}.cw-workshop-drawer-head{flex-shrink:0;align-items:center;padding:14px 16px 10px;display:flex}.cw-workshop .cw-workshop-tabs{border:1px solid var(--workshop-edge);background:var(--background);border-radius:999px;gap:4px;width:100%;height:44px;padding:4px;display:flex}.cw-workshop .cw-workshop-tabs>button{border-radius:999px;flex:1;gap:7px;min-height:34px;font-size:12px;display:flex}.cw-workshop .cw-workshop-tabs>button[data-state=active]{color:var(--accent-foreground);background:var(--accent);box-shadow:none}.cw-workshop-drawer-toggle{border:1px solid var(--border);cursor:pointer;width:40px;height:40px;color:var(--accent-foreground);background:linear-gradient(145deg,var(--accent),var(--accent));transition:background var(--cw-motion-ui),border-color var(--cw-motion-ui);border-radius:999px;flex-shrink:0;place-items:center;margin-left:6px;display:grid;box-shadow:inset 0 1px #ffffff0c,0 3px 12px #0003}.cw-workshop-drawer-toggle:hover{background:var(--accent);border-color:var(--primary)}.cw-workshop-drawer-toggle svg{transition:transform var(--cw-motion-ui) var(--cw-motion-ease-settle)}.cw-workshop-drawer[data-open=false] .cw-workshop-drawer-toggle svg{transform:rotate(180deg)}.cw-workshop .cw-workshop-panel{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--muted-foreground) transparent;flex:1;min-height:0;margin:0;padding:18px 16px 24px;overflow-y:auto}.cw-workshop .cw-workshop-panel[data-state=inactive]{display:none}.cw-workshop-panel-intro{color:var(--muted-foreground);margin:0 0 16px;font-size:12px;line-height:1.6}.cw-workshop-palette{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.cw-workshop-palette-item{border:1px solid var(--workshop-edge);border-radius:var(--workshop-control-radius);background:var(--card);text-align:start;cursor:grab;touch-action:none;min-height:70px;transition:background var(--cw-motion-ui),border-color var(--cw-motion-ui);grid-template-columns:22px 1fr;align-content:center;align-items:center;gap:6px 8px;padding:14px;display:grid;position:relative}.cw-workshop-palette-item:hover{border-color:var(--primary);background:var(--accent)}.cw-workshop-palette-item[data-dragging=true]{opacity:.45}.cw-workshop-palette-item>svg{color:var(--primary)}.cw-workshop-palette-item>span{font-size:12px;font-weight:500}.cw-workshop-palette-item>small{text-overflow:ellipsis;white-space:nowrap;color:var(--muted-foreground);grid-column:1/-1;font-size:10px;overflow:hidden}.cw-workshop-palette-item .cw-workshop-add-mark{opacity:.5;position:absolute;top:10px;right:10px}.cw-workshop-sample-actions{flex-wrap:wrap;gap:6px;margin:14px 0 4px;display:flex}.cw-workshop-sample-actions button{border:1px solid var(--border);flex:1}.cw-workshop-sample-note{color:var(--muted-foreground);margin:8px 0 20px;font-size:11px;line-height:1.6}.cw-workshop-control-groups{gap:8px;margin-top:16px;display:grid}.cw-workshop-control-groups>details{border:1px solid var(--workshop-edge);background:var(--card);box-shadow:none;border-radius:18px}.cw-workshop-control-groups>details>summary{border-radius:18px;min-height:48px}.cw-workshop-control-groups button,.cw-workshop-control-groups input:not([type=range]):not([type=checkbox]),.cw-workshop-control-groups textarea,.cw-workshop-control-groups select{border-radius:var(--workshop-control-radius)}.cw-workshop .cw-workshop-control-groups h3{font-size:12px;line-height:1.4}.cw-workshop .cw-workshop-control-groups [class*="lg:grid-cols"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}.cw-workshop .cw-workshop-order{border-top:1px solid var(--workshop-edge);background:var(--muted);border-radius:20px 20px 0 0;flex-shrink:0;grid-template-columns:44px auto minmax(0,1fr);gap:8px;padding:12px;display:grid}.cw-workshop-order>div{width:auto;padding:3px}.cw-workshop-order>div>span{display:none}.cw-workshop-order>button{border-radius:999px;padding:10px;font-size:11px;line-height:1.45}.cw-workshop-order>.cw-workshop-privacy{border:1px solid var(--workshop-edge);background:var(--background);width:44px;min-height:44px;color:var(--muted-foreground);justify-content:center;align-self:center;align-items:center;padding:0;display:inline-flex}.cw-workshop-privacy:hover{background:var(--accent);color:var(--accent-foreground)}.cw-workshop-order>a,.cw-workshop-order>p{display:none}.cw-workshop-inspector-title{color:var(--primary);align-items:center;gap:8px;margin:8px 0 20px;display:flex}.cw-workshop .cw-workshop-inspector-title h2{margin:0;font-size:15px;line-height:1.4}body:has(.cw-workshop[data-preview=true]) .cw-site-cookie-settings{display:none}.cw-workshop-back-settings{min-height:34px;color:var(--primary);text-underline-offset:4px;padding:0;font-size:11px;text-decoration:underline}.cw-workshop-inspector,.cw-workshop-inspector-fields{gap:14px;min-width:0;display:grid}.cw-workshop-inspector-fields{border:0;margin:0;padding:0}.cw-workshop-settings-fields{border:0;min-width:0;margin:0;padding:0}.cw-workshop-orientation{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.cw-workshop-orientation>button{border:1px solid var(--border);flex:1}.cw-workshop-settings-fields:disabled,.cw-workshop-inspector-fields:disabled{opacity:.55}.cw-workshop-element-actions{flex-wrap:wrap;gap:6px;display:flex}.cw-workshop-element-actions>button{border:1px solid var(--workshop-edge);flex:1;min-height:42px}.cw-workshop-state-note{border:1px solid var(--workshop-edge);background:var(--accent);color:var(--accent-foreground);border-radius:14px;padding:12px;font-size:12px;line-height:1.6}.cw-workshop-state-note p{margin:0}.cw-workshop-alignment{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;display:grid}.cw-workshop-alignment>p{color:var(--muted-foreground);grid-column:1/-1;margin:0 0 4px;font-size:11px}.cw-workshop-alignment>button{border:1px solid var(--workshop-edge);border-radius:12px;min-width:0;padding-inline:6px}.cw-workshop-advanced{border:1px solid var(--workshop-edge);border-radius:16px}.cw-workshop-advanced>summary{cursor:pointer;min-height:44px;color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:8px;padding:13px 12px;font-size:12px;list-style:none;display:flex}.cw-workshop-advanced>summary::-webkit-details-marker{display:none}.cw-workshop-advanced[open]>summary svg{transform:rotate(180deg)}.cw-workshop-advanced-fields{gap:14px;padding:2px 12px 14px;display:grid}.cw-workshop-randomize{border:1px solid var(--workshop-edge);margin-top:12px}.cw-workshop-field{color:var(--muted-foreground);gap:6px;font-size:11px;display:grid}.cw-workshop-field input:not([type=range]),.cw-workshop-field textarea,.cw-workshop-field select{border:1px solid var(--border);background:var(--background);width:100%;min-height:40px;color:var(--foreground);font:inherit;border-radius:14px;padding:10px 12px;font-size:13px}.cw-workshop-field textarea{resize:vertical;min-height:76px}.cw-workshop-field input[type=range]{width:100%;accent-color:var(--primary)}.cw-workshop-field input[type=color]{padding:4px}.cw-workshop-field>span{justify-content:space-between;gap:8px;display:flex}.cw-workshop-position-fields{grid-template-columns:1fr 1fr;gap:8px;display:grid}.cw-workshop-layer-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.cw-workshop-layer-heading h2{margin:0;font-size:15px}.cw-workshop-layer-heading>span{background:var(--accent);color:var(--accent-foreground);border-radius:999px;padding:4px 9px;font-size:11px}.cw-workshop-layer-list{gap:8px;display:grid}.cw-workshop-layer-row{border:1px solid var(--workshop-edge);background:var(--muted);border-radius:16px;min-width:0;padding:4px}.cw-workshop-layer-row[data-selected=true]{border-color:var(--primary);background:var(--accent)}.cw-workshop-layer-main{align-items:center;gap:2px;min-width:0;display:flex}.cw-workshop-layer-select{text-align:start;cursor:pointer;border-radius:12px;flex:1;align-items:center;gap:8px;min-width:0;min-height:44px;padding:6px;font-size:12px;display:flex}.cw-workshop-layer-select>svg{color:var(--primary);flex-shrink:0}.cw-workshop-layer-select>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cw-workshop-layer-select small{color:var(--muted-foreground);font-size:10px;display:block}.cw-workshop-layer-row[data-hidden=true] .cw-workshop-layer-select{color:var(--muted-foreground)}.cw-workshop-layer-action{min-width:36px;min-height:40px;color:var(--accent-foreground);cursor:pointer;border:1px solid #0000;border-radius:12px;flex-shrink:0;place-items:center;padding:6px;display:grid}.cw-workshop-layer-action:hover:not(:disabled),.cw-workshop-layer-action[aria-pressed=true]{background:var(--accent);color:var(--accent-foreground)}.cw-workshop-layer-actions{border-top:1px solid var(--workshop-edge);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px;margin-top:3px;padding-top:4px;display:flex}.cw-workshop-layer-options{margin-top:16px}.cw-workshop .cw-workshop-element,.designer-real-canvas .cw-workshop-element{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:2px;outline:1px solid #0000;width:max-content;max-width:none;position:absolute}.cw-workshop-element:hover{outline-color:color-mix(in oklch,var(--primary) 50%,transparent)}.cw-workshop-element[data-selected=true]{outline:1px solid var(--primary);outline-offset:3px}.cw-workshop-element:active{cursor:grabbing}.cw-workshop .cw-workshop-element[data-locked=true]{cursor:default}.cw-workshop .cw-workshop-element-settings,.cw-workshop .cw-workshop-resize{width:24px;min-width:0;height:24px;min-height:0;color:var(--primary-foreground);background:var(--primary);border:1px solid var(--card);z-index:5;border-radius:5px;place-items:center;padding:0;display:grid;position:absolute}.cw-workshop-element-settings{transform-origin:100% 100%;cursor:pointer;top:-31px;right:-3px}.cw-workshop .cw-workshop-resize{transform-origin:50%;cursor:nwse-resize;border-radius:3px;width:16px;height:16px;bottom:-9px;right:-9px}.cw-workshop[data-preview=true] .cw-workshop-element{cursor:default;pointer-events:none;outline:none}.cw-workshop[data-guides=false] [data-workshop-guide]{display:none}.cw-workshop [data-workshop-card] .absolute.pointer-events-none{max-width:none}.cw-workshop [data-workshop-card] [data-workshop-image]{aspect-ratio:auto;object-fit:contain;border-radius:0;max-width:none;max-height:none}.cw-workshop-drag-ghost{border:1px solid var(--primary);background:var(--muted);color:var(--foreground);border-radius:10px;align-items:center;gap:10px;padding:16px;font:13px Segoe UI,sans-serif;display:flex;box-shadow:0 12px 40px #0006}.cw-workshop-context{z-index:160;border:1px solid var(--border);background:var(--card);min-width:190px;color:var(--foreground);border-radius:18px;padding:6px;font-size:12px;box-shadow:0 16px 60px #0008}.cw-workshop-context [role=menuitem]{cursor:pointer;border-radius:5px;outline:none;align-items:center;gap:9px;min-height:40px;padding:9px 10px;display:flex}.cw-workshop-context [role=menuitem][data-highlighted]{background:var(--accent)}.cw-workshop-context [role=menuitem][data-disabled]{opacity:.35;cursor:not-allowed}.cw-workshop-context [role=separator]{background:var(--border);height:1px;margin:5px}.cw-workshop-context>div:not([role]){color:var(--muted-foreground);padding:8px 10px}@media(max-width:1100px)and (min-width:901px){.cw-workshop .cw-workshop-drawer{flex-basis:320px;width:320px}.cw-workshop-action-label{display:none}}@media(max-width:900px){.cw-workshop{--drawer-height:34dvh;--workshop-panel-radius:20px;gap:8px;min-height:0;padding:8px}.cw-workshop[data-drawer-open=false]{--drawer-height:62px}.cw-workshop[data-card-orientation=portrait][data-drawer-open=true]{--drawer-height:34dvh}.cw-workshop .cw-workshop-main{padding-bottom:var(--drawer-height)}.cw-workshop .cw-workshop-topbar{gap:8px;min-height:60px;padding:8px 12px}.cw-workshop-brand{gap:8px}.cw-workshop-brand>div{padding-left:0}.cw-workshop-brand small,.cw-workshop-action-label,.cw-workshop-divider{display:none}.cw-workshop-header-actions{gap:0}.cw-workshop-header-actions .cw-workshop-tool{min-width:34px;padding:7px}.cw-workshop-header-actions .cw-workshop-secondary-action{display:none}.cw-workshop .cw-workshop-card-tools{flex-wrap:wrap;gap:6px;min-height:48px;padding:5px 12px}.cw-workshop-selection-toolbar>span{display:none}.cw-workshop .cw-workshop-canvas-footer{min-height:40px;padding:4px 12px}.cw-workshop-canvas-footer>span{display:none}.cw-workshop .cw-workshop-drawer{z-index:50;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));width:auto;max-width:none;height:var(--drawer-height);border:1px solid var(--workshop-edge);border-radius:24px;position:absolute;box-shadow:0 -15px 45px #0004}.cw-workshop-drawer-head{min-height:60px;padding:9px 14px}.cw-workshop-drawer-toggle{width:40px;height:40px;margin-left:8px}.cw-workshop .cw-workshop-panel{padding:14px 18px 20px}.cw-workshop .cw-workshop-tabs>button{gap:4px;padding-inline:6px;font-size:11px}.cw-workshop .cw-workshop-order{padding:8px 14px max(8px,env(safe-area-inset-bottom))}.cw-workshop .cw-workshop-drawer[data-open=false] .cw-workshop-panel,.cw-workshop .cw-workshop-drawer[data-open=false] .cw-workshop-order{display:none}.cw-workshop-palette{grid-template-columns:repeat(3,minmax(0,1fr))}.cw-workshop-palette-item{gap:5px;min-height:64px;padding:10px}.cw-workshop-palette-item>span{font-size:11px}.cw-workshop .cw-workshop-field input,.cw-workshop .cw-workshop-field textarea{font-size:16px}}@media(max-width:480px){.cw-workshop-brand>div{display:none}.cw-workshop .cw-workshop-topbar{padding-inline:10px}.cw-workshop-brand>a{gap:5px;font-size:15px}.cw-workshop-home>svg{width:24px;height:24px}.cw-workshop-header-actions .cw-workshop-primary{min-width:36px;padding-inline:10px}.cw-workshop-palette{grid-template-columns:repeat(2,minmax(0,1fr))}.cw-workshop-selection-toolbar{gap:1px}.cw-workshop .cw-workshop-tabs>button>svg{display:none}.cw-workshop-layer-action{min-width:40px;min-height:44px}.cw-workshop .cw-workshop-card-tools button{min-width:34px;padding:6px 8px}}@media(prefers-reduced-motion:reduce){.cw-workshop-flipper,.cw-workshop-tool,.cw-workshop-primary,.cw-workshop .cw-workshop-card-tools button,.cw-workshop-palette-item{transition:none}}@media(min-width:901px){.cw-workshop .cw-workshop-drawer[data-open=false]{flex-basis:58px;width:58px}.cw-workshop .cw-workshop-drawer[data-open=false] .cw-workshop-drawer-head{padding:12px 8px}.cw-workshop .cw-workshop-drawer[data-open=false] .cw-workshop-tabs,.cw-workshop .cw-workshop-drawer[data-open=false] .cw-workshop-panel,.cw-workshop .cw-workshop-drawer[data-open=false] .cw-workshop-order{display:none}.cw-workshop .cw-workshop-drawer[data-open=false] .cw-workshop-drawer-toggle{margin:0}.cw-workshop-drawer-toggle svg{transform:rotate(-90deg)}.cw-workshop-drawer[data-open=false] .cw-workshop-drawer-toggle svg{transform:rotate(90deg)}.cw-workshop-drawer-head .cw-workshop-tabs{flex:1;gap:1px;min-width:0}.cw-workshop-drawer-head .cw-workshop-tabs>button{gap:4px;padding-inline:5px;font-size:11px}}.cw-workshop .cw-workshop-view{flex-direction:column;flex:1;width:100%;min-width:0;max-width:none;min-height:0;display:flex}.cw-workshop-orbit-toolbar{flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:6px 14px;padding:4px 12px 8px;display:flex}.cw-workshop-orbit-toolbar label{color:var(--muted-foreground);align-items:center;gap:8px;font-size:11px;display:flex}.cw-workshop-orbit-toolbar input{width:88px;min-height:32px;accent-color:var(--primary);cursor:pointer}.cw-workshop-orbit{width:100%;height:100%;transform-style:preserve-3d}.cw-workshop-view[data-orbit=true] .cw-workshop-card-space{perspective:1400px;touch-action:none;cursor:grab}.cw-workshop-view[data-orbit=true] .cw-workshop-card-space:active{cursor:grabbing}.cw-workshop-view[data-orbit=true] .cw-workshop-card{perspective:none;transform-style:preserve-3d;pointer-events:none}.cw-workshop-view[data-orbit=true] .cw-workshop-card *{pointer-events:none!important}.cw-workshop-view[data-orbit=true] [data-workshop-guide]{display:none}.cw-workshop-view[data-orbit=true] .cw-workshop-element{outline:none}.cw-workshop-view[data-orbit=true] .cw-workshop-orbit{transition:transform var(--cw-motion-ui) var(--cw-motion-ease-settle)}.cw-workshop-view[data-orbit=true] .cw-workshop-orbit[data-dragging=true]{transition:none}.cw-workshop-orbit-hint{text-align:center;color:var(--muted-foreground);flex-shrink:0;margin:0;padding:6px 16px;font-size:11px}@media(max-width:600px){.cw-workshop-orbit-toolbar{gap:3px 8px;padding-inline:8px}.cw-workshop-orbit-toolbar .cw-workshop-tool{min-height:36px;padding:6px 8px;font-size:11px}.cw-workshop-orbit-toolbar input{width:65px}.cw-workshop-orbit-hint{font-size:10px}}@media(prefers-reduced-motion:reduce){.cw-workshop-view[data-orbit=true] .cw-workshop-orbit,.cw-workshop-drawer-toggle,.cw-workshop-drawer-toggle svg{transition:none}}.cw-workshop[data-preview=true]{z-index:1000;overscroll-behavior:contain;width:100%;height:100dvh;min-height:0;display:block;position:fixed;inset:0;overflow:hidden}.cw-workshop[data-preview=true]>:not(.cw-workshop-main):not(.cw-workshop-preview-controls),.cw-workshop[data-preview=true] .cw-workshop-main>:not(.cw-workshop-canvas),.cw-workshop[data-preview=true] [data-workshop-ui],.cw-workshop[data-preview=true] button:not(.cw-workshop-preview-action){display:none!important}.cw-workshop[data-preview=true] .cw-workshop-canvas>:not(:has([data-workshop-card])){display:none!important}.cw-workshop[data-preview=true] .cw-workshop-main{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:0;width:100%;height:100%;min-height:0;margin:0;padding:0;display:grid}.cw-workshop[data-preview=true] .cw-workshop-canvas{box-sizing:border-box;width:100%;max-width:none;height:100%;min-height:0;padding:calc(80px + env(safe-area-inset-top,0px)) clamp(16px,4vw,64px) max(24px,env(safe-area-inset-bottom,0px));border:none;flex-direction:column;justify-content:center;align-items:center;margin:0;display:flex}.cw-workshop[data-preview=true] .cw-workshop-canvas>:has([data-workshop-card]){flex:1;width:100%;min-height:0;max-height:100%}.cw-workshop .cw-workshop-preview-controls{top:max(16px,env(safe-area-inset-top,0px));z-index:2;gap:10px;max-width:calc(100vw - 32px);display:flex;position:fixed;inset-inline-end:max(16px,env(safe-area-inset-right,0px))}.cw-workshop .cw-workshop-preview-action{border:1px solid var(--border);background:var(--card);min-height:44px;color:var(--foreground);font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:10px 18px;font-size:13px;display:inline-flex}.cw-workshop .cw-workshop-preview-action:last-child{background:var(--primary);color:var(--primary-foreground)}.cw-workshop .cw-workshop-preview-action:focus-visible{outline:2px solid var(--ring);outline-offset:4px}@media(min-width:1101px)and (max-width:1300px){.cw-workshop-header-actions .cw-workshop-profile-label{display:none}}@media(max-width:900px){.cw-workshop[data-preview=false] .cw-workshop-view[data-orbit=false] .cw-workshop-orbit-toolbar{top:6px;z-index:2;padding:0;position:absolute;inset-inline-end:60px}}