.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}
.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;gap:10px;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:260px;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);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:500;overflow:hidden}.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:#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:.875rem;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}@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:190px}.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}}
.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:12px;display:flex}.ColorPicker-module__clb3jG__svField{aspect-ratio:1/.75;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:16px;padding-top:8px;display:flex}.GeneratePalette-module__r7iE-q__filterGroup{flex-direction:column;gap:6px;display:flex}.GeneratePalette-module__r7iE-q__filterLabel{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.6875rem;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:5px 12px;font-size:.75rem;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__generateButton{width:100%;font-family:var(--font-body);color:#fff;background-color:var(--color-action-primary);cursor:pointer;border:none;border-radius:6px;padding:10px 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:4px 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}
.RadiusSection-module__jaE-_q__radiusSection{padding:0 4px}.RadiusSection-module__jaE-_q__squares{justify-content:space-between;gap: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;gap:5px;min-width:0;padding:6px 4px 5px;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__squareLabel{font-family:var(--font-body),system-ui,sans-serif;color:var(--color-text-secondary);letter-spacing:.01em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:100%;font-size:.5rem;font-weight:500;overflow:hidden}.RadiusSection-module__jaE-_q__squareBtn[data-active=true] .RadiusSection-module__jaE-_q__squareLabel{color:var(--color-action-primary);font-weight:600}
.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);color:#fff;cursor:pointer;border:none;width:100%;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(100vh - 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;min-width:0;display:flex;overflow:hidden}.ToolBar-module__VtcFBq__paletteSection{flex-direction:column;flex:1;min-height:0;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:.9375rem;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:.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:10px 8px;font-size:.8125rem;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:12px 16px 8px;font-size:.75rem;line-height:1.5}.ToolBar-module__VtcFBq__panelContent{flex:1;min-height:0;padding:0 16px 16px;overflow:hidden auto}.ToolBar-module__VtcFBq__toolbarTablet{background-color:var(--color-background-secondary);border-top:1px solid var(--color-border);z-index:40;flex-direction:column;max-height:50vh;display:flex;position:fixed;bottom:0;left:0;right:0}.ToolBar-module__VtcFBq__tabletPanel{flex:1;min-height:0;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}
.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:.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:.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:16px;padding:12px 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:6px;margin:0 16px;padding:12px 16px;display:flex}.TypographySection-module__1LXGoW__previewHeading{color:var(--color-text-primary);font-size:1.125rem;font-weight:700;line-height:1.3}.TypographySection-module__1LXGoW__previewBody{color:var(--color-text-secondary);font-size:.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:column;gap:10px;padding:0 16px;display:flex}.TypographySection-module__1LXGoW__label{color:var(--color-text-secondary);letter-spacing:.04em;text-transform:uppercase;flex-direction:column;gap:4px;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;font-weight:600}
.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}
.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 60%;justify-content:center;align-items:center;min-height:0;padding:10px 12px 6px;display:flex;overflow:hidden}.MobileWorkspace-module__N-7Wmq__cubeEmpty{background:var(--color-background-secondary);opacity:.4;border-radius:8px;width:180px;height:180px}.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);margin:0 0 3px;font-size:.8rem;font-weight:700;line-height:1.25}.MobileWorkspace-module__N-7Wmq__previewH1Accent{color:var(--color-action-primary,#8d63f2)}.MobileWorkspace-module__N-7Wmq__previewP{font-family:var(--font-body),system-ui,sans-serif;color:var(--color-text-secondary,#353c49);margin:0;font-size:.6875rem;line-height:1.35}.MobileWorkspace-module__N-7Wmq__desktopCta{color:var(--color-action-primary,#8d63f2);text-underline-offset:2px;cursor:default;font-weight:600;text-decoration:underline}.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:52px;height: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:0 0 40%;min-height:0;display:flex;overflow:hidden}.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;width:100%;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}.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}.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;background:0 0;border:none;border-radius:6px;flex-direction:column;gap:0;width:calc(100% - 24px);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 8px;display:flex}.MobileWorkspace-module__N-7Wmq__drumName{color:var(--color-text-primary,#0b0f1f);font-size:.6875rem;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:.625rem}.MobileWorkspace-module__N-7Wmq__drumCircles{background-color:color-mix(in srgb,var(--color-text-primary,#0b0f1f)3%,transparent);border-radius:0 0 4px 4px;flex-wrap:nowrap;gap:2px;padding:4px 6px 3px;display:flex;overflow:hidden}.MobileWorkspace-module__N-7Wmq__drumCircle{border-radius:50%;flex-shrink:0;width:14px;height:14px;box-shadow:0 1px 2px #0000001a}.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:#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:#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)}}.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}.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:20px;width:100%;max-width:960px;margin-inline:auto;padding:18px 28px;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:12px;padding:14px 20px}.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:3.75rem;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 18px var(--color-line));transform:translate(14px)}70%{filter:drop-shadow(0 0 10px color-mix(in srgb,var(--color-line)80%,transparent));transform:translate(7px)}}@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 18px var(--color-action-primary));transform:translateY(-14px)}70%{filter:drop-shadow(0 0 10px color-mix(in srgb,var(--color-action-primary)80%,transparent));transform:translateY(-7px)}}.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-primary);margin:0;font-size:clamp(.85rem,.73rem + .6vw,1.2rem);font-weight:500;line-height:1.65}.OnboardingHint-module__TWlYmG__paraSub{color:var(--color-text-primary);margin:0 0 2px;font-size:clamp(.85rem,.73rem + .6vw,1.12rem);line-height:1.65}.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-primary);font-size:clamp(.85rem,.73rem + .6vw,1.12rem);line-height:1.65}.OnboardingHint-module__TWlYmG__inlineArrow{color:var(--color-action-primary);vertical-align:middle;letter-spacing:-.01em;font-size:1.45em;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:12px;min-height:0;padding:32px;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),system-ui,sans-serif;color:var(--color-on-background-secondary);letter-spacing:-.02em;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;color:var(--color-text-primary);letter-spacing:-.03em;flex-shrink:0;margin:0;font-size:38px;font-weight:700;line-height:1.08}.PreviewCanvas-module__wlVMka__templatePortrait .PreviewCanvas-module__wlVMka__heading{letter-spacing:-.025em;font-size:26px}.PreviewCanvas-module__wlVMka__templateMobile .PreviewCanvas-module__wlVMka__heading{letter-spacing:-.02em;font-size:16px;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);flex-shrink:0;padding:14px 18px}.PreviewCanvas-module__wlVMka__templatePortrait .PreviewCanvas-module__wlVMka__featureCard{padding:16px 20px}.PreviewCanvas-module__wlVMka__templateMobile .PreviewCanvas-module__wlVMka__featureCard{padding:12px 14px}.PreviewCanvas-module__wlVMka__featureCardTitle{font-family:var(--font-heading),system-ui,sans-serif;color:var(--color-on-surface);letter-spacing:-.02em;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:8px;padding:20px 16px 16px}.PreviewCanvas-module__wlVMka__scaleInfo{white-space:nowrap;font-size:.6875rem;overflow:visible}}
.WorkspaceShell-module__3S_Bnq__workspaceShell{flex:1;min-height:0;display:flex;position:relative}.WorkspaceShell-module__3S_Bnq__workspaceContent{flex-direction:column;flex:1;min-width:0;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}