.ui-style-picker{border:1px solid #594821;border-radius:14px;padding:18px;min-width:0;margin:20px 0;background:#090909}.ui-style-picker legend{font-size:14px;color:#f4cd72;padding:0 8px;font-weight:600}.ui-style-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.ui-style-card{border:1px solid #423a2a;border-radius:10px;padding:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;font-size:12px;color:#f4f1e9;min-width:0;position:relative}.ui-style-card:has(input:checked){border-color:#f3ce73;box-shadow:0 0 0 1px #f3ce73}.ui-style-card:focus-within{outline:2px solid #fff0c7;outline-offset:3px}.ui-style-card input{position:absolute;inset-inline-end:10px;inset-block-start:10px;width:15px;height:15px;margin:0;accent-color:#f3cd6c}.ui-style-swatch{height:48px;display:flex;align-items:flex-end;gap:5px;padding:10px;background:#f4f6fb;border-radius:7px}.ui-style-swatch i{height:28px;width:20%;background:#4f46e5;border-radius:3px}.ui-style-swatch i:nth-child(2){width:30%;height:18px;background:#ffffff}.ui-style-swatch i:nth-child(3){height:22px;width:35%;opacity:.6}.minimal_light .ui-style-swatch{background:#faf9f6}.minimal_light .ui-style-swatch i{background:#246b50}.luxury_dark .ui-style-swatch{background:#1b1b17}.luxury_dark .ui-style-swatch i{background:#edc465}.corporate .ui-style-swatch{background:#eff4f8}.corporate .ui-style-swatch i{background:#145bab}.creative .ui-style-swatch{background:#fff5ee}.creative .ui-style-swatch i{background:#aa3d25}.ui-style-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;flex-wrap:wrap}.ui-style-actions button{padding:9px 12px;font-size:12px}.ui-studio-dialog{width:min(1450px,96vw);max-width:96vw;max-height:94vh;padding:22px;border:1px solid #705726;border-radius:18px;background:#0d0c0a;color:#f4f1e9}.ui-studio-dialog::backdrop{background:#000c}.ui-studio-editor{display:block}.ui-studio-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.ui-studio-heading h2{font-size:25px}.ui-studio-heading button{font-size:22px;padding:8px 14px}.ui-studio-grid{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px;margin-top:20px}.ui-studio-controls{display:flex;flex-direction:column;gap:15px;min-width:0}.ui-studio-controls label{display:flex;flex-direction:column;gap:6px;font-size:12px}.ui-studio-controls input,.ui-studio-controls select,.ui-studio-controls textarea{padding:9px 12px;min-width:0;width:100%;font-size:13px;color:#fff3d3;background:#14130f;border:1px solid #4d4127;border-radius:8px}.ui-studio-controls input::placeholder{color:#bdb4a1}.ui-studio-controls textarea{resize:vertical}.ui-studio-preview{min-width:0;border:1px solid #554423;border-radius:12px;overflow:hidden}.ui-studio-preview-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;gap:12px;flex-wrap:wrap;font-size:13px}.ui-studio-sizes{display:flex;gap:6px}.ui-studio-sizes button{font-size:11px;padding:7px 10px}.ui-studio-sizes button[aria-pressed=true]{color:#ffe096;border-color:#d2aa50}.ui-studio-preview-canvas{height:570px;display:flex;justify-content:center;background:#24231f;padding:12px;overflow:auto}.ui-studio-preview iframe{border:0;border-radius:8px;height:100%;background:white;flex-shrink:0}.studio-desktop{width:100%}.studio-tablet{width:min(768px,100%)}.studio-mobile{width:min(390px,100%)}.ui-studio-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:20px;flex-wrap:wrap}.ui-studio-dialog :focus-visible{outline:2px solid #ffe096;outline-offset:3px}
.ui-studio-controls label{margin:0;padding:0}.ui-studio-controls textarea{min-height:70px}.ui-studio-editor>.small{margin:8px 0 0}.ui-studio-footer{position:sticky;bottom:0;background:#0d0c0a;padding:16px 0 2px;border-top:1px solid #3d341e;margin-top:16px}
@media(max-width:850px){.ui-style-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.ui-studio-grid{grid-template-columns:1fr}.ui-studio-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.ui-studio-controls label:last-child{grid-column:1/-1}.ui-studio-preview-canvas{height:470px}.ui-studio-dialog{padding:16px}}
@media(max-width:450px){.ui-style-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-style-picker{padding:12px}.ui-style-card{font-size:11px}.ui-style-actions>span{font-size:11px}.ui-studio-heading h2{font-size:21px}.ui-studio-controls{grid-template-columns:1fr}.ui-studio-preview-head{padding:8px}.ui-studio-sizes button{padding:6px;font-size:10px}.ui-studio-preview-canvas{padding:6px}.ui-studio-footer button{font-size:12px;padding:10px 12px}}