.creator-admin-form{display:grid;gap:20px}.creator-admin-head{align-items:center}.creator-profile-settings,.creator-template-settings,.creator-products-settings{display:grid;gap:18px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.panel-head h2{margin:2px 0}.creator-publish-switch{display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid var(--line);border-radius:99px;background:#0e131c}.creator-publish-switch input{width:19px;height:19px;margin:0;accent-color:var(--accent)}.creator-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.creator-fields .wide{grid-column:1/-1}.creator-fields input[type=color]{height:48px;padding:4px}.creator-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.creator-template-card{position:relative;display:grid;gap:7px;padding:13px;border:2px solid var(--line);border-radius:16px;background:#0e131c;cursor:pointer}.creator-template-card:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 2px rgba(102,230,179,.15)}.creator-template-card>input{position:absolute;top:10px;right:10px;width:18px;height:18px;accent-color:var(--accent)}.creator-template-card small{color:var(--muted);font-size:10px;line-height:1.5}.template-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;height:82px;padding:11px;border-radius:10px;background:#f5f5f1}.template-mini i{grid-column:1/-1;height:14px;border-radius:99px;background:#444}.template-mini b{border-radius:7px;background:#cfd3d2}.template-cute .template-mini{background:#fff0f6}.template-cute .template-mini b{border-radius:50%;background:#f7b8d1}.template-pop .template-mini{background:#ffe548;transform:rotate(-1deg)}.template-pop .template-mini i{background:#ff4e75}.template-pop .template-mini b{background:#4cc9f0}.template-dark .template-mini{background:#111827}.template-dark .template-mini i{background:#8b7cff}.template-dark .template-mini b{background:#334155}.template-storybook .template-mini{background:#f4e5c8}.template-storybook .template-mini b{background:#b9cf9f;transform:rotate(2deg)}.template-gallery .template-mini{grid-template-columns:repeat(4,1fr);padding:7px}.template-gallery .template-mini i{grid-column:1/-1}.template-gallery .template-mini b{background:#c7cad0}.creator-product-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.creator-product-choice{display:grid;grid-template-columns:auto 76px 1fr;align-items:center;gap:11px;padding:11px;border:1px solid var(--line);border-radius:14px;background:#0e131c;cursor:pointer}.creator-product-choice:has(input:checked){border-color:var(--accent);background:#10231d}.creator-product-choice>input{width:20px;height:20px;margin:0;accent-color:var(--accent)}.creator-product-thumb{display:grid;place-items:center;width:76px;aspect-ratio:1;border-radius:10px;overflow:hidden;background:#171b25;color:var(--muted);font-size:9px}.creator-product-thumb img{width:100%;height:100%;object-fit:contain}.creator-product-choice>span:last-child{display:grid;gap:4px}.creator-product-choice small,.creator-product-choice em{color:var(--muted);font-size:10px;font-style:normal}.creator-product-choice em{color:#ffc978}.creator-featured{max-width:520px}.creator-save-bar{position:sticky;bottom:10px;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 16px;border:1px solid #34425a;border-radius:16px;background:#101722ed;box-shadow:0 16px 48px #0009;backdrop-filter:blur(14px)}.creator-save-bar div{display:grid;gap:3px}.creator-save-bar small{color:var(--muted)}@media(max-width:820px){.creator-template-grid{grid-template-columns:repeat(2,1fr)}.creator-product-list{grid-template-columns:1fr}}@media(max-width:600px){.creator-admin-head .button{width:100%;margin-top:12px}.creator-fields,.creator-template-grid{grid-template-columns:1fr}.panel-head{align-items:flex-start;flex-direction:column}.creator-publish-switch{width:100%;border-radius:13px}.creator-product-choice{grid-template-columns:auto 62px 1fr}.creator-product-thumb{width:62px}.creator-save-bar div{display:none}.creator-save-bar .button{width:100%}}
