.TokenCopyButton-module__caWnQW__copyButton{border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .12s,color .12s,border-color .12s,transform 80ms;display:inline-flex}.TokenCopyButton-module__caWnQW__copyButton[data-size=sm]{width:22px;height:22px}.TokenCopyButton-module__caWnQW__copyButton[data-size=md]{letter-spacing:.02em;gap:4px;height:28px;padding:0 10px;font-size:.7rem;font-weight:500}.TokenCopyButton-module__caWnQW__copyButton:hover{background-color:var(--color-background-secondary);color:var(--color-text-primary);border-color:var(--color-text-secondary)}.TokenCopyButton-module__caWnQW__copyButton:active{transform:scale(.92)}.TokenCopyButton-module__caWnQW__copyButton:focus-visible{outline:2px solid var(--color-action-primary);outline-offset:2px}.TokenCopyButton-module__caWnQW__copyButton[data-copied=true]{background-color:var(--color-success,#006400);color:var(--color-on-success,#fff);border-color:#0000}.TokenCopyButton-module__caWnQW__srOnly{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
.WcagBadge-module__3e6D_G__badge{font-variant-numeric:tabular-nums;font-family:var(--font-body,sans-serif);white-space:nowrap;border-radius:100px;align-items:center;font-weight:500;line-height:1;transition:background-color .15s,color .15s;display:inline-flex}.WcagBadge-module__3e6D_G__badge[data-size=sm]{gap:3px;padding:2px 7px;font-size:.6875rem}.WcagBadge-module__3e6D_G__badge[data-size=md]{gap:4px;padding:3px 9px;font-size:.75rem}.WcagBadge-module__3e6D_G__ratio{opacity:.8;font-weight:500}.WcagBadge-module__3e6D_G__separator{opacity:.4}.WcagBadge-module__3e6D_G__level{font-weight:600}.WcagBadge-module__3e6D_G__symbol{opacity:.8;font-weight:400}.WcagBadge-module__3e6D_G__badge[data-level=AAA]{color:#065f46;background-color:#d1fae5}.WcagBadge-module__3e6D_G__badge[data-level=AA]{color:#1e40af;background-color:#dbeafe}.WcagBadge-module__3e6D_G__badge[data-level=AA_large]{color:#92400e;background-color:#fef3c7}.WcagBadge-module__3e6D_G__badge[data-level=fail]{color:#991b1b;background-color:#fee2e2}.WcagBadge-module__3e6D_G__badge[data-variant=friendly][data-level=fail]{color:#78350f;background-color:#fef3c7}[data-theme=dark] .WcagBadge-module__3e6D_G__badge[data-level=AAA]{color:#6ee7b7;background-color:#064e3b}[data-theme=dark] .WcagBadge-module__3e6D_G__badge[data-level=AA]{color:#93c5fd;background-color:#1e3a8a}[data-theme=dark] .WcagBadge-module__3e6D_G__badge[data-level=AA_large]{color:#fcd34d;background-color:#78350f}[data-theme=dark] .WcagBadge-module__3e6D_G__badge[data-level=fail]{color:#fca5a5;background-color:#7f1d1d}[data-theme=dark] .WcagBadge-module__3e6D_G__badge[data-variant=friendly][data-level=fail]{color:#fde68a;background-color:#f59e0b26}@media (prefers-color-scheme:dark){.WcagBadge-module__3e6D_G__badge[data-level=AAA]{color:#6ee7b7;background-color:#064e3b}.WcagBadge-module__3e6D_G__badge[data-level=AA]{color:#93c5fd;background-color:#1e3a8a}.WcagBadge-module__3e6D_G__badge[data-level=AA_large]{color:#fcd34d;background-color:#78350f}.WcagBadge-module__3e6D_G__badge[data-level=fail]{color:#fca5a5;background-color:#7f1d1d}.WcagBadge-module__3e6D_G__badge[data-variant=friendly][data-level=fail]{color:#fde68a;background-color:#f59e0b26}}
.WcagPairs-module__r2bkuq__wcagPairs{flex-direction:column;gap:6px;display:flex}.WcagPairs-module__r2bkuq__sectionLabel{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.6875rem;font-weight:600}.WcagPairs-module__r2bkuq__table{border-collapse:collapse;width:100%}.WcagPairs-module__r2bkuq__row:not(:last-child) td{padding-bottom:6px}.WcagPairs-module__r2bkuq__row:not(:first-child) td{border-top:1px solid #0000000f;padding-top:6px}[data-theme=dark] .WcagPairs-module__r2bkuq__row:not(:first-child) td{border-top-color:#ffffff0f}@media (prefers-color-scheme:dark){.WcagPairs-module__r2bkuq__row:not(:first-child) td{border-top-color:#ffffff0f}}.WcagPairs-module__r2bkuq__swatchCell{vertical-align:middle;width:44px;padding-right:8px}.WcagPairs-module__r2bkuq__swatchStack{align-items:center;display:inline-flex}.WcagPairs-module__r2bkuq__swatch{border:1px solid #0000001a;border-radius:4px;flex-shrink:0;width:16px;height:16px;display:inline-block}.WcagPairs-module__r2bkuq__swatch+.WcagPairs-module__r2bkuq__swatch{z-index:1;margin-left:-6px;position:relative}.WcagPairs-module__r2bkuq__labelCell{color:var(--color-text-secondary);vertical-align:middle;width:100%;font-size:.6875rem}.WcagPairs-module__r2bkuq__badgeCell{vertical-align:middle;text-align:right;white-space:nowrap}.WcagPairs-module__r2bkuq__visuallyHidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
.WheelPicker-module__eSKnkq__picker{cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;perspective:800px;perspective-origin:50%;position:relative;overflow:hidden}.WheelPicker-module__eSKnkq__picker:focus-visible{outline:2px solid var(--color-action-primary);outline-offset:2px;border-radius:8px}.WheelPicker-module__eSKnkq__picker:before,.WheelPicker-module__eSKnkq__picker:after{content:"";pointer-events:none;z-index:2;height:40%;position:absolute;left:0;right:0}.WheelPicker-module__eSKnkq__picker:before{background:linear-gradient(to bottom,var(--color-background-secondary)0%,transparent 100%);top:0}.WheelPicker-module__eSKnkq__picker:after{background:linear-gradient(to top,var(--color-background-secondary)0%,transparent 100%);bottom:0}.WheelPicker-module__eSKnkq__selectionIndicator{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background-color:color-mix(in srgb,var(--color-action-primary)6%,transparent);z-index:1;pointer-events:none;border-radius:6px;height:36px;position:absolute;top:50%;left:8px;right:8px;transform:translateY(-50%)}.WheelPicker-module__eSKnkq__cylinder{transform-style:preserve-3d;position:absolute;inset:0}.WheelPicker-module__eSKnkq__item{transform-origin:50%;height:36px;font-family:var(--font-body),system-ui,sans-serif;color:var(--color-text-primary);text-align:center;white-space:nowrap;text-overflow:ellipsis;backface-visibility:hidden;justify-content:center;align-items:center;padding:0 12px;font-size:.875rem;font-weight:400;line-height:1.2;transition:color .15s,font-weight .15s;display:flex;position:absolute;top:50%;left:0;right:0;overflow:hidden}.WheelPicker-module__eSKnkq__item[data-selected=true]{color:var(--color-action-primary);font-weight:600}.WheelPicker-module__eSKnkq__srOnly{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.WheelPicker-module__eSKnkq__srOnlyBtn{all:unset;cursor:pointer}
.BrowsePalettes-module__J3yZKq__browsePalettes{flex-direction:column;flex:1;gap:8px;min-height:0;padding-top:8px;display:flex}.BrowsePalettes-module__J3yZKq__filterBar{flex-wrap:wrap;gap:6px;display:flex}.BrowsePalettes-module__J3yZKq__filterChip{font-family:var(--font-body);color:var(--color-text-secondary);background-color:var(--color-background-primary);border:1px solid var(--color-border);cursor:pointer;white-space:nowrap;border-radius:100px;padding:4px 10px;font-size:.6875rem;font-weight:500;transition:color .15s,border-color .15s,background-color .15s}.BrowsePalettes-module__J3yZKq__filterChip:hover{border-color:var(--color-text-secondary)}.BrowsePalettes-module__J3yZKq__filterChip[data-active=true]{color:var(--color-background-primary);background-color:var(--color-action-primary);border-color:var(--color-action-primary)}.BrowsePalettes-module__J3yZKq__filterChip:focus-visible{outline:2px solid var(--color-action-primary);outline-offset:2px}.BrowsePalettes-module__J3yZKq__resultCount{color:var(--color-text-secondary);padding:0 2px;font-size:.6875rem}.BrowsePalettes-module__J3yZKq__listContainer{border:1px solid var(--color-border);background-color:var(--color-background-primary);border-radius:6px;max-height:350px;overflow-y:auto}.BrowsePalettes-module__J3yZKq__paletteItem{cursor:pointer;border-bottom:1px solid var(--color-border);text-align:left;background-color:#0000;border:none;flex-direction:column;gap:4px;width:100%;padding:8px 10px;transition:background-color .1s;display:flex}.BrowsePalettes-module__J3yZKq__paletteItem:last-child{border-bottom:none}.BrowsePalettes-module__J3yZKq__paletteItem:hover,.BrowsePalettes-module__J3yZKq__paletteItem:focus-visible{background-color:var(--color-surface)}.BrowsePalettes-module__J3yZKq__paletteItem[data-selected=true]{background-color:var(--color-surface);box-shadow:inset 3px 0 0 var(--color-action-primary)}.BrowsePalettes-module__J3yZKq__paletteItem:focus-visible{outline:2px solid var(--color-action-primary);outline-offset:-2px}.BrowsePalettes-module__J3yZKq__itemHeader{justify-content:space-between;align-items:center;gap:6px;display:flex}.BrowsePalettes-module__J3yZKq__itemName{font-family:var(--font-body);color:var(--color-text-primary);overflow-wrap:break-word;word-break:break-word;font-size:clamp(.6875rem,.65rem + .2cqi,.8125rem);font-weight:500}.BrowsePalettes-module__J3yZKq__itemMeta{flex-shrink:0;align-items:center;gap:4px;display:flex}.BrowsePalettes-module__J3yZKq__itemBadge{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);background-color:var(--color-background-secondary);border-radius:3px;padding:1px 5px;font-size:.5625rem;font-weight:600}.BrowsePalettes-module__J3yZKq__swatchRow{gap:3px;display:flex}.BrowsePalettes-module__J3yZKq__miniSwatch{border:1px solid #00000014;border-radius:50%;flex-shrink:0;width:14px;height:14px}.BrowsePalettes-module__J3yZKq__applyButton{width:100%;font-family:var(--font-body);color:var(--color-on-action-primary,#fff);background-color:var(--color-action-primary);cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:.75rem;font-weight:600;transition:opacity .15s}.BrowsePalettes-module__J3yZKq__applyButton:hover{opacity:.9}.BrowsePalettes-module__J3yZKq__applyButton:focus-visible{outline:2px solid var(--color-action-primary);outline-offset:2px}.BrowsePalettes-module__J3yZKq__paletteDetail{border:1px solid var(--color-border);background-color:var(--color-surface);border-radius:6px;flex-direction:column;gap:10px;padding:12px;display:flex}.BrowsePalettes-module__J3yZKq__detailHeader{align-items:center;gap:6px;display:flex}.BrowsePalettes-module__J3yZKq__checkIcon{width:16px;height:16px;color:var(--color-action-primary);flex-shrink:0}.BrowsePalettes-module__J3yZKq__detailName{font-family:var(--font-heading);color:var(--color-text-primary);font-size:clamp(.8125rem,.75rem + .3cqi,.9375rem);font-weight:600}.BrowsePalettes-module__J3yZKq__detailMetaRow{color:var(--color-text-secondary);gap:8px;font-size:.6875rem;display:flex}.BrowsePalettes-module__J3yZKq__detailLabel{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px;font-size:.6875rem;font-weight:600}.BrowsePalettes-module__J3yZKq__detailVibe{color:var(--color-text-secondary);font-size:.75rem;font-style:italic}.BrowsePalettes-module__J3yZKq__detailUsage{color:var(--color-text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.75rem;line-height:1.5;display:-webkit-box;overflow:hidden}.BrowsePalettes-module__J3yZKq__detailSwatches{flex-wrap:wrap;gap:6px;display:flex}.BrowsePalettes-module__J3yZKq__detailSwatchItem{flex-direction:column;align-items:center;gap:2px;display:flex}.BrowsePalettes-module__J3yZKq__detailSwatchCircle{cursor:pointer;border:1px solid #00000014;border-radius:50%;width:28px;height:28px;transition:transform .1s}.BrowsePalettes-module__J3yZKq__detailSwatchCircle:hover{transform:scale(1.12)}.BrowsePalettes-module__J3yZKq__detailSwatchLabel{color:var(--color-text-secondary);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:36px;font-size:.625rem;overflow:hidden}.BrowsePalettes-module__J3yZKq__swatchWithCopy{flex-direction:column;align-items:center;gap:2px;display:flex;position:relative}.BrowsePalettes-module__J3yZKq__swatchCopyBtn{opacity:0;z-index:1;transition:opacity .12s;position:absolute;top:-5px;right:-7px}.BrowsePalettes-module__J3yZKq__swatchWithCopy:hover .BrowsePalettes-module__J3yZKq__swatchCopyBtn,.BrowsePalettes-module__J3yZKq__swatchWithCopy:focus-within .BrowsePalettes-module__J3yZKq__swatchCopyBtn{opacity:1}.BrowsePalettes-module__J3yZKq__exportSection{border-top:1px solid var(--color-border);flex-direction:column;gap:6px;padding-top:8px;display:flex}.BrowsePalettes-module__J3yZKq__exportRow{align-items:center;gap:8px;display:flex}.BrowsePalettes-module__J3yZKq__exportLabel{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;font-size:.6rem;font-weight:600}.BrowsePalettes-module__J3yZKq__exportButtons{gap:4px;display:flex}.BrowsePalettes-module__J3yZKq__exportFormatBtn{height:24px;font-family:var(--font-body);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-secondary);background-color:var(--color-background-primary);border:1px solid var(--color-border);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;padding:0 10px;font-size:.625rem;font-weight:600;transition:background-color .12s,color .12s,border-color .12s;display:inline-flex;position:relative}.BrowsePalettes-module__J3yZKq__exportFormatBtn:hover{background-color:var(--color-background-secondary);color:var(--color-text-primary);border-color:var(--color-text-secondary)}.BrowsePalettes-module__J3yZKq__exportFormatBtn:active{transform:scale(.94)}.BrowsePalettes-module__J3yZKq__exportFormatBtn:focus-visible{outline:2px solid var(--color-action-primary);outline-offset:2px}.BrowsePalettes-module__J3yZKq__exportFormatBtn[data-copied=true]{background-color:var(--color-success,#006400);color:var(--color-on-success,#fff);border-color:#0000}.BrowsePalettes-module__J3yZKq__splitLayout{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.BrowsePalettes-module__J3yZKq__listColumn{flex-direction:column;gap:4px;display:flex;overflow:hidden}.BrowsePalettes-module__J3yZKq__expandToggle{width:100%;color:var(--color-text-secondary);border:none;border-top:1px solid var(--color-border);cursor:pointer;background:0 0;border-radius:0 0 6px 6px;justify-content:center;align-items:center;padding:4px 0;font-size:.5625rem;font-weight:500;transition:color .15s;display:flex}.BrowsePalettes-module__J3yZKq__expandToggle:hover{color:var(--color-action-primary)}.BrowsePalettes-module__J3yZKq__expandToggle:focus-visible{outline:2px solid var(--color-action-primary);outline-offset:-2px}.BrowsePalettes-module__J3yZKq__splitHandle{display:none}.BrowsePalettes-module__J3yZKq__detailColumn{min-height:0;overflow-y:auto}@container palette-panel (min-width:330px){.BrowsePalettes-module__J3yZKq__splitLayout{flex-direction:row;align-items:stretch;gap:0}.BrowsePalettes-module__J3yZKq__listColumn{flex-shrink:0;width:clamp(130px,45%,200px);transition:width .2s}.BrowsePalettes-module__J3yZKq__splitLayout[data-collapsed=true] .BrowsePalettes-module__J3yZKq__listColumn{width:0}.BrowsePalettes-module__J3yZKq__splitHandle{background-color:color-mix(in srgb,var(--color-border)20%,transparent);border:none;border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);cursor:pointer;width:20px;color:var(--color-text-secondary);flex-direction:column;flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;padding:0;transition:background-color .15s,border-color .15s,color .15s;display:flex}.BrowsePalettes-module__J3yZKq__splitHandle:hover{background-color:color-mix(in srgb,var(--color-action-primary)14%,transparent);border-color:var(--color-action-primary);color:var(--color-action-primary)}.BrowsePalettes-module__J3yZKq__splitHandle:focus-visible{outline:2px solid var(--color-action-primary);outline-offset:-2px}.BrowsePalettes-module__J3yZKq__detailColumn{flex:1;min-width:0;padding-left:8px;overflow-y:auto}}@media (max-width:1024px){.BrowsePalettes-module__J3yZKq__browsePalettes{gap:6px;padding-top:4px}.BrowsePalettes-module__J3yZKq__filterChip{padding:3px 8px;font-size:.625rem}.BrowsePalettes-module__J3yZKq__filterBar{gap:4px}.BrowsePalettes-module__J3yZKq__resultCount{font-size:.625rem}.BrowsePalettes-module__J3yZKq__listContainer{max-height:292px}.BrowsePalettes-module__J3yZKq__paletteItem{gap:2px;padding:5px 8px}.BrowsePalettes-module__J3yZKq__itemName{font-size:.6875rem}.BrowsePalettes-module__J3yZKq__itemBadge{padding:1px 4px;font-size:.5rem}.BrowsePalettes-module__J3yZKq__miniSwatch{width:11px;height:11px}.BrowsePalettes-module__J3yZKq__swatchRow{gap:2px}.BrowsePalettes-module__J3yZKq__splitLayout{flex-direction:row;align-items:stretch;gap:0}.BrowsePalettes-module__J3yZKq__listColumn{flex-shrink:0;width:42%}.BrowsePalettes-module__J3yZKq__splitHandle{display:none}.BrowsePalettes-module__J3yZKq__detailColumn{flex:1;min-width:0;padding-left:12px;overflow-y:auto}.BrowsePalettes-module__J3yZKq__paletteDetail{gap:6px;padding:8px 10px;font-size:.75rem}.BrowsePalettes-module__J3yZKq__detailSwatchCircle{width:22px;height:22px}.BrowsePalettes-module__J3yZKq__detailSwatchLabel{font-size:.5625rem}.BrowsePalettes-module__J3yZKq__detailName{font-size:.8125rem}.BrowsePalettes-module__J3yZKq__detailUsage{-webkit-line-clamp:2}}
.ExportSection-module__WEQyBa__exportSection{flex-direction:column;gap:10px;padding:12px;display:flex}.ExportSection-module__WEQyBa__categoryRow{flex-wrap:wrap;gap:6px;display:flex}.ExportSection-module__WEQyBa__copyButton{border:1px solid var(--color-border);border-radius:var(--radius,6px);cursor:pointer;white-space:nowrap;padding:5px 10px;font-family:inherit;font-size:.72rem;font-weight:500;line-height:1;transition:background-color .15s,color .15s,border-color .15s}.ExportSection-module__WEQyBa__copyButton[data-variant=ghost]{color:var(--color-text-secondary);background-color:#0000}.ExportSection-module__WEQyBa__copyButton[data-variant=ghost]:hover{background-color:var(--color-background-secondary);border-color:var(--color-action-primary);color:var(--color-action-primary)}.ExportSection-module__WEQyBa__copyButton[data-variant=primary]{background-color:var(--color-action-primary);border-color:var(--color-action-primary);color:var(--color-on-action-primary);width:100%;padding:8px 14px;font-size:.8rem}.ExportSection-module__WEQyBa__copyButton[data-variant=primary]:hover{filter:brightness(1.08)}.ExportSection-module__WEQyBa__copyButton[data-copied=true]{background-color:var(--color-success);border-color:var(--color-success);color:var(--color-on-success)}.ExportSection-module__WEQyBa__copyButton:focus-visible{outline:2px solid var(--color-action-primary);outline-offset:2px}.ExportSection-module__WEQyBa__preview{background-color:var(--color-background-primary);border:1px solid var(--color-border);border-radius:var(--radius,6px);white-space:pre;max-height:200px;margin:0;padding:10px 12px;font-family:"ui-monospace",SFMono-Regular,Menlo,monospace;font-size:.65rem;line-height:1.6;overflow-y:auto}.ExportSection-module__WEQyBa__preview code{color:var(--color-text-secondary)}.ExportSection-module__WEQyBa__downloadRow{gap:8px;display:flex}.ExportSection-module__WEQyBa__downloadRow .ExportSection-module__WEQyBa__copyButton{flex:1}
.ColorPicker-module__clb3jG__colorPicker{flex-direction:column;gap:8px;display:flex}.ColorPicker-module__clb3jG__svField{aspect-ratio:1/.6;cursor:crosshair;touch-action:none;border-radius:4px;width:100%;position:relative;overflow:hidden}.ColorPicker-module__clb3jG__svCanvas{border-radius:4px;width:100%;height:100%;display:block}.ColorPicker-module__clb3jG__svCursor{pointer-events:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0000004d,inset 0 0 0 1px #0000001a}.ColorPicker-module__clb3jG__hueSliderWrapper{cursor:pointer;touch-action:none;border-radius:7px;width:100%;height:14px;position:relative}.ColorPicker-module__clb3jG__hueCanvas{border-radius:7px;width:100%;height:100%;display:block}.ColorPicker-module__clb3jG__hueCursor{pointer-events:none;border:2px solid #fff;border-radius:3px;width:6px;height:18px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0000004d}.ColorPicker-module__clb3jG__bottomRow{align-items:center;gap:8px;display:flex}.ColorPicker-module__clb3jG__hexInput{font-family:var(--font-body);color:var(--color-text-primary);background-color:var(--color-background-primary);border:1px solid var(--color-border);border-radius:4px;outline:none;flex:1;padding:6px 8px;font-size:.8125rem;transition:border-color .15s}.ColorPicker-module__clb3jG__hexInput:focus-visible{border-color:var(--color-action-primary)}.ColorPicker-module__clb3jG__hexInput[aria-invalid=true]{border-color:var(--color-error)}.ColorPicker-module__clb3jG__swatch{border:1px solid var(--color-border);border-radius:4px;flex-shrink:0;width:32px;height:32px}.ColorPicker-module__clb3jG__label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.6875rem}
.GeneratePalette-module__r7iE-q__generatePalette{flex-direction:column;gap:10px;padding-top:6px;display:flex}.GeneratePalette-module__r7iE-q__filterGroup{align-items:center;gap:8px;display:flex}.GeneratePalette-module__r7iE-q__filterLabel{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;min-width:52px;font-size:.625rem;font-weight:600}.GeneratePalette-module__r7iE-q__chipRow{flex-wrap:wrap;gap:6px;display:flex}.GeneratePalette-module__r7iE-q__chip{font-family:var(--font-body);color:var(--color-text-secondary);background-color:var(--color-background-primary);border:1px solid var(--color-border);cursor:pointer;white-space:nowrap;border-radius:100px;padding:4px 10px;font-size:.6875rem;font-weight:500;transition:color .15s,border-color .15s,background-color .15s}.GeneratePalette-module__r7iE-q__chip:hover{border-color:var(--color-text-secondary)}.GeneratePalette-module__r7iE-q__chip[data-active=true]{color:var(--color-background-primary);background-color:var(--color-action-primary);border-color:var(--color-action-primary)}.GeneratePalette-module__r7iE-q__chip:focus-visible{outline:2px solid var(--color-action-primary);outline-offset:2px}.GeneratePalette-module__r7iE-q__generateButtonWrapper{background-color:var(--color-background-secondary);border-top:1px solid var(--color-border);margin:4px -16px -16px;padding:8px 16px 12px;position:sticky;bottom:0}.GeneratePalette-module__r7iE-q__generateButton{width:100%;font-family:var(--font-body);color:var(--color-on-action-primary,#fff);background-color:var(--color-action-primary);cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:.8125rem;font-weight:600;transition:opacity .15s,box-shadow .15s}.GeneratePalette-module__r7iE-q__generateButton:hover{opacity:.9;box-shadow:0 2px 8px #0000001f}.GeneratePalette-module__r7iE-q__generateButton:focus-visible{outline:2px solid var(--color-action-primary);outline-offset:2px}.GeneratePalette-module__r7iE-q__generateButton:active{opacity:.8}.GeneratePalette-module__r7iE-q__separator{background-color:var(--color-border);border:none;height:1px;margin:2px 0}.GeneratePalette-module__r7iE-q__exportSection{border-top:1px solid var(--color-border);flex-direction:column;gap:6px;padding-top:8px;display:flex}.GeneratePalette-module__r7iE-q__exportRow{align-items:center;gap:8px;display:flex}.GeneratePalette-module__r7iE-q__exportLabel{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;font-size:.6rem;font-weight:600}.GeneratePalette-module__r7iE-q__exportButtons{gap:4px;display:flex}.GeneratePalette-module__r7iE-q__exportFormatBtn{height:24px;font-family:var(--font-body);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-secondary);background-color:var(--color-background-primary);border:1px solid var(--color-border);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;padding:0 10px;font-size:.625rem;font-weight:600;transition:background-color .12s,color .12s,border-color .12s,transform 80ms;display:inline-flex;position:relative}.GeneratePalette-module__r7iE-q__exportFormatBtn:hover{background-color:var(--color-background-secondary);color:var(--color-text-primary);border-color:var(--color-text-secondary)}.GeneratePalette-module__r7iE-q__exportFormatBtn:active{transform:scale(.94)}.GeneratePalette-module__r7iE-q__exportFormatBtn:focus-visible{outline:2px solid var(--color-action-primary);outline-offset:2px}.GeneratePalette-module__r7iE-q__exportFormatBtn[data-copied=true]{background-color:var(--color-success,#006400);color:var(--color-on-success,#fff);border-color:#0000}.GeneratePalette-module__r7iE-q__contrastPreview{flex-wrap:wrap;align-items:center;gap:6px;padding:2px 0 0;display:flex}.GeneratePalette-module__r7iE-q__contrastPreviewLabel{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;font-size:.6875rem;font-weight:600}.GeneratePalette-module__r7iE-q__compatRow{gap:5px;display:flex}.GeneratePalette-module__r7iE-q__compatChip{white-space:nowrap;border:1px solid #0000;border-radius:100px;align-items:center;gap:4px;padding:3px 8px 3px 5px;font-size:.625rem;font-weight:500;display:inline-flex}.GeneratePalette-module__r7iE-q__compatChip[data-compat=ok]{color:#166534;background-color:#dcfce7;border-color:#bbf7d0}.GeneratePalette-module__r7iE-q__compatChip[data-compat=warn]{color:#78350f;background-color:#fef3c7;border-color:#fde68a}.GeneratePalette-module__r7iE-q__compatSwatch{border:1px solid #00000026;border-radius:2px;flex-shrink:0;width:10px;height:10px}.GeneratePalette-module__r7iE-q__compatStatus{font-weight:600}.GeneratePalette-module__r7iE-q__contrastNote{color:var(--color-text-secondary);opacity:.75;margin-top:2px;font-size:.625rem;font-style:italic}[data-theme=dark] .GeneratePalette-module__r7iE-q__compatChip[data-compat=ok]{color:#86efac;background-color:#22c55e1f;border-color:#22c55e40}[data-theme=dark] .GeneratePalette-module__r7iE-q__compatChip[data-compat=warn]{color:#fde68a;background-color:#f59e0b1f;border-color:#f59e0b40}@media (prefers-color-scheme:dark){.GeneratePalette-module__r7iE-q__compatChip[data-compat=ok]{color:#86efac;background-color:#22c55e1f;border-color:#22c55e40}.GeneratePalette-module__r7iE-q__compatChip[data-compat=warn]{color:#fde68a;background-color:#f59e0b1f;border-color:#f59e0b40}}@media (min-width:768px) and (max-width:1024px){.GeneratePalette-module__r7iE-q__generatePalette{grid-template-rows:auto auto auto auto;grid-template-columns:1fr 1fr;align-items:start;gap:0 20px;display:grid}.GeneratePalette-module__r7iE-q__generatePalette>:first-child{grid-area:1/1/4}.GeneratePalette-module__r7iE-q__contrastPreview{grid-area:4/1;padding-top:4px}.GeneratePalette-module__r7iE-q__separator{display:none}.GeneratePalette-module__r7iE-q__filterGroup{grid-column:2;gap:6px;padding:2px 0}.GeneratePalette-module__r7iE-q__filterLabel{min-width:44px;font-size:.5625rem}.GeneratePalette-module__r7iE-q__chip{padding:3px 8px;font-size:.625rem}.GeneratePalette-module__r7iE-q__exportSection{grid-column:1/-1}.GeneratePalette-module__r7iE-q__generateButtonWrapper{grid-column:1/-1;margin:0 -16px -8px;padding:6px 16px 8px}}
.RadiusSection-module__jaE-_q__radiusSection{padding:0 4px 2px}.RadiusSection-module__jaE-_q__squares{justify-content:space-between;gap:4px;margin-bottom:4px;display:flex}.RadiusSection-module__jaE-_q__squareBtn{cursor:pointer;background:0 0;border:1.5px solid #0000;border-radius:4px;flex-direction:column;flex:1;align-items:center;min-width:0;padding:6px 4px;transition:border-color .15s,background-color .15s;display:flex}.RadiusSection-module__jaE-_q__squareBtn:hover{border-color:var(--color-action-primary);background-color:color-mix(in srgb,var(--color-action-primary)5%,transparent)}.RadiusSection-module__jaE-_q__squareBtn:focus-visible{outline:2px solid var(--color-action-primary);outline-offset:2px}.RadiusSection-module__jaE-_q__squareBtn[data-active=true]{border-color:var(--color-action-primary);background-color:color-mix(in srgb,var(--color-action-primary)10%,transparent)}.RadiusSection-module__jaE-_q__square{aspect-ratio:1;background-color:var(--color-text-secondary);opacity:.3;width:100%;max-width:28px}.RadiusSection-module__jaE-_q__squareBtn[data-active=true] .RadiusSection-module__jaE-_q__square{background-color:var(--color-action-primary);opacity:.8}.RadiusSection-module__jaE-_q__squareBtn:hover .RadiusSection-module__jaE-_q__square{background-color:var(--color-action-primary);opacity:.5}.RadiusSection-module__jaE-_q__activeLabel{text-align:center;width:100%;font-family:var(--font-body),system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-secondary);opacity:.55;pointer-events:none;margin:0;font-size:.5625rem;font-weight:600;transition:opacity .12s,color .12s}.RadiusSection-module__jaE-_q__activeLabel[data-hovering=true]{color:var(--color-action-primary);opacity:1}
.SaveSection-module__Yq30Ua__saveSection{border-top:1px solid var(--color-border);background:var(--color-surface);flex-direction:column;flex-shrink:0;gap:8px;padding:16px;display:flex}.SaveSection-module__Yq30Ua__labelRow{justify-content:space-between;align-items:center;display:flex}.SaveSection-module__Yq30Ua__label{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-secondary);font-size:.75rem;font-weight:600}.SaveSection-module__Yq30Ua__starBtn{width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:transform .12s,color .12s;display:inline-flex}.SaveSection-module__Yq30Ua__starBtn:hover,.SaveSection-module__Yq30Ua__starBtn:focus-visible{color:var(--color-accent-primary);transform:scale(1.2)}.SaveSection-module__Yq30Ua__starBtn:focus-visible{outline:2px solid var(--color-action-primary);outline-offset:2px}.SaveSection-module__Yq30Ua__starBtn[data-saved=true]{color:var(--color-accent-primary)}.SaveSection-module__Yq30Ua__starIcon{fill:none}.SaveSection-module__Yq30Ua__starBtn[data-saved=true] .SaveSection-module__Yq30Ua__starIcon{fill:currentColor}.SaveSection-module__Yq30Ua__input{border:1px solid var(--color-border);border-radius:var(--radius-sm,4px);background:var(--color-background-primary);width:100%;color:var(--color-text-primary);box-sizing:border-box;padding:8px 10px;font-family:inherit;font-size:.875rem;transition:border-color .12s}.SaveSection-module__Yq30Ua__input:focus{border-color:var(--color-action-primary);outline:none}.SaveSection-module__Yq30Ua__input:disabled{opacity:.5;cursor:not-allowed}.SaveSection-module__Yq30Ua__saveBtn{border-radius:var(--radius-sm,4px);background:var(--color-action-primary);width:100%;color:var(--color-on-action-primary,#fff);cursor:pointer;border:none;padding:10px 16px;font-size:.875rem;font-weight:600;transition:opacity .12s,background .12s}.SaveSection-module__Yq30Ua__saveBtn:hover:not(:disabled){opacity:.88}.SaveSection-module__Yq30Ua__saveBtn:disabled{opacity:.4;cursor:not-allowed}.SaveSection-module__Yq30Ua__saveBtn[data-status=success]{background:#22863a}.SaveSection-module__Yq30Ua__saveBtn[data-status=error]{background:var(--color-error)}.SaveSection-module__Yq30Ua__guestMsg,.SaveSection-module__Yq30Ua__hintMsg{color:var(--color-text-secondary);margin:0;font-size:.8125rem}.SaveSection-module__Yq30Ua__errorMsg{color:var(--color-error);margin:0;font-size:.8125rem}
.ShadowSection-module__Yw0T6W__shadowSection{padding:0 4px}.ShadowSection-module__Yw0T6W__cards{gap:5px;display:flex}.ShadowSection-module__Yw0T6W__card{border:1.5px solid var(--color-border);cursor:pointer;background:0 0;border-radius:6px;flex-direction:column;flex:1;align-items:center;gap:8px;padding:10px 4px 8px;transition:border-color .15s,background-color .15s;display:flex}.ShadowSection-module__Yw0T6W__card:hover{border-color:var(--color-action-primary);background-color:color-mix(in srgb,var(--color-action-primary)5%,transparent)}.ShadowSection-module__Yw0T6W__card:focus-visible{outline:2px solid var(--color-action-primary);outline-offset:2px}.ShadowSection-module__Yw0T6W__card[data-active=true]{border-color:var(--color-action-primary);background-color:color-mix(in srgb,var(--color-action-primary)10%,transparent)}.ShadowSection-module__Yw0T6W__layers{flex-direction:column;align-items:center;gap:4px;width:100%;padding:2px 0;display:flex}.ShadowSection-module__Yw0T6W__layer{background-color:var(--color-text-secondary);opacity:.35;border-radius:2px;width:80%;height:6px;transition:box-shadow .15s}.ShadowSection-module__Yw0T6W__card[data-active=true] .ShadowSection-module__Yw0T6W__layer{background-color:var(--color-action-primary);opacity:.6}.ShadowSection-module__Yw0T6W__card:hover .ShadowSection-module__Yw0T6W__layer{background-color:var(--color-action-primary);opacity:.45}.ShadowSection-module__Yw0T6W__card[data-preset=flat] .ShadowSection-module__Yw0T6W__layer{box-shadow:none}.ShadowSection-module__Yw0T6W__card[data-preset=subtle] .ShadowSection-module__Yw0T6W__layer[data-level=low]{box-shadow:0 1px 2px #0000001a}.ShadowSection-module__Yw0T6W__card[data-preset=subtle] .ShadowSection-module__Yw0T6W__layer[data-level=med]{box-shadow:0 2px 4px #00000024}.ShadowSection-module__Yw0T6W__card[data-preset=subtle] .ShadowSection-module__Yw0T6W__layer[data-level=high]{box-shadow:0 3px 6px #0000002e}.ShadowSection-module__Yw0T6W__card[data-preset=subtle] .ShadowSection-module__Yw0T6W__layer[data-level=extra]{box-shadow:0 4px 8px #00000038}.ShadowSection-module__Yw0T6W__card[data-preset=elevated] .ShadowSection-module__Yw0T6W__layer[data-level=low]{box-shadow:0 1px 3px #0000002e}.ShadowSection-module__Yw0T6W__card[data-preset=elevated] .ShadowSection-module__Yw0T6W__layer[data-level=med]{box-shadow:0 2px 6px #0000003d}.ShadowSection-module__Yw0T6W__card[data-preset=elevated] .ShadowSection-module__Yw0T6W__layer[data-level=high]{box-shadow:0 3px 9px #0000004d}.ShadowSection-module__Yw0T6W__card[data-preset=elevated] .ShadowSection-module__Yw0T6W__layer[data-level=extra]{box-shadow:0 4px 12px #00000061}.ShadowSection-module__Yw0T6W__card[data-preset=dramatic] .ShadowSection-module__Yw0T6W__layer[data-level=low]{box-shadow:0 1px 4px #00000047}.ShadowSection-module__Yw0T6W__card[data-preset=dramatic] .ShadowSection-module__Yw0T6W__layer[data-level=med]{box-shadow:0 2px 8px #0000005c}.ShadowSection-module__Yw0T6W__card[data-preset=dramatic] .ShadowSection-module__Yw0T6W__layer[data-level=high]{box-shadow:0 3px 12px #00000070}.ShadowSection-module__Yw0T6W__card[data-preset=dramatic] .ShadowSection-module__Yw0T6W__layer[data-level=extra]{box-shadow:0 4px 16px #00000085}.ShadowSection-module__Yw0T6W__cardLabel{font-family:var(--font-body),system-ui,sans-serif;color:var(--color-text-secondary);letter-spacing:.01em;text-transform:uppercase;font-size:.575rem;font-weight:500}.ShadowSection-module__Yw0T6W__card[data-active=true] .ShadowSection-module__Yw0T6W__cardLabel{color:var(--color-action-primary);font-weight:600}
.SpacingSection-module__pkdOYa__spacingSection{padding:0 4px}.SpacingSection-module__pkdOYa__cards{gap:6px;display:flex}.SpacingSection-module__pkdOYa__card{border:1.5px solid var(--color-border);cursor:pointer;background:0 0;border-radius:6px;flex-direction:column;flex:1;align-items:center;gap:8px;padding:10px 6px 8px;transition:border-color .15s,background-color .15s;display:flex}.SpacingSection-module__pkdOYa__card:hover{border-color:var(--color-action-primary);background-color:color-mix(in srgb,var(--color-action-primary)5%,transparent)}.SpacingSection-module__pkdOYa__card:focus-visible{outline:2px solid var(--color-action-primary);outline-offset:2px}.SpacingSection-module__pkdOYa__card[data-active=true]{border-color:var(--color-action-primary);background-color:color-mix(in srgb,var(--color-action-primary)10%,transparent)}.SpacingSection-module__pkdOYa__bars{flex-direction:column;width:100%;display:flex}.SpacingSection-module__pkdOYa__bar{background-color:var(--color-text-secondary);opacity:.45;border-radius:2px;width:100%;height:5px}.SpacingSection-module__pkdOYa__card[data-active=true] .SpacingSection-module__pkdOYa__bar{background-color:var(--color-action-primary);opacity:.7}.SpacingSection-module__pkdOYa__card:hover .SpacingSection-module__pkdOYa__bar{background-color:var(--color-action-primary);opacity:.55}.SpacingSection-module__pkdOYa__cardLabel{font-family:var(--font-body),system-ui,sans-serif;color:var(--color-text-secondary);letter-spacing:.01em;text-transform:uppercase;font-size:.625rem;font-weight:500}.SpacingSection-module__pkdOYa__card[data-active=true] .SpacingSection-module__pkdOYa__cardLabel{color:var(--color-action-primary);font-weight:600}
.ToolBar-module__VtcFBq__toolbar{top:var(--header-height,64px);height:calc(100dvh - var(--header-height,64px));background-color:var(--color-background-secondary);border-left:1px solid var(--color-border);z-index:40;flex-direction:row;display:flex;position:fixed;right:0}.ToolBar-module__VtcFBq__resizeHandle{cursor:col-resize;touch-action:none;background-color:#0000;flex-shrink:0;width:4px;transition:background-color .15s}.ToolBar-module__VtcFBq__resizeHandle:hover,.ToolBar-module__VtcFBq__resizeHandle[data-dragging=true]{background-color:var(--color-action-primary)}.ToolBar-module__VtcFBq__content{flex-direction:column;flex:1;justify-content:space-between;min-width:0;display:flex;overflow:hidden;container:toolbar-content/inline-size}.ToolBar-module__VtcFBq__paletteSection{flex-direction:column;flex:1;min-height:140px;display:flex}.ToolBar-module__VtcFBq__header{border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 16px 12px;display:flex}.ToolBar-module__VtcFBq__title{font-family:var(--font-heading);color:var(--color-text-primary);margin:0;font-size:clamp(.875rem,.8rem + .4cqi,1.0625rem);font-weight:600}.ToolBar-module__VtcFBq__infoButton{border:1px solid var(--color-border);width:24px;height:24px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;transition:border-color .15s,color .15s;display:flex}.ToolBar-module__VtcFBq__infoButton:hover,.ToolBar-module__VtcFBq__infoButton:focus-visible{border-color:var(--color-action-primary);color:var(--color-action-primary)}.ToolBar-module__VtcFBq__tooltipWrapper{position:relative}.ToolBar-module__VtcFBq__tooltip{background-color:var(--color-surface);border:1px solid var(--color-border);width:220px;color:var(--color-text-secondary);z-index:50;opacity:0;pointer-events:none;border-radius:6px;padding:10px 12px;font-size:clamp(.75rem,.7rem + .2cqi,.8125rem);line-height:1.5;transition:opacity .15s,transform .15s;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-4px);box-shadow:0 4px 12px #00000014}.ToolBar-module__VtcFBq__tooltipWrapper:hover .ToolBar-module__VtcFBq__tooltip,.ToolBar-module__VtcFBq__tooltipWrapper:focus-within .ToolBar-module__VtcFBq__tooltip{opacity:1;pointer-events:auto;transform:translateY(0)}.ToolBar-module__VtcFBq__tabs{border-bottom:1px solid var(--color-border);flex-shrink:0;display:flex}.ToolBar-module__VtcFBq__tab{font-family:var(--font-body);color:var(--color-text-secondary);cursor:pointer;text-align:center;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:8px;font-size:clamp(.75rem,.7rem + .3cqi,.875rem);font-weight:500;transition:color .15s,border-color .15s}.ToolBar-module__VtcFBq__tab:hover{color:var(--color-text-primary)}.ToolBar-module__VtcFBq__tab[data-active=true]{color:var(--color-action-primary);border-bottom-color:var(--color-action-primary)}.ToolBar-module__VtcFBq__tab:focus-visible{outline:2px solid var(--color-action-primary);outline-offset:-2px}.ToolBar-module__VtcFBq__instruction{color:var(--color-text-secondary);flex-shrink:0;padding:6px 16px 4px;font-size:clamp(.75rem,.7rem + .3cqi,.8125rem);line-height:1.5}.ToolBar-module__VtcFBq__instructionCreate{position:relative}.ToolBar-module__VtcFBq__actionColorHighlight{color:var(--color-action-primary);cursor:help;white-space:nowrap;font-weight:600}.ToolBar-module__VtcFBq__actionColorHelpBtn{border:1px solid var(--color-action-primary);width:14px;height:14px;color:var(--color-action-primary);cursor:help;vertical-align:middle;background:0 0;border-radius:50%;justify-content:center;align-items:center;margin-left:3px;padding:0;font-size:.5625rem;font-weight:700;line-height:1;transition:background-color .15s,color .15s;display:inline-flex}.ToolBar-module__VtcFBq__actionColorHelpBtn:hover,.ToolBar-module__VtcFBq__actionColorHelpBtn:focus-visible{background-color:var(--color-action-primary);color:var(--color-on-action-primary,#fff)}.ToolBar-module__VtcFBq__actionColorTooltip{background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary);white-space:normal;word-wrap:break-word;z-index:60;opacity:0;pointer-events:none;border-radius:6px;padding:10px 12px;font-size:.75rem;font-weight:400;line-height:1.55;transition:opacity .15s,transform .15s;position:absolute;top:calc(100% + 4px);left:8px;right:8px;transform:translateY(-4px);box-shadow:0 4px 12px #0000001f}:is(.ToolBar-module__VtcFBq__instructionCreate:has(.ToolBar-module__VtcFBq__actionColorHelpBtn:hover) .ToolBar-module__VtcFBq__actionColorTooltip,.ToolBar-module__VtcFBq__instructionCreate:has(.ToolBar-module__VtcFBq__actionColorHelpBtn:focus-visible) .ToolBar-module__VtcFBq__actionColorTooltip){opacity:1;pointer-events:auto;transform:translateY(0)}.ToolBar-module__VtcFBq__panelContent{flex-direction:column;flex:1;min-height:0;padding:0 16px 16px;display:flex;overflow:hidden auto;container:palette-panel/inline-size}.ToolBar-module__VtcFBq__toolbarTablet{background-color:var(--color-background-secondary);border-top:1px solid var(--color-border);z-index:40;max-height:50dvh;padding-bottom:env(safe-area-inset-bottom,0px);flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0}.ToolBar-module__VtcFBq__tabletPanel{flex:1;min-height:0;max-height:calc(50dvh - 56px);padding:12px 16px 8px;overflow:hidden auto}.ToolBar-module__VtcFBq__tabletPanel:empty{display:none}.ToolBar-module__VtcFBq__tabBar{border-top:1px solid var(--color-border);background-color:var(--color-background-secondary);flex-shrink:0;display:flex}.ToolBar-module__VtcFBq__tabBarBtn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:10px 4px 8px;transition:color .15s,background-color .15s;display:flex;position:relative}.ToolBar-module__VtcFBq__tabBarBtn:before{content:"";background-color:#0000;border-radius:0 0 2px 2px;height:2px;transition:background-color .15s;position:absolute;top:0;left:20%;right:20%}.ToolBar-module__VtcFBq__tabBarBtn:hover{color:var(--color-text-primary);background-color:color-mix(in srgb,var(--color-action-primary)5%,transparent)}.ToolBar-module__VtcFBq__tabBarBtn:focus-visible{outline:2px solid var(--color-action-primary);outline-offset:-2px}.ToolBar-module__VtcFBq__tabBarBtn[data-active=true]{color:var(--color-action-primary)}.ToolBar-module__VtcFBq__tabBarBtn[data-active=true]:before{background-color:var(--color-action-primary)}.ToolBar-module__VtcFBq__tabBarLabel{letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;font-size:.5625rem;font-weight:500}.ToolBar-module__VtcFBq__tabBarBtn[data-disabled=true]{opacity:.32;cursor:not-allowed;pointer-events:none}@media (min-width:768px) and (max-width:1024px){.ToolBar-module__VtcFBq__paletteSection{grid-template-rows:auto auto 1fr;grid-template-columns:auto 1fr;min-height:auto;display:grid}.ToolBar-module__VtcFBq__header{grid-column:1/-1}.ToolBar-module__VtcFBq__tabs{border-bottom:none;grid-area:2/1}.ToolBar-module__VtcFBq__tab{flex:none;padding:10px 20px;font-size:.875rem}.ToolBar-module__VtcFBq__instruction{border-left:1px solid var(--color-border);grid-area:2/2;align-self:center;padding:4px 16px;font-size:.8125rem}.ToolBar-module__VtcFBq__panelContent{border-top:1px solid var(--color-border);grid-area:3/1/auto/-1;min-height:0;padding-top:12px;overflow-y:auto}}.ToolBar-module__VtcFBq__compactRow{border-top:1px solid var(--color-border);flex-shrink:0;display:flex}.ToolBar-module__VtcFBq__compactBtn{font-family:var(--font-body);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-secondary);border:none;border-right:1px solid var(--color-border);cursor:pointer;background:0 0;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 4px;font-size:clamp(.5625rem,.5rem + .25cqi,.6875rem);font-weight:600;transition:color .15s,background-color .15s;display:flex}.ToolBar-module__VtcFBq__compactBtn:last-child{border-right:none}.ToolBar-module__VtcFBq__compactBtn:hover{color:var(--color-text-primary);background-color:color-mix(in srgb,var(--color-action-primary)6%,transparent)}.ToolBar-module__VtcFBq__compactBtn[data-active=true]{color:var(--color-action-primary);background-color:color-mix(in srgb,var(--color-action-primary)10%,transparent)}.ToolBar-module__VtcFBq__compactBtn:focus-visible{outline:2px solid var(--color-action-primary);outline-offset:-2px}.ToolBar-module__VtcFBq__compactBtn[data-disabled=true]{opacity:.32;cursor:not-allowed;pointer-events:none}.ToolBar-module__VtcFBq__compactContent{border-top:1px solid var(--color-border);flex-shrink:0;max-height:220px;padding:0 16px 12px;overflow-y:auto}
.ToolSection-module__4IlE4G__section{border-top:1px solid var(--color-border);flex-shrink:0}.ToolSection-module__4IlE4G__header{cursor:pointer;text-align:left;width:100%;color:var(--color-text-secondary);background:0 0;border:none;align-items:center;gap:8px;padding:10px 16px;transition:color .15s,background-color .15s;display:flex}.ToolSection-module__4IlE4G__header:hover{color:var(--color-text-primary);background-color:color-mix(in srgb,var(--color-border)30%,transparent)}.ToolSection-module__4IlE4G__header:focus-visible{outline:2px solid var(--color-action-primary);outline-offset:-2px}.ToolSection-module__4IlE4G__chevron{width:16px;height:16px;color:var(--color-text-secondary);flex-shrink:0;transition:transform .2s}.ToolSection-module__4IlE4G__section[data-open=true] .ToolSection-module__4IlE4G__chevron{transform:rotate(0)}.ToolSection-module__4IlE4G__section[data-open=false] .ToolSection-module__4IlE4G__chevron{transform:rotate(-90deg)}.ToolSection-module__4IlE4G__title{font-family:var(--font-body);flex:1;font-size:clamp(.75rem,.7rem + .25cqi,.8125rem);font-weight:500}.ToolSection-module__4IlE4G__badge{background-color:color-mix(in srgb,var(--color-action-primary)15%,transparent);color:var(--color-action-primary);white-space:nowrap;border-radius:10px;padding:2px 6px;font-size:.6875rem;font-weight:500}.ToolSection-module__4IlE4G__section[data-open=true]{z-index:2;background-color:var(--color-background-secondary);position:relative;box-shadow:0 -6px 20px #0000001a}.ToolSection-module__4IlE4G__section[data-open=true] .ToolSection-module__4IlE4G__header{background-color:var(--color-background-secondary);color:var(--color-action-primary)}.ToolSection-module__4IlE4G__section[data-open=true] .ToolSection-module__4IlE4G__title{color:var(--color-action-primary);font-size:clamp(.8125rem,.75rem + .3cqi,.875rem);font-weight:700}.ToolSection-module__4IlE4G__section[data-open=true] .ToolSection-module__4IlE4G__chevron{color:var(--color-action-primary)}.ToolSection-module__4IlE4G__body{background-color:var(--color-background-secondary);overflow:hidden auto}.ToolSection-module__4IlE4G__placeholder{color:var(--color-text-secondary);opacity:.6;padding:12px 16px;font-size:.8125rem;font-style:italic}.ToolSection-module__4IlE4G__section[data-disabled=true]{opacity:.38}.ToolSection-module__4IlE4G__section[data-disabled=true] .ToolSection-module__4IlE4G__header{cursor:not-allowed}.ToolSection-module__4IlE4G__section[data-disabled=true] .ToolSection-module__4IlE4G__header:hover{color:var(--color-text-secondary);background-color:#0000}.ToolSection-module__4IlE4G__disabledHint{letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-secondary);opacity:.7;white-space:nowrap;font-size:.5625rem}
.TypographySection-module__1LXGoW__section{flex-direction:column;gap:10px;padding:8px 0 4px;display:flex}.TypographySection-module__1LXGoW__preview{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;flex-direction:column;gap:4px;margin:0 16px;padding:8px 12px;display:flex}.TypographySection-module__1LXGoW__previewHeading{color:var(--color-text-primary);font-size:clamp(.9375rem,.85rem + .4cqi,1.125rem);font-weight:700;line-height:1.3}.TypographySection-module__1LXGoW__previewBody{color:var(--color-text-secondary);font-size:clamp(.75rem,.7rem + .2cqi,.8125rem);font-weight:400;line-height:1.6}.TypographySection-module__1LXGoW__previewNote{color:var(--color-text-secondary);opacity:.7;border-top:1px solid var(--color-border);margin-top:2px;padding-top:6px;font-size:.6875rem;font-style:italic;font-weight:400;line-height:1.4}.TypographySection-module__1LXGoW__selectors{flex-direction:row;gap:8px;padding:0 16px;display:flex}.TypographySection-module__1LXGoW__label{color:var(--color-text-secondary);letter-spacing:.04em;text-transform:uppercase;flex-direction:column;flex:1;gap:4px;min-width:0;font-size:.75rem;font-weight:600;display:flex}.TypographySection-module__1LXGoW__select{font-family:var(--font-body);color:var(--color-text-primary);background-color:var(--color-background-primary);border:1px solid var(--color-border);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%23787B86' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border-radius:5px;padding:7px 30px 7px 10px;font-size:.8125rem;transition:border-color .15s}.TypographySection-module__1LXGoW__select:hover{border-color:var(--color-action-primary)}.TypographySection-module__1LXGoW__select:focus-visible{outline:2px solid var(--color-action-primary);outline-offset:1px;border-color:var(--color-action-primary)}.TypographySection-module__1LXGoW__pairs{flex-direction:column;gap:6px;padding:0 16px;display:flex}.TypographySection-module__1LXGoW__pairsTitle{color:var(--color-text-secondary);letter-spacing:.04em;text-transform:uppercase;font-size:.75rem;font-weight:600}.TypographySection-module__1LXGoW__pairsList{scrollbar-width:thin;scrollbar-color:var(--color-border)transparent;flex-direction:column;gap:4px;max-height:170px;list-style:none;display:flex;overflow:hidden auto}.TypographySection-module__1LXGoW__pairButton{border:1px solid var(--color-border);cursor:pointer;text-align:left;background-color:#0000;border-radius:5px;flex-direction:column;gap:2px;width:100%;padding:8px 10px;transition:border-color .15s,background-color .15s;display:flex}.TypographySection-module__1LXGoW__pairButton:hover{border-color:var(--color-action-primary);background-color:var(--color-surface)}.TypographySection-module__1LXGoW__pairButton:focus-visible{outline:2px solid var(--color-action-primary);outline-offset:1px}.TypographySection-module__1LXGoW__pairButton[data-active=true]{border-color:var(--color-action-primary);background-color:var(--color-surface)}.TypographySection-module__1LXGoW__pairName{color:var(--color-text-primary);font-size:.8125rem;font-weight:600}.TypographySection-module__1LXGoW__pairFonts{color:var(--color-text-secondary);font-size:.75rem}.TypographySection-module__1LXGoW__wheelPickers{grid-template-columns:1fr 1fr;gap:8px;margin-top:4px;display:grid}.TypographySection-module__1LXGoW__wheelGroup{flex-direction:column;gap:4px;display:flex}.TypographySection-module__1LXGoW__wheelLabel{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);text-align:center;font-size:.625rem}
.CanvasViewToggle-module__6aIwJW__toggle{appearance:none;z-index:19;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;align-items:center;gap:3px;margin:0;padding:4px;display:flex;position:absolute;top:90px;right:20px;box-shadow:0 2px 8px #0000001a}.CanvasViewToggle-module__6aIwJW__toggleLegend{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.CanvasViewToggle-module__6aIwJW__btn{width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;transition:background .12s,color .12s;display:flex}.CanvasViewToggle-module__6aIwJW__btn:hover{background:var(--color-background-secondary);color:var(--color-text-primary)}.CanvasViewToggle-module__6aIwJW__btn[aria-pressed=true]{background:var(--color-action-primary);color:var(--color-on-action-primary)}.CanvasViewToggle-module__6aIwJW__btn:focus-visible{outline:2px solid var(--color-action-primary);outline-offset:1px}@media (max-width:1024px){.CanvasViewToggle-module__6aIwJW__toggle{border-radius:8px;gap:2px;padding:3px;top:14px;right:14px}.CanvasViewToggle-module__6aIwJW__btn{border-radius:6px;width:28px;height:28px}}
.DeviceSelector-module__vAgYFq__deviceSelector{background:0 0;border:none;justify-content:center;align-items:center;gap:2px;height:100%;margin:0;padding:0 8px;display:flex}.DeviceSelector-module__vAgYFq__deviceButton{background-color:color-mix(in srgb,var(--color-bg-tools)58%,transparent);color:var(--color-text-secondary);cursor:pointer;border:none;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 16px;transition:color .15s,background-color .15s;display:flex;position:relative}.DeviceSelector-module__vAgYFq__deviceButton:before{content:"";background-color:#0000;border-radius:0 0 8px 8px;height:4px;transition:background-color .15s;position:absolute;top:0;left:30%;right:30%}.DeviceSelector-module__vAgYFq__deviceButton:hover{color:var(--color-text-primary);background-color:color-mix(in srgb,var(--color-bg-tools)88%,transparent)}.DeviceSelector-module__vAgYFq__deviceButton:focus-visible{outline:2px solid var(--color-line);outline-offset:-2px}.DeviceSelector-module__vAgYFq__deviceButton[data-active=true]{color:var(--color-text-primary);background-color:var(--color-bg-tools)}.DeviceSelector-module__vAgYFq__deviceButton[data-active=true]:before{background-color:var(--color-line)}.DeviceSelector-module__vAgYFq__deviceLabel{font-family:var(--font-body),system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;font-size:.625rem;font-weight:700}
.MobileWorkspace-module__N-7Wmq__mobileWorkspace{height:calc(100dvh - var(--header-height,64px));background-color:var(--color-background-secondary);flex-direction:column;display:flex;overflow:hidden}.MobileWorkspace-module__N-7Wmq__previewArea{flex:0 0 40%;justify-content:center;align-items:center;min-height:0;padding:8px 12px 4px;display:flex;overflow:hidden}.MobileWorkspace-module__N-7Wmq__cubeEmpty{background:var(--color-background-secondary);opacity:.4;border-radius:8px;width:140px;height:140px}.MobileWorkspace-module__N-7Wmq__previewCanvas{background-color:var(--color-surface,#f9fbfc);border:1px solid var(--color-border,#e0e0e0);border-radius:12px;flex-direction:column;height:100%;display:flex;overflow:hidden;box-shadow:0 2px 12px #00000014}.MobileWorkspace-module__N-7Wmq__windowChrome{background-color:color-mix(in srgb,var(--color-background-primary,#fdfdfd)60%,transparent);border-bottom:1px solid var(--color-border,#e0e0e0);flex-shrink:0;align-items:center;gap:8px;padding:7px 10px;display:flex}.MobileWorkspace-module__N-7Wmq__windowDots{flex-shrink:0;gap:4px;display:flex}.MobileWorkspace-module__N-7Wmq__dotRed{background-color:#ff5f57;border-radius:50%;width:8px;height:8px}.MobileWorkspace-module__N-7Wmq__dotYellow{background-color:#febc2e;border-radius:50%;width:8px;height:8px}.MobileWorkspace-module__N-7Wmq__dotGreen{background-color:#28c840;border-radius:50%;width:8px;height:8px}.MobileWorkspace-module__N-7Wmq__windowTitle{color:var(--color-text-secondary,#787b86);white-space:nowrap;text-overflow:ellipsis;font-size:.6875rem;font-family:var(--font-body),system-ui,sans-serif;flex:1;overflow:hidden}.MobileWorkspace-module__N-7Wmq__windowArrow{color:var(--color-text-secondary,#787b86);flex-shrink:0;font-size:.75rem}.MobileWorkspace-module__N-7Wmq__previewText{flex-shrink:0;padding:8px 12px 6px}.MobileWorkspace-module__N-7Wmq__previewH1{font-family:var(--font-heading),system-ui,sans-serif;color:var(--color-text-primary,#0b0f1f);overflow-wrap:break-word;margin:0 0 3px;font-size:clamp(.75rem,2vw + .25rem,.875rem);font-weight:700;line-height:1.25}.MobileWorkspace-module__N-7Wmq__previewH1Accent{color:var(--color-text-primary,#0b0f1f);font-style:italic}.MobileWorkspace-module__N-7Wmq__previewP{font-family:var(--font-body),system-ui,sans-serif;color:var(--color-text-secondary,#353c49);overflow-wrap:break-word;margin:0;font-size:clamp(.625rem,1.5vw + .2rem,.75rem);line-height:1.35}.MobileWorkspace-module__N-7Wmq__desktopCta{color:#fff;background-color:var(--color-action-primary,#8d63f2);cursor:default;letter-spacing:.02em;border-radius:20px;margin-top:4px;padding:4px 12px;font-size:clamp(.6875rem,1.6vw + .2rem,.8125rem);font-weight:700;text-decoration:none;display:inline-block}[data-theme=dark] .MobileWorkspace-module__N-7Wmq__desktopCta{color:#0b0f1f;background-color:#fff}.MobileWorkspace-module__N-7Wmq__circleHero{flex-wrap:wrap;flex:1;place-content:center;gap:6px;min-height:0;padding:6px 12px 10px;display:flex}.MobileWorkspace-module__N-7Wmq__circleHero[data-empty=true]{justify-content:center;align-items:center;display:flex}.MobileWorkspace-module__N-7Wmq__circleEmpty{color:var(--color-text-secondary,#787b86);font-size:.75rem;font-family:var(--font-body),system-ui,sans-serif}.MobileWorkspace-module__N-7Wmq__circleCell{flex-direction:column;align-items:center;gap:2px;display:flex}.MobileWorkspace-module__N-7Wmq__circleColor{border-radius:50%;flex-shrink:0;width:clamp(36px,10vw,52px);height:clamp(36px,10vw,52px);display:block;box-shadow:0 1px 4px #0000001f}.MobileWorkspace-module__N-7Wmq__circleBar{opacity:.35;border-radius:2px;flex-shrink:0;width:60%;height:3px;display:block}.MobileWorkspace-module__N-7Wmq__toolArea{background-color:var(--color-background-primary,#fdfdfd);border-top:1px solid var(--color-border,#e0e0e0);flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}[data-theme=light] .MobileWorkspace-module__N-7Wmq__toolArea{background-color:var(--color-bg-header,#093469);border-top-color:color-mix(in srgb,var(--color-bg-header,#093469)80%,#000)}[data-theme=light] .MobileWorkspace-module__N-7Wmq__toolHeader{border-bottom-color:#ffffff26}[data-theme=light] .MobileWorkspace-module__N-7Wmq__toolTitle{color:#ffffffd9}[data-theme=light] .MobileWorkspace-module__N-7Wmq__tab{color:#ffffffa6}[data-theme=light] .MobileWorkspace-module__N-7Wmq__tab[data-active=true]{color:#fff;background-color:#ffffff26;border-color:#ffffff4d}[data-theme=light] .MobileWorkspace-module__N-7Wmq__exportLabel{color:#ffffffb3}[data-theme=light] .MobileWorkspace-module__N-7Wmq__exportBtn{color:#ffffffd9;border-color:#ffffff40}[data-theme=light] .MobileWorkspace-module__N-7Wmq__exportBtn:not(:disabled):hover{color:#fff;border-color:#fff9}.MobileWorkspace-module__N-7Wmq__toolHeader{border-bottom:1px solid var(--color-border,#e0e0e0);flex-shrink:0;justify-content:space-between;align-items:center;height:38px;padding:0 12px;display:flex}.MobileWorkspace-module__N-7Wmq__toolTitle{color:var(--color-text-secondary,#353c49);font-size:.6875rem;font-weight:600;font-family:var(--font-body),system-ui,sans-serif;text-transform:uppercase;letter-spacing:.06em}.MobileWorkspace-module__N-7Wmq__tabs{gap:2px;display:flex}.MobileWorkspace-module__N-7Wmq__tab{color:var(--color-text-secondary,#787b86);cursor:pointer;font-size:.75rem;font-weight:500;font-family:var(--font-body),system-ui,sans-serif;background:0 0;border:1px solid #0000;border-radius:6px;padding:4px 10px;transition:background-color .15s,color .15s,border-color .15s}.MobileWorkspace-module__N-7Wmq__tab[data-active=true]{background-color:color-mix(in srgb,var(--color-action-primary,#8d63f2)12%,transparent);color:var(--color-action-primary,#8d63f2);border-color:color-mix(in srgb,var(--color-action-primary,#8d63f2)30%,transparent)}.MobileWorkspace-module__N-7Wmq__tab:focus-visible{outline:2px solid var(--color-action-primary,#8d63f2);outline-offset:2px}.MobileWorkspace-module__N-7Wmq__toolContent{flex-direction:column;flex:1;justify-content:center;align-items:stretch;min-height:0;display:flex;overflow:hidden}.MobileWorkspace-module__N-7Wmq__drum{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;perspective:1000px;width:100%;transform-style:preserve-3d;position:relative;overflow:hidden}.MobileWorkspace-module__N-7Wmq__drum:active{cursor:grabbing}.MobileWorkspace-module__N-7Wmq__drumFadeTop{background:linear-gradient(to bottom,var(--color-background-primary,#fdfdfd)0%,transparent 100%);pointer-events:none;z-index:2;height:30%;position:absolute;top:0;left:0;right:0}[data-theme=light] .MobileWorkspace-module__N-7Wmq__drumFadeTop{background:linear-gradient(to bottom,var(--color-bg-header,#093469)0%,transparent 100%)}.MobileWorkspace-module__N-7Wmq__drumFadeBottom{background:linear-gradient(to top,var(--color-background-primary,#fdfdfd)0%,transparent 100%);pointer-events:none;z-index:2;height:30%;position:absolute;bottom:0;left:0;right:0}[data-theme=light] .MobileWorkspace-module__N-7Wmq__drumFadeBottom{background:linear-gradient(to top,var(--color-bg-header,#093469)0%,transparent 100%)}.MobileWorkspace-module__N-7Wmq__drumHighlight{background-color:color-mix(in srgb,var(--color-action-primary,#8d63f2)8%,transparent);border:1px solid color-mix(in srgb,var(--color-action-primary,#8d63f2)25%,transparent);pointer-events:none;z-index:1;border-radius:8px;position:absolute;left:8px;right:8px}.MobileWorkspace-module__N-7Wmq__drumItem{cursor:pointer;width:calc(100% - 24px);transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;background:0 0;border:none;border-radius:6px;flex-direction:column;gap:0;padding:3px 0;transition:none;display:flex;position:absolute;left:50%}.MobileWorkspace-module__N-7Wmq__drumItem:focus-visible{outline:2px solid var(--color-action-primary,#8d63f2);outline-offset:2px}.MobileWorkspace-module__N-7Wmq__drumNameplate{background-color:color-mix(in srgb,var(--color-text-primary,#0b0f1f)6%,transparent);border-radius:4px 4px 0 0;justify-content:space-between;align-items:center;gap:4px;padding:3px 6px;display:flex}.MobileWorkspace-module__N-7Wmq__drumName{color:var(--color-text-primary,#0b0f1f);font-size:.9rem;font-weight:600;font-family:var(--font-body),system-ui,sans-serif;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.MobileWorkspace-module__N-7Wmq__drumMode{color:var(--color-text-secondary,#787b86);flex-shrink:0;font-size:.9rem}[data-theme=light] .MobileWorkspace-module__N-7Wmq__drumName{color:#fff}[data-theme=light] .MobileWorkspace-module__N-7Wmq__drumMode{color:#ffffffb3}.MobileWorkspace-module__N-7Wmq__drumCircles{background-color:color-mix(in srgb,var(--color-text-auth,#0b0f1f)18%,transparent);border-radius:14px;flex-wrap:nowrap;justify-content:center;gap:5px;padding:4px 6px 3px;display:flex;overflow:hidden}.MobileWorkspace-module__N-7Wmq__drumCircle{border-radius:18%;flex-shrink:0;width:21px;height:21px;box-shadow:0 1px 2px #0000004d}.MobileWorkspace-module__N-7Wmq__drumCircle:first-child{transform:rotate(-2deg)translateY(0)}.MobileWorkspace-module__N-7Wmq__drumCircle:nth-child(2){transform:rotate(0)translateY(-1px)}.MobileWorkspace-module__N-7Wmq__drumCircle:nth-child(3){transform:rotate(2deg)translateY(1px)}.MobileWorkspace-module__N-7Wmq__drumCircle:nth-child(4){transform:rotate(4deg)translateY(-1px)}.MobileWorkspace-module__N-7Wmq__drumCircle:nth-child(5){transform:rotate(5deg)translateY(1px)}.MobileWorkspace-module__N-7Wmq__drumCircle:nth-child(6){transform:rotate(7deg)translateY(-1px)}.MobileWorkspace-module__N-7Wmq__drumCircle:nth-child(7){transform:rotate(8deg)translateY(1px)}.MobileWorkspace-module__N-7Wmq__drumCircle:nth-child(8){transform:rotate(10deg)translateY(-1px)}.MobileWorkspace-module__N-7Wmq__drumCircle:nth-child(9){transform:rotate(11deg)translateY(1px)}.MobileWorkspace-module__N-7Wmq__drumCircle:nth-child(10){transform:rotate(13deg)translateY(-1px)}.MobileWorkspace-module__N-7Wmq__drumCircle:nth-child(11){transform:rotate(14deg)translateY(1px)}.MobileWorkspace-module__N-7Wmq__drumCircle:nth-child(12){transform:rotate(16deg)translateY(-1px)}.MobileWorkspace-module__N-7Wmq__createArea{flex-direction:column;flex:1;gap:8px;padding:8px 12px;display:flex;overflow-y:auto}.MobileWorkspace-module__N-7Wmq__createRow{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.MobileWorkspace-module__N-7Wmq__createLabel{color:var(--color-text-secondary,#353c49);font-size:.6875rem;font-weight:600;font-family:var(--font-body),system-ui,sans-serif;flex-shrink:0}.MobileWorkspace-module__N-7Wmq__createColorInput{border:1px solid var(--color-border,#e0e0e0);cursor:pointer;background:0 0;border-radius:6px;width:32px;height:28px;padding:2px}.MobileWorkspace-module__N-7Wmq__createChipGroup{gap:3px;display:flex}.MobileWorkspace-module__N-7Wmq__createChip{border:1px solid var(--color-border,#e0e0e0);color:var(--color-text-secondary,#787b86);cursor:pointer;font-size:.6875rem;font-weight:500;font-family:var(--font-body),system-ui,sans-serif;background:0 0;border-radius:5px;padding:3px 8px;transition:background-color .12s,color .12s,border-color .12s}.MobileWorkspace-module__N-7Wmq__createChip[data-active=true]{background-color:var(--color-action-primary,#8d63f2);color:var(--color-on-action-primary,#fff);border-color:var(--color-action-primary,#8d63f2)}.MobileWorkspace-module__N-7Wmq__createChip:focus-visible{outline:2px solid var(--color-action-primary,#8d63f2);outline-offset:2px}.MobileWorkspace-module__N-7Wmq__createGenerateBtn{background-color:var(--color-action-primary,#8d63f2);color:var(--color-on-action-primary,#fff);cursor:pointer;font-size:.75rem;font-weight:600;font-family:var(--font-body),system-ui,sans-serif;border:none;border-radius:7px;justify-content:center;align-items:center;gap:5px;width:100%;padding:7px 16px;transition:opacity .15s;display:flex}.MobileWorkspace-module__N-7Wmq__createGenerateBtn:disabled{opacity:.6;cursor:not-allowed}.MobileWorkspace-module__N-7Wmq__createGenerateBtn:not(:disabled):hover{opacity:.88}.MobileWorkspace-module__N-7Wmq__createGenerateBtn:focus-visible{outline:2px solid var(--color-action-primary,#8d63f2);outline-offset:2px}.MobileWorkspace-module__N-7Wmq__spinIcon{animation:.8s linear infinite MobileWorkspace-module__N-7Wmq__spin}@keyframes MobileWorkspace-module__N-7Wmq__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-theme=light] .MobileWorkspace-module__N-7Wmq__createLabel{color:#ffffffd9}[data-theme=light] .MobileWorkspace-module__N-7Wmq__createChip{color:#ffffffbf;border-color:#ffffff40}[data-theme=light] .MobileWorkspace-module__N-7Wmq__createChip:hover{color:#fff;border-color:#ffffff80}[data-theme=light] .MobileWorkspace-module__N-7Wmq__createColorInput{border-color:#ffffff4d}[data-theme=light] .MobileWorkspace-module__N-7Wmq__createSwatches{background-color:#ffffff1a;border-color:#fff3}.MobileWorkspace-module__N-7Wmq__createSwatches{border:1px solid var(--color-border,#e0e0e0);background-color:var(--color-background-secondary,#f4f4f4);border-radius:6px;flex-wrap:wrap;gap:4px;margin:0;padding:6px;list-style:none;display:flex}.MobileWorkspace-module__N-7Wmq__createSwatch{border-radius:50%;width:22px;height:22px;box-shadow:0 1px 3px #0000001f}.MobileWorkspace-module__N-7Wmq__exportRow{border-top:1px solid var(--color-border,#e0e0e0);background-color:var(--color-background-primary,#fdfdfd);flex-shrink:0;align-items:center;gap:6px;padding:7px 12px;display:flex}[data-theme=light] .MobileWorkspace-module__N-7Wmq__exportRow{background-color:var(--color-bg-header,#093469);border-top-color:color-mix(in srgb,var(--color-bg-header,#093469)80%,#000)}.MobileWorkspace-module__N-7Wmq__exportLabel{color:var(--color-text-secondary,#787b86);font-size:.6875rem;font-weight:600;font-family:var(--font-body),system-ui,sans-serif;text-transform:uppercase;letter-spacing:.05em;flex:1}.MobileWorkspace-module__N-7Wmq__exportBtn{border:1px solid var(--color-border,#e0e0e0);color:var(--color-text-secondary,#353c49);cursor:pointer;font-size:.75rem;font-weight:500;font-family:var(--font-body),system-ui,sans-serif;background:0 0;border-radius:6px;align-items:center;gap:4px;padding:5px 12px;transition:background-color .12s,color .12s,border-color .12s;display:flex}.MobileWorkspace-module__N-7Wmq__exportBtn:not(:disabled):hover{border-color:var(--color-action-primary,#8d63f2);color:var(--color-action-primary,#8d63f2)}.MobileWorkspace-module__N-7Wmq__exportBtn:disabled{opacity:.45;cursor:not-allowed}.MobileWorkspace-module__N-7Wmq__exportBtn:focus-visible{outline:2px solid var(--color-action-primary,#8d63f2);outline-offset:2px}
.RubiksCube-module__4oBlDq__wrapper{-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:100%;height:100%;display:flex}.RubiksCube-module__4oBlDq__sceneWrapper{flex-shrink:0}.RubiksCube-module__4oBlDq__cubeRoot{transform-style:preserve-3d;position:relative}.RubiksCube-module__4oBlDq__face{box-sizing:border-box;backface-visibility:hidden;grid-template-columns:repeat(3,1fr);display:grid;position:absolute}.RubiksCube-module__4oBlDq__cell{transition:opacity 80ms}.RubiksCube-module__4oBlDq__cell:hover{opacity:1}.RubiksCube-module__4oBlDq__controls{flex-direction:column;align-items:center;gap:.75rem;display:flex}.RubiksCube-module__4oBlDq__reshuffleBtn{border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;letter-spacing:.15em;text-transform:uppercase;background:0 0;border-radius:9999px;padding:.5rem 1.5rem;font-size:.625rem;transition:color .15s,border-color .15s}.RubiksCube-module__4oBlDq__reshuffleBtn:hover{color:var(--color-text-primary);border-color:var(--color-text-primary)}.RubiksCube-module__4oBlDq__reshuffleBtn:focus-visible{outline:2px solid var(--color-action-primary);outline-offset:2px}.RubiksCube-module__4oBlDq__hintLabel{letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-secondary);opacity:.5;pointer-events:none;font-size:.5625rem}@media (max-width:767px){.RubiksCube-module__4oBlDq__controls{display:none}}
.OnboardingHint-module__TWlYmG__hint{background-color:var(--color-background-primary);flex-shrink:0;gap:14px;width:100%;max-width:640px;margin-inline:auto;padding:10px 20px;transition:opacity .5s;display:flex}.OnboardingHint-module__TWlYmG__landscape{flex-direction:row;align-items:center}.OnboardingHint-module__TWlYmG__portrait{flex-direction:column;align-items:center;gap:8px;padding:8px 16px}.OnboardingHint-module__TWlYmG__animated{opacity:1}.OnboardingHint-module__TWlYmG__calm{opacity:.72}.OnboardingHint-module__TWlYmG__calm:hover{opacity:1;transition:opacity .25s}.OnboardingHint-module__TWlYmG__bigArrow{color:var(--color-line);-webkit-user-select:none;user-select:none;flex-shrink:0;align-self:center;font-size:2rem;line-height:1;transition:color .3s}@keyframes OnboardingHint-module__TWlYmG__bounceRight{0%,to{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--color-action-primary)60%,transparent));transform:translate(0)}45%{filter:drop-shadow(0 0 12px var(--color-line));transform:translate(8px)}70%{filter:drop-shadow(0 0 10px color-mix(in srgb,var(--color-line)80%,transparent));transform:translate(4px)}}@keyframes OnboardingHint-module__TWlYmG__bounceUp{0%,to{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--color-action-primary)60%,transparent));transform:translateY(0)}45%{filter:drop-shadow(0 0 12px var(--color-action-primary));transform:translateY(-8px)}70%{filter:drop-shadow(0 0 10px color-mix(in srgb,var(--color-action-primary)80%,transparent));transform:translateY(-4px)}}.OnboardingHint-module__TWlYmG__landscape .OnboardingHint-module__TWlYmG__bigArrowPulse{animation:1.4s cubic-bezier(.4,0,.2,1) infinite OnboardingHint-module__TWlYmG__bounceRight}.OnboardingHint-module__TWlYmG__portrait .OnboardingHint-module__TWlYmG__bigArrowPulse{animation:1.4s cubic-bezier(.4,0,.2,1) infinite OnboardingHint-module__TWlYmG__bounceUp}.OnboardingHint-module__TWlYmG__textZone{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.OnboardingHint-module__TWlYmG__paraMain{color:var(--color-text-secondary);margin:0;font-size:clamp(.6875rem,.65rem + .15vw,.8125rem);font-weight:400;line-height:1.5}.OnboardingHint-module__TWlYmG__paraSub{color:var(--color-text-secondary);margin:0 0 2px;font-size:clamp(.6875rem,.65rem + .15vw,.8125rem);line-height:1.5}.OnboardingHint-module__TWlYmG__collapsible{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .42s cubic-bezier(.4,0,.2,1),opacity .38s;display:grid}.OnboardingHint-module__TWlYmG__collapsible[data-visible=true]{opacity:1;grid-template-rows:1fr}.OnboardingHint-module__TWlYmG__collapsibleInner{overflow:hidden}.OnboardingHint-module__TWlYmG__list{flex-direction:column;gap:3px;margin:4px 0 0;padding-left:1.3em;display:flex}.OnboardingHint-module__TWlYmG__list li{color:var(--color-text-secondary);font-size:clamp(.6875rem,.65rem + .15vw,.8125rem);line-height:1.5}.OnboardingHint-module__TWlYmG__inlineArrow{color:var(--color-action-primary);vertical-align:middle;letter-spacing:-.01em;font-size:1.15em;font-weight:700;line-height:1}.OnboardingHint-module__TWlYmG__toggleBtn{font-family:var(--font-body),system-ui,sans-serif;letter-spacing:.03em;cursor:pointer;background:var(--color-background-primary)padding-box,linear-gradient(90deg,var(--color-action-primary),var(--color-accent-primary))border-box;color:var(--color-action-primary);border:1.5px solid #0000;border-radius:999px;align-self:flex-start;align-items:center;gap:5px;margin-top:6px;padding:4px 14px;font-size:.75rem;font-weight:600;transition:color .15s,background .2s,transform .1s;display:inline-flex}.OnboardingHint-module__TWlYmG__toggleBtn:hover{color:var(--color-line);transform:translateY(-1px)}.OnboardingHint-module__TWlYmG__toggleBtn:active{transform:translateY(0)}.OnboardingHint-module__TWlYmG__toggleBtn:focus-visible{outline:2px solid var(--color-action-primary);outline-offset:3px}
.PreviewCanvas-module__wlVMka__wrapper{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.PreviewCanvas-module__wlVMka__deviceSelector{border-bottom:1px solid var(--color-border);background-color:var(--color-background-primary);flex-shrink:0;justify-content:center;align-items:center;gap:2px;padding:10px 16px;display:flex}.PreviewCanvas-module__wlVMka__deviceButton{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;transition:background-color .15s,color .15s;display:flex}.PreviewCanvas-module__wlVMka__deviceButton:hover{background-color:var(--color-background-secondary);color:var(--color-text-primary)}.PreviewCanvas-module__wlVMka__deviceButton[data-active=true]{background-color:var(--color-surface);color:var(--color-action-primary)}.PreviewCanvas-module__wlVMka__deviceButton:focus-visible{outline:2px solid var(--color-action-primary);outline-offset:2px}.PreviewCanvas-module__wlVMka__deviceLabel{font-family:var(--font-body),system-ui,sans-serif;letter-spacing:.02em;text-transform:uppercase;font-size:.6875rem;font-weight:500}.PreviewCanvas-module__wlVMka__canvasArea{background-color:var(--color-background-primary);flex-direction:column;flex:1;justify-content:start;align-items:center;gap:8px;min-height:0;padding:12px clamp(32px,4vw,80px) clamp(12px,2vh,24px);display:flex;overflow:hidden}.PreviewCanvas-module__wlVMka__canvasFrame{box-shadow:0 0 0 1px var(--color-border),0 8px 32px #0000001a,0 2px 8px #0000000f;border-radius:6px;flex-shrink:0;position:relative;overflow:hidden}.PreviewCanvas-module__wlVMka__canvasInner{position:absolute;top:0;left:0}.PreviewCanvas-module__wlVMka__scaleInfo{font-family:var(--font-body),system-ui,sans-serif;color:var(--color-text-primary);opacity:.6;letter-spacing:.01em;flex-shrink:0;font-size:clamp(.8125rem,.73rem + .35vw,1rem)}.PreviewCanvas-module__wlVMka__template{background-color:var(--color-background-primary);height:100%;font-family:var(--font-body),system-ui,sans-serif;color:var(--color-text-primary);flex-direction:column;display:flex;overflow:hidden}.PreviewCanvas-module__wlVMka__header{padding:var(--sp-header-padding,20px 48px);background-color:var(--color-background-secondary);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:var(--sp-header-gap,24px);flex-shrink:0;display:flex}.PreviewCanvas-module__wlVMka__templatePortrait .PreviewCanvas-module__wlVMka__header{padding:14px 24px}.PreviewCanvas-module__wlVMka__templateMobile .PreviewCanvas-module__wlVMka__header{padding:10px 14px}.PreviewCanvas-module__wlVMka__headerLogo{font-family:var(--font-heading-safe,var(--font-heading)),system-ui,sans-serif;color:var(--color-on-background-secondary);letter-spacing:.01em;flex-shrink:0;font-size:20px;font-weight:700}.PreviewCanvas-module__wlVMka__templateMobile .PreviewCanvas-module__wlVMka__headerLogo{font-size:15px}.PreviewCanvas-module__wlVMka__headerNav{flex:1;justify-content:center;gap:32px;display:flex}.PreviewCanvas-module__wlVMka__headerNavLink{color:var(--color-text-secondary);font-size:14px}.PreviewCanvas-module__wlVMka__headerCta{background-color:var(--color-action-primary);color:var(--color-on-action-primary);border-radius:var(--radius,8px);font-family:var(--font-body),system-ui,sans-serif;cursor:default;border:none;flex-shrink:0;align-items:center;gap:6px;padding:8px 20px;font-size:14px;font-weight:600;display:inline-flex}.PreviewCanvas-module__wlVMka__templateMobile .PreviewCanvas-module__wlVMka__headerCta{padding:6px 10px}.PreviewCanvas-module__wlVMka__mobileNav{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0;align-items:center;gap:4px;padding:8px 16px;display:flex}.PreviewCanvas-module__wlVMka__templateMobile .PreviewCanvas-module__wlVMka__mobileNav{gap:2px;padding:6px 12px}.PreviewCanvas-module__wlVMka__mobileNavBtn{border-radius:var(--radius,8px);width:36px;height:36px;color:var(--color-text-secondary);cursor:default;background-color:#0000;border:none;justify-content:center;align-items:center;display:flex}.PreviewCanvas-module__wlVMka__templateMobile .PreviewCanvas-module__wlVMka__mobileNavBtn{width:30px;height:30px}.PreviewCanvas-module__wlVMka__mobileNavBtnActive{background-color:var(--color-background-secondary);color:var(--color-action-primary)}.PreviewCanvas-module__wlVMka__layout{flex:1;min-height:0;display:flex;overflow:hidden}.PreviewCanvas-module__wlVMka__sidebar{width:216px;padding:var(--sp-sidebar-padding,24px 16px);background-color:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;justify-content:space-between;display:flex;overflow:hidden}.PreviewCanvas-module__wlVMka__sideNav{gap:var(--sp-sidenav-gap,2px);flex-direction:column;display:flex}.PreviewCanvas-module__wlVMka__sideNavLink{padding:var(--sp-navlink-padding,8px 12px);border-radius:var(--radius-sm,6px);color:var(--color-on-surface);opacity:.75;font-size:14px;display:block}.PreviewCanvas-module__wlVMka__sideNavLinkActive{background-color:var(--color-background-secondary);color:var(--color-on-background-secondary);font-weight:600}.PreviewCanvas-module__wlVMka__sideCta{background-color:var(--color-accent-primary);color:var(--color-on-accent-primary);border-radius:var(--radius,8px);font-family:var(--font-body),system-ui,sans-serif;cursor:default;border:none;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.PreviewCanvas-module__wlVMka__main{gap:var(--sp-main-gap,12px);padding:var(--sp-main-padding,22px 32px);background-color:var(--color-background-primary);flex-direction:column;flex:1;display:flex;overflow:hidden}.PreviewCanvas-module__wlVMka__templatePortrait .PreviewCanvas-module__wlVMka__main{gap:10px;padding:18px 22px}.PreviewCanvas-module__wlVMka__templateMobile .PreviewCanvas-module__wlVMka__main{gap:8px;padding:12px 14px}.PreviewCanvas-module__wlVMka__semanticBadges{flex-wrap:wrap;flex-shrink:0;gap:8px;display:flex}.PreviewCanvas-module__wlVMka__badge{letter-spacing:.03em;border-radius:999px;justify-content:center;align-items:center;padding:3px 10px;font-size:11px;font-weight:700;line-height:1.4;display:inline-flex}.PreviewCanvas-module__wlVMka__templateMobile .PreviewCanvas-module__wlVMka__badge{padding:2px 8px;font-size:10px}.PreviewCanvas-module__wlVMka__badgeSuccess{background-color:var(--color-success);color:var(--color-on-success)}.PreviewCanvas-module__wlVMka__badgeWarning{background-color:var(--color-warning);color:var(--color-on-warning)}.PreviewCanvas-module__wlVMka__badgeError{background-color:var(--color-error);color:var(--color-on-error)}.PreviewCanvas-module__wlVMka__badgeAccent{background-color:var(--color-accent-secondary);color:var(--color-on-accent-secondary)}.PreviewCanvas-module__wlVMka__heading{font-family:var(--font-heading),system-ui,sans-serif;font-size:calc(38px*var(--heading-scale,1));color:var(--color-text-primary);letter-spacing:var(--heading-letter-spacing,.01em);margin:0 0 8px;margin-left:calc(var(--radius-lg,0px)*.35);flex-shrink:0;font-weight:700;line-height:1.12}.PreviewCanvas-module__wlVMka__templatePortrait .PreviewCanvas-module__wlVMka__heading{font-size:calc(26px*var(--heading-scale,1));letter-spacing:.005em;margin-left:calc(var(--radius-lg,0px)*.25)}.PreviewCanvas-module__wlVMka__templateMobile .PreviewCanvas-module__wlVMka__heading{font-size:calc(16px*var(--heading-scale,1));letter-spacing:0;margin-left:0;line-height:1.18}.PreviewCanvas-module__wlVMka__divider{background-color:var(--color-border);flex-shrink:0;height:1px}.PreviewCanvas-module__wlVMka__featureCard{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg,10px);box-shadow:var(--shadow-low,0 2px 8px #0000000f);padding:14px 18px;padding-left:max(18px,calc(var(--radius-lg,10px)*.65));flex-shrink:0}.PreviewCanvas-module__wlVMka__templatePortrait .PreviewCanvas-module__wlVMka__featureCard{padding:16px 20px;padding-left:max(20px,calc(var(--radius-lg,10px)*.65))}.PreviewCanvas-module__wlVMka__templateMobile .PreviewCanvas-module__wlVMka__featureCard{padding:12px 14px;padding-left:max(14px,calc(var(--radius-lg,10px)*.45))}.PreviewCanvas-module__wlVMka__featureCardTitle{font-family:var(--font-heading-safe,var(--font-heading)),system-ui,sans-serif;color:var(--color-on-surface);letter-spacing:.005em;margin:0 0 6px;font-size:17px;font-weight:700}.PreviewCanvas-module__wlVMka__templatePortrait .PreviewCanvas-module__wlVMka__featureCardTitle{margin-bottom:4px;font-size:14px}.PreviewCanvas-module__wlVMka__templateMobile .PreviewCanvas-module__wlVMka__featureCardTitle{margin-bottom:3px;font-size:11px}.PreviewCanvas-module__wlVMka__featureCardText{color:var(--color-on-surface);opacity:.72;margin:0;font-size:12px;line-height:1.5}.PreviewCanvas-module__wlVMka__templateMobile .PreviewCanvas-module__wlVMka__featureCardText{font-size:10px}.PreviewCanvas-module__wlVMka__productGridArea{min-height:0;padding:var(--sp-grid-area-pad,12px);flex:1;align-items:stretch;display:flex}.PreviewCanvas-module__wlVMka__productGrid{gap:var(--sp-grid-gap,2px);padding:var(--sp-grid-gap,2px);background-color:var(--color-border);box-shadow:var(--shadow-med,0 4px 24px #00000017);grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;width:100%;height:100%;display:grid;overflow:hidden}.PreviewCanvas-module__wlVMka__templatePortrait .PreviewCanvas-module__wlVMka__productGrid{grid-template-columns:repeat(3,1fr)}.PreviewCanvas-module__wlVMka__templateMobile .PreviewCanvas-module__wlVMka__productGrid{grid-template-columns:repeat(2,1fr)}.PreviewCanvas-module__wlVMka__productCard{justify-content:center;align-items:center;gap:var(--sp-card-gap,8px);padding:var(--sp-card-padding,10px 6px);background-color:var(--color-surface);border-radius:var(--radius-lg,8px);--circle-size:var(--sp-circle-size,52px);flex-direction:column;display:flex}.PreviewCanvas-module__wlVMka__templatePortrait .PreviewCanvas-module__wlVMka__productCard{--circle-size:calc(var(--sp-circle-size,44px)*1.1)}.PreviewCanvas-module__wlVMka__templateMobile .PreviewCanvas-module__wlVMka__productCard{--circle-size:calc(var(--sp-circle-size,44px)*.9)}.PreviewCanvas-module__wlVMka__productCircle{width:var(--circle-size);height:var(--circle-size);box-shadow:var(--shadow-low,0 2px 6px #00000014);border-radius:50%;flex-shrink:0}.PreviewCanvas-module__wlVMka__productLines{width:var(--circle-size);flex-direction:column;align-items:center;gap:4px;display:flex}.PreviewCanvas-module__wlVMka__productLine{opacity:.6;border-radius:var(--radius-sm,4px);width:100%;height:9px}.PreviewCanvas-module__wlVMka__productLineSm{opacity:.4;border-radius:var(--radius-sm,4px);width:68%;height:7px}.PreviewCanvas-module__wlVMka__templatePortrait .PreviewCanvas-module__wlVMka__productLine{height:8px}.PreviewCanvas-module__wlVMka__templatePortrait .PreviewCanvas-module__wlVMka__productLineSm{height:6px}.PreviewCanvas-module__wlVMka__templateMobile .PreviewCanvas-module__wlVMka__productLine{height:7px}.PreviewCanvas-module__wlVMka__templateMobile .PreviewCanvas-module__wlVMka__productLineSm{height:5px}.PreviewCanvas-module__wlVMka__desktopOnlyNote{color:var(--color-text-secondary);opacity:.7;white-space:nowrap;letter-spacing:.02em;align-self:center;padding:0 4px;font-size:.625rem}@media (max-width:1024px){.PreviewCanvas-module__wlVMka__canvasArea{gap:6px;padding:12px 12px 8px}.PreviewCanvas-module__wlVMka__scaleInfo{white-space:nowrap;font-size:.6875rem;overflow:visible}}.PreviewCanvas-module__wlVMka__templateTypeToggle{appearance:none;border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:2px;margin:0;padding:3px;display:flex;box-shadow:0 1px 4px #00000014}.PreviewCanvas-module__wlVMka__templateTypeLegend{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.PreviewCanvas-module__wlVMka__templateTypeBtn{color:var(--color-text-secondary);font-family:var(--font-body),system-ui,sans-serif;letter-spacing:.01em;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:5px 14px;font-size:12px;font-weight:500;transition:background .12s,color .12s;display:flex}.PreviewCanvas-module__wlVMka__templateTypeBtn:hover{background:var(--color-background-secondary);color:var(--color-text-primary)}.PreviewCanvas-module__wlVMka__templateTypeBtn[data-active=true]{background:var(--color-action-primary);color:var(--color-on-action-primary)}.PreviewCanvas-module__wlVMka__templateTypeBtn:focus-visible{outline:2px solid var(--color-action-primary);outline-offset:1px}.PreviewCanvas-module__wlVMka__vitrineTemplate{background-color:var(--color-background-primary);height:100%;font-family:var(--font-body),system-ui,sans-serif;color:var(--color-text-primary);flex-direction:column;display:flex;overflow:hidden}.PreviewCanvas-module__wlVMka__vitrineHeader{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:24px;padding:14px 48px;display:flex}.PreviewCanvas-module__wlVMka__vitrinePortrait .PreviewCanvas-module__wlVMka__vitrineHeader{padding:12px 24px}.PreviewCanvas-module__wlVMka__vitrineMobile .PreviewCanvas-module__wlVMka__vitrineHeader{padding:10px 16px}.PreviewCanvas-module__wlVMka__vitrineHeaderLogo{font-family:var(--font-heading-safe,var(--font-heading)),system-ui,sans-serif;letter-spacing:.01em;color:var(--color-on-surface);flex-shrink:0;font-size:22px;font-weight:700}.PreviewCanvas-module__wlVMka__vitrinePortrait .PreviewCanvas-module__wlVMka__vitrineHeaderLogo{font-size:16px}.PreviewCanvas-module__wlVMka__vitrineMobile .PreviewCanvas-module__wlVMka__vitrineHeaderLogo{font-size:14px}.PreviewCanvas-module__wlVMka__vitrineHeaderNav{flex:1;justify-content:center;gap:32px;display:flex}.PreviewCanvas-module__wlVMka__vitrineHeaderNavLink{color:var(--color-on-surface);opacity:.75;cursor:pointer;letter-spacing:.01em;font-size:14px}.PreviewCanvas-module__wlVMka__vitrineHeaderCta{border-radius:var(--radius,8px);background-color:var(--color-action-primary);color:var(--color-on-action-primary);cursor:pointer;border:none;flex-shrink:0;align-items:center;gap:6px;padding:8px 20px;font-size:13px;font-weight:600;display:flex}.PreviewCanvas-module__wlVMka__vitrineHamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:4px;padding:6px;display:flex}.PreviewCanvas-module__wlVMka__vitrineMobile .PreviewCanvas-module__wlVMka__vitrineHamburger{gap:3px;padding:4px}.PreviewCanvas-module__wlVMka__vitrineHamburgerLine{background-color:var(--color-on-surface);border-radius:1px;width:20px;height:2px;display:block}.PreviewCanvas-module__wlVMka__vitrineMobile .PreviewCanvas-module__wlVMka__vitrineHamburgerLine{width:16px}.PreviewCanvas-module__wlVMka__vitrineHero{flex:1;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.PreviewCanvas-module__wlVMka__vitrineMobile .PreviewCanvas-module__wlVMka__vitrineHero{flex:0 0 200px}.PreviewCanvas-module__wlVMka__vitrineHeroImageWrapper{background-color:var(--color-surface);isolation:isolate;position:absolute;inset:0;overflow:hidden}.PreviewCanvas-module__wlVMka__vitrineHeroImage{object-fit:cover;object-position:center;filter:grayscale();mix-blend-mode:screen;width:100%;height:100%;display:block}.PreviewCanvas-module__wlVMka__vitrineHeroOverlay{display:none}.PreviewCanvas-module__wlVMka__vitrineHeroContent{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:16px;width:100%;padding:32px 48px 40px;display:flex;position:relative}.PreviewCanvas-module__wlVMka__vitrinePortrait .PreviewCanvas-module__wlVMka__vitrineHeroContent{gap:12px;padding:20px 28px 32px}.PreviewCanvas-module__wlVMka__vitrineMobile .PreviewCanvas-module__wlVMka__vitrineHeroContent{gap:10px;padding:12px 16px 24px}.PreviewCanvas-module__wlVMka__vitrineHeroTextGlass{border-radius:var(--radius-lg,16px);max-width:90%;box-shadow:var(--shadow-med,0 6px 18px #00000038);background:color-mix(in srgb,var(--color-background-primary)62%,transparent);-webkit-backdrop-filter:blur(16px)saturate(1.2);border:1px solid color-mix(in srgb,var(--color-border)35%,transparent);flex-direction:column;align-items:center;gap:8px;padding:24px 40px;display:flex}.PreviewCanvas-module__wlVMka__vitrinePortrait .PreviewCanvas-module__wlVMka__vitrineHeroTextGlass{gap:6px;padding:14px 24px}.PreviewCanvas-module__wlVMka__vitrineMobile .PreviewCanvas-module__wlVMka__vitrineHeroTextGlass{border-radius:var(--radius,8px);gap:4px;padding:10px 16px}.PreviewCanvas-module__wlVMka__vitrineHeading{font-family:var(--font-heading),system-ui,sans-serif;font-size:calc(40px*var(--heading-scale,1));letter-spacing:var(--heading-letter-spacing,.02em);color:var(--color-text-primary);white-space:pre-line;text-align:center;max-width:700px;margin:0 0 8px;font-weight:800;line-height:1.15}.PreviewCanvas-module__wlVMka__vitrinePortrait .PreviewCanvas-module__wlVMka__vitrineHeading{font-size:calc(28px*var(--heading-scale,1));max-width:520px}.PreviewCanvas-module__wlVMka__vitrineMobile .PreviewCanvas-module__wlVMka__vitrineHeading{font-size:calc(18px*var(--heading-scale,1));max-width:340px}.PreviewCanvas-module__wlVMka__vitrineSubheading{color:var(--color-text-secondary);letter-spacing:.05em;text-align:center;margin:0;font-size:15px;line-height:1.4}.PreviewCanvas-module__wlVMka__vitrinePortrait .PreviewCanvas-module__wlVMka__vitrineSubheading{font-size:12px}.PreviewCanvas-module__wlVMka__vitrineMobile .PreviewCanvas-module__wlVMka__vitrineSubheading{font-size:11px}.PreviewCanvas-module__wlVMka__vitrineHeroCta{border-radius:var(--radius,8px);background-color:var(--color-accent-primary);color:var(--color-on-accent-primary);font-family:var(--font-heading-safe,var(--font-heading)),system-ui,sans-serif;cursor:pointer;letter-spacing:.01em;border:none;align-self:center;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:700;display:flex}.PreviewCanvas-module__wlVMka__vitrinePortrait .PreviewCanvas-module__wlVMka__vitrineHeroCta{gap:6px;padding:10px 20px;font-size:13px}.PreviewCanvas-module__wlVMka__vitrineMobile .PreviewCanvas-module__wlVMka__vitrineHeroCta{gap:5px;padding:8px 16px;font-size:11px}.PreviewCanvas-module__wlVMka__vitrineColorBand{flex-shrink:0;height:40px;overflow:hidden}.PreviewCanvas-module__wlVMka__vitrinePortrait .PreviewCanvas-module__wlVMka__vitrineColorBand{height:36px}.PreviewCanvas-module__wlVMka__vitrineMobile .PreviewCanvas-module__wlVMka__vitrineColorBand{height:32px}.PreviewCanvas-module__wlVMka__vitrineSwatchList{width:100%;height:100%;display:flex}.PreviewCanvas-module__wlVMka__vitrineSwatch{flex:1;min-width:0;height:100%}.PreviewCanvas-module__wlVMka__vitrineFeatures{background-color:var(--color-background-primary);flex-shrink:0;padding:20px 0 24px}.PreviewCanvas-module__wlVMka__vitrinePortrait .PreviewCanvas-module__wlVMka__vitrineFeatures{padding:14px 0 16px}.PreviewCanvas-module__wlVMka__vitrineMobile .PreviewCanvas-module__wlVMka__vitrineFeatures{flex-direction:column;flex:1;min-height:0;padding:10px 0 12px;display:flex}.PreviewCanvas-module__wlVMka__vitrineFeatureGrid{gap:calc(var(--sp-card-gap,5px)*4 + 8px);grid-template-columns:repeat(3,1fr);max-width:860px;margin:0 auto;padding:0 48px;display:grid}.PreviewCanvas-module__wlVMka__vitrinePortrait .PreviewCanvas-module__wlVMka__vitrineFeatureGrid{gap:calc(var(--sp-card-gap,5px)*3 + 7px);max-width:680px;padding:0 24px}.PreviewCanvas-module__wlVMka__vitrineMobile .PreviewCanvas-module__wlVMka__vitrineFeatureGrid{gap:calc(var(--sp-card-gap,5px)*2 + 6px);flex-direction:column;flex:1;max-width:none;padding:0 16px;display:flex}.PreviewCanvas-module__wlVMka__vitrineFeatureCard{padding:calc(var(--sp-grid-area-pad,10px) + 8px);border:1px solid var(--color-border);border-radius:var(--radius-lg,16px);min-height:140px;box-shadow:var(--shadow-low,0 2px 8px #0000000f);flex-direction:column;display:flex}.PreviewCanvas-module__wlVMka__vitrinePortrait .PreviewCanvas-module__wlVMka__vitrineFeatureCard{padding:calc(var(--sp-grid-area-pad,10px) + 4px);min-height:110px}.PreviewCanvas-module__wlVMka__vitrineMobile .PreviewCanvas-module__wlVMka__vitrineFeatureCard{padding:calc(var(--sp-grid-area-pad,10px) + 2px)calc(var(--sp-grid-area-pad,10px) + 4px);border-radius:var(--radius-lg,16px);flex:1;min-height:0}.PreviewCanvas-module__wlVMka__vitrineCard1{background-color:color-mix(in srgb,var(--color-accent-primary)12%,var(--color-background-primary))}.PreviewCanvas-module__wlVMka__vitrineCard2{background-color:color-mix(in srgb,var(--color-action-primary)12%,var(--color-background-primary))}.PreviewCanvas-module__wlVMka__vitrineCard3{background-color:color-mix(in srgb,var(--color-success,var(--color-accent-primary))12%,var(--color-background-primary))}.PreviewCanvas-module__wlVMka__vitrineFeatureCircle{border-radius:50%;flex-shrink:0;width:44px;height:44px;margin-bottom:10px}.PreviewCanvas-module__wlVMka__vitrinePortrait .PreviewCanvas-module__wlVMka__vitrineFeatureCircle{width:32px;height:32px;margin-bottom:8px}.PreviewCanvas-module__wlVMka__vitrineMobile .PreviewCanvas-module__wlVMka__vitrineFeatureCircle{width:24px;height:24px;margin-bottom:6px}.PreviewCanvas-module__wlVMka__vitrineCircle1{background-color:var(--color-accent-primary)}.PreviewCanvas-module__wlVMka__vitrineCircle2{background-color:var(--color-action-primary)}.PreviewCanvas-module__wlVMka__vitrineCircle3{background-color:var(--color-success,var(--color-accent-primary))}.PreviewCanvas-module__wlVMka__vitrineFeatureCardBody{flex-direction:column;flex:1;gap:4px;display:flex}.PreviewCanvas-module__wlVMka__vitrineFeatureCardTitle{font-family:var(--font-heading-safe,var(--font-heading)),system-ui,sans-serif;letter-spacing:.05em;color:var(--color-text-primary);margin:0;font-size:13px;font-weight:700;line-height:1.3}.PreviewCanvas-module__wlVMka__vitrinePortrait .PreviewCanvas-module__wlVMka__vitrineFeatureCardTitle,.PreviewCanvas-module__wlVMka__vitrineMobile .PreviewCanvas-module__wlVMka__vitrineFeatureCardTitle{font-size:11px}.PreviewCanvas-module__wlVMka__vitrineFeatureCardText{color:var(--color-text-secondary);margin:0;font-size:11px;line-height:1.4}.PreviewCanvas-module__wlVMka__vitrinePortrait .PreviewCanvas-module__wlVMka__vitrineFeatureCardText,.PreviewCanvas-module__wlVMka__vitrineMobile .PreviewCanvas-module__wlVMka__vitrineFeatureCardText{font-size:10px}.PreviewCanvas-module__wlVMka__vitrineFeatureArrow{flex-shrink:0;align-items:center;gap:4px;margin-top:10px;display:flex}.PreviewCanvas-module__wlVMka__vitrinePortrait .PreviewCanvas-module__wlVMka__vitrineFeatureArrow,.PreviewCanvas-module__wlVMka__vitrineMobile .PreviewCanvas-module__wlVMka__vitrineFeatureArrow{margin-top:8px}.PreviewCanvas-module__wlVMka__vitrineFeatureArrowLine{background-color:currentColor;flex:1;height:1px;display:block}.PreviewCanvas-module__wlVMka__vitrineArrow1{color:var(--color-accent-primary)}.PreviewCanvas-module__wlVMka__vitrineArrow2{color:var(--color-action-primary)}.PreviewCanvas-module__wlVMka__vitrineArrow3{color:var(--color-success,var(--color-accent-primary))}.PreviewCanvas-module__wlVMka__vitrineCtaSection{background-color:var(--color-background-secondary);border-top:1px solid var(--color-border);flex-shrink:0;justify-content:center;align-items:center;padding:20px 32px;display:flex}.PreviewCanvas-module__wlVMka__vitrinePortrait .PreviewCanvas-module__wlVMka__vitrineCtaSection{padding:14px 24px}.PreviewCanvas-module__wlVMka__vitrineMobile .PreviewCanvas-module__wlVMka__vitrineCtaSection{padding:10px 16px}.PreviewCanvas-module__wlVMka__vitrineCtaBtn{border-radius:var(--radius-lg,12px);background-color:var(--color-action-primary);color:var(--color-on-action-primary);font-family:var(--font-heading-safe,var(--font-heading)),system-ui,sans-serif;cursor:pointer;letter-spacing:.01em;border:none;align-items:center;gap:8px;padding:12px 36px;font-size:16px;font-weight:700;display:flex}.PreviewCanvas-module__wlVMka__vitrinePortrait .PreviewCanvas-module__wlVMka__vitrineCtaBtn{gap:6px;padding:10px 28px;font-size:13px}.PreviewCanvas-module__wlVMka__vitrineMobile .PreviewCanvas-module__wlVMka__vitrineCtaBtn{gap:5px;padding:8px 24px;font-size:12px}.PreviewCanvas-module__wlVMka__vitrineBrutalist .PreviewCanvas-module__wlVMka__vitrineCard1,.PreviewCanvas-module__wlVMka__vitrineBrutalist .PreviewCanvas-module__wlVMka__vitrineCard2,.PreviewCanvas-module__wlVMka__vitrineBrutalist .PreviewCanvas-module__wlVMka__vitrineCard3{background-color:var(--color-surface)}
.WorkspaceShell-module__3S_Bnq__workspaceShell{flex:1;min-height:0;display:flex;position:relative}.WorkspaceShell-module__3S_Bnq__workspaceContent{min-width:0;margin-right:var(--toolbar-width,300px);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.WorkspaceShell-module__3S_Bnq__cubeArea{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}@media (max-width:1024px){.WorkspaceShell-module__3S_Bnq__cubeArea{align-items:flex-start;padding-top:5%}.WorkspaceShell-module__3S_Bnq__workspaceContent{height:calc(100dvh - var(--header-height,64px) - var(--tabbar-height,140px));margin-right:0}}@media (max-width:767px){.WorkspaceShell-module__3S_Bnq__workspaceContent{height:auto;margin-right:0}}