/* IC Gallery Studio — editor funnel chrome (spec 08). Scoped under .icgs-* */
.icgs-editor{background:#fff;border:1px solid #d5dde3;border-radius:10px;box-shadow:0 10px 30px rgba(22,54,94,.12);overflow:hidden;margin:10px 0 26px}
.icgs-toolbar{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #d5dde3;flex-wrap:wrap}
.icgs-tname{font-weight:600;color:#343963}
.icgs-flex{flex:1}
.icgs-btn{border:1px solid #4b2ce0;background:#4b2ce0;color:#fff;padding:8px 16px;font-weight:600;border-radius:6px;cursor:pointer;font:inherit}
.icgs-btn:hover{background:#3a21b8}
.icgs-ghost{border:1px solid #d5dde3;background:transparent;color:#343963;padding:8px 14px;border-radius:6px;cursor:pointer;font:inherit}
.icgs-ghost:hover{border-color:#4b2ce0;color:#4b2ce0}
.icgs-btn:focus-visible,.icgs-ghost:focus-visible,.icgs-link:focus-visible,.icgs-sw:focus-visible{outline:2px solid #4b2ce0;outline-offset:2px}
.icgs-swatches{display:flex;gap:8px;align-items:center;margin-left:10px}
.icgs-sw{width:22px;height:22px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #d5dde3;padding:0;cursor:pointer}
.icgs-stage{display:flex;justify-content:center;padding:34px 16px;background:repeating-conic-gradient(#eef1f4 0 25%,transparent 0 50%) 0 0/22px 22px}
/* CR80 mock */
.icgs-card{width:252px;height:400px;background:#fff;border-radius:12px;box-shadow:0 6px 22px rgba(0,0,0,.22);position:relative;overflow:hidden;flex:none}
.icgs-punch{position:absolute;top:14px;left:50%;transform:translateX(-50%);width:52px;height:12px;border-radius:7px;background:repeating-linear-gradient(45deg,#9aa7b1 0 3px,#e8edf1 3px 6px)}
.icgs-logo{position:absolute;top:38px;left:0;right:0;text-align:center;font-weight:800;color:#8a97a3;font-size:22px;letter-spacing:1px}
.icgs-logo i{font-style:italic;font-weight:500;font-family:Georgia,serif;color:#6e8296}
.icgs-photo{position:absolute;top:86px;left:50%;transform:translateX(-50%);width:132px;height:168px;background:#e8ecef;border:5px solid var(--c1,#343963);border-radius:4px;display:flex;align-items:center;justify-content:center;color:#9aa7b1;font-size:40px}
.icgs-name{position:absolute;top:272px;left:0;right:0;text-align:center;font-weight:800;font-size:24px;color:#16233a}
.icgs-band{position:absolute;top:308px;left:-6px;right:-6px;height:30px;background:var(--c2,#3b82be);color:#fff;text-align:center;font-weight:600;font-size:15px;line-height:30px}
.icgs-idrow{position:absolute;top:348px;left:0;right:0;text-align:center;font-size:12px;color:#656989}
.icgs-idrow b{color:#16233a;font-size:14px}
.icgs-bars{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);width:120px;height:22px;background:repeating-linear-gradient(90deg,#111 0 2px,transparent 2px 4px,#111 4px 7px,transparent 7px 9px)}
/* chip */
.icgs-chipbar{display:flex;align-items:center;gap:10px;padding:10px 16px;border-top:1px solid #d5dde3;min-height:44px}
.icgs-chip{display:none;align-items:center;gap:8px;background:#f4f8fb;border:1px solid #d5dde3;border-radius:999px;padding:6px 14px;font-size:13px;color:#343963}
.icgs-chip.show{display:inline-flex}
.icgs-claim{background:none;border:none;color:#770cef;font-weight:600;padding:0;text-decoration:underline;cursor:pointer;font:inherit}
.icgs-oneoff{display:none;color:#656989;font-size:13px}
.icgs-oneoff a{color:#656989}
.icgs-chip.declined .icgs-oneoff{display:inline}
.icgs-chip.pulse{animation:icgsPulse .5s ease}
@keyframes icgsPulse{0%{transform:scale(.96)}60%{transform:scale(1.02)}100%{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.icgs-chip.pulse{animation:none}}
/* modals */
.icgs-scrim{position:fixed;inset:0;background:rgba(10,20,30,.5);display:none;align-items:center;justify-content:center;z-index:99990;padding:20px}
.icgs-scrim.open{display:flex}
.icgs-modal{background:#fff;border-radius:12px;max-width:430px;width:100%;padding:26px 26px 20px;box-shadow:0 10px 30px rgba(22,54,94,.25);border:1px solid #d5dde3}
.icgs-modal h2{font-size:20px;margin:0 0 8px;color:#343963}
.icgs-modal p{margin:0 0 18px;max-width:62ch;color:#2a3742}
.icgs-modal-wide{max-width:520px}
.icgs-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.icgs-link{background:none;border:none;color:#4b2ce0;padding:0;text-decoration:underline;font-size:13.5px;cursor:pointer;font:inherit}
.icgs-foot{margin-top:14px;padding-top:12px;border-top:1px solid #d5dde3}
.icgs-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 6px}
.icgs-tier{border:1px solid #d5dde3;border-radius:8px;padding:12px 10px;text-align:center}
.icgs-sel{border-color:#4b2ce0;box-shadow:0 0 0 1px #4b2ce0}
.icgs-tier h4{margin:0;color:#343963;font-size:13px}
.icgs-per{font-size:20px;font-weight:800;color:#4b2ce0;font-variant-numeric:tabular-nums}
.icgs-dep{font-size:11.5px;color:#656989}
.icgs-facts{font-size:12.5px;color:#656989;margin:10px 0 12px}
/* interstitial */
.icgs-inter{position:fixed;left:0;right:0;bottom:0;background:#343963;color:#fff;padding:14px 20px;text-align:center;transform:translateY(110%);transition:transform .3s ease;z-index:99991;font-size:14px}
.icgs-inter.show{transform:none}
/* signup continuity strip */
.icgs-signup-head{display:none;grid-template-columns:150px 1fr;gap:20px;align-items:center;background:#fff;border:1px solid #d5dde3;border-bottom:none;border-radius:10px 10px 0 0;padding:20px 22px 8px;margin-top:26px}
.icgs-signup-head.show{display:grid}
.icgs-signup-head p{margin:0;color:#656989;font-size:14px}
.icgs-signup-head b{color:#343963}
.icgs-card-mini{width:126px;height:200px;border-radius:8px}
.icgs-card-mini .icgs-punch{top:7px;width:26px;height:6px}
.icgs-card-mini .icgs-logo{top:18px;font-size:11px}
.icgs-card-mini .icgs-photo{top:42px;width:66px;height:84px;border-width:3px;font-size:20px}
.icgs-card-mini .icgs-name{top:136px;font-size:12px}
.icgs-card-mini .icgs-band{top:154px;height:16px;font-size:8px;line-height:16px}
@media (max-width:700px){.icgs-signup-head{grid-template-columns:1fr}.icgs-tiers{grid-template-columns:1fr}}

/* v0.2 — real editor additions */
.icgs-editor-wrap{background:#fff;border:1px solid #d5dde3;border-radius:10px;box-shadow:0 10px 30px rgba(52,57,99,.12);overflow:hidden;margin:10px 0 26px}
.icgs-topbar{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid #d5dde3;flex-wrap:wrap}
#ic-designer-root{min-height:640px}
.icgs-loading{display:flex;align-items:center;justify-content:center;min-height:640px;color:#747474;font-size:15px}
.icgs-mini img{width:126px;height:auto;border-radius:8px;box-shadow:0 4px 14px rgba(0,0,0,.18);display:block}
/* signup embed: constrain + center (owner: max-width 500px) */
.icgs-signup-form{max-width:700px;margin:0 auto}
.icgs-signup-head{max-width:700px;margin:26px auto 0}

/* chooser (editor page with no design context): template picker or scratch */
.icgs-choose{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;max-width:840px;margin:34px auto 26px}
.icgs-choice{background:#fff;border:1px solid #e3e7ee;border-radius:16px;padding:30px 26px;text-align:center;box-shadow:0 2px 12px rgba(22,54,94,.08)}
.icgs-choice h2{color:#343963;font-size:19px;margin:0 0 8px}
.icgs-choice p{color:#656989;font-size:14px;line-height:1.5;margin:0 0 18px}
.icgs-choice-btn{display:block;width:100%;border:0;cursor:pointer;font-family:inherit;text-decoration:none;box-sizing:border-box}
.icgs-btn-ghost{background:#fff;border:1.5px solid #4b2ce0;color:#4b2ce0}
.icgs-btn-ghost:hover{background:#f1edfd}

/* hero CTA — the one action that must pop (#770CEF accent violet) */
.icgs-hero{border:1px solid #770cef;background:#770cef;color:#fff;padding:10px 20px;font-weight:700;font-size:15px;border-radius:7px;cursor:pointer;font-family:inherit;box-shadow:0 3px 10px rgba(119,12,239,.32);transition:background .15s ease,box-shadow .15s ease}
.icgs-hero:hover{background:#5f0ac1;box-shadow:0 4px 14px rgba(119,12,239,.42)}
.icgs-hero:focus-visible{outline:2px solid #343963;outline-offset:2px}
/* Re-skin the studio bundle's Tailwind blues to InstantCard brand — scoped to
 * this plugin's editor mount only (woo shop + gallery admin keep their look).
 * electric blue/purple #4B2CE0 (hover #3A21B8), links included. */
#ic-designer-root .bg-blue-600,#ic-designer-root .bg-blue-500{background-color:#4b2ce0!important}
#ic-designer-root .hover\:bg-blue-700:hover,#ic-designer-root .hover\:bg-blue-600:hover{background-color:#3a21b8!important}
#ic-designer-root .border-blue-600,#ic-designer-root .border-blue-500{border-color:#4b2ce0!important}
#ic-designer-root .text-blue-600,#ic-designer-root .text-blue-700,#ic-designer-root .text-blue-500{color:#4b2ce0!important}
#ic-designer-root .hover\:text-blue-700:hover,#ic-designer-root .hover\:text-blue-800:hover{color:#3a21b8!important}
#ic-designer-root .ring-blue-500,#ic-designer-root .focus\:ring-blue-500:focus{--tw-ring-color:#4b2ce0!important}
#ic-designer-root .focus\:border-blue-500:focus{border-color:#4b2ce0!important}
#ic-designer-root .hover\:bg-blue-50:hover{background-color:#f1edfd!important}
#ic-designer-root .hover\:border-blue-600:hover{border-color:#4b2ce0!important}
#ic-designer-root input[type="checkbox"],#ic-designer-root input[type="radio"]{accent-color:#4b2ce0}

/* SUCCESS panel (spec 08 §7) — replaces the signup form after claim */
.icgs-success{max-width:700px;margin:26px auto;padding:26px 28px;background:#f2fbf5;border:1px solid #bfe6cc;border-radius:14px;text-align:center}
.icgs-success h3{margin:0 0 8px;font-size:20px;color:#1d5c34}
.icgs-success p{margin:0 0 16px;color:#2e5c41;font-size:15px;line-height:1.5}
.icgs-success .icgs-hero{display:inline-block;text-decoration:none}