
.ig-center{display:grid;gap:14px;color:#17315f}
.ig-tabs{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:8px;border:1px solid rgba(255,255,255,.9);border-radius:19px;background:rgba(255,255,255,.72);box-shadow:0 12px 34px rgba(47,88,151,.07)}
.ig-tabs>div{display:flex;gap:6px;flex-wrap:wrap}.ig-tabs button{padding:11px 15px;border-radius:13px;color:#5d7195;font-size:13px;font-weight:650}.ig-tabs button:hover{background:#f2f6ff;color:#2459bd}.ig-tabs button.active{background:linear-gradient(135deg,#fff,#e8f0ff);color:#145fff;box-shadow:0 7px 20px rgba(44,97,190,.11)}
.ig-top-account{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:14px;background:#fff;color:#314f7d;font-size:12px;font-weight:700}.ig-top-account.muted{color:#8a9ab5}.ig-gradient-icon{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 32% 106%,#fdf497 0 5%,#fdf497 5% 15%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.ig-gradient-icon img{width:15px;height:15px}
.ig-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 17px;border-radius:18px;border:1px solid #dce8f8;background:#fff;box-shadow:0 9px 28px rgba(45,83,145,.06)}.ig-banner>div{display:grid;gap:4px}.ig-banner strong{font-size:14px}.ig-banner span{font-size:12px;color:#6f84a7}.ig-banner button{padding:10px 14px;border-radius:12px;background:#1764f6;color:#fff;font-size:12px;font-weight:750}.ig-banner.success{border-color:#ccefdc;background:linear-gradient(135deg,#f9fffc,#effbf5)}.ig-banner.permission{border-color:#e1d8ff;background:linear-gradient(135deg,#fff,#f8f5ff)}.ig-banner.warning{border-color:#f5dfb2;background:#fffaf0}.ig-live-dot{color:#0eaa63!important;font-weight:750}
.ig-profile-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;border:1px solid rgba(255,255,255,.92);border-radius:23px;background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(245,249,255,.78));box-shadow:0 14px 40px rgba(45,84,145,.07)}.ig-profile-main{display:flex;gap:16px;align-items:center;min-width:0}.ig-avatar{width:72px;height:72px;border-radius:50%;padding:3px;background:linear-gradient(145deg,#ffb44c,#ed3b77,#8b47e7);display:grid;place-items:center;flex:0 0 auto}.ig-avatar img,.ig-avatar span{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid #fff;background:#fff;display:grid;place-items:center;font-weight:800;color:#7c4fe1}.ig-kicker{font-size:10px;font-weight:800;letter-spacing:.12em;color:#6d86b1}.ig-profile-main h2{margin:4px 0 7px;font-size:23px;color:#142f5d}.ig-profile-main p{margin:0;max-width:680px;color:#7085a8;font-size:13px;line-height:1.5}.ig-profile-stats{display:flex;gap:8px}.ig-profile-stats div{min-width:96px;padding:12px;border-radius:15px;background:#f6f9ff;text-align:center}.ig-profile-stats strong{display:block;font-size:17px;color:#183766}.ig-profile-stats span{font-size:10px;color:#8292ae}
.ig-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.ig-kpis article{display:flex;gap:12px;align-items:center;padding:17px;border:1px solid #e2ebf9;border-radius:18px;background:#fff;box-shadow:0 8px 28px rgba(45,83,145,.05)}.ig-kpis article>span{width:39px;height:39px;border-radius:12px;background:#f0f5ff;display:grid;place-items:center;color:#4b6fe2;font-size:17px}.ig-kpis small{display:block;color:#7589aa;font-size:10px}.ig-kpis strong{display:block;margin:3px 0 1px;font-size:18px;color:#18345f}.ig-kpis p{margin:0;color:#9aa7ba;font-size:10px}
.ig-section-card,.ig-editor-card,.ig-preview-card{border:1px solid #e1eaf8;border-radius:21px;background:rgba(255,255,255,.86);box-shadow:0 12px 36px rgba(44,82,144,.06)}.ig-section-card{padding:19px}.ig-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}.ig-section-head h3{margin:3px 0 0;font-size:18px}.ig-section-head button{padding:9px 12px;border-radius:11px;background:#f0f5ff;color:#2a5fc1;font-size:12px;font-weight:700}
.ig-media-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}.ig-media-card{position:relative;display:block;min-width:0;text-decoration:none;color:#29466f;border:1px solid #e6edf8;border-radius:14px;overflow:hidden;background:#fff}.ig-media-card>img,.ig-media-fallback{width:100%;aspect-ratio:1/1;object-fit:cover;display:grid;place-items:center;background:#eef3fb}.ig-media-card p{margin:8px 9px 10px;font-size:10px;line-height:1.35;min-height:27px}.ig-media-kind{position:absolute;top:7px;left:7px;padding:4px 6px;border-radius:7px;background:rgba(10,25,54,.72);color:#fff;font-size:8px;font-weight:800}.ig-media-stats{display:flex;justify-content:space-between;gap:8px;padding:7px 9px 0;color:#7489a8;font-size:9px}.ig-empty-state{min-height:220px;display:grid;place-items:center;align-content:center;text-align:center;color:#8a9ab4}.ig-empty-state>span{font-size:33px}.ig-empty-state strong{margin-top:8px;color:#39567e}.ig-empty-state p{max-width:430px;font-size:12px}
.ig-create-grid{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:14px}.ig-editor-card{padding:20px}.ig-preview-card{padding:17px;align-self:start;position:sticky;top:18px}.ig-editor-title,.ig-ai-head,.ig-label-row,.ig-publish-actions,.ig-preview-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.ig-editor-title h3{margin:3px 0 0;font-size:19px}.ig-account-chip{padding:8px 10px;background:#f2f6ff;border-radius:10px;color:#496da8;font-size:11px;font-weight:700}
.ig-type-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0}.ig-type-switch button{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #dce7f7;border-radius:14px;background:#fbfdff;text-align:left}.ig-type-switch button.active{border-color:#7aa6ff;background:#edf4ff;box-shadow:0 0 0 2px rgba(58,112,245,.08)}.ig-type-switch b{width:32px;height:32px;border-radius:10px;background:#edf2ff;display:grid;place-items:center;color:#426fe1}.ig-type-switch span{font-size:12px;font-weight:750;color:#2c4d7c}.ig-type-switch small{display:block;margin-top:2px;color:#8b9ab1;font-size:9px;font-weight:500}
.ig-field{display:grid;gap:7px;margin-top:14px}.ig-field label,.ig-two-fields label>span{font-size:11px;font-weight:750;color:#395577}.ig-field input,.ig-field textarea,.ig-two-fields input{width:100%;border:1px solid #dce6f5;border-radius:12px;background:#fff;padding:11px 12px;color:#24436f;outline:0}.ig-field textarea{resize:vertical;line-height:1.5}.ig-field input:focus,.ig-field textarea:focus,.ig-two-fields input:focus{border-color:#8bb0fa;box-shadow:0 0 0 3px #dce8ff}.ig-field small{font-size:9px;color:#8c9ab0}.ig-label-row>span{font-size:9px;color:#91a0b7}
.ig-upload{min-height:260px;border:1.5px dashed #bfd1ea;border-radius:16px;background:#f8fbff;display:grid;place-items:center;cursor:pointer;overflow:hidden}.ig-upload.drag{border-color:#5e8ef3;background:#eef5ff}.ig-upload.has-preview{border-style:solid}.ig-upload img,.ig-upload video{width:100%;max-height:420px;object-fit:contain;background:#eef2f8}.ig-upload-empty{display:grid;place-items:center;gap:5px;color:#7187a9}.ig-upload-empty b{font-size:31px;color:#4f7deb}.ig-upload-empty strong{font-size:13px}.ig-upload-empty span{font-size:10px}
.ig-ai-box{margin-top:15px;padding:14px;border-radius:16px;background:linear-gradient(135deg,#f7f4ff,#f2f8ff);border:1px solid #e4dcff}.ig-ai-head>div{display:flex;align-items:center;gap:9px}.ig-ai-head>div>span{width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,#6e76ff,#8b4fe4);color:#fff;display:grid;place-items:center}.ig-ai-head strong{display:block;font-size:12px}.ig-ai-head small{display:block;color:#7f8fa9;font-size:9px;margin-top:2px}.ig-ai-head button{padding:9px 12px;border-radius:10px;background:#675cf4;color:#fff;font-size:10px;font-weight:750}.ig-ai-head button:disabled{opacity:.55}.ig-two-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:11px}.ig-two-fields label{display:grid;gap:5px}.ig-two-fields small{color:#9aa7ba;font-weight:500}
.ig-story-note{margin:12px 0 0;padding:10px 12px;border-radius:11px;background:#fff7e8;color:#8b6c2d;font-size:10px;line-height:1.45}.ig-publish-actions{margin-top:18px;padding-top:15px;border-top:1px solid #e8eef8}.ig-publish-actions button{min-width:140px}.ig-publish-actions .ig-publish{margin-left:auto;background:linear-gradient(135deg,#6448ed,#145fff)}.ig-publish-actions button:disabled{opacity:.5}
.ig-phone{margin:16px auto 0;width:290px;border:8px solid #16233d;border-radius:31px;overflow:hidden;background:#fff;box-shadow:0 19px 45px rgba(32,53,91,.18)}.ig-phone-top{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;font-size:9px}.ig-phone-top b{font-family:cursive;font-size:15px}.ig-phone-user{height:45px;display:flex;align-items:center;gap:8px;padding:0 11px;font-size:9px}.ig-phone-user b:last-child{margin-left:auto}.ig-mini-avatar{width:25px;height:25px;border-radius:50%;background:linear-gradient(145deg,#ffb548,#ed3e7c,#6c54e7);color:#fff;display:grid;place-items:center;font-weight:800}.ig-phone-media{width:100%;aspect-ratio:1/1;background:#eff3f9;display:grid;place-items:center;overflow:hidden}.ig-phone-media.story{aspect-ratio:9/16;max-height:455px}.ig-phone-media img,.ig-phone-media video{width:100%;height:100%;object-fit:cover}.ig-phone-empty{padding:30px;text-align:center;color:#91a0b5;font-size:10px}.ig-phone-empty span{display:block;font-size:31px}.ig-phone-actions{padding:10px;font-size:16px}.ig-phone-actions span{float:right}.ig-phone-caption,.ig-phone-tags{margin:0;padding:0 10px 8px;font-size:9px;line-height:1.4}.ig-phone-tags{color:#315ca7}.ig-preview-note{margin:12px 3px 0;color:#8b9bb3;font-size:9px;line-height:1.4}
.ig-draft-list{display:grid;gap:9px}.ig-draft-list article{display:flex;justify-content:space-between;gap:20px;padding:13px;border:1px solid #e4ecf8;border-radius:14px;background:#fff}.ig-draft-list article>div:first-child{min-width:0}.ig-draft-list strong{display:block;margin:5px 0;font-size:13px}.ig-draft-list p{margin:0 0 5px;color:#697fa2;font-size:11px}.ig-draft-list small{color:#9aa7ba;font-size:9px}.ig-draft-list article>div:last-child{display:flex;align-items:center;gap:6px}.ig-draft-list button{padding:8px 9px;border-radius:9px;background:#f1f5fc;color:#3e64a5;font-size:10px}.ig-draft-type{padding:4px 7px;border-radius:7px;background:#edf3ff;color:#3567c5;font-size:8px;font-weight:800}
@media(max-width:1200px){.ig-media-grid{grid-template-columns:repeat(4,1fr)}.ig-create-grid{grid-template-columns:minmax(0,1fr) 340px}.ig-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.ig-tabs{align-items:flex-start;overflow:auto}.ig-tabs>div{min-width:max-content}.ig-top-account{display:none}.ig-banner,.ig-profile-card{align-items:flex-start;flex-direction:column}.ig-profile-stats{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.ig-profile-stats div{min-width:0}.ig-kpis{grid-template-columns:1fr 1fr}.ig-media-grid{grid-template-columns:repeat(2,1fr)}.ig-create-grid{grid-template-columns:1fr}.ig-preview-card{position:static}.ig-two-fields{grid-template-columns:1fr}.ig-publish-actions{flex-wrap:wrap}.ig-publish-actions button{width:100%}.ig-phone{width:min(290px,92vw)}}


/* ===== ARVIS Instagram Premium Studio v2 ===== */
.instagram-route .page-heading{display:none!important}
.instagram-route .page-footer{display:none}
.instagram-route main{max-width:none}
.instagram-route #other-view{overflow:visible}
.instagram-route .arvis-top-search{margin-bottom:14px}

.ig-center{gap:12px;color:#102a59}
.ig-hero{
  position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:28px;
  min-height:124px;padding:24px 28px;border:1px solid rgba(214,225,246,.88);border-radius:26px;
  background:
    radial-gradient(circle at 76% 18%,rgba(132,86,255,.18),transparent 24%),
    radial-gradient(circle at 92% 74%,rgba(29,144,255,.16),transparent 26%),
    linear-gradient(135deg,rgba(255,255,255,.96),rgba(245,249,255,.92));
  box-shadow:0 18px 48px rgba(48,78,138,.08)
}
.ig-hero:before{
  content:"";position:absolute;right:15%;top:-58px;width:430px;height:220px;border-radius:50%;
  border:1px solid rgba(120,92,255,.13);transform:rotate(-10deg);box-shadow:
  0 0 0 22px rgba(118,92,255,.035),0 0 0 44px rgba(47,131,255,.025)
}
.ig-hero-copy{position:relative;z-index:1;min-width:0}
.ig-hero-eyebrow{display:block;margin-bottom:5px;font-size:10px;font-weight:900;letter-spacing:.14em;color:#566fd1}
.ig-hero h1{margin:0;color:#102958;font-size:34px;line-height:1.05;letter-spacing:-1.2px}
.ig-hero h1 b{font-weight:800;color:#6541ee}
.ig-hero p{margin:8px 0 0;color:#61779d;font-size:14px}
.ig-hero-account{
  position:relative;z-index:1;display:flex;align-items:center;gap:12px;min-width:355px;padding:12px 13px;
  border:1px solid rgba(225,232,247,.96);border-radius:18px;background:rgba(255,255,255,.86);
  box-shadow:0 10px 34px rgba(45,73,127,.08);backdrop-filter:blur(12px)
}
.ig-hero-avatar{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#ffb34a,#eb3b83,#704deb)}
.ig-hero-avatar img{width:100%;height:100%;object-fit:cover;padding:8px}
.ig-hero-avatar img[src*="instagram"]{filter:brightness(0) invert(1)}
.ig-hero-account>div{display:grid;gap:3px;min-width:0}
.ig-hero-account strong{font-size:13px;color:#183463}
.ig-hero-account small{display:flex;align-items:center;gap:6px;color:#7489a9;font-size:10px}
.ig-hero-account small i,.ig-tab-account i{width:7px;height:7px;border-radius:50%;display:inline-block;background:#9fb0c7}
.ig-hero-account small i.online,.ig-tab-account i.online{background:#18bd6b;box-shadow:0 0 0 4px rgba(24,189,107,.09)}
.ig-hero-account button{margin-left:auto;padding:9px 11px;border:1px solid #dce5f4;border-radius:11px;background:#fff;color:#365987;font-size:10px;font-weight:750}

.ig-tabs{
  min-height:54px;padding:7px 9px;border:1px solid #dfe8f6;border-radius:18px;background:rgba(255,255,255,.88);
  box-shadow:0 9px 28px rgba(45,80,140,.055)
}
.ig-tabs>div:first-child{display:flex;gap:4px;flex-wrap:nowrap;min-width:0}
.ig-tabs button{display:inline-flex;align-items:center;gap:7px;padding:10px 13px;border-radius:12px;font-size:11px}
.ig-tabs button span{font-size:13px}
.ig-tabs button.active{background:linear-gradient(135deg,#eef3ff,#f5efff);color:#245ff0;box-shadow:none}
.ig-tab-account{display:flex!important;align-items:center;justify-content:flex-end;gap:11px;flex:0 0 auto}
.ig-tab-account>span{display:flex;align-items:center;gap:7px;color:#7185a5;font-size:10px;white-space:nowrap}
.ig-tab-account>button{background:linear-gradient(135deg,#7048ef,#1767f3)!important;color:#fff!important;padding:10px 14px!important}

.ig-banner{min-height:60px;padding:12px 16px;border-radius:17px}
.ig-banner-status{width:34px;height:34px;flex:0 0 auto;border-radius:50%;display:grid!important;place-items:center!important;color:#fff!important;font-size:17px!important;font-weight:900;background:#2ac879;box-shadow:0 7px 18px rgba(42,200,121,.22)}
.ig-banner>div{margin-right:auto}
.ig-banner strong{font-size:12px}.ig-banner span{font-size:10px}
.ig-banner.permission .ig-banner-status{background:linear-gradient(145deg,#7456f1,#3f77f2)}
.ig-banner.warning .ig-banner-status{background:#f5a524}

.ig-studio-grid{
  display:grid;grid-template-columns:minmax(520px,1.34fr) minmax(330px,.88fr) minmax(290px,.66fr);
  gap:12px;align-items:start
}
.ig-editor-card,.ig-planner-card,.ig-preview-card{
  border:1px solid #e1e9f6;border-radius:21px;background:rgba(255,255,255,.9);
  box-shadow:0 13px 38px rgba(44,76,133,.065);min-width:0
}
.ig-editor-card{padding:17px}.ig-preview-card{padding:13px;position:sticky;top:12px}.ig-planner-card{padding:14px}
.ig-editor-title{margin-bottom:12px}.ig-editor-title h3{font-size:18px}.ig-account-chip{display:flex;align-items:center;gap:6px;padding:7px 9px;background:#f6f8fd}
.ig-account-chip img{width:15px;height:15px}
.ig-type-switch{margin:8px 0 14px;gap:7px}
.ig-type-switch button{padding:10px 11px;border-radius:13px;background:#fff}
.ig-type-switch button.active{border-color:#7f86ff;background:linear-gradient(135deg,#f7f9ff,#f5f0ff);box-shadow:0 0 0 2px rgba(112,87,242,.055)}
.ig-type-switch b{width:30px;height:30px;background:#f2f2ff;color:#654fea}
.ig-type-switch small{font-size:8px}

.ig-upload-shell{border:1.5px dashed #becff0;border-radius:17px;background:linear-gradient(145deg,#fbfdff,#f8f7ff);padding:8px}
.ig-upload{min-height:180px;border:0;background:transparent;border-radius:13px}
.ig-upload.has-preview{background:#f3f6fb}
.ig-upload-empty{gap:5px;position:relative}
.ig-upload-empty .ig-upload-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#edf3ff;color:#316cf0;font-size:20px}
.ig-upload-empty b{position:absolute;top:0;left:calc(50% + 18px);width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#f8e9ff;color:#a13eea;font-size:18px}
.ig-upload-empty strong{color:#264572;font-size:12px}.ig-upload-empty>span{font-size:9px}.ig-upload-empty small{color:#a0abc0;font-size:8px}
.ig-source-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:4px}
.ig-source-row button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:34px;border:1px solid #e4eaf5;border-radius:10px;background:#fff;color:#49638d;font-size:9px;font-weight:750}
.ig-source-row button:hover{border-color:#c9d6f0;background:#f8faff}
.ig-source-row span{font-size:12px}.source-black{background:#111;color:#fff;border-radius:3px;padding:1px 3px;font-size:8px!important}.source-canva{background:linear-gradient(135deg,#11c9d8,#8f37df);color:#fff;border-radius:50%;width:16px;height:16px;display:grid;place-items:center;font-size:8px!important}

.ig-ai-box{margin-top:12px;padding:12px 13px;border-radius:16px;background:linear-gradient(135deg,#f8f1ff,#f2f7ff);border-color:#e3d8ff}
.ig-ai-head>div>span{background:linear-gradient(145deg,#9364ff,#5e54ec);box-shadow:0 8px 18px rgba(101,74,235,.2)}
.ig-ai-head button{background:linear-gradient(135deg,#8e4cf0,#5b54ed);box-shadow:0 8px 18px rgba(99,76,234,.15)}
.ig-two-fields{gap:7px}.ig-two-fields input{padding:9px 10px;border-radius:10px;font-size:10px}
.ig-quick-suggestions{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:9px}
.ig-quick-suggestions small{color:#6f7f9a;font-size:8px;font-weight:750}
.ig-quick-suggestions button{padding:5px 7px;border-radius:999px;background:#fff;border:1px solid #e5e7fb;color:#6855c2;font-size:8px;font-weight:700}
.ig-advanced-copy{margin-top:11px;border:1px solid #e7edf7;border-radius:12px;background:#fbfcff;padding:0 11px}
.ig-advanced-copy summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:10px 0;color:#496180;font-size:10px;font-weight:750}
.ig-advanced-copy[open] summary{border-bottom:1px solid #e9eef7}
.ig-advanced-copy .ig-field{margin:10px 0}.ig-advanced-copy textarea{font-size:10px}
.ig-publish-actions{margin-top:12px;padding-top:11px}.ig-publish-actions button{min-width:120px;padding:10px 13px;font-size:10px}

.ig-planner-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.ig-planner-head>div:first-child{display:flex;gap:9px;align-items:center}
.ig-planner-icon{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;background:#eef2ff;color:#5267e9}
.ig-planner-head h3{margin:0;font-size:15px}.ig-planner-head p{margin:2px 0 0;font-size:8px;color:#8290aa}
.ig-month-switch{display:flex;align-items:center;gap:6px}.ig-month-switch button{width:28px;height:28px;border:1px solid #e0e7f3;border-radius:9px;background:#fff;color:#6d80a1}.ig-month-switch strong{font-size:10px;white-space:nowrap}
.ig-weekdays,.ig-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
.ig-weekdays{margin-top:13px}.ig-weekdays b{text-align:center;color:#7383a2;font-size:8px}
.ig-calendar-grid{margin-top:5px;padding:4px 0 8px}
.ig-calendar-grid span{position:relative;display:grid;place-items:center;height:31px;border-radius:10px;color:#304c78;font-size:9px;font-weight:650}
.ig-calendar-grid span.muted{color:#b1bbcb}.ig-calendar-grid span.today{background:linear-gradient(145deg,#6c55f0,#176bf2);color:#fff;box-shadow:0 6px 15px rgba(76,84,234,.21)}
.ig-calendar-grid span.has-item:not(.today):after{content:"";position:absolute;bottom:4px;width:4px;height:4px;border-radius:50%;background:#ff3e91}
.ig-upcoming-head{display:flex;justify-content:space-between;align-items:center;margin:7px 0}.ig-upcoming-head strong{font-size:10px}.ig-upcoming-head span{font-size:8px;color:#7458e9}
.ig-upcoming-list{display:grid;gap:5px}.ig-upcoming-list article{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:7px;padding:6px;border:1px solid #edf1f7;border-radius:10px;background:#fff}
.ig-plan-thumb{width:34px;height:34px;border-radius:8px;background:linear-gradient(145deg,#f2ecff,#ecf3ff);display:grid;place-items:center;color:#6c55e5}
.ig-upcoming-list article div{min-width:0;display:grid;gap:2px}.ig-upcoming-list strong{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ig-upcoming-list small{font-size:7px;color:#8492aa}.ig-upcoming-list em{font-style:normal;font-size:7px;padding:4px 7px;border-radius:999px;background:#fff2cf;color:#a37300}
.ig-plan-empty{padding:16px;text-align:center;border:1px dashed #dce5f2;border-radius:10px;color:#94a0b3;font-size:8px}

.ig-preview-head>div{display:flex;align-items:center;gap:6px}.ig-preview-head strong{font-size:13px}.ig-preview-eye{width:25px;height:25px;border-radius:9px;background:#eef2ff;display:grid;place-items:center;color:#4769e9}
.ig-preview-format{padding:6px 8px;border:1px solid #e2e8f2;border-radius:9px;background:#fff;color:#526888;font-size:8px}
.ig-phone{width:min(255px,100%);margin:12px auto 0;border:6px solid #101827;border-radius:31px;box-shadow:0 18px 40px rgba(25,43,78,.2)}
.ig-phone-status{height:28px;display:flex;justify-content:space-between;align-items:center;padding:0 11px;font-size:7px;position:relative}.ig-dynamic-island{position:absolute;left:50%;top:5px;transform:translateX(-50%);width:66px;height:16px;border-radius:999px;background:#101010}
.ig-instagram-brand{height:35px;display:flex;justify-content:space-between;align-items:center;padding:0 10px;font-family:cursive;font-size:14px}.ig-instagram-brand b{font-family:system-ui;font-size:12px}
.ig-story-strip{display:flex;gap:7px;align-items:flex-start;padding:5px 8px 9px;overflow:hidden;border-bottom:1px solid #f0f1f4}
.ig-story-strip>span{width:38px;flex:0 0 auto;display:grid;place-items:center;position:relative;font-size:9px}
.ig-story-strip>span:before{content:"";width:30px;height:30px;border-radius:50%;border:2px solid #f04d95;grid-area:1/1}
.ig-story-strip small{margin-top:3px;width:44px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:6px;color:#67738a}
.ig-story-strip img{width:27px;height:27px;border-radius:50%;object-fit:cover;grid-area:1/1}
.ig-story-strip .story-me i{position:absolute;top:21px;right:1px;width:11px;height:11px;border-radius:50%;background:#2674ff;color:#fff;font-size:8px;display:grid;place-items:center;font-style:normal}.ig-story-strip .muted:before{border-color:#d8dde7}
.ig-phone-user{height:38px}.ig-phone-user>div{display:grid;gap:1px}.ig-phone-user small{font-size:6px;color:#8a94a4}.ig-mini-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.ig-phone-media{aspect-ratio:4/5}.ig-phone-media.story{aspect-ratio:9/16;max-height:370px}
.ig-phone-actions{display:flex;justify-content:space-between;padding:8px 9px 4px;font-size:13px}.ig-phone-actions b{font-weight:500}.ig-phone-likes{margin:0;padding:2px 9px 3px;font-size:7px;font-weight:800}
.ig-phone-caption,.ig-phone-tags{padding:0 9px 4px;font-size:7px}.ig-phone-nav{display:flex;justify-content:space-around;align-items:center;height:32px;border-top:1px solid #eef0f4;font-size:12px}

.ig-planning-page{display:grid;grid-template-columns:minmax(340px,.8fr) minmax(420px,1.2fr);gap:12px}
.ig-planning-page>.ig-planner-card{position:sticky;top:12px}
.ig-planning-page .ig-section-card .ig-section-card{border:0;box-shadow:none;padding:0}

@media(max-width:1380px){
  .ig-studio-grid{grid-template-columns:minmax(500px,1.2fr) minmax(310px,.78fr) 280px}
  .ig-hero-account{min-width:320px}
}
@media(max-width:1180px){
  .ig-studio-grid{grid-template-columns:minmax(0,1fr) 330px}
  .ig-planner-card{grid-column:1/2;grid-row:2}
  .ig-preview-card{grid-column:2;grid-row:1/3}
}
@media(max-width:880px){
  .instagram-route .arvis-top-search{display:none}
  .ig-hero{padding:18px;display:grid;min-height:auto}.ig-hero h1{font-size:28px}.ig-hero-account{min-width:0;width:100%}
  .ig-tabs{overflow:auto;align-items:center}.ig-tabs>div:first-child{min-width:max-content}.ig-tab-account{display:none!important}
  .ig-studio-grid,.ig-planning-page{grid-template-columns:1fr}
  .ig-editor-card,.ig-planner-card,.ig-preview-card{grid-column:auto;grid-row:auto}
  .ig-preview-card{position:static}.ig-source-row{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
  .ig-hero h1{font-size:24px}.ig-hero p{font-size:12px}.ig-hero-account{align-items:center}.ig-hero-account button{font-size:9px}
  .ig-type-switch{grid-template-columns:1fr}.ig-two-fields{grid-template-columns:1fr}
  .ig-source-row{grid-template-columns:1fr 1fr}.ig-calendar-grid span{height:28px}
}


/* ===== Premium Tabs + Native Instagram Preview v3 ===== */
.ig-tabs{
  padding:9px 12px;
  min-height:62px;
  border-radius:20px;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,250,255,.93));
  border:1px solid #dfe7f4;
  box-shadow:0 12px 32px rgba(35,66,122,.07)
}
.ig-tab-list{
  display:flex!important;align-items:center;gap:7px!important;flex-wrap:nowrap!important;min-width:0
}
.ig-tab-list button{
  position:relative;display:flex!important;align-items:center;justify-content:center;gap:8px;
  min-height:42px;padding:0 15px!important;border-radius:13px!important;color:#536a8f!important;
  font-size:11px!important;font-weight:750!important;background:transparent!important;border:1px solid transparent!important;
  transition:.18s ease
}
.ig-tab-list button b{font-weight:750;white-space:nowrap}
.ig-tab-list button:hover{background:#f5f7fc!important;color:#274f9d!important}
.ig-tab-list button.active{
  color:#3c56da!important;border-color:#e0e3fb!important;
  background:linear-gradient(135deg,#f5f7ff,#f4efff)!important;
  box-shadow:0 6px 15px rgba(70,76,180,.07)!important
}
.ig-tab-list button.active:after{
  content:"";position:absolute;left:16px;right:16px;bottom:-10px;height:2px;border-radius:3px;
  background:linear-gradient(90deg,#6157ec,#3675f3)
}
.ig-tab-icon{
  width:26px;height:26px;border-radius:8px;display:grid;place-items:center;
  background:#f2f5fb;color:#60759a;font-size:12px!important
}
.ig-tab-list button.active .ig-tab-icon{
  color:#fff;background:linear-gradient(145deg,#7355ef,#3777f2);box-shadow:0 5px 12px rgba(84,82,229,.18)
}
.ig-tab-account{padding-left:10px!important}
.ig-tab-account>span{
  padding:8px 10px;border-radius:999px;background:#f6f9fd;color:#6b7f9f!important;font-weight:700
}

/* Phone preview */
.ig-preview-card{
  padding:14px 14px 16px;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(249,251,255,.94))
}
.ig-preview-head{padding:1px 1px 3px}
.ig-preview-format{display:flex;align-items:center;gap:4px}
.ig-preview-format svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.8}

.ig-device{
  width:min(286px,100%);margin:13px auto 0;padding:7px;border-radius:39px;
  background:linear-gradient(150deg,#11151d,#252b36 55%,#080a0e);
  box-shadow:0 21px 48px rgba(19,31,57,.22),inset 0 0 0 1px rgba(255,255,255,.09)
}
.ig-device-screen{
  position:relative;overflow:hidden;border-radius:32px;background:#fff;color:#0c0d10;
  min-height:560px;border:1px solid #333842
}
.ig-ios-status{
  position:relative;height:32px;display:flex;align-items:center;justify-content:space-between;
  padding:0 13px;font-size:7px;font-weight:700;background:#fff
}
.ig-ios-status strong{font-size:7px}
.ig-ios-icons{font-size:6px;letter-spacing:.2px}
.ig-device .ig-dynamic-island{
  position:absolute;left:50%;top:6px;transform:translateX(-50%);
  width:72px;height:20px;border-radius:999px;background:#090a0d
}
.ig-native-top{
  height:39px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;border-bottom:1px solid #f0f1f3
}
.ig-wordmark{
  font-family:"Brush Script MT","Segoe Script","Snell Roundhand",cursive;
  font-size:19px;font-weight:700;letter-spacing:-.7px
}
.ig-native-top>span{display:flex;align-items:center;gap:12px}
.ig-native-top svg,.ig-native-actions svg,.ig-native-bottom svg{width:18px;height:18px;fill:none;stroke:#111;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.ig-native-stories{
  display:flex;gap:9px;padding:9px 8px 8px;overflow:hidden;border-bottom:1px solid #efeff2;background:#fff
}
.ig-native-story{position:relative;width:43px;flex:0 0 43px;display:grid;justify-items:center;gap:3px}
.ig-story-avatar{
  width:35px;height:35px;border-radius:50%;padding:2px;
  background:linear-gradient(145deg,#feda75 3%,#fa7e1e 24%,#d62976 52%,#962fbf 75%,#4f5bd5 100%);
  display:grid;place-items:center
}
.ig-story-avatar>img,.ig-story-avatar>span{
  width:29px;height:29px;border-radius:50%;object-fit:cover;background:#fff;border:2px solid #fff;
  display:grid;place-items:center;font-size:8px;font-weight:800;color:#5b6d8f
}
.ig-native-story.muted .ig-story-avatar{background:#dfe2e8}
.ig-native-story small{width:48px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;font-size:5.5px;color:#575d69}
.ig-native-story.own i{
  position:absolute;right:4px;top:24px;width:12px;height:12px;border-radius:50%;
  display:grid;place-items:center;background:#1788ff;color:#fff;border:2px solid #fff;font-style:normal;font-size:8px
}

.ig-native-user{
  height:41px;display:flex;align-items:center;justify-content:space-between;padding:0 9px;background:#fff
}
.ig-native-user-left{display:flex;align-items:center;gap:7px}
.ig-native-profile{
  width:27px;height:27px;border-radius:50%;background:linear-gradient(145deg,#feda75,#d62976,#4f5bd5);
  padding:2px;display:grid;place-items:center;overflow:hidden
}
.ig-native-profile img,.ig-native-profile>span{
  width:23px;height:23px;border-radius:50%;object-fit:cover;background:#fff;border:1.5px solid #fff;
  display:grid;place-items:center;font-size:7px;font-weight:800
}
.ig-native-user-left>div:last-child{display:grid;gap:1px}
.ig-native-user strong{font-size:7px}.ig-native-user small{font-size:5.5px;color:#777}
.ig-native-user button{border:0;background:transparent;font-size:9px;letter-spacing:1px;color:#111;padding:4px}

.ig-native-media{
  width:100%;aspect-ratio:4/5;background:linear-gradient(145deg,#f0f3f8,#e9edf4);display:grid;place-items:center;overflow:hidden
}
.ig-native-media.story{aspect-ratio:9/16}
.ig-native-media img,.ig-native-media video{width:100%;height:100%;object-fit:cover}
.ig-native-empty{display:grid;place-items:center;gap:6px;text-align:center;color:#98a3b6;padding:22px}
.ig-native-empty-icon{width:37px;height:37px;border-radius:12px;background:#fff;display:grid;place-items:center;color:#7890b6;box-shadow:0 5px 14px rgba(63,79,110,.08)}
.ig-native-empty strong{font-size:8px;color:#6e7d92}.ig-native-empty small{font-size:6px;line-height:1.35;max-width:150px}

.ig-native-actions{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 3px}
.ig-native-actions>span{display:flex;gap:11px}
.ig-native-likes{margin:0;padding:2px 10px 3px;font-size:6.5px;font-weight:800}
.ig-native-caption,.ig-native-tags{margin:0;padding:0 10px 3px;font-size:6.2px;line-height:1.35}
.ig-native-caption b{font-weight:800}.ig-native-tags{color:#1d4d89;padding-bottom:6px}
.ig-native-bottom{
  height:36px;margin-top:auto;border-top:1px solid #eee;display:flex;align-items:center;justify-content:space-around;background:#fff
}
.ig-native-bottom svg{width:17px;height:17px}
.ig-native-bottom-profile{
  width:18px;height:18px;border-radius:50%;overflow:hidden;background:#eef1f6;display:grid;place-items:center
}
.ig-native-bottom-profile img,.ig-native-bottom-profile>span{width:100%;height:100%;border-radius:50%;object-fit:cover;display:grid;place-items:center;font-size:6px;font-weight:800}
.ig-preview-note{margin:10px 3px 0;font-size:8px;line-height:1.4;color:#8a98ae}

/* retire v2 mock phone */


@media(max-width:1380px){
  .ig-tab-list button{padding:0 11px!important;gap:6px}
  .ig-tab-icon{width:24px;height:24px}
}
@media(max-width:1180px){
  .ig-tabs{overflow:auto}
  .ig-tab-list{min-width:max-content}
}
@media(max-width:880px){
  .ig-tab-list button{min-height:40px;padding:0 10px!important}
  .ig-tab-account{display:none!important}
  .ig-device{width:min(300px,92vw)}
}


/* ===== Meta-matched Instagram preview + navigation v4 ===== */
.ig-tabs{
  min-height:64px;
  padding:7px 12px;
  border-radius:19px;
  background:linear-gradient(145deg,#fff 76%,#eef3ff);
  border:1px solid #e2e9f6;
  box-shadow:0 7px 20px rgba(66,107,170,.045)
}
.ig-tab-list{display:flex!important;align-items:center;gap:4px!important;min-width:0}
.ig-tab-list button{
  min-height:48px;
  padding:0 16px!important;
  border-radius:14px!important;
  background:transparent!important;
  border:0!important;
  color:#4e6389!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:500!important;
  letter-spacing:0!important;
  box-shadow:none!important
}
.ig-tab-list button:hover{background:#f1f5fc!important;color:#214f9a!important}
.ig-tab-list button.active{
  color:#0758ff!important;
  background:#e7edff!important;
  font-weight:600!important;
  box-shadow:none!important
}
.ig-tab-list button.active:after{display:none!important}
.ig-tab-icon{
  width:21px!important;height:21px!important;border-radius:0!important;
  display:inline-flex!important;align-items:center;justify-content:center;
  background:transparent!important;color:inherit!important;box-shadow:none!important;
  flex:0 0 21px
}
.ig-tab-icon svg{
  width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;
  stroke-linecap:round;stroke-linejoin:round
}
.ig-tab-text{white-space:nowrap;font:inherit}
.ig-tab-account>span{
  background:transparent!important;padding:0!important;color:#6d82a5!important;
  font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:500
}

/* Exactly reuse the Meta preview phone shell */
.ig-meta-preview .phone{
  display:block!important;
  width:269px!important;
  max-width:100%;
  margin:17px auto 0!important
}
.ig-meta-preview .phone-screen{min-height:0}
.ig-meta-preview .instagram-top svg,
.ig-meta-preview .social-icons svg{
  width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;
  stroke-linecap:round;stroke-linejoin:round
}
.ig-meta-preview .instagram-top>span{display:flex;align-items:center}
.ig-meta-preview .avatar{
  display:grid;place-items:center;
  border:2px solid #161b17;
  padding:2px;
  background:#fff
}
.ig-meta-preview .avatar img,
.ig-meta-preview .avatar>span{
  width:100%;height:100%;border-radius:50%;object-fit:cover;
  display:grid;place-items:center;background:linear-gradient(145deg,#ffb34c,#ed3b77,#8b47e7);
  color:#fff;font:bold 10px Arial,sans-serif
}
.ig-meta-preview .instagram-user strong{font-family:Arial,sans-serif;font-size:12px}
.ig-meta-preview .instagram-user small{font-family:Arial,sans-serif;color:#6f7888}
.ig-meta-preview .ig-content-preview{
  height:259px!important;
  aspect-ratio:auto!important;
  background:#eef2f8!important
}
.ig-meta-preview .ig-content-preview.story{
  height:390px!important;
  aspect-ratio:auto!important
}
.ig-meta-preview .ig-content-preview img,
.ig-meta-preview .ig-content-preview video{width:100%;height:100%;object-fit:cover}
.ig-meta-empty{
  width:100%;height:100%;display:grid;place-items:center;align-content:center;gap:5px;
  color:#8b99ae;text-align:center;background:linear-gradient(145deg,#f5f7fb,#eef2f8)
}
.ig-meta-empty>span{font-size:28px;color:#7c8da8}
.ig-meta-empty strong{font:600 11px Arial,sans-serif;color:#667892}
.ig-meta-empty small{font:9px Arial,sans-serif}
.ig-meta-preview .social-icons{padding:10px 13px 6px}
.ig-meta-preview .social-icons>span{display:flex;align-items:center}
.ig-meta-preview .preview-copy{max-height:46px;margin-bottom:3px}
.ig-meta-tags{
  margin:0 13px 9px;
  font:9px/1.35 Arial,sans-serif;
  color:#315ca7;
  min-height:12px
}
.ig-meta-preview .phone-home{margin-top:4px}
.ig-meta-preview .preview-disclaimer{
  margin:15px 0 2px;
  font-family:Inter,Arial,sans-serif;
  font-size:10px;
  line-height:1.45
}

/* old custom preview is retired */
.ig-device{display:none!important}

@media(max-width:1380px){
  .ig-tab-list button{padding:0 12px!important;font-size:12px!important}
}
@media(max-width:1180px){
  .ig-tabs{overflow:auto}
  .ig-tab-list{min-width:max-content}
}
@media(max-width:880px){
  .ig-tab-list button{min-height:44px;padding:0 11px!important}
  .ig-tab-icon{width:19px!important;height:19px!important;flex-basis:19px}
  .ig-tab-icon svg{width:18px;height:18px}
  .ig-meta-preview .phone{width:269px!important}
}


/* ===== Instagram Creator Studio v5 · reference phone + unified Meta typography ===== */

/* Meta-like tabs: one text size, one icon size */
.ig-tabs{
  min-height:66px!important;
  padding:7px 14px!important;
  border-radius:19px!important;
  background:linear-gradient(145deg,#fff 75%,#eef3ff)!important;
  border:1px solid #e3ebf9!important;
  box-shadow:0 7px 20px rgba(66,107,170,.04)!important
}
.ig-tab-list{display:flex!important;align-items:center;gap:5px!important;min-width:0}
.ig-tab-list button{
  min-height:50px!important;
  padding:0 16px!important;
  border-radius:15px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  color:#4e6389!important;
  background:transparent!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:15px!important;
  font-weight:500!important;
  line-height:1!important;
  letter-spacing:0!important;
  box-shadow:none!important
}
.ig-tab-list button:hover{background:#f1f5fc!important;color:#2856a4!important}
.ig-tab-list button.active{
  color:#0758ff!important;
  background:#e4edff!important;
  font-size:15px!important;
  font-weight:600!important
}
.ig-tab-icon{
  width:20px!important;height:20px!important;flex:0 0 20px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  background:transparent!important;border-radius:0!important;color:inherit!important;box-shadow:none!important
}
.ig-tab-icon svg{width:20px!important;height:20px!important;stroke-width:1.65!important}
.ig-tab-text{font:inherit!important;line-height:1!important}
.ig-tab-account>span{font-size:12px!important;font-weight:500!important}

/* Creator card */
.ig-editor-card{
  padding:19px!important;
  border:1px solid #e2e9f6!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 8% 2%,rgba(109,83,244,.055),transparent 20%),
    linear-gradient(145deg,rgba(255,255,255,.98),rgba(249,251,255,.96))!important;
  box-shadow:0 14px 38px rgba(44,76,133,.065)!important
}
.ig-editor-title{margin-bottom:15px!important}
.ig-editor-heading{display:flex;align-items:center;gap:11px}
.ig-editor-icon{
  width:40px;height:40px;border-radius:13px;display:grid;place-items:center;
  color:#5368e9;background:linear-gradient(145deg,#eef2ff,#f7efff);
  border:1px solid #e5e4fb
}
.ig-editor-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ig-editor-title h3{font-size:20px!important;letter-spacing:-.25px;color:#17315f}
.ig-editor-title .ig-kicker{font-size:9px!important;letter-spacing:.12em}
.ig-account-chip{
  min-height:34px;padding:7px 10px!important;border-radius:11px!important;
  background:#f6f8fd!important;border:1px solid #edf1f8;color:#536d97!important;font-size:10px!important
}

/* content types */
.ig-type-switch{gap:9px!important;margin:0 0 17px!important}
.ig-type-switch button{
  min-height:66px!important;padding:11px 13px!important;border-radius:16px!important;
  border:1px solid #dfe7f4!important;background:#fff!important;
  display:flex!important;align-items:center!important;gap:11px!important;
  box-shadow:0 5px 14px rgba(43,70,120,.025)!important
}
.ig-type-switch button.active{
  border-color:#8178ff!important;
  background:linear-gradient(135deg,#fbfcff,#f4f0ff)!important;
  box-shadow:0 0 0 2px rgba(108,83,238,.07),0 8px 18px rgba(77,74,183,.055)!important
}
.ig-type-icon{
  width:38px;height:38px;border-radius:12px;display:grid;place-items:center;
  background:#f1f4fb;color:#6176a0;flex:0 0 38px
}
.ig-type-switch button.active .ig-type-icon{
  background:linear-gradient(145deg,#ececff,#f7eaff);color:#6454ed
}
.ig-type-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ig-type-copy{display:grid!important;gap:3px!important;min-width:0}
.ig-type-copy strong{font-size:13px!important;line-height:1.05!important;color:#27466f}
.ig-type-copy small{font-size:9px!important;line-height:1.15!important;color:#8695ad!important;font-weight:500!important}

.ig-media-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:4px 2px 8px}
.ig-media-label>span{font-size:11px;font-weight:750;color:#395577}
.ig-media-label small{font-size:9px;color:#94a0b4}

/* Upload becomes visual studio, not form box */
.ig-upload-shell{
  position:relative;overflow:hidden;padding:9px!important;
  border:1.5px dashed #c3cff0!important;border-radius:20px!important;
  background:
    radial-gradient(circle at 22% 20%,rgba(97,111,255,.075),transparent 22%),
    radial-gradient(circle at 78% 72%,rgba(199,77,255,.07),transparent 24%),
    linear-gradient(145deg,#fbfdff,#faf8ff)!important
}
.ig-upload-shell:before,.ig-upload-shell:after{
  content:"";position:absolute;border-radius:50%;pointer-events:none
}
.ig-upload-shell:before{width:260px;height:90px;left:-40px;bottom:40px;border:1px solid rgba(113,126,235,.08);transform:rotate(8deg)}
.ig-upload-shell:after{width:310px;height:120px;right:-90px;top:18px;border:1px solid rgba(170,90,239,.08);transform:rotate(-10deg)}
.ig-upload{
  position:relative;z-index:1;min-height:215px!important;border:0!important;background:transparent!important;border-radius:16px!important
}
.ig-upload-empty{position:relative;gap:7px!important}
.ig-upload-main-icon{
  width:50px;height:50px;border-radius:15px;display:grid;place-items:center;
  background:linear-gradient(145deg,#edf3ff,#f4edff);color:#406ff1;
  box-shadow:0 10px 24px rgba(62,92,202,.09)
}
.ig-upload-main-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ig-upload-plus{
  position:absolute;top:5px;left:calc(50% + 22px);
  width:28px;height:28px;border-radius:50%;display:grid;place-items:center;
  background:#f6eaff;color:#a54be7;font-size:19px;font-weight:500;
  box-shadow:0 6px 14px rgba(165,75,231,.09)
}
.ig-upload-empty strong{font-size:13px!important;color:#294a77}
.ig-upload-empty>span:not(.ig-upload-main-icon):not(.ig-upload-plus){font-size:10px!important;color:#7589aa}
.ig-upload-empty small{font-size:9px!important;color:#a0abc0}

.ig-source-row{position:relative;z-index:1;gap:7px!important;margin-top:3px!important}
.ig-source-row button{
  min-height:39px!important;border-radius:12px!important;
  background:rgba(255,255,255,.92)!important;border:1px solid #e2e8f3!important;
  color:#476287!important;font-size:10px!important;font-weight:650!important;
  box-shadow:0 5px 13px rgba(45,72,122,.03)
}
.ig-source-row button:hover{background:#f6f9ff!important;border-color:#c9d7ef!important}
.ig-source-icon{width:17px;height:17px;display:inline-flex;align-items:center;justify-content:center}
.ig-source-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* Astra card */
.ig-ai-box{
  margin-top:14px!important;padding:14px!important;border-radius:18px!important;
  background:
    radial-gradient(circle at 86% 12%,rgba(136,76,247,.13),transparent 22%),
    linear-gradient(135deg,#faf5ff,#f2f6ff)!important;
  border:1px solid #e1d9ff!important;
  box-shadow:0 9px 24px rgba(91,72,193,.045)
}
.ig-ai-head>div>span{
  width:39px!important;height:39px!important;border-radius:12px!important;
  background:linear-gradient(145deg,#9867ff,#5c54ed)!important;
  box-shadow:0 8px 18px rgba(101,74,235,.18)!important
}
.ig-ai-head strong{font-size:13px!important;color:#263d6a}
.ig-ai-head small{font-size:9px!important;color:#7d8ba4!important}
.ig-ai-head button{
  min-height:38px;padding:0 14px!important;border-radius:11px!important;
  font-size:10px!important;font-weight:750!important;background:linear-gradient(135deg,#8c4ff0,#5d55ed)!important
}
.ig-two-fields{gap:8px!important;margin-top:13px!important}
.ig-two-fields label{gap:6px!important}
.ig-two-fields label>span{font-size:10px!important;color:#4a6084!important}
.ig-two-fields input{
  min-height:38px;padding:9px 11px!important;border-radius:11px!important;border-color:#dedff4!important;
  background:rgba(255,255,255,.92)!important;font-size:10px!important
}
.ig-quick-suggestions{margin-top:10px!important;gap:6px!important}
.ig-quick-suggestions>small{font-size:9px!important;font-weight:750!important}
.ig-quick-suggestions button{
  min-height:28px;padding:5px 9px!important;border-radius:999px!important;
  font-size:8.5px!important;background:#fff!important;border:1px solid #e4e3f7!important;color:#6556be!important
}

/* advanced copy slim + modern */
.ig-advanced-copy{
  margin-top:12px!important;padding:0 13px!important;border-radius:13px!important;
  border:1px solid #e6ecf6!important;background:#fbfcff!important
}
.ig-advanced-copy summary{
  min-height:42px;padding:0!important;font-size:10px!important;color:#506686!important
}
.ig-advanced-copy summary svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8}
.ig-advanced-copy .ig-field{margin:11px 0!important}
.ig-publish-actions{margin-top:13px!important;padding-top:12px!important}
.ig-publish-actions button{min-height:39px!important;border-radius:11px!important;font-size:10px!important}

/* First-reference style Instagram phone */
.ig-meta-preview .phone{display:none!important}
.ig-device{display:none!important}
.ig-reference-phone{
  width:min(292px,100%);margin:13px auto 0;padding:7px;
  border-radius:42px;background:linear-gradient(145deg,#0b0d12,#20252e 55%,#06070a);
  box-shadow:0 22px 48px rgba(17,29,54,.23),0 0 0 1px rgba(14,18,27,.5),inset 0 0 0 1px rgba(255,255,255,.09);
  position:relative
}
.ig-reference-phone:before,.ig-reference-phone:after{
  content:"";position:absolute;left:-3px;width:3px;border-radius:2px;background:#2b313a
}
.ig-reference-phone:before{top:112px;height:36px}.ig-reference-phone:after{top:157px;height:58px}
.ig-reference-screen{
  min-height:594px;overflow:hidden;border-radius:34px;background:#fff;color:#101115;
  border:1px solid #333945;display:flex;flex-direction:column
}
.ig-reference-status{
  position:relative;height:31px;display:flex;align-items:center;justify-content:space-between;
  padding:0 13px;font:700 7px Arial,sans-serif;background:#fff
}
.ig-reference-island{
  position:absolute;left:50%;top:5px;transform:translateX(-50%);
  width:78px;height:20px;border-radius:999px;background:#090b0e
}
.ig-reference-status-icons{font-size:6px;letter-spacing:.15px}
.ig-reference-appbar{
  height:42px;display:grid;grid-template-columns:28px 1fr 28px;align-items:center;padding:0 10px;border-bottom:1px solid #f0f1f3
}
.ig-reference-appbar>span{display:grid;place-items:center}.ig-reference-appbar>span:last-child{justify-self:end}
.ig-reference-appbar svg,.ig-reference-actions svg,.ig-reference-bottom svg{
  width:18px;height:18px;fill:none;stroke:#111;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round
}
.ig-reference-appbar strong{
  justify-self:center;font-family:"Brush Script MT","Segoe Script","Snell Roundhand",cursive;
  font-size:20px;letter-spacing:-.7px
}
.ig-reference-stories{
  display:flex;gap:10px;padding:9px 9px 8px;overflow:hidden;border-bottom:1px solid #efeff2
}
.ig-reference-story{position:relative;width:46px;flex:0 0 46px;display:grid;justify-items:center;gap:3px}
.ig-reference-story-avatar{
  width:38px;height:38px;border-radius:50%;padding:2px;
  background:linear-gradient(145deg,#feda75 3%,#fa7e1e 24%,#d62976 52%,#962fbf 75%,#4f5bd5 100%);
  display:grid;place-items:center
}
.ig-reference-story-avatar img,.ig-reference-story-avatar>span{
  width:32px;height:32px;border-radius:50%;border:2px solid #fff;background:#fff;object-fit:cover;
  display:grid;place-items:center;font:bold 8px Arial,sans-serif;color:#5b6d8f
}
.ig-reference-story small{
  width:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;
  font:6px Arial,sans-serif;color:#626b7a
}
.ig-reference-story.own i{
  position:absolute;right:3px;top:25px;width:13px;height:13px;border-radius:50%;
  display:grid;place-items:center;background:#1687ff;color:#fff;border:2px solid #fff;font:normal 8px Arial,sans-serif
}
.ig-reference-user{
  height:43px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;background:#fff
}
.ig-reference-user>div{display:flex;align-items:center;gap:7px}.ig-reference-user>div>span:last-child{display:grid;gap:1px}
.ig-reference-profile{
  width:28px;height:28px;border-radius:50%;padding:2px;overflow:hidden;
  background:linear-gradient(145deg,#feda75,#d62976,#4f5bd5);display:grid;place-items:center
}
.ig-reference-profile img,.ig-reference-profile>span{
  width:24px;height:24px;border-radius:50%;border:1.5px solid #fff;background:#fff;object-fit:cover;
  display:grid;place-items:center;font:bold 7px Arial,sans-serif
}
.ig-reference-user strong{font:700 7px Arial,sans-serif}.ig-reference-user small{font:5.5px Arial,sans-serif;color:#777}
.ig-reference-user>b{font:700 9px Arial,sans-serif;letter-spacing:1px}
.ig-reference-media{
  width:100%;height:337px;background:linear-gradient(145deg,#eff2f7,#e9edf4);
  display:grid;place-items:center;overflow:hidden
}
.ig-reference-media.story{height:430px}
.ig-reference-media img,.ig-reference-media video{width:100%;height:100%;object-fit:cover}
.ig-reference-empty{display:grid;place-items:center;gap:5px;text-align:center;color:#97a3b5;padding:24px}
.ig-reference-empty>span{
  width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#fff;color:#7a8fb0;
  box-shadow:0 5px 14px rgba(63,79,110,.08)
}
.ig-reference-empty svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7}
.ig-reference-empty strong{font:600 8px Arial,sans-serif;color:#6d7c93}.ig-reference-empty small{font:6px Arial,sans-serif}
.ig-reference-actions{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 3px}
.ig-reference-actions>span{display:flex;align-items:center;gap:11px}
.ig-reference-likes{margin:0;padding:2px 10px 3px;font:700 6.5px Arial,sans-serif}
.ig-reference-caption,.ig-reference-tags{margin:0;padding:0 10px 3px;font:6.2px/1.35 Arial,sans-serif}
.ig-reference-tags{color:#23528e;padding-bottom:6px}
.ig-reference-bottom{
  height:37px;margin-top:auto;border-top:1px solid #eee;display:flex;align-items:center;justify-content:space-around;background:#fff
}
.ig-reference-bottom svg{width:17px;height:17px}
.ig-reference-bottom-profile{
  width:18px;height:18px;border-radius:50%;overflow:hidden;background:#eef1f6;display:grid;place-items:center
}
.ig-reference-bottom-profile img,.ig-reference-bottom-profile>span{
  width:100%;height:100%;border-radius:50%;object-fit:cover;display:grid;place-items:center;font:bold 6px Arial,sans-serif
}
.ig-reference-home{
  width:88px;height:4px;border-radius:4px;background:#111;margin:5px auto 7px
}
.ig-reference-preview .ig-preview-note{margin-top:10px!important;text-align:center!important;font-size:8px!important;line-height:1.4!important}

/* keep 3-column premium composition */
.ig-studio-grid{
  grid-template-columns:minmax(540px,1.36fr) minmax(330px,.86fr) minmax(305px,.68fr)!important;
  gap:13px!important
}

@media(max-width:1380px){
  .ig-tab-list button{padding:0 12px!important;font-size:14px!important}
  .ig-tab-list button.active{font-size:14px!important}
  .ig-studio-grid{grid-template-columns:minmax(500px,1.2fr) minmax(310px,.78fr) 300px!important}
}
@media(max-width:1180px){
  .ig-tab-list{min-width:max-content}
  .ig-studio-grid{grid-template-columns:minmax(0,1fr) 335px!important}
  .ig-planner-card{grid-column:1/2!important;grid-row:2!important}
  .ig-reference-preview{grid-column:2!important;grid-row:1/3!important}
}
@media(max-width:880px){
  .ig-tab-list button,.ig-tab-list button.active{font-size:14px!important}
  .ig-studio-grid{grid-template-columns:1fr!important}
  .ig-planner-card,.ig-reference-preview{grid-column:auto!important;grid-row:auto!important}
  .ig-reference-phone{width:min(292px,92vw)}
}


/* ===== Compact Instagram reference phone v6 ===== */
.ig-reference-phone{
  width:min(258px,100%)!important;
  padding:6px!important;
  border-radius:38px!important;
}
.ig-reference-screen{
  min-height:520px!important;
  border-radius:30px!important;
}
.ig-reference-media{
  height:285px!important;
}
.ig-reference-media.story{
  height:360px!important;
}
.ig-reference-stories{
  padding:8px 8px 6px!important;
  gap:8px!important;
}
.ig-reference-story{
  width:42px!important;
  flex-basis:42px!important;
}
.ig-reference-story-avatar{
  width:34px!important;
  height:34px!important;
}
.ig-reference-story-avatar img,
.ig-reference-story-avatar>span{
  width:28px!important;
  height:28px!important;
}
.ig-reference-bottom{
  height:34px!important;
}
.ig-reference-home{
  width:78px!important;
  margin:4px auto 6px!important;
}
.ig-reference-preview{
  align-self:start!important;
}
@media(max-width:880px){
  .ig-reference-phone{width:min(258px,92vw)!important}
}


/* ===== Instagram account avatar refinement v7 ===== */
.ig-hero-avatar{
  width:48px!important;
  height:48px!important;
  border-radius:50%!important;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
  background:#fff!important;
  border:2px solid rgba(255,255,255,.96)!important;
  box-shadow:0 6px 18px rgba(39,59,103,.12),0 0 0 1px rgba(221,228,242,.9)!important;
}
.ig-hero-avatar img{
  width:100%!important;
  height:100%!important;
  padding:0!important;
  object-fit:cover!important;
  border-radius:50%!important;
}
.ig-hero-avatar img[src*="instagram"]{
  padding:10px!important;
  object-fit:contain!important;
  filter:none!important;
  background:linear-gradient(145deg,#ffb34a,#eb3b83,#704deb)!important;
}


/* ===== Mode-aware Instagram live preview v8 ===== */
.ig-reference-screen.ig-preview-story,
.ig-reference-screen.ig-preview-reels{
  background:#0b0c10!important;
  color:#fff!important;
}
.ig-preview-story{
  min-height:520px!important;
}
.ig-story-stage{
  position:relative;
  width:100%;
  height:486px;
  overflow:hidden;
  background:#15171c;
}
.ig-story-stage>img,
.ig-story-stage>video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.ig-story-stage>.ig-reference-empty{
  position:absolute;
  inset:0;
  color:#d7deea;
  background:linear-gradient(145deg,#242934,#151820)!important;
}
.ig-story-stage>.ig-reference-empty>span{
  background:rgba(255,255,255,.1)!important;
  color:#fff!important;
}
.ig-story-stage>.ig-reference-empty strong{color:#fff!important}
.ig-story-overlay-top{
  position:absolute;
  inset:0 0 auto;
  z-index:3;
  padding-bottom:44px;
  background:linear-gradient(180deg,rgba(0,0,0,.48),rgba(0,0,0,.18) 58%,transparent);
}
.ig-story-overlay-top .ig-reference-status{
  height:31px;
  color:#fff;
  background:transparent!important;
}
.ig-story-overlay-top .ig-reference-island{
  background:#08090b!important;
}
.ig-story-progress{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:3px;
  padding:3px 9px 6px;
}
.ig-story-progress i{
  height:2px;
  border-radius:999px;
  background:rgba(255,255,255,.45);
}
.ig-story-progress i:first-child{background:#fff}
.ig-story-account{
  display:flex;
  align-items:center;
  gap:7px;
  padding:2px 9px 0;
  font-family:Inter,Arial,sans-serif;
}
.ig-story-account-avatar{
  width:28px;
  height:28px;
  flex:0 0 28px;
  border-radius:50%;
  padding:2px;
  display:grid;
  place-items:center;
  background:linear-gradient(145deg,#feda75,#d62976,#4f5bd5);
  overflow:hidden;
}
.ig-story-account-avatar img,
.ig-story-account-avatar>span{
  width:24px;
  height:24px;
  border-radius:50%;
  border:1.5px solid #fff;
  background:#fff;
  object-fit:cover;
  display:grid;
  place-items:center;
  color:#111;
  font-size:7px;
  font-weight:800;
}
.ig-story-account strong{
  font-size:7px;
  color:#fff;
}
.ig-story-account small{
  margin-left:1px;
  font-size:6px;
  color:rgba(255,255,255,.75);
}
.ig-story-account b{
  margin-left:auto;
  font-size:9px;
  letter-spacing:1px;
  color:#fff;
}
.ig-story-account em{
  font-style:normal;
  font-size:20px;
  line-height:1;
  color:#fff;
}
.ig-story-reply{
  position:absolute;
  left:0;right:0;bottom:10px;
  z-index:3;
  display:flex;
  align-items:center;
  gap:9px;
  padding:0 10px;
}
.ig-story-reply>span:first-child{
  min-width:0;
  flex:1;
  min-height:29px;
  display:flex;
  align-items:center;
  padding:0 10px;
  border:1px solid rgba(255,255,255,.85);
  border-radius:999px;
  color:#fff;
  font:6px Inter,Arial,sans-serif;
  background:rgba(0,0,0,.12);
}
.ig-story-reply svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:#fff;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.story-home{
  background:#fff!important;
}

/* Reels mode */
.ig-preview-reels{
  min-height:520px!important;
}
.ig-preview-reels>.ig-reference-status{
  position:relative;
  z-index:5;
  color:#fff;
  background:#07080b!important;
}
.ig-reels-head{
  height:35px;
  position:relative;
  z-index:5;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 10px;
  background:#07080b;
}
.ig-reels-head strong{
  font:700 13px Inter,Arial,sans-serif;
  color:#fff;
}
.ig-reels-head svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:#fff;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.ig-reels-stage{
  position:relative;
  width:100%;
  height:413px;
  overflow:hidden;
  background:#17191f;
}
.ig-reels-stage>img,
.ig-reels-stage>video{
  width:100%;
  height:100%;
  object-fit:cover;
}
.ig-reels-stage>.ig-reference-empty{
  position:absolute;
  inset:0;
  color:#d7deea;
  background:linear-gradient(145deg,#242934,#151820)!important;
}
.ig-reels-stage>.ig-reference-empty>span{
  background:rgba(255,255,255,.1)!important;
  color:#fff!important;
}
.ig-reels-stage>.ig-reference-empty strong{color:#fff!important}
.ig-reels-gradient{
  position:absolute;
  inset:36% 0 0;
  z-index:2;
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.08) 25%,rgba(0,0,0,.72));
  pointer-events:none;
}
.ig-reels-right{
  position:absolute;
  right:9px;
  bottom:54px;
  z-index:4;
  display:grid;
  gap:13px;
  justify-items:center;
}
.ig-reels-right>span{
  display:grid;
  justify-items:center;
  gap:2px;
}
.ig-reels-right svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:#fff;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 1px 3px rgba(0,0,0,.45));
}
.ig-reels-right small{
  color:#fff;
  font:5.5px Inter,Arial,sans-serif;
}
.ig-reels-right>b{
  color:#fff;
  font-size:9px;
  letter-spacing:1px;
}
.ig-reels-copy{
  position:absolute;
  left:9px;
  right:42px;
  bottom:14px;
  z-index:4;
  color:#fff;
  font-family:Inter,Arial,sans-serif;
}
.ig-reels-account{
  display:flex;
  align-items:center;
  gap:6px;
}
.ig-reels-account>span{
  width:25px;height:25px;border-radius:50%;overflow:hidden;display:grid;place-items:center;
  background:#fff;color:#111;
}
.ig-reels-account>span img,
.ig-reels-account>span>span{
  width:100%;height:100%;border-radius:50%;object-fit:cover;display:grid;place-items:center;font-size:6px;font-weight:800;
}
.ig-reels-account strong{font-size:7px}
.ig-reels-account button{
  height:20px;
  padding:0 7px;
  border:1px solid rgba(255,255,255,.8);
  border-radius:6px;
  background:transparent;
  color:#fff;
  font:600 6px Inter,Arial,sans-serif;
}
.ig-reels-copy p{
  margin:5px 0 3px;
  font-size:6px;
  line-height:1.35;
}
.ig-reels-copy>small{
  font-size:5.5px;
  color:rgba(255,255,255,.85);
}
.ig-reels-bottom{
  background:#07080b!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
}
.ig-reels-bottom svg{
  stroke:#fff!important;
}
.ig-reels-bottom .ig-reference-bottom-profile{
  border:1px solid rgba(255,255,255,.7);
}
.ig-preview-reels>.ig-reference-home{
  background:#fff!important;
}

/* Post mode stays as the normal Instagram feed */
.ig-preview-post{
  background:#fff!important;
  color:#101115!important;
}

/* Make mode changes visually obvious in the preview header */
.ig-preview-format{
  min-width:68px;
  justify-content:center;
  font-weight:650!important;
}


/* ===== Persistent Instagram scheduling v9 ===== */
.ig-calendar-grid span{position:relative}
.ig-calendar-grid span>i{
  position:absolute;right:2px;top:2px;min-width:13px;height:13px;padding:0 3px;border-radius:999px;
  display:grid;place-items:center;background:#7358ef;color:#fff;font:700 6px Inter,Arial,sans-serif;
  box-shadow:0 3px 8px rgba(92,77,220,.2)
}
.ig-calendar-grid span.today>i{background:#fff;color:#4c61dd}
.ig-planner-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ig-upcoming-list em.planned{background:#eaf7ff;color:#1975a7}
.ig-upcoming-list em.live{background:#e9f9f0;color:#128356}
.ig-upcoming-list em.done{background:#e9f8ef;color:#168354}
.ig-upcoming-list em.bad{background:#fff0f0;color:#ba3f3f}
.ig-upcoming-list em.muted{background:#f1f3f6;color:#8792a5}

.ig-publish-modal-backdrop{
  position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:20px;
  background:rgba(22,34,61,.38);backdrop-filter:blur(8px)
}
.ig-publish-modal{
  width:min(560px,94vw);padding:20px;border-radius:23px;
  border:1px solid rgba(224,230,245,.95);
  background:linear-gradient(145deg,#fff,#f8faff);
  box-shadow:0 28px 80px rgba(22,37,74,.22)
}
.ig-publish-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}
.ig-publish-modal-head h3{margin:3px 0 0;color:#17315f;font-size:19px;letter-spacing:-.25px}
.ig-publish-modal-head>button{
  width:34px;height:34px;border:1px solid #e4eaf4;border-radius:11px;background:#fff;color:#657896;font-size:20px
}
.ig-publish-choice{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.ig-publish-choice>button{
  min-height:86px;padding:14px;border:1px solid #e0e7f3;border-radius:16px;background:#fff;
  display:flex;align-items:center;gap:11px;text-align:left;color:#314d78
}
.ig-publish-choice>button.active{
  border-color:#7d72f6;background:linear-gradient(145deg,#f8f9ff,#f4efff);
  box-shadow:0 0 0 2px rgba(107,83,238,.065)
}
.ig-publish-choice>button>span{
  width:36px;height:36px;border-radius:11px;display:grid;place-items:center;flex:0 0 36px;
  background:#eff3fb;color:#647ba2
}
.ig-publish-choice>button.active>span{background:linear-gradient(145deg,#7357ee,#3d75ee);color:#fff}
.ig-publish-choice svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}
.ig-publish-choice>button>div{display:grid;gap:4px}.ig-publish-choice strong{font-size:12px}.ig-publish-choice small{font-size:9px;line-height:1.35;color:#8593aa}
.ig-schedule-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.ig-schedule-fields label{display:grid;gap:6px}.ig-schedule-fields label>span{font-size:10px;font-weight:750;color:#496080}
.ig-schedule-fields label small{font-weight:500;color:#98a4b7}
.ig-schedule-fields input{
  width:100%;min-height:43px;padding:0 11px;border:1px solid #dfe6f2;border-radius:12px;background:#fff;
  color:#243f68;font:600 11px Inter,Arial,sans-serif;outline:none
}
.ig-schedule-fields input:focus{border-color:#8077f3;box-shadow:0 0 0 3px rgba(104,87,238,.08)}
.ig-schedule-hint{
  margin:10px 1px 0;padding:9px 11px;border-radius:10px;background:#f2f7ff;
  color:#6c7e9c;font-size:9px;line-height:1.45
}
.ig-publish-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:17px;padding-top:14px;border-top:1px solid #edf1f7}
.ig-publish-modal-actions button{min-height:39px;padding:0 16px;border-radius:11px;font-size:10px;font-weight:750}

.ig-schedule-list{display:grid;gap:8px}
.ig-schedule-list article{
  display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;
  padding:10px;border:1px solid #e8edf6;border-radius:14px;background:#fff
}
.ig-schedule-type{
  width:42px;height:42px;border-radius:12px;display:grid;place-items:center;
  background:linear-gradient(145deg,#f0f3ff,#f7efff);color:#6654e6;font-size:15px
}
.ig-schedule-main{min-width:0;display:grid;gap:4px}
.ig-schedule-main>div{display:flex;align-items:center;gap:7px;min-width:0}
.ig-schedule-main strong{font-size:10px;color:#29466e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ig-schedule-main em{
  flex:0 0 auto;padding:4px 7px;border-radius:999px;font-style:normal;font-size:7px;font-weight:750
}
.ig-schedule-main em.planned{background:#eaf7ff;color:#1975a7}.ig-schedule-main em.live{background:#e8f9f0;color:#138458}
.ig-schedule-main em.done{background:#e8f8ef;color:#158253}.ig-schedule-main em.bad{background:#fff0f0;color:#b83d3d}
.ig-schedule-main p{margin:0;font-size:8px;color:#8391a8}.ig-schedule-main small{font-size:7.5px;color:#b34a4a;line-height:1.35}
.ig-schedule-actions{display:flex;align-items:center;gap:6px}
.ig-schedule-actions a,.ig-schedule-actions button{
  min-height:29px;padding:0 9px;border:1px solid #e1e7f1;border-radius:9px;background:#fff;
  color:#526b92;font-size:8px;font-weight:700;text-decoration:none
}
.ig-schedule-actions button:hover{border-color:#f0bcbc;color:#b23a3a;background:#fff8f8}

@media(max-width:720px){
  .ig-publish-choice,.ig-schedule-fields{grid-template-columns:1fr}
  .ig-schedule-list article{grid-template-columns:36px minmax(0,1fr)}
  .ig-schedule-type{width:36px;height:36px}
  .ig-schedule-actions{grid-column:2;justify-content:flex-start}
}

/* ARVIS Content Lab */
.ig-content-lab{display:grid;gap:18px}
.ig-lab-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:26px 28px;border-radius:24px;background:linear-gradient(135deg,rgba(33,34,44,.96),rgba(47,35,57,.92));color:#fff;box-shadow:0 18px 55px rgba(18,18,28,.13)}
.ig-lab-top h2{margin:5px 0 7px;font-size:30px}.ig-lab-top p{margin:0;max-width:760px;color:rgba(255,255,255,.72)}
.ig-lab-status{display:grid;gap:4px;min-width:205px;padding:14px 16px;border:1px solid rgba(255,255,255,.13);border-radius:17px;background:rgba(255,255,255,.07)}
.ig-lab-status span{font-weight:800}.ig-lab-status small{color:rgba(255,255,255,.65)}
.ig-lab-builder{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:12px;padding:20px;border:1px solid #ece8f1;border-radius:22px;background:#fff;box-shadow:0 12px 38px rgba(35,25,48,.06)}
.ig-lab-field{display:grid;gap:7px}.ig-lab-field.wide{grid-column:1/-2}.ig-lab-field label{font-size:12px;font-weight:800;color:#62586d}
.ig-lab-field input,.ig-lab-field select,.ig-lab-field textarea,.ig-lab-revision textarea,.ig-lab-prompt,.ig-revision-result textarea{width:100%;box-sizing:border-box;border:1px solid #ded9e4;border-radius:13px;background:#fbfafc;padding:11px 12px;font:inherit;color:#26222c;outline:none}
.ig-lab-field input:focus,.ig-lab-field select:focus,.ig-lab-field textarea:focus,.ig-lab-revision textarea:focus{border-color:#8e66a9;box-shadow:0 0 0 3px rgba(142,102,169,.1)}
.ig-lab-generate{align-self:end;min-height:43px}
.ig-lab-empty{display:flex;gap:20px;align-items:center;padding:28px;border:1px dashed #d8cfdf;border-radius:22px;background:linear-gradient(180deg,#fff,#fbf9fc)}
.ig-lab-empty h3{margin:3px 0 6px;font-size:22px}.ig-lab-empty p{margin:0;color:#756b7d;max-width:760px}.ig-lab-shield{display:grid;place-items:center;width:72px;height:72px;border-radius:22px;background:#f2eafa;font-size:32px}
.ig-lab-steps{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.ig-lab-steps span{padding:8px 11px;border-radius:999px;background:#f4f1f6;font-size:12px;font-weight:700}.ig-lab-steps b{display:inline-grid;place-items:center;width:19px;height:19px;margin-right:5px;border-radius:50%;background:#2f2636;color:#fff}
.ig-lab-result{display:grid;gap:16px}.ig-lab-hero-result,.ig-lab-card{padding:22px;border:1px solid #ebe6ef;border-radius:22px;background:#fff;box-shadow:0 10px 35px rgba(40,27,52,.05)}
.ig-lab-hero-result{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.ig-lab-hero-result h3{margin:4px 0 6px;font-size:24px}.ig-lab-hero-result p{margin:0;color:#746a7c}.ig-lab-goal,.ig-safe-badge{padding:8px 11px;border-radius:999px;background:#f0e8f6;color:#6b3d87;font-size:12px;font-weight:800;white-space:nowrap}
.ig-lab-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ig-lab-kpis article{padding:17px;border:1px solid #ece7f0;border-radius:17px;background:#fff}.ig-lab-kpis small,.ig-lab-credit-grid small,.ig-revision-columns small{display:block;margin-bottom:7px;color:#8d8296;font-size:10px;font-weight:900;letter-spacing:.08em}.ig-lab-kpis strong{font-size:14px;line-height:1.45}
.ig-lab-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:15px}.ig-lab-card-head h3{margin:4px 0 0;font-size:20px}.ig-lab-card-head>span{font-size:12px;color:#85798d}
.ig-lab-scenes{display:grid;gap:10px}.ig-lab-scene{display:grid;grid-template-columns:42px 1fr;gap:13px;padding:14px;border-radius:16px;background:#faf8fb;border:1px solid #eee8f1}.ig-lab-scene-no{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#2e2734;color:#fff;font-weight:900}.ig-lab-scene-head{display:flex;justify-content:space-between;gap:12px}.ig-lab-scene-head span{font-size:11px;color:#8a7f91}.ig-lab-scene p{margin:6px 0;color:#5d5563;font-size:13px}.ig-lab-scene blockquote{margin:7px 0;padding:8px 10px;border-left:3px solid #9870b1;background:#fff;border-radius:0 10px 10px 0;font-size:13px}.ig-lab-scene small{color:#74667d}
.ig-lab-credit{background:linear-gradient(180deg,#fff,#fbf9fd)}.ig-lab-credit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.ig-lab-credit-grid>div{padding:13px;border:1px solid #ece6f0;border-radius:14px;background:#fff}.ig-lab-credit-grid p{margin:0;color:#605765;font-size:13px}.ig-lab-free-edits{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.ig-lab-free-edits strong{width:100%;font-size:12px}.ig-lab-free-edits span{padding:7px 9px;border-radius:10px;background:#eef8f0;color:#36704b;font-size:11px;font-weight:700}
.ig-lab-prompt{min-height:220px;resize:vertical;line-height:1.5}.ig-lab-inline-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.ig-lab-revision>p{color:#736979}.ig-lab-revision>[data-lab-revision]{margin-top:10px}.ig-revision-result{margin-top:15px;padding:17px;border-radius:16px;border:1px solid #ded8e5;background:#faf9fb}.ig-revision-result.no_generation{border-color:#cde7d3;background:#f5fbf6}.ig-revision-result.scene_patch{border-color:#ecd9b9;background:#fffaf1}.ig-revision-result.full_regen{border-color:#efc9c9;background:#fff7f7}.ig-revision-top{display:flex;justify-content:space-between;gap:12px}.ig-revision-top strong{font-size:13px}.ig-revision-top span{font-size:11px;color:#817687}.ig-revision-result h4{margin:12px 0 5px}.ig-revision-result>p{margin:0;color:#6d6374}.ig-revision-scenes{margin-top:10px;font-size:12px}.ig-revision-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.ig-revision-columns>div{display:grid;gap:6px;padding:12px;border-radius:12px;background:rgba(255,255,255,.7)}.ig-revision-columns span{font-size:12px;color:#5f5665}.ig-revision-result details{margin-top:12px}.ig-revision-result summary{cursor:pointer;font-weight:800;font-size:12px}.ig-revision-result textarea{margin-top:8px;min-height:130px}
@media(max-width:1100px){.ig-lab-builder{grid-template-columns:repeat(2,1fr)}.ig-lab-field.wide{grid-column:1/-1}.ig-lab-generate{grid-column:1/-1}.ig-lab-kpis{grid-template-columns:1fr}.ig-lab-credit-grid{grid-template-columns:1fr}}
@media(max-width:700px){.ig-lab-top,.ig-lab-hero-result{display:grid}.ig-lab-status{min-width:0}.ig-lab-builder{grid-template-columns:1fr}.ig-lab-field.wide,.ig-lab-generate{grid-column:auto}.ig-lab-empty{align-items:flex-start}.ig-lab-shield{width:54px;height:54px}.ig-lab-scene-head,.ig-revision-top{display:grid;gap:4px}.ig-revision-columns{grid-template-columns:1fr}.ig-lab-inline-actions{display:grid}}

/* ===== ARVIS Content Lab Premium v2 ===== */
.ig-content-lab{gap:16px}
.ig-lab-top-premium{
  position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.8fr) 300px;
  align-items:stretch;gap:22px;min-height:245px;padding:30px 32px;border-radius:26px;
  border:1px solid rgba(127,157,255,.2);
  background:
    radial-gradient(circle at 62% 44%,rgba(34,108,255,.34),transparent 24%),
    radial-gradient(circle at 96% 100%,rgba(166,48,255,.34),transparent 30%),
    linear-gradient(130deg,#0d2045 0%,#151b3d 48%,#362257 100%);
  box-shadow:0 20px 55px rgba(44,55,103,.16);isolation:isolate
}
.ig-lab-top-premium:before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;
  background:linear-gradient(105deg,rgba(255,255,255,.05),transparent 34%,rgba(98,144,255,.06) 72%,transparent)
}
.ig-lab-hero-copy{display:flex;flex-direction:column;justify-content:center;min-width:0}
.ig-lab-hero-copy .ig-kicker{color:#7fb6ff;letter-spacing:.26em;font-size:10px;font-weight:850}
.ig-lab-hero-copy h2{margin:9px 0 9px;font-size:34px;line-height:1.05;letter-spacing:-1.1px;color:#fff}
.ig-lab-hero-copy>p{margin:0;max-width:660px;color:rgba(237,243,255,.78);font-size:14px;line-height:1.6}
.ig-lab-feature-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.ig-lab-feature-row>span{
  display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:8px;align-items:center;
  min-width:145px;padding:11px 13px;border:1px solid rgba(184,202,255,.15);border-radius:13px;
  background:rgba(255,255,255,.055);backdrop-filter:blur(8px);color:#82b7ff;font-size:14px
}
.ig-lab-feature-row b{color:#f7f9ff;font-size:10px}.ig-lab-feature-row small{grid-column:2;color:rgba(223,230,247,.66);font-size:8px}
.ig-lab-hero-visual{position:relative;min-height:185px;align-self:center;filter:drop-shadow(0 18px 24px rgba(0,26,100,.25))}
.ig-lab-media-card{position:absolute;border:1px solid rgba(189,212,255,.35);background:linear-gradient(145deg,rgba(85,151,255,.34),rgba(153,92,255,.22));box-shadow:inset 0 0 25px rgba(255,255,255,.08),0 12px 28px rgba(18,69,198,.22);backdrop-filter:blur(5px)}
.ig-lab-media-card.main{left:31%;top:22px;width:145px;height:112px;border-radius:18px;transform:rotate(-4deg)}
.ig-lab-media-card.main:before{content:"";position:absolute;inset:12px;border-radius:12px;background:linear-gradient(145deg,rgba(147,205,255,.28),rgba(52,73,139,.16))}
.ig-lab-media-card.mini{width:72px;height:52px;border-radius:11px}.ig-lab-media-card.mini.one{left:10%;bottom:15px;transform:rotate(-7deg)}.ig-lab-media-card.mini.two{right:5%;bottom:19px;transform:rotate(7deg)}
.ig-lab-play{position:absolute;z-index:2;inset:0;display:grid;place-items:center;color:#fff;font-size:28px;text-shadow:0 4px 15px rgba(37,76,220,.8)}
.ig-lab-wave{position:absolute;right:1%;top:48%;padding:9px 12px;border-radius:12px;background:linear-gradient(90deg,#6aa8ff,#a55cff);box-shadow:0 8px 25px rgba(103,70,255,.38);color:#fff;letter-spacing:2px;font-size:9px;transform:rotate(-7deg)}
.ig-lab-fikir{position:absolute;left:0;top:2px;color:rgba(255,255,255,.72);font:italic 16px Georgia,serif;transform:rotate(-5deg)}
.ig-lab-hero-side{display:grid;align-content:space-between;gap:12px}
.ig-lab-status.premium{
  min-width:0;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:11px;align-items:center;
  padding:14px;border:1px solid rgba(199,208,255,.18);border-radius:18px;background:rgba(255,255,255,.07);backdrop-filter:blur(10px)
}
.ig-lab-status-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#0b8cf4,#5a5df6);color:#fff;font-size:23px;box-shadow:0 8px 24px rgba(28,116,255,.26)}
.ig-lab-status.premium strong{display:block;color:#fff;font-size:13px}.ig-lab-status.premium small{display:block;margin-top:4px;color:rgba(235,239,255,.65);font-size:8px;line-height:1.4}.ig-lab-status.premium em{font-style:normal;padding:7px 10px;border:1px solid rgba(42,242,165,.45);border-radius:999px;background:rgba(20,161,111,.14);color:#61f1b6;font-size:9px;font-weight:800;white-space:nowrap}
.ig-lab-hero-metrics{display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;padding:15px 17px;border-radius:17px;background:rgba(255,255,255,.07);border:1px solid rgba(203,211,255,.12);backdrop-filter:blur(8px)}
.ig-lab-hero-metrics>span{display:grid;gap:2px}.ig-lab-hero-metrics>span:last-child{padding-left:16px}.ig-lab-hero-metrics b{color:#fff;font-size:19px}.ig-lab-hero-metrics small{color:rgba(226,232,249,.58);font-size:8px}.ig-lab-hero-metrics i{height:35px;background:rgba(255,255,255,.15)}
.ig-lab-builder-premium{display:block;padding:22px 24px 24px;border:1px solid #e5ebf6;border-radius:24px;background:rgba(255,255,255,.96);box-shadow:0 15px 45px rgba(51,70,112,.08)}
.ig-lab-builder-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}
.ig-lab-builder-title{display:flex;align-items:center;gap:12px}.ig-lab-builder-title>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#a65cff,#6359f5);color:#fff;box-shadow:0 8px 22px rgba(128,78,245,.26);font-size:18px}
.ig-lab-builder-title h3{margin:0 0 3px;color:#18366b;font-size:18px;letter-spacing:-.3px}.ig-lab-builder-title p{margin:0;color:#8290a9;font-size:10px}
.ig-lab-ai-chip{padding:9px 12px;border:1px solid #dfe6ff;border-radius:11px;background:linear-gradient(180deg,#fff,#f7f8ff);color:#5066c5;font-size:9px;font-weight:750}
.ig-lab-fields-row{display:grid;grid-template-columns:1.25fr 1fr 1.1fr 1fr 1.1fr;gap:12px}
.ig-lab-builder-premium .ig-lab-field label{color:#253f70;font-size:10px;font-weight:800}
.ig-lab-builder-premium .ig-lab-field input,.ig-lab-builder-premium .ig-lab-field select,.ig-lab-builder-premium .ig-lab-field textarea{
  min-height:43px;border-color:#dfe5f0;border-radius:12px;background:linear-gradient(180deg,#fff,#fbfcff);color:#34465f;font-size:11px
}
.ig-lab-builder-premium .ig-lab-field input:focus,.ig-lab-builder-premium .ig-lab-field select:focus,.ig-lab-builder-premium .ig-lab-field textarea:focus{border-color:#6b73f1;box-shadow:0 0 0 3px rgba(96,92,242,.08)}
.ig-lab-builder-bottom{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:18px;align-items:end;margin-top:15px}
.ig-lab-builder-bottom .wide{grid-column:auto}.ig-lab-note-wrap{position:relative}.ig-lab-note-wrap textarea{min-height:72px!important;padding-right:58px!important;resize:vertical}.ig-lab-note-wrap small{position:absolute;right:12px;bottom:9px;color:#9aa6ba;font-size:8px}
.ig-lab-cta-wrap{display:grid;gap:8px}.ig-lab-cta-wrap .ig-lab-generate{min-height:52px;border:0;border-radius:13px;background:linear-gradient(100deg,#0789ff,#1d66f2 58%,#8d2dff);box-shadow:0 12px 25px rgba(61,78,237,.2);font-size:13px;font-weight:850;letter-spacing:-.15px}.ig-lab-cta-wrap .ig-lab-generate:hover{transform:translateY(-1px);filter:saturate(1.08)}.ig-lab-cta-wrap>small{text-align:center;color:#8996ac;font-size:8px;line-height:1.45}
.ig-lab-process{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.4fr);gap:30px;align-items:center;padding:26px 28px;border:1px solid #e5ebf6;background:linear-gradient(120deg,#fff 0%,#fbf9ff 55%,#f8fbff 100%);box-shadow:0 14px 38px rgba(56,71,114,.055)}
.ig-lab-process-copy{display:grid;grid-template-columns:64px 1fr;gap:16px;align-items:center}.ig-lab-process-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:19px;background:linear-gradient(145deg,#edf1ff,#f4eaff);color:#5868ed;font-size:30px}
.ig-lab-process .ig-kicker{color:#6680c6;font-size:8px;letter-spacing:.13em}.ig-lab-process h3{margin:5px 0 8px;color:#173667;font-size:22px}.ig-lab-process-copy p{margin:0;color:#7a879e;font-size:10px;line-height:1.55}
.ig-lab-process-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:12px;align-items:center}.ig-lab-process-flow>i{font-style:normal;color:#9aabd0;font-size:24px}.ig-lab-process-flow article{position:relative;display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto auto;column-gap:9px;align-items:center;min-width:0}.ig-step-number{position:absolute;top:-4px;left:-5px;z-index:2;width:21px;height:21px;display:grid;place-items:center;border:3px solid #eeeafe;border-radius:50%;background:linear-gradient(145deg,#8b49ff,#4b69f5);color:#fff;font-size:9px;font-weight:900}.ig-step-icon{grid-row:1/4;width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#f1f3ff;color:#5666e8;font-size:14px}.ig-lab-process-flow strong{color:#1b3767;font-size:10px}.ig-lab-process-flow p{margin:4px 0 0;color:#7e8ba1;font-size:8px;line-height:1.45}
@media(max-width:1250px){
  .ig-lab-top-premium{grid-template-columns:minmax(0,1fr) 260px}.ig-lab-hero-visual{display:none}.ig-lab-fields-row{grid-template-columns:repeat(3,1fr)}.ig-lab-builder-bottom{grid-template-columns:1fr 260px}
}
@media(max-width:900px){
  .ig-lab-top-premium{grid-template-columns:1fr}.ig-lab-hero-side{grid-template-columns:1fr 1fr}.ig-lab-fields-row{grid-template-columns:repeat(2,1fr)}.ig-lab-builder-bottom{grid-template-columns:1fr}.ig-lab-process{grid-template-columns:1fr}.ig-lab-process-flow{grid-template-columns:1fr}.ig-lab-process-flow>i{display:none}
}
@media(max-width:620px){
  .ig-lab-top-premium{padding:22px 20px}.ig-lab-hero-copy h2{font-size:28px}.ig-lab-feature-row>span{min-width:0;flex:1 1 130px}.ig-lab-hero-side{grid-template-columns:1fr}.ig-lab-status.premium{grid-template-columns:42px 1fr}.ig-lab-status.premium em{grid-column:2;justify-self:start}.ig-lab-builder-premium{padding:18px}.ig-lab-builder-heading{align-items:flex-start}.ig-lab-ai-chip{display:none}.ig-lab-fields-row{grid-template-columns:1fr}.ig-lab-process{padding:20px}.ig-lab-process-copy{grid-template-columns:50px 1fr}.ig-lab-process-icon{width:50px;height:50px}
}

/* ===== ARVIS Content Producer · approved reference v3 ===== */
body.content-route .page-heading{display:none!important}
body.content-route main{padding-top:12px}
body.content-route #other-view{padding-top:0}
body.content-route .arvis-top-search{margin-bottom:16px}
body.content-route .page-footer{margin-top:10px}

body.content-route .ig-content-lab{
  width:100%;
  max-width:none;
  gap:18px;
  font-family:Inter,Arial,sans-serif
}
body.content-route .ig-lab-icon{
  width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round
}

/* HERO */
body.content-route .ig-lab-top-premium{
  min-height:278px;
  grid-template-columns:minmax(520px,1.18fr) minmax(330px,.76fr) minmax(315px,.55fr);
  gap:24px;padding:30px 30px 26px;border-radius:25px;
  border:1px solid rgba(72,122,255,.34);
  background:
    radial-gradient(circle at 62% 18%,rgba(0,138,255,.30),transparent 24%),
    radial-gradient(circle at 88% 95%,rgba(178,52,255,.42),transparent 34%),
    radial-gradient(circle at 49% 75%,rgba(40,92,255,.22),transparent 28%),
    linear-gradient(118deg,#081d45 0%,#101c49 43%,#25174a 73%,#4b1e72 100%);
  box-shadow:0 18px 52px rgba(24,48,109,.20),inset 0 1px rgba(255,255,255,.06)
}
body.content-route .ig-lab-top-premium:after{
  content:"";position:absolute;inset:-1px;pointer-events:none;
  background:
    linear-gradient(90deg,transparent 0 47%,rgba(79,154,255,.08) 56%,transparent 67%),
    repeating-linear-gradient(90deg,transparent 0 58px,rgba(255,255,255,.015) 59px,transparent 60px);
  mix-blend-mode:screen
}
body.content-route .ig-lab-hero-copy{z-index:2;justify-content:flex-start;padding-top:2px}
body.content-route .ig-lab-hero-copy .ig-kicker{
  color:#76b5ff;font-size:11px;line-height:1;letter-spacing:.30em;font-weight:850
}
body.content-route .ig-lab-hero-copy h2{
  margin:14px 0 11px;font-size:43px;line-height:1.03;letter-spacing:-1.75px;font-weight:850;color:#fff
}
body.content-route .ig-lab-hero-copy h2>span{
  background:linear-gradient(100deg,#8edbff 0%,#7cbbff 32%,#8b7dff 62%,#b44cff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent
}
body.content-route .ig-lab-hero-copy>p{
  max-width:640px;color:rgba(243,247,255,.89);font-size:17px;line-height:1.48;font-weight:500
}
body.content-route .ig-lab-feature-row{margin-top:21px;gap:12px;flex-wrap:nowrap}
body.content-route .ig-lab-feature-row>span{
  min-width:0;flex:1 1 0;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;
  column-gap:10px;padding:12px 14px;border-radius:13px;
  border:1px solid rgba(107,160,255,.32);
  background:linear-gradient(145deg,rgba(19,53,111,.70),rgba(27,35,80,.56));
  box-shadow:inset 0 1px rgba(255,255,255,.06),0 8px 18px rgba(4,19,61,.14)
}
body.content-route .ig-lab-feature-icon{
  grid-row:1/3;width:38px;height:38px;display:grid;place-items:center;border-radius:11px;
  color:#8ec7ff;background:radial-gradient(circle at 50% 40%,rgba(70,147,255,.34),rgba(63,69,169,.20))
}
body.content-route .ig-lab-feature-icon .ig-lab-icon{width:22px;height:22px}
body.content-route .ig-lab-feature-row strong{color:#fff;font-size:13px;line-height:1.15;font-weight:800}
body.content-route .ig-lab-feature-row small{grid-column:2;color:rgba(229,236,252,.73);font-size:10px;line-height:1.2}

/* HERO visual */
body.content-route .ig-lab-hero-visual{min-height:220px;margin-top:4px}
body.content-route .ig-lab-media-card{
  border:1px solid rgba(151,196,255,.44);
  background:linear-gradient(145deg,rgba(66,142,255,.39),rgba(109,79,234,.28));
  box-shadow:inset 0 0 38px rgba(255,255,255,.08),0 14px 34px rgba(10,64,199,.29)
}
body.content-route .ig-lab-media-card.main{
  left:26%;top:36px;width:172px;height:132px;border-radius:20px;transform:rotate(-3deg)
}
body.content-route .ig-lab-media-card.main:before{
  inset:12px;border-radius:14px;
  background:
    linear-gradient(155deg,rgba(142,211,255,.29),rgba(30,65,133,.10)),
    radial-gradient(circle at 68% 25%,rgba(255,255,255,.16),transparent 22%)
}
body.content-route .ig-lab-screen-glow{
  position:absolute;inset:-11px;border-radius:26px;border:1px solid rgba(80,194,255,.30);
  box-shadow:0 0 42px rgba(39,125,255,.26),inset 0 0 25px rgba(103,175,255,.09)
}
body.content-route .ig-lab-play{color:#fff}
body.content-route .ig-lab-play .ig-lab-icon{width:42px;height:42px;fill:#fff;stroke:#fff;filter:drop-shadow(0 5px 12px rgba(63,86,255,.5))}
body.content-route .ig-lab-media-card.mini{width:82px;height:58px}
body.content-route .ig-lab-media-card.mini.one{left:8%;bottom:4px}
body.content-route .ig-lab-media-card.mini.two{right:2%;bottom:6px}
body.content-route .ig-lab-media-card.mini>span,
body.content-route .ig-lab-media-card.portrait>span{
  position:absolute;inset:8px;border-radius:7px;
  background:linear-gradient(145deg,rgba(108,180,255,.24),rgba(239,105,255,.16))
}
body.content-route .ig-lab-media-card.portrait{
  position:absolute;right:4%;top:29px;width:68px;height:83px;border-radius:13px;transform:rotate(8deg)
}
body.content-route .ig-lab-wave{
  right:-3%;top:50%;display:flex;gap:3px;align-items:center;height:33px;padding:6px 12px;
  transform:rotate(-8deg);background:linear-gradient(90deg,#44a8ff,#9e60ff,#d45dff)
}
body.content-route .ig-lab-wave i{display:block;width:4px;border-radius:4px;background:#dff2ff}
body.content-route .ig-lab-wave i:nth-child(1){height:7px}.ig-lab-wave i:nth-child(2){height:14px}.ig-lab-wave i:nth-child(3){height:22px}.ig-lab-wave i:nth-child(4){height:13px}.ig-lab-wave i:nth-child(5){height:19px}.ig-lab-wave i:nth-child(6){height:10px}.ig-lab-wave i:nth-child(7){height:16px}
body.content-route .ig-lab-fikir{left:0;top:23px;font-size:20px;line-height:1.05;color:rgba(255,255,255,.78)}
body.content-route .ig-lab-fikir-arrow{position:absolute;left:44px;top:73px;color:#dfe9ff;font-size:25px;transform:rotate(11deg)}

/* right hero */
body.content-route .ig-lab-hero-side{gap:16px}
body.content-route .ig-lab-status.premium{
  grid-template-columns:54px minmax(0,1fr) auto;gap:13px;padding:14px 15px;border-radius:18px;
  background:linear-gradient(145deg,rgba(49,52,105,.78),rgba(55,37,95,.66));
  border-color:rgba(154,138,255,.38);box-shadow:inset 0 1px rgba(255,255,255,.07),0 10px 25px rgba(11,10,44,.16)
}
body.content-route .ig-lab-status-icon{
  width:52px;height:52px;border-radius:14px;background:linear-gradient(145deg,#137fff,#453ff4);box-shadow:0 0 0 1px rgba(117,178,255,.36),0 9px 24px rgba(28,92,255,.30)
}
body.content-route .ig-lab-status-icon .ig-lab-icon{width:27px;height:27px}
body.content-route .ig-lab-status.premium strong{font-size:15px}
body.content-route .ig-lab-status.premium>div>small{font-size:10px;line-height:1.45;margin-top:5px}
body.content-route .ig-lab-info{display:inline-block;vertical-align:-3px;margin-left:5px;color:#b9c7ec}
body.content-route .ig-lab-info .ig-lab-icon{width:16px;height:16px}
body.content-route .ig-lab-status.premium em{
  display:flex;align-items:center;gap:5px;padding:7px 11px;font-size:10px;background:rgba(0,190,120,.13);border-color:rgba(57,241,166,.52)
}
body.content-route .ig-lab-status.premium em i{width:7px;height:7px;border-radius:50%;background:#29efa4;box-shadow:0 0 10px #29efa4}
body.content-route .ig-lab-hero-metrics{
  grid-template-columns:48px 1fr 1px 48px 1fr;gap:10px;padding:16px 18px;border-radius:18px;
  background:linear-gradient(145deg,rgba(50,49,102,.65),rgba(67,40,105,.56));border-color:rgba(164,142,255,.25)
}
body.content-route .ig-lab-metric-icon{
  width:44px;height:44px;display:grid;place-items:center;border-radius:13px;color:#68c7ff;
  background:rgba(31,95,211,.24);box-shadow:inset 0 0 18px rgba(94,164,255,.12)
}
body.content-route .ig-lab-metric-icon.bars{color:#d268ff;background:rgba(129,59,207,.20)}
body.content-route .ig-lab-metric-icon .ig-lab-icon{width:27px;height:27px}
body.content-route .ig-lab-hero-metrics>span:nth-child(2),
body.content-route .ig-lab-hero-metrics>span:nth-child(5){display:grid;gap:2px}
body.content-route .ig-lab-hero-metrics b{font-size:25px;line-height:1;color:#fff}
body.content-route .ig-lab-hero-metrics small{font-size:10px;color:rgba(235,240,255,.70)}
body.content-route .ig-lab-hero-metrics>i{height:50px}

/* Builder */
body.content-route .ig-lab-builder-premium{
  padding:25px 28px 26px;border-radius:24px;border:1px solid #e1e9f7;
  box-shadow:0 14px 40px rgba(43,73,127,.08);background:rgba(255,255,255,.98)
}
body.content-route .ig-lab-builder-heading{margin-bottom:22px}
body.content-route .ig-lab-builder-title{gap:15px}
body.content-route .ig-lab-builder-title>span{
  width:52px;height:52px;border-radius:15px;background:linear-gradient(145deg,#a54cff,#5b4ff2);box-shadow:0 8px 25px rgba(122,66,242,.28),inset 0 1px rgba(255,255,255,.2)
}
body.content-route .ig-lab-builder-title>span .ig-lab-icon{width:27px;height:27px}
body.content-route .ig-lab-builder-title h3{margin-bottom:4px;font-size:25px;line-height:1.1;color:#112f68;font-weight:850;letter-spacing:-.55px}
body.content-route .ig-lab-builder-title p{font-size:13px;color:#6e82a6}
body.content-route .ig-lab-ai-chip{
  display:flex;align-items:center;gap:8px;padding:11px 14px;border-radius:12px;font-size:11px;color:#415bb1;
  box-shadow:0 8px 20px rgba(68,91,168,.07)
}
body.content-route .ig-lab-ai-chip .ig-lab-icon{width:18px;height:18px;color:#703cff}
body.content-route .ig-lab-fields-row{gap:14px}
body.content-route .ig-lab-builder-premium .ig-lab-field{gap:8px}
body.content-route .ig-lab-builder-premium .ig-lab-field label{
  display:flex;align-items:center;gap:7px;color:#18376e;font-size:13px;font-weight:800
}
body.content-route .ig-lab-builder-premium .ig-lab-field label .ig-lab-icon{width:20px;height:20px;color:#3156ff;stroke-width:2}
body.content-route .ig-lab-builder-premium .ig-lab-field input,
body.content-route .ig-lab-builder-premium .ig-lab-field select{
  min-height:48px;padding:0 14px;border-radius:12px;font-size:14px;color:#1f3760
}
body.content-route .ig-lab-builder-bottom{grid-template-columns:minmax(0,1fr) 330px;gap:22px;margin-top:18px}
body.content-route .ig-lab-note-wrap textarea{
  min-height:84px!important;padding:15px 72px 15px 14px!important;border-radius:13px!important;font-size:13px!important;line-height:1.45
}
body.content-route .ig-lab-note-wrap small{right:14px;bottom:11px;font-size:10px}
body.content-route .ig-lab-cta-wrap{gap:9px}
body.content-route .ig-lab-cta-wrap .ig-lab-generate{
  display:grid;grid-template-columns:24px 1fr 22px;align-items:center;gap:8px;min-height:60px;padding:0 18px;
  border-radius:14px;font-size:16px;box-shadow:0 13px 28px rgba(75,71,244,.24),0 0 22px rgba(160,49,255,.10)
}
body.content-route .ig-lab-generate .ig-lab-icon{width:21px;height:21px}
body.content-route .ig-lab-cta-wrap>small{font-size:10px;color:#8290aa}

/* Credit process */
body.content-route .ig-lab-process{
  min-height:174px;grid-template-columns:minmax(390px,.85fr) minmax(0,1.4fr);gap:36px;padding:25px 30px;
  border-radius:23px;background:
    radial-gradient(circle at 48% 100%,rgba(210,170,255,.18),transparent 26%),
    linear-gradient(118deg,#fff 0%,#fbf9ff 52%,#f8fbff 100%);
  border:1px solid #e4ebf7;box-shadow:0 12px 34px rgba(48,70,114,.055)
}
body.content-route .ig-lab-process-copy{grid-template-columns:78px 1fr;gap:19px}
body.content-route .ig-lab-process-icon{
  width:72px;height:72px;border-radius:20px;color:#3c55ff;
  background:linear-gradient(145deg,#f0f4ff,#f3eaff);box-shadow:0 10px 28px rgba(80,77,216,.10)
}
body.content-route .ig-lab-process-icon .ig-lab-icon{width:38px;height:38px;stroke-width:1.9}
body.content-route .ig-lab-process .ig-kicker{font-size:10px;letter-spacing:.14em;color:#5673bd}
body.content-route .ig-lab-process h3{margin:6px 0 7px;font-size:27px;line-height:1.05;color:#16366c;letter-spacing:-.5px}
body.content-route .ig-lab-process-copy p{font-size:12px;line-height:1.5;color:#6d7f9e}
body.content-route .ig-lab-process-flow{gap:15px}
body.content-route .ig-lab-process-flow article{
  grid-template-columns:48px minmax(0,1fr);column-gap:12px
}
body.content-route .ig-step-number{
  top:-8px;left:-8px;width:26px;height:26px;border-width:3px;font-size:11px;
  box-shadow:0 4px 12px rgba(88,70,239,.22)
}
body.content-route .ig-step-icon{
  width:48px;height:48px;border-radius:13px;background:linear-gradient(145deg,#f1f5ff,#eef0ff);color:#3156ff
}
body.content-route .ig-step-icon .ig-lab-icon{width:25px;height:25px}
body.content-route .ig-lab-process-flow strong{font-size:13px;color:#15356c}
body.content-route .ig-lab-process-flow p{font-size:10.5px;line-height:1.45;color:#667a9c}
body.content-route .ig-lab-process-flow>i{color:#8aa0cc}
body.content-route .ig-lab-process-flow>i .ig-lab-icon{width:22px;height:22px}

/* Result state readability */
body.content-route .ig-lab-result{gap:18px}
body.content-route .ig-lab-hero-result,body.content-route .ig-lab-card{padding:25px;border-radius:22px}
body.content-route .ig-lab-hero-result h3{font-size:27px}
body.content-route .ig-lab-hero-result p{font-size:13px;line-height:1.5}
body.content-route .ig-lab-kpis small{font-size:11px}
body.content-route .ig-lab-kpis strong{font-size:15px}
body.content-route .ig-lab-card-head h3{font-size:22px}
body.content-route .ig-lab-scene p,body.content-route .ig-lab-credit-grid p{font-size:13px}
body.content-route .ig-lab-scene small{font-size:11px}

@media(max-width:1400px){
  body.content-route .ig-lab-top-premium{grid-template-columns:minmax(460px,1.1fr) minmax(260px,.7fr) 290px}
  body.content-route .ig-lab-hero-copy h2{font-size:37px}
  body.content-route .ig-lab-hero-copy>p{font-size:15px}
  body.content-route .ig-lab-feature-row strong{font-size:11px}
  body.content-route .ig-lab-feature-row small{font-size:9px}
  body.content-route .ig-lab-fields-row{grid-template-columns:1.2fr repeat(4,1fr)}
}
@media(max-width:1180px){
  body.content-route .ig-lab-top-premium{grid-template-columns:minmax(0,1fr) 310px}
  body.content-route .ig-lab-hero-visual{display:none}
  body.content-route .ig-lab-fields-row{grid-template-columns:repeat(3,1fr)}
  body.content-route .ig-lab-process{grid-template-columns:1fr}
}
@media(max-width:820px){
  body.content-route .ig-lab-top-premium{grid-template-columns:1fr;padding:24px}
  body.content-route .ig-lab-hero-side{grid-template-columns:1fr 1fr}
  body.content-route .ig-lab-hero-copy h2{font-size:34px}
  body.content-route .ig-lab-feature-row{flex-wrap:wrap}
  body.content-route .ig-lab-feature-row>span{flex:1 1 165px}
  body.content-route .ig-lab-builder-heading{align-items:flex-start}
  body.content-route .ig-lab-ai-chip{display:none}
  body.content-route .ig-lab-fields-row{grid-template-columns:repeat(2,1fr)}
  body.content-route .ig-lab-builder-bottom{grid-template-columns:1fr}
  body.content-route .ig-lab-process-flow{grid-template-columns:1fr;gap:12px}
  body.content-route .ig-lab-process-flow>i{display:none}
}
@media(max-width:560px){
  body.content-route .ig-lab-hero-side{grid-template-columns:1fr}
  body.content-route .ig-lab-status.premium{grid-template-columns:50px 1fr}
  body.content-route .ig-lab-status.premium em{grid-column:2;justify-self:start}
  body.content-route .ig-lab-fields-row{grid-template-columns:1fr}
  body.content-route .ig-lab-builder-premium{padding:20px}
  body.content-route .ig-lab-builder-title h3{font-size:21px}
  body.content-route .ig-lab-process{padding:22px}
  body.content-route .ig-lab-process-copy{grid-template-columns:56px 1fr}
  body.content-route .ig-lab-process-icon{width:56px;height:56px}
  body.content-route .ig-lab-process h3{font-size:23px}
}

/* ===== Higgsfield final production flow ===== */
body.content-route .ig-hf-card{
  overflow:hidden;
  border:1px solid #dfe7f7;
  background:
    radial-gradient(circle at 92% 0%,rgba(130,72,255,.09),transparent 29%),
    linear-gradient(180deg,#ffffff,#fbfcff);
}
body.content-route .ig-hf-card>.ig-lab-card-head{margin-bottom:16px}
body.content-route .ig-hf-connection{
  display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;
  font-size:10px;font-weight:850;letter-spacing:.01em
}
body.content-route .ig-hf-connection i{width:7px;height:7px;border-radius:50%}
body.content-route .ig-hf-connection.connected{color:#087b55;background:#eaf9f3;border:1px solid #c6eadc}
body.content-route .ig-hf-connection.connected i{background:#20c889;box-shadow:0 0 9px rgba(32,200,137,.52)}
body.content-route .ig-hf-connection.waiting{color:#8a6590;background:#f8f3fa;border:1px solid #ebdeef}
body.content-route .ig-hf-connection.waiting i{background:#b48aba}
body.content-route .ig-hf-summary{
  display:grid;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:13px;
  padding:14px 15px;margin-bottom:15px;border:1px solid #e6ecf6;border-radius:16px;
  background:linear-gradient(145deg,#f8faff,#fbf8ff)
}
body.content-route .ig-hf-summary>span:first-child{
  width:48px;height:48px;display:grid;place-items:center;border-radius:14px;
  color:#5065ef;background:linear-gradient(145deg,#eef4ff,#f0eaff)
}
body.content-route .ig-hf-summary>span:first-child .ig-lab-icon{width:25px;height:25px}
body.content-route .ig-hf-summary strong{display:block;color:#18376d;font-size:14px}
body.content-route .ig-hf-summary small{display:block;margin-top:4px;color:#7d8ba4;font-size:10px}
body.content-route .ig-hf-status{
  padding:7px 10px;border-radius:999px;font-style:normal;font-size:9px;font-weight:850;
  color:#536986;background:#edf2f9
}
body.content-route .ig-hf-status.quoted{color:#6e42b4;background:#f2eaff}
body.content-route .ig-hf-status.queued,body.content-route .ig-hf-status.in_progress{color:#2063ad;background:#e9f4ff}
body.content-route .ig-hf-status.completed{color:#097b54;background:#e9f9f2}
body.content-route .ig-hf-status.failed,body.content-route .ig-hf-status.nsfw{color:#ad4343;background:#fff0f0}

body.content-route .ig-hf-settings{
  display:grid;grid-template-columns:1.1fr 1fr 1fr .75fr 1.05fr;gap:10px;margin-bottom:15px
}
body.content-route .ig-hf-settings label{
  min-height:58px;display:grid;align-content:center;gap:5px;padding:10px 12px;border:1px solid #e3e9f3;
  border-radius:13px;background:#fff
}
body.content-route .ig-hf-settings label>span:first-child{color:#8b97aa;font-size:8px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
body.content-route .ig-hf-settings strong{color:#263f69;font-size:12px}
body.content-route .ig-hf-settings select{
  width:100%;height:30px;padding:0;border:0;background:transparent;outline:none;color:#263f69;font-size:11px;font-weight:700
}
body.content-route .ig-hf-settings .ig-hf-audio{grid-template-columns:auto 1fr;align-items:center;align-content:center}
body.content-route .ig-hf-settings .ig-hf-audio input{width:16px;height:16px;accent-color:#6356ef}
body.content-route .ig-hf-settings .ig-hf-audio span{font-size:11px!important;color:#263f69!important;text-transform:none!important;letter-spacing:0!important}

body.content-route .ig-hf-not-connected{
  display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:14px;
  padding:16px;border:1px dashed #d9dff0;border-radius:16px;background:#fafbfe
}
body.content-route .ig-hf-not-connected>span{
  width:50px;height:50px;display:grid;place-items:center;border-radius:14px;background:#f0edff;color:#6551df
}
body.content-route .ig-hf-not-connected .ig-lab-icon{width:27px;height:27px}
body.content-route .ig-hf-not-connected strong{color:#203d6b;font-size:13px}
body.content-route .ig-hf-not-connected p{margin:4px 0 0;color:#7c899d;font-size:10px;line-height:1.45}

body.content-route .ig-hf-preflight,
body.content-route .ig-hf-quote,
body.content-route .ig-hf-job{
  display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;border-radius:17px
}
body.content-route .ig-hf-preflight{border:1px solid #e3e8f7;background:linear-gradient(120deg,#f9fbff,#f8f4ff)}
body.content-route .ig-hf-preflight h4,
body.content-route .ig-hf-job h4{margin:4px 0 5px;color:#17366b;font-size:16px}
body.content-route .ig-hf-preflight p,
body.content-route .ig-hf-job p{margin:0;color:#73839c;font-size:10px;line-height:1.45}
body.content-route .ig-hf-preflight button,
body.content-route .ig-hf-quote-actions .primary,
body.content-route .ig-hf-job button{
  min-height:43px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 15px;border-radius:12px;white-space:nowrap
}
body.content-route .ig-hf-preflight button .ig-lab-icon,
body.content-route .ig-hf-quote-actions button .ig-lab-icon{width:19px;height:19px}

body.content-route .ig-hf-quote{
  border:1px solid #dcd9fa;
  background:linear-gradient(120deg,#f9faff 0%,#f8f3ff 100%)
}
body.content-route .ig-hf-quote>div:first-child{display:grid;gap:4px}
body.content-route .ig-hf-quote>div:first-child>strong{font-size:30px;line-height:1;color:#4a3dd5;letter-spacing:-1px}
body.content-route .ig-hf-quote>div:first-child>small{color:#6e7d97;font-size:10px}
body.content-route .ig-hf-quote>div:first-child>p{margin:4px 0 0;color:#8793a5;font-size:9px}
body.content-route .ig-hf-quote-actions{display:flex;gap:8px;align-items:center}
body.content-route .ig-hf-quote-actions .primary{background:linear-gradient(100deg,#147ef5,#7054f0,#9b39f3);box-shadow:0 9px 22px rgba(89,66,230,.18)}

body.content-route .ig-hf-job.active{border:1px solid #d7e8fa;background:#f5faff}
body.content-route .ig-hf-job.failed{border:1px solid #efd3d3;background:#fff8f8}
body.content-route .ig-hf-job.failed>span{width:45px;height:45px;display:grid;place-items:center;border-radius:13px;background:#ffecec;color:#ba5050}
body.content-route .ig-hf-spinner{
  width:38px;height:38px;flex:0 0 38px;border:3px solid #dce9fb;border-top-color:#5b64eb;border-radius:50%;
  animation:igHfSpin .9s linear infinite
}
@keyframes igHfSpin{to{transform:rotate(360deg)}}

body.content-route .ig-hf-complete{
  display:grid;grid-template-columns:minmax(250px,400px) minmax(0,1fr);gap:20px;align-items:center;
  padding:16px;border:1px solid #cee8dc;border-radius:18px;background:linear-gradient(135deg,#f8fdfb,#f8f9ff)
}
body.content-route .ig-hf-video-wrap{
  overflow:hidden;display:grid;place-items:center;min-height:210px;border-radius:14px;background:#121722;color:#d8e2f0;font-size:11px
}
body.content-route .ig-hf-video-wrap video{display:block;width:100%;max-height:360px;background:#10131a}
body.content-route .ig-hf-complete-copy h4{margin:5px 0 7px;color:#153d6b;font-size:19px}
body.content-route .ig-hf-complete-copy p{margin:0;color:#71839a;font-size:11px;line-height:1.5}
body.content-route .ig-hf-complete-actions{display:flex;gap:8px;margin-top:14px}
body.content-route .ig-hf-complete-actions a{text-decoration:none;display:inline-flex;align-items:center}

@media(max-width:1000px){
  body.content-route .ig-hf-settings{grid-template-columns:repeat(2,1fr)}
  body.content-route .ig-hf-complete{grid-template-columns:1fr}
}
@media(max-width:650px){
  body.content-route .ig-hf-settings{grid-template-columns:1fr}
  body.content-route .ig-hf-not-connected{grid-template-columns:46px 1fr}
  body.content-route .ig-hf-not-connected>button{grid-column:2;justify-self:start}
  body.content-route .ig-hf-preflight,
  body.content-route .ig-hf-quote,
  body.content-route .ig-hf-job{display:grid}
  body.content-route .ig-hf-quote-actions{flex-wrap:wrap}
}
