.cs-controls{border:1px solid var(--f-line);background:var(--f-surface);border-radius:22px;padding:24px;min-width:0}.cs-step{display:flex;align-items:center;gap:12px;margin:4px 0 18px}.cs-step>span{display:grid;place-items:center;flex:none;box-sizing:border-box;width:2.5rem;height:2.5rem;font-family:var(--f-font-mono);font-size:.78rem;line-height:1;color:var(--f-accent);border:1px solid var(--f-line);border-radius:50%;padding:0}.cs-step h2{font-size:1.3rem;margin:0}.cs-presets,.cs-toolbar{display:flex;gap:8px;flex-wrap:wrap}.cs-presets{margin-bottom:20px}.cs-presets .cr-chip,.cs-toolbar .cr-btn{padding:9px 12px;font-size:.82rem;min-height:44px}.cs-fields{display:grid;gap:18px;margin-bottom:26px}.cs-field{display:grid;gap:8px;font-size:.9rem;font-weight:600;min-width:0}.cs-field input[type=text]{width:100%;min-width:0;border:1px solid var(--f-line);background:var(--f-bg);color:var(--f-ink);padding:12px;border-radius:10px;font:inherit}.cs-field input[type=file]{max-width:100%;font-size:.82rem}.cs-range{display:flex;align-items:center;gap:12px}.cs-range input{flex:1;min-width:0;accent-color:var(--f-ink);min-height:32px}.cs-range output{min-width:66px;text-align:right;font-family:var(--f-font-mono);font-size:.82rem}.cs-upload{padding:16px;border:1px dashed var(--f-line);border-radius:12px;margin-bottom:24px}.cs-upload canvas{max-width:100%;height:auto;display:block;border-radius:8px;margin-bottom:12px}.cs-order{width:100%;min-height:52px}.cs-error{padding:12px;border:1px solid #b43c20;background:#fff1e9;color:#85280e;border-radius:10px}.cs-app{min-height:660px}.cs-app .cr-view{gap:10px}@media(max-width:760px){.cs-app{display:flex;flex-direction:column;gap:22px}.cs-app>.cr-view,.cs-controls{width:100%;position:static}.cs-controls{padding:18px}.cs-app .cr-stage{aspect-ratio:1.12;min-height:290px}.cs-toolbar{gap:6px}.cs-toolbar .cr-btn{font-size:.76rem;padding:8px}.cs-presets .cr-chip{flex:1;padding:8px 5px;white-space:nowrap}.cs-step h2{font-size:1.15rem}}.cs-app .cr-btn{-webkit-appearance:none;appearance:none;display:inline-flex;justify-content:center;align-items:center;border:1px solid var(--f-line);border-radius:10px;background:var(--f-surface);color:var(--f-ink);font:inherit;cursor:pointer;line-height:1.3;padding:10px 14px;transition:background .15s}.cs-app .cr-btn:hover{background:var(--f-bg)}.cs-app .cr-btn:focus-visible{outline:3px solid var(--f-accent);outline-offset:3px}.cs-app .cs-order{background:var(--f-btn);color:var(--f-btn-ink);font-weight:700;border-color:transparent}.cs-app .cs-order:hover{background:var(--f-btn-hover,var(--f-btn))}.cs-app .cr-btn:disabled{opacity:.45;cursor:wait}.cs-app .cs-presets .cr-chip,.cs-app .cs-toolbar .cr-btn{font-size:.82rem;padding:9px 12px}.cs-compact-choices .cr-choice-cards{display:flex;flex-wrap:wrap;gap:8px}.cs-compact-choices .cr-choice-card{flex-direction:row;min-height:44px;min-width:0;max-width:100%;padding:9px 13px;border-radius:22px;gap:8px}.cs-compact-choices .cr-choice-card svg{width:20px;height:20px}.cs-compact-choices .cr-choice-card span{font-size:.85rem}
/*# sourceMappingURL=/cdn/shop/t/2/assets/creator-studio.css.map */