.model-mini { --mini-accent:#337ca5; --mini-bg:#fff; --mini-ink:#21343a; position:relative; display:block; width:100%; overflow:hidden; padding:13px; background:#eaf0ed; color:var(--mini-ink); font-family:Manrope,system-ui,sans-serif; text-align:left; }
.model-mini-browser { display:flex; align-items:center; gap:4px; height:19px; padding:0 9px; background:#fff; border:1px solid #1c342515; border-radius:8px 8px 0 0; }
.model-mini-browser i { width:3px; height:3px; border-radius:50%; background:#c0cdc5; }
.model-mini-browser > span { margin-left:auto; font-size:5px; color:#78877e; }
.model-mini-canvas { position:relative; display:grid; grid-template-columns:1fr; align-content:start; min-height:270px; padding:14px; background:var(--mini-bg); border:1px solid #1c342515; border-top:0; border-radius:0 0 8px 8px; }
.model-mini-cover { display:block; position:relative; min-width:0; height:80px; overflow:hidden; border-radius:6px 6px 0 0; }
.model-mini-cover img { position:static; display:block; width:100%; height:100%; object-fit:cover; filter:none; opacity:1; }
.model-mini-identity { z-index:1; position:relative; display:grid; align-content:center; justify-items:start; gap:6px; min-width:0; padding:13px; background:var(--mini-bg); border-radius:0 0 6px 6px; }
.model-mini-avatar { display:grid; place-items:center; width:24px; height:24px; margin-top:-26px; margin-bottom:2px; border:3px solid var(--mini-bg); box-sizing:content-box; border-radius:8px; background:var(--mini-accent); color:#fff; font-size:11px; font-weight:800; }
.model-mini-kicker { display:block; font-size:4px; letter-spacing:.13em; opacity:.65; }
.model-mini-identity strong { display:block; font-size:15px; font-weight:800; line-height:1.15; letter-spacing:-.5px; }
.model-mini-line { display:block; width:90%; height:2px; background:currentColor; opacity:.17; }
.model-mini-line.short { width:60%; }
.model-mini-actions { display:grid; gap:4px; width:100%; margin-top:3px; }
.model-mini-actions > span { display:block; padding:6px 8px; border:1px solid color-mix(in srgb,var(--mini-accent) 30%,transparent); border-radius:4px; font-size:5px; font-weight:600; }
.model-mini-actions > span:first-child { background:var(--mini-accent); color:#fff; }
.model-mini-tiles { display:grid; grid-template-columns:repeat(3,1fr); gap:5px; margin-top:8px; grid-column:1/-1; }
.model-mini-tiles > span { display:block; height:24px; border:1px solid color-mix(in srgb,var(--mini-accent) 20%,transparent); border-radius:5px; background:color-mix(in srgb,var(--mini-accent) 4%,var(--mini-bg)); }
.model-mini-aurora { --mini-accent:#216a56; --mini-bg:#eef8f1; background:#d8ece2; }
.model-mini-aurora .model-mini-canvas { grid-template-columns:1fr 1.1fr; gap:7px; align-content:center; }
.model-mini-aurora .model-mini-cover { height:210px; border-radius:65px 8px 8px 8px; }
.model-mini-aurora .model-mini-identity { padding:9px; border-radius:8px; background:#ffffffa8; border:1px solid #fff; }
.model-mini-aurora .model-mini-avatar { margin-top:0; }
.model-mini-aurora .model-mini-identity strong { font-size:14px; }
.model-mini-studio { --mini-accent:#493028; --mini-bg:#fffaf1; background:#ede2d1; }
.model-mini-studio .model-mini-canvas { grid-template-columns:1.1fr .9fr; padding:10px; }
.model-mini-studio .model-mini-cover { grid-column:2; grid-row:1; height:220px; border-radius:0; }
.model-mini-studio .model-mini-identity { grid-column:1; grid-row:1; border-radius:0; padding:11px; }
.model-mini-studio .model-mini-avatar { margin:0 0 8px; }
.model-mini-studio .model-mini-identity strong { font-family:Georgia,serif; font-size:18px; font-weight:500; }
.model-mini-studio .model-mini-tiles { grid-template-columns:1fr; }
.model-mini-studio .model-mini-tiles > span { border-radius:0; border-width:0 0 1px; height:6px; }
.model-mini-orbit { --mini-accent:#467e8c; --mini-bg:#101b2b; --mini-ink:#e4f3f4; background:#172336; }
.model-mini-orbit .model-mini-canvas { grid-template-columns:1.2fr .8fr; gap:7px; align-content:center; }
.model-mini-orbit .model-mini-cover { grid-column:2; grid-row:1; height:210px; border:1px solid #8de8d440; border-radius:10px; }
.model-mini-orbit .model-mini-identity { grid-column:1; grid-row:1; border:1px solid #8de8d440; border-radius:10px; padding:10px; }
.model-mini-orbit .model-mini-avatar { margin:0 0 8px; border:1px solid #8de8d455; }
.model-mini-orbit .model-mini-identity strong { font-size:14px; }
.model-mini-orbit .model-mini-tiles { grid-template-columns:1fr 1fr; }
.model-mini-barber { --mini-accent:#a98a52; --mini-bg:#171a1d; --mini-ink:#fff5e5; background:#262a2c; }
.model-mini-barber .model-mini-canvas { display:grid; padding:0; overflow:hidden; }
.model-mini-barber .model-mini-cover { grid-area:1/1; height:270px; border-radius:0; }
.model-mini-barber .model-mini-cover::after { position:absolute; inset:0; content:''; background:linear-gradient(90deg,#0a0d11ee,#0a0d1166); }
.model-mini-barber .model-mini-identity { grid-area:1/1; width:80%; background:transparent; padding:22px; align-self:end; }
.model-mini-barber .model-mini-avatar { margin:0 0 10px; }
.model-mini-barber .model-mini-identity strong { font:500 21px/1.1 Georgia,serif; }
.model-mini-barber .model-mini-tiles { display:none; }
.model-mini-salon { --mini-accent:#b3767a; --mini-bg:#fcf6f1; background:#f1e7e1; }
.model-mini-salon .model-mini-canvas { grid-template-columns:.85fr 1.15fr; gap:9px; align-content:center; }
.model-mini-salon .model-mini-cover { height:200px; border-radius:90px 90px 5px 5px; }
.model-mini-salon .model-mini-identity { padding:8px; }
.model-mini-salon .model-mini-avatar { margin:0 0 8px; border-radius:50%; }
.model-mini-salon .model-mini-identity strong { font:500 19px/1.1 Georgia,serif; }
.model-mini-clinic { --mini-accent:#287a82; --mini-bg:#fff; background:#e7eff1; }
.model-mini-clinic .model-mini-cover { height:55px; }
.model-mini-clinic .model-mini-identity { padding-left:43px; }
.model-mini-clinic .model-mini-avatar { position:absolute; left:6px; top:35px; }
.model-mini-clinic .model-mini-tiles > span { border-radius:3px; border-left:2px solid var(--mini-accent); }
.model-mini-restaurant { --mini-accent:#704a30; --mini-bg:#fffaf2; background:#eee4d9; }
.model-mini-restaurant .model-mini-cover { height:140px; border-radius:6px; }
.model-mini-restaurant .model-mini-identity { width:90%; justify-self:center; margin-top:-35px; align-items:center; text-align:center; justify-items:center; border-radius:7px; }
.model-mini-restaurant .model-mini-avatar { margin:0; }
.model-mini-restaurant .model-mini-identity strong { font:500 18px/1.1 Georgia,serif; }
.model-mini-restaurant .model-mini-tiles { grid-template-columns:1fr; }
.model-mini-restaurant .model-mini-tiles > span { height:12px; }
.model-mini-pizzeria { --mini-accent:#69452c; --mini-bg:#fff7e9; background:#302526; }
.model-mini-pizzeria .model-mini-canvas { grid-template-columns:1fr 1fr; align-content:center; }
.model-mini-pizzeria .model-mini-cover { grid-column:2; grid-row:1; align-self:center; height:auto; aspect-ratio:1; border-radius:50%; border:4px solid #dfc28a; }
.model-mini-pizzeria .model-mini-identity { grid-column:1; grid-row:1; padding:8px; }
.model-mini-pizzeria .model-mini-avatar { margin:0 0 10px; }
.model-mini-pizzeria .model-mini-identity strong { font:italic 500 18px/1.1 Georgia,serif; }
.model-mini-store { --mini-accent:#253e39; --mini-bg:#fff; background:#dde6df; }
.model-mini-store .model-mini-canvas { grid-template-columns:1fr 1fr; align-content:center; padding:10px; }
.model-mini-store .model-mini-cover { grid-column:2; grid-row:1; height:220px; border-radius:0; }
.model-mini-store .model-mini-identity { grid-column:1; grid-row:1; padding:9px; }
.model-mini-store .model-mini-avatar { margin:0 0 9px; }
.model-mini-store .model-mini-actions > span { border-radius:1px; }
.model-mini-inn { --mini-accent:#315946; --mini-bg:#fffdf5; background:#e0e9dd; }
.model-mini-inn .model-mini-cover { height:200px; border-radius:50px 5px; }
.model-mini-inn .model-mini-identity { width:80%; margin-top:-95px; padding:14px; border-radius:4px 25px 4px 4px; }
.model-mini-inn .model-mini-avatar { margin:0 0 8px; }
.model-mini-inn .model-mini-identity strong { font:500 19px/1.1 Georgia,serif; }
.model-mini-professional { --mini-accent:#263f4a; background:#e3e9ed; }
.model-mini-professional .model-mini-canvas { grid-template-columns:1fr .9fr; grid-template-rows:65px 1fr; align-content:center; gap:0 8px; }
.model-mini-professional .model-mini-cover { grid-column:1; height:65px; }
.model-mini-professional .model-mini-identity { grid-column:1; grid-row:2; padding:8px; }
.model-mini-professional .model-mini-identity strong { font-size:13px; }
.model-mini-professional .model-mini-tiles { grid-column:2; grid-row:1/3; grid-template-columns:1fr; gap:8px; margin:0; }
.model-mini-professional .model-mini-tiles > span { height:auto; min-height:65px; }
.model-mini-electric { --mini-accent:#193ad7; --mini-bg:#fff; background:#dfe7ff; }
.model-mini-electric .model-mini-identity { grid-row:1; padding:12px; }
.model-mini-electric .model-mini-avatar { margin:0 0 8px; }
.model-mini-electric .model-mini-identity strong { font-size:22px; }
.model-mini-electric .model-mini-cover { grid-row:2; height:75px; border-radius:2px 45px 2px 2px; }
.model-mini-ruby { --mini-accent:#9d3145; --mini-bg:#fff7f6; background:#eee0df; }
.model-mini-ruby .model-mini-canvas { grid-template-columns:.8fr 1.2fr; padding:11px; align-content:center; }
.model-mini-ruby .model-mini-cover { height:220px; border-radius:0; }
.model-mini-ruby .model-mini-identity { padding:11px; border-left:3px solid #e3898e; border-radius:0; }
.model-mini-ruby .model-mini-avatar { margin:0 0 9px; }
.model-mini-ruby .model-mini-identity strong { font:500 19px/1.1 Georgia,serif; }
.model-mini-tropical { --mini-accent:#167b73; --mini-bg:#fff; background:#d9f0e6; }
.model-mini-tropical .model-mini-canvas { justify-items:center; background:transparent; }
.model-mini-tropical .model-mini-cover { width:115px; height:115px; border-radius:50%; z-index:2; border:4px solid #fff; }
.model-mini-tropical .model-mini-identity { width:100%; justify-items:center; text-align:center; padding-top:45px; margin-top:-32px; border-radius:19px; }
.model-mini-tropical .model-mini-avatar { display:none; }
.model-mini-lilac { --mini-accent:#7757a8; --mini-bg:#fff; background:#eae4f7; }
.model-mini-lilac .model-mini-canvas { padding:15px; border-radius:0 0 24px 24px; }
.model-mini-lilac .model-mini-cover { height:100px; border-radius:70px 70px 7px 7px; }
.model-mini-lilac .model-mini-identity { text-align:center; justify-items:center; }
.model-mini-lilac .model-mini-identity strong { font-weight:600; }
.model-mini-pearl .model-mini-canvas { max-width:240px; margin:auto; border-radius:0 0 12px 12px; }
.platform-page .template-picker { grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.platform-page .template-card { display:flex; flex-direction:column; padding:0; overflow:hidden; text-align:left; }
.platform-page .template-card-copy { display:grid; padding:21px; gap:9px; }
.platform-page .template-card-summary { min-height:60px; }
.platform-page .template-demo-label,.platform-page .template-demo-actions { display:none; }
.platform-page .template-card-state { margin-top:8px; padding-top:14px; border-top:1px solid #19322912; }
.admin-model-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.admin-model-card { overflow:hidden; border:1px solid var(--line); border-radius:21px; background:#fff; }
.admin-model-card > div { padding:25px; }
.admin-model-card h3 { margin:12px 0; }
.admin-model-card p:not(.workspace-eyebrow) { min-height:60px; color:var(--muted); font-size:13px; line-height:1.9; }
.admin-model-card .button { margin-top:14px; }
@media(max-width:1100px) { .platform-page .template-picker,.admin-model-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:550px) { .platform-page .template-picker,.admin-model-grid { grid-template-columns:1fr; } .model-mini-canvas { min-height:320px; } .model-mini-identity strong { font-size:22px; } .model-mini-canvas { padding:20px; } .model-mini-identity { gap:9px; } }