.studio-count{font-size:12px;background:#fff;border:1px solid var(--line);border-radius:99px;padding:10px 16px;white-space:nowrap}.studio-active{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:24px 0 36px;padding:22px 26px;border:1px solid #d6ded5;background:#f2f5ef;border-radius:10px}.studio-active strong{font-size:14px}.studio-active p{font-size:12px;color:var(--muted);margin:7px 0 0}.studio-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#5f8058;margin-right:10px}.studio-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.studio-tabs{display:flex;gap:6px}.studio-tabs button{padding:12px 16px;border:1px solid transparent;background:none;border-radius:7px;font-size:12px;cursor:pointer}.studio-tabs button[aria-pressed=true]{background:#fff;border-color:var(--line);font-weight:600}.studio-tabs span{display:inline-block;margin-left:7px;background:#eef0f2;padding:2px 7px;border-radius:10px;font-size:10px}.studio-search input{width:260px;background:#fff;font-size:12px}.studio-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:44px}.studio-theme{min-width:0;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 28px #1f273107;transition:transform .2s,box-shadow .2s}.studio-theme:hover{transform:translateY(-4px);box-shadow:0 18px 45px #1f273115}.studio-theme[hidden]{display:none}.studio-cover{position:relative;display:block;width:100%;padding:0;overflow:hidden;border:0;border-bottom:1px solid var(--line);background:#eeede7;cursor:pointer;aspect-ratio:4/3}.studio-cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .6s}.studio-cover:hover img{transform:scale(1.03)}.studio-cover-action{position:absolute;bottom:14px;left:50%;transform:translate(-50%,8px);padding:10px 17px;border-radius:99px;color:#fff;background:#1b242ce8;backdrop-filter:blur(12px);font-size:11px;opacity:0;white-space:nowrap;transition:opacity .2s,transform .2s}.studio-cover:hover .studio-cover-action,.studio-cover:focus-visible .studio-cover-action{opacity:1;transform:translate(-50%,0)}.studio-badge{position:absolute;left:14px;top:14px;padding:6px 11px;border-radius:99px;background:#fffffff2;box-shadow:0 2px 10px #0001;color:#283126;font-size:10px;font-weight:600}.studio-badge.is-active{background:#dce9cc}.studio-card-body{padding:23px}.studio-card-title{display:flex;justify-content:space-between;align-items:center;gap:10px}.studio-card-title h2{font-size:20px;margin:0!important;letter-spacing:-.5px}.studio-colors{display:flex;gap:4px}.studio-colors span{height:15px;width:15px;border-radius:50%;border:1px solid #0001}.studio-industry{font-size:11px;color:#657164;margin:7px 0 12px}.studio-description{font-size:12px;color:var(--muted);margin:0 0 18px;line-height:1.5}.studio-features{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 20px}.studio-features span{font-size:9px;background:#f4f5f6;border-radius:4px;padding:5px 7px;color:#66707b}.studio-card-actions{display:flex;gap:10px}.studio-card-actions>*{flex:1;min-width:0}.studio-card-actions .button{justify-content:center;display:flex;width:100%;font-size:11px;padding:10px}.studio-empty{text-align:center;padding:45px;font-size:13px}.studio-custom-heading{display:flex;align-items:center;justify-content:space-between;gap:30px}.studio-custom-heading>div{max-width:720px}.studio-custom-heading p{font-size:12px}.studio-custom-heading label{min-width:230px}.studio-save{position:sticky;bottom:16px;display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 35px #0001;z-index:5}.studio-save span{font-size:10px;color:var(--muted);margin-left:auto}output[data-range-value]{font-size:11px;color:var(--muted);float:right}.studio-dialog{border:0;padding:0;width:calc(100vw - 40px);max-width:1800px;height:calc(100dvh - 40px);max-height:none;border-radius:12px;box-shadow:0 25px 150px #0005;background:#e4e6e9}.studio-dialog::backdrop{background:#101820cc;backdrop-filter:blur(6px)}.studio-preview-bar{height:74px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 24px;border-bottom:1px solid #d9dde2}.studio-preview-bar strong{font-size:15px}.studio-preview-bar small{display:block;font-size:11px;color:#687078;margin-top:4px}.studio-preview-tools{display:flex;gap:6px}.studio-preview-tools button{font-size:11px;padding:9px 12px;border:1px solid #dde1e5;border-radius:6px;background:#fff;min-height:38px;cursor:pointer}.studio-preview-tools button[aria-pressed=true]{background:#202b24;border-color:#202b24;color:#fff}.studio-preview-stage{height:calc(100% - 74px);display:flex;justify-content:center;overflow:auto;padding:0}.studio-preview-stage iframe{height:100%;width:100%;border:0;background:#fff;transition:width .2s}.studio-preview-stage iframe.is-mobile{width:390px;max-width:100%;box-shadow:0 0 60px #0002}.studio-gallery a:focus-visible,.studio-gallery button:focus-visible,.studio-tabs button:focus-visible,.studio-preview-tools button:focus-visible{outline:3px solid #4e7bff;outline-offset:-3px}
@media(min-width:1900px){.studio-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1250px){.studio-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-card-body{padding:18px}}@media(max-width:700px){.studio-gallery{grid-template-columns:1fr;gap:22px}.studio-toolbar,.studio-active,.studio-custom-heading{align-items:stretch;flex-direction:column}.studio-search input{width:100%}.studio-save{flex-wrap:wrap}.studio-save span{flex-basis:100%;margin:0}.studio-dialog{width:100vw;height:100dvh;border-radius:0}.studio-preview-bar{height:auto;min-height:112px;flex-wrap:wrap;padding:12px}.studio-preview-tools{gap:4px;flex-wrap:wrap}.studio-preview-tools button{padding:8px}.studio-preview-stage{height:calc(100% - 112px)}.studio-count{align-self:flex-start}}@media(prefers-reduced-motion:reduce){.studio-theme,.studio-cover img,.studio-cover-action,.studio-preview-stage iframe{transition:none}}

.studio-preview-workspace{display:grid;grid-template-columns:215px minmax(0,1fr);height:calc(100% - 74px)}.studio-preview-workspace .studio-preview-stage{height:100%;min-width:0}.studio-preview-customizer{padding:20px;background:#fff;border-right:1px solid #dde2d8;overflow:auto;display:flex;flex-direction:column;gap:12px}.studio-preview-customizer>label{font-size:11px;color:#65705f}.studio-preview-customizer input[type=color]{width:100%;height:32px;margin-top:5px;border:1px solid #dce1d6;border-radius:5px;padding:3px;background:#fff}.studio-preview-customizer select{font-size:12px;padding:7px}.studio-preview-customizer input[type=range]{display:block;margin-top:7px;width:100%}.studio-preview-customizer .checkbox-line{margin:0;font-size:11px}.studio-preview-customizer .eyebrow{font-size:10px;margin:0}.studio-preview-customizer .button{font-size:11px}.studio-preview-customizer .help{font-size:10px}.studio-preview-customizer .button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:700px){.studio-preview-workspace{height:calc(100% - 112px);grid-template-columns:1fr;grid-template-rows:150px minmax(0,1fr)}.studio-preview-customizer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px;border-right:0;border-bottom:1px solid #dce1d6}.studio-preview-customizer .help{grid-column:1/-1}.studio-preview-customizer .eyebrow{display:none}.studio-preview-customizer select{font-size:16px}.studio-preview-customizer .button{grid-column:1/-1}}