._wrap_1tvek_2{max-width:var(--screen-sm);padding:var(--sp-6) 0 var(--sp-13);margin:0 auto;& ._eyebrow_1tvek_7{font-size:var(--page-eyebrow-fs);font-weight:var(--page-eyebrow-fw);letter-spacing:var(--page-eyebrow-ls);line-height:var(--page-eyebrow-lh);text-transform:var(--page-eyebrow-tt);color:var(--accent)}& ._title_1tvek_16{font-size:var(--page-titles-fs);font-weight:var(--page-titles-fw);letter-spacing:var(--page-titles-ls);line-height:var(--page-titles-lh);margin:var(--sp-6) 0 var(--sp-3)}& ._desc_1tvek_24{font-size:var(--page-desc-fs);line-height:var(--page-desc-lh);color:var(--fg-muted);margin-bottom:var(--sp-9)}}._layout_1tvek_34{grid-template-columns:1fr 1fr;align-items:start;gap:1.5rem;display:grid}._show_1tvek_41{gap:var(--sp-4);top:var(--sp-8);flex-direction:column;display:flex;position:sticky}._controls_1tvek_49{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-xs);flex-direction:column;gap:1rem;padding:.875rem;display:flex}._divider_1tvek_59{height:var(--sp-05);background-color:var(--border);opacity:.5}._preview_1tvek_67{aspect-ratio:1;background:var(--surface-1);border:var(--sp-05) solid var(--border);border-radius:var(--r-xs);justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden;& ._placeholder_1tvek_79{font:var(--f-body-style);color:var(--fg-muted);text-align:center;pointer-events:none;font-style:italic;position:absolute}& ._canvas_1tvek_88{object-fit:contain;width:100%;height:100%;display:block}}._downloadRow_1tvek_98{gap:var(--sp-3);grid-template-columns:repeat(4,1fr);display:grid;& ._formatBtns_1tvek_103{padding:var(--sp-3);border-radius:var(--r-xs);border:var(--sp-05) solid var(--border);background:var(--surface-1);color:var(--fg-2);font:var(--f-body-style);font-family:var(--ff-headings);cursor:pointer;transition:background-color .2s var(--ease), color .2s var(--ease), border-color .2s var(--ease);&:hover:not(:disabled),&[data-active=true]{background-color:var(--surface-2);color:var(--fg);border-color:var(--border-2)}&:active:not(:disabled){scale:.9}&:disabled{opacity:.3;cursor:not-allowed}}}._downloadBtn_1tvek_140{width:100%;padding:var(--sp-3);border-radius:var(--r-xs);border:var(--sp-05) solid var(--border);background-color:var(--surface-2);color:var(--fg);font:var(--f-body-style);font-family:var(--ff-headings);cursor:pointer;transition:background-color .2s var(--ease), border-color .2s var(--ease);&:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-2)}&:active:not(:disabled){scale:.9}&:disabled{opacity:.3;cursor:not-allowed}}._field_1tvek_171{gap:var(--sp-3);flex-direction:column;display:flex;& ._label_1tvek_176{font:var(--f-mili-style);font-family:var(--ff-headings);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--fg-muted)}& ._input_1tvek_184{background-color:var(--surface-2);border:var(--sp-05) solid var(--border);width:100%;color:var(--fg);font:var(--f-body-style);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-xs);transition:border-color .2s var(--ease), box-shadow .2s var(--ease);outline:none;&:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 10%, transparent)}&::placeholder{color:var(--fg-muted);opacity:.5}&[data-error=true]{border-color:var(--error-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--error-color) 10%, transparent)}}& ._hint_1tvek_214{font:var(--f-nano-style);letter-spacing:var(--tracking-wider);color:var(--fg-muted)}}._errorToggleGroup_1tvek_223{gap:var(--sp-3);grid-template-columns:repeat(4,1fr);display:grid;& ._errorToggleBtn_1tvek_228{justify-content:center;align-items:center;gap:var(--sp-1);padding:var(--sp-2) var(--sp-1);border-radius:var(--r-xs);border:var(--sp-05) solid var(--border);background-color:var(--surface-1);cursor:pointer;transition:background-color .2s var(--ease), border-color .2s var(--ease);flex-direction:column;display:flex;&:hover{background-color:var(--surface-2);border-color:var(--border-2)}&[data-active=true]{background-color:var(--surface-2);color:var(--fg);border-color:var(--border-2)}&:active{scale:.9}& ._errorToggleBtnActive_1tvek_258{background-color:var(--surface-3)}& ._errorToggleName_1tvek_261{font:var(--f-mili-style);font-family:var(--ff-headings);color:var(--fg);font-weight:600}& ._errorTogglePercent_1tvek_267{font:var(--f-nano-style);color:var(--fg-muted)}}}._sliderHeader_1tvek_276{justify-content:space-between;align-items:center;display:flex;& ._sliderVal_1tvek_281{font-family:var(--ff-headings);font-size:var(--t-mili);color:var(--fg-3)}}._slider_1tvek_276{width:100%;accent-color:var(--accent);cursor:pointer;height:var(--sp-2);border-radius:50%}._sliderRange_1tvek_296{font-size:var(--t-mili);color:var(--fg-muted);opacity:.5;justify-content:space-between;display:flex}._logoRow_1tvek_306{align-items:center;gap:var(--sp-3);display:flex;& ._logoUpload_1tvek_311{padding:var(--sp-3) var(--sp-4);background-color:var(--surface-2);border:var(--sp-05) dashed var(--border);border-radius:var(--r-xs);color:var(--fg-2);font-family:var(--ff-headings);font-size:var(--t-mili);cursor:pointer;transition:background-color .2s var(--ease), border-color .2s var(--ease);flex:1;justify-content:center;align-items:center;font-weight:600;display:inline-flex;&:hover{background-color:var(--surface-3);border-color:var(--border-2)}}& ._fileInput_1tvek_334{display:none}& ._removeBtn_1tvek_338{padding:var(--sp-2) var(--sp-3);border:var(--sp-05) solid var(--border);border-radius:var(--r-xs);color:var(--fg-muted);font-size:var(--t-mili);cursor:pointer;transition:color .2s var(--ease), border-color .2s var(--ease);background-color:#0000;flex-shrink:0;justify-content:center;align-items:center;display:flex;&:hover{color:var(--error-color);border-color:var(--error-color)}}}._toggle_1tvek_362{align-items:center;gap:var(--sp-4);cursor:pointer;width:fit-content;display:flex;& input{display:none}& input:checked+._toggleTrack_1tvek_373{background-color:var(--accent);border-color:var(--accent)}& input:checked+._toggleTrack_1tvek_373 ._toggleThumb_1tvek_378{background-color:var(--surface-1);transform:translate(16px);box-shadow:0 1px 4px #00000059}& ._toggleTrack_1tvek_373{border-radius:var(--r-pill);background-color:var(--surface-2);border:var(--sp-05) solid var(--border-2);width:2.25rem;height:1.25rem;transition:background-color var(--t-base) var(--ease), border-color var(--t-base) var(--ease), box-shadow var(--t-base) var(--ease);flex-shrink:0;position:relative;box-shadow:inset 0 1px 2px #0003}& ._toggleThumb_1tvek_378{top:var(--sp-1);left:var(--sp-1);width:var(--sp-5);height:var(--sp-5);background-color:var(--fg-3);transition:transform var(--t-base) var(--ease), background-color var(--t-base) var(--ease), box-shadow var(--t-base) var(--ease);border-radius:50%;position:absolute}& ._toggleLabel_1tvek_413{font-family:var(--ff-headings);font-size:var(--t-mili);color:var(--fg-2)}}._colorRow_1tvek_422{gap:var(--sp-5);grid-template-columns:1fr 1fr;display:grid;& ._colorField_1tvek_427{padding:var(--sp-3) var(--sp-4);background-color:var(--surface-2);border:var(--sp-05) solid var(--border);border-radius:var(--r-xs);cursor:pointer;transition:border-color .2s var(--ease);justify-content:space-between;align-items:center;display:flex;&:hover{border-color:var(--border-2)}}& ._colorHex_1tvek_443{font-family:var(--ff-headings);font-size:var(--t-mili);color:var(--fg-3);letter-spacing:var(--tracking-widest)}& ._colorInput_1tvek_450{width:var(--sp-7);height:var(--sp-7);border-radius:var(--sp-2);cursor:pointer;appearance:none;background:0 0;border:none;outline:none;padding:0;&::-webkit-color-swatch-wrapper{padding:0}&::-webkit-color-swatch{border-radius:var(--sp-2);border:none}&::-moz-color-swatch{border-radius:var(--sp-2);border:none}}}@media (width<=40rem){._layout_1tvek_34{max-width:var(--screen-xs);grid-template-columns:1fr;margin:0 auto}._show_1tvek_41{order:2;position:static}._controls_1tvek_49{order:1}._wrap_1tvek_2{padding-bottom:var(--sp-9)}}