/* AVATIX Creator v0.3 — design studio: inspiração em ferramentas de criação visual,
   identidade original AVATIX em violeta. Sem frameworks, sem imagens externas. */
:root {
  --bg:#f8f7fc; --panel:#ffffff; --panel2:#f7f5fc;
  --text:#27233d; --muted:#746d86; --border:#e9e5f0; --borderlight:#eeeaf4;
  --cyan:#7f4be9; --blue:#8254e9; --purple:#8c49ed;
  --green:#128b70; --danger:#cb4560; --shadow:0 18px 48px #37265212;
}
html,body{background:var(--bg)}
body{color:var(--text);font-size:14px}
a{color:#6f42d2}
::selection{background:#e1d4ff;color:#281445}
.sidebar{width:254px;background:#fff;border-right:1px solid #eeeaf3;padding:25px 15px 19px}
.brand{margin:5px 10px 34px}
.brand-symbol{background:linear-gradient(135deg,#a96dff,#7625d7 68%,#4d1bab);background-clip:text;text-shadow:none}
.brand-spark{background:#ad75ff;box-shadow:0 0 10px #d6baff}
.brand-type strong{color:#302542;font-size:20px;letter-spacing:2px}
.brand-type small{color:#6e41ad}.brand-type small b{color:#814ad5}
.workspace-label,.nav-section-label{color:#8c829e;letter-spacing:1.05px;font-size:10px}
.beta{background:#f1eaff;border-color:#e4d6ff;color:#713ed1}
.workspace-selector{background:#faf9fe;border-color:#eae3f7;border-radius:14px;box-shadow:0 4px 12px #5c438c06}
.workspace-selector b{color:#2e2545}.workspace-selector small{color:#948ba1}
.workspace-avatar,.avatar-btn{background:linear-gradient(145deg,#b471fa,#7040de);border-color:#a37af5;color:white}
.workspace-chevron{color:#8069a7}
.nav-item{color:#605b73;font-size:12px;font-weight:700;padding:13px 12px;border-radius:11px}
.nav-item:hover{background:#f6f1ff;color:#6235cb}
.nav-item.active{background:#f1eafe;color:#6a3cce;box-shadow:none}
.nav-item .ico{color:#897e9c}.nav-item.active .ico{color:#783fe1}
.nav-tag{background:#efe7ff;color:#824ae2}
.nav-count{color:#805ab7}
.sidebar-bottom{padding-top:26px}
.glow-tile{background:radial-gradient(circle at 90% 5%,#d9c5ff,transparent 62%),linear-gradient(140deg,#f1eaff,#f9f6ff);border:1px solid #e8d9fc;box-shadow:none}
.tile-badge{color:#7e52cb}
.glow-tile strong{color:#3b285d}.glow-tile p{color:#817391}
.sidebar-footer{color:#9890a4}
.main-shell{margin-left:254px;width:calc(100% - 254px);background:#f8f7fc}
.topbar{background:#fffc;backdrop-filter:blur(18px);border-bottom:1px solid #ebe7f0;height:72px;padding:0 34px}
.breadcrumbs{color:#918aa0}.breadcrumbs strong{color:#3e3656}.crumb-slash{color:#c5bdcf}
.local-chip{color:#777184}
.top-outline{background:#fff;border:1px solid #e8e2f0;color:#5e5275;border-radius:10px;font-size:12px}
.top-outline:hover{border-color:#b297e9;color:#6441b1}
.top-create{border:0;border-radius:10px;background:linear-gradient(110deg,#8950ea,#6b34ce);color:#fff;font-size:12px;font-weight:800;padding:12px 17px;box-shadow:0 7px 16px #7e45db24;cursor:pointer}
.top-create:hover{filter:brightness(1.05)}
.content{max-width:1600px;padding:35px 36px 58px}
.heading-eyebrow{color:#8657d9;font-size:11px;letter-spacing:1.2px}
.page-heading h1{color:#28243d;font-size:30px}
.page-heading p{color:#827b8e}
.btn{border:1px solid #dfd6ee;color:#62517c;background:#fff;border-radius:10px;box-shadow:none;font-size:12px}
.btn.primary{background:linear-gradient(115deg,#9c5af0,#773bdf);color:#fff;border:0;box-shadow:0 8px 20px #8858df2f}
.btn.primary:hover{filter:brightness(1.04);transform:translateY(-1px)}
.btn.ghost{background:#fff;border:1px solid #dfd6ea;color:#675883}
.btn.ghost:hover{border-color:#b89ce6;background:#faf6ff}
.btn.danger{background:#fff4f6;border-color:#f1cad4;color:#bf4160}
.btn.tiny{font-size:11px}
.btn.hero-white{background:#fff;color:#6534c9;border:0;box-shadow:0 8px 22px #2611532a}
.btn.hero-subtle{background:#ffffff23;color:#fff;border:1px solid #ffffff70;margin-left:6px}
.panel,.project-card,.channel-card,.platform-card,.feature-card,.stat-card,.form-section,.preview-section{background:#fff;border:1px solid #ece7f2;border-radius:17px;box-shadow:0 5px 22px #42335e08}
.panel{padding:24px}
.panel h3,.form-section h3,.preview-section h3,.section-head h3{color:#302b41}
.panel p,.nothing,.form-section .hint,.feature-card p,.channel-card p,.project-card p,.stat-foot,.subtext{color:#8a8395}
.section-head{margin:30px 0 17px}
.section-head h3{font-size:18px;letter-spacing:-.45px}
.banner-note{background:#f1ebff;border-color:#e2d2ff;color:#65528c;border-radius:13px}
.banner-note strong{color:#623eb4}
.stat-head{color:#787185}.stat-value{color:#2d2a3c}.stat-symbol{color:#8755e6}
.stat-foot{color:#938ba4}
.feature-card{color:#352e4a}.feature-card p{color:#8e849a}
.feature-card:hover,.project-card:hover,.template-card:hover{border-color:#ceb8f2;box-shadow:0 11px 35px #6840ae14}
.feature-icon{background:#f1eaff;color:#8655db}
.workspace-summary .btn{margin-top:14px}
.empty-state{border-color:#e1d9ed;background:#fdfcff;color:#372c4f}
.empty-state .empty-icon{color:#a065e7}
.empty-state p{color:#8c8198}
.step-num{background:#efe7ff;color:#7041d2;border-color:#e4d5fa}
.step-mini{color:#645b73}
.rule{background:#eeeaf3}
.mini-row{color:#3b3250;border-color:#ede7f5}.mini-row small{color:#948aa5}
.tag{background:#f4effc;color:#7046a9;border:1px solid #e7daf4;border-radius:20px}
.pill{background:#f4f0fc;color:#764bb4;border-color:#e6d8f9}
.status-pill{background:#f0e7fb;color:#7048a7}
.input,.textarea,.select{color:#363047;background:#fff;border:1px solid #ded7e9;border-radius:11px;box-shadow:0 2px 6px #543f6d05}
.input::placeholder,.textarea::placeholder{color:#aaa0b6}
.input:focus,.textarea:focus,.select:focus{border-color:#985fe8;outline:3px solid #b49bf729}
.field label{color:#5d5370;font-size:12px}
.field small{color:#8f849c}
.field input[type=color]{background:#fff}
.form-section .hint{font-size:12px}
.form-section{padding:23px}
.form-actions{gap:9px}
.workflow span{border-color:#e5ddee;background:#fff;color:#8f7ba6;border-radius:20px;font-size:11px;padding:8px 12px}
.workflow .done{background:#edfff9;color:#137d66;border-color:#bfeedd}
.workflow .current{background:#efe6ff;color:#6a39cc;border-color:#d8bdfc}
.scene-row{background:#fcfaff;border-color:#eae3f1}
.scene-row strong{color:#3b324e}.scene-row small{color:#978da2}
.scene-index{background:#f0e9fc;color:#794ccb}
.channel-title strong{color:#30283f}.channel-title small{color:#877e93}
.channel-monogram{color:#fff}
.project-banner{background:radial-gradient(circle at 70% 30%,#cbb1ff,transparent 49%),linear-gradient(130deg,#b69af4,#6648d4);color:#fff}
.platform-card p{color:#8e829b}.platform-card .pill.pending{background:#fff7ea;color:#956a2e;border-color:#efdcb7}.platform-card .pill.built{background:#eafff6;color:#147957;border-color:#b8eed8}
.library-drop{background:#f9f5ff;border-color:#ddc9f4}
.library-drop p{color:#89819a}
.library-file{background:#faf8ff;border-color:#e8e0f3}
.library-file small{color:#9488a4}
.modal-wrap{background:#1b112b9c}
.modal{background:#fff;border:1px solid #eee9f5;border-radius:20px;box-shadow:0 28px 90px #24133f45;color:#322a47}
.modal-head h2{color:#29213c}.modal-close{background:#f3effa;border-color:#e5d7f5;color:#7155a6}
.toast{background:#4f3288;color:white;border-color:#7952c5;box-shadow:0 8px 26px #4c2f8833}
.toast.error{background:#8a3154;color:white}
.code-notes{background:#f9f6fd;color:#635371;border-color:#e5d7f4}

/* Home — criação visual e galeria de modelos */
.creator-welcome{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 22px}
.creator-welcome h1{font:800 clamp(27px,3vw,37px)/1.17 Manrope,sans-serif;letter-spacing:-1.5px;margin:0 0 9px;color:#272239}
.creator-welcome h1 span{color:#8c51e9}
.creator-welcome p{margin:0;color:#8a8197;font-size:13px}
.creator-welcome .btn{padding:13px 22px;font-size:13px}
.design-hero{min-height:268px;display:flex;align-items:stretch;justify-content:space-between;position:relative;border-radius:22px;padding:31px 35px;overflow:hidden;background:radial-gradient(circle at 89% -20%,#f28af26b,transparent 52%),linear-gradient(112deg,#5128ac,#7637d8 56%,#a854e5);box-shadow:0 14px 28px #5b34a52b;color:white}
.design-hero::after{content:'';position:absolute;right:60px;top:-92px;width:380px;height:380px;border:1px solid #ffffff33;border-radius:50%}
.design-hero-copy{z-index:2;max-width:520px;position:relative}
.design-hero .hero-pill{border:1px solid #ffffff47;background:#ffffff23;color:#f6ecff;border-radius:30px;font-size:10px;letter-spacing:.7px}
.design-hero h2{font:800 clamp(29px,3vw,42px)/1.18 Manrope,sans-serif;letter-spacing:-1.3px;margin:17px 0 13px;color:white}
.design-hero h2 em{font-style:normal;color:#e1c7ff}
.design-hero p{font-size:13px;line-height:1.65;color:#f1e2ff;margin:0 0 20px;max-width:470px}
.hero-composition{width:340px;min-width:310px;position:relative;z-index:2}
.hero-mock{position:absolute;width:170px;height:190px;border:5px solid #fff;background:linear-gradient(165deg,#ffadcf,#f470a4 65%,#c75be9);border-radius:17px;box-shadow:0 20px 30px #33126040;display:flex;flex-direction:column;justify-content:space-between;padding:18px;color:white;transform:rotate(-10deg);top:18px;left:40px}
.hero-mock span{font-weight:900;font-size:10px;letter-spacing:1px}.hero-mock b{font:800 21px/1.1 Manrope}.hero-mock i{font-size:35px;font-style:normal;text-align:right}
.hero-mock.mock-two{top:26px;left:146px;width:164px;height:187px;transform:rotate(11deg);background:linear-gradient(145deg,#0e214d,#4165e5 62%,#62d8fb)}
.hero-mock.mock-two b{font-size:19px}.hero-mock.mock-two i{text-align:center;font-size:31px}
.hero-shape{position:absolute;border-radius:50%;background:#ffcb773b;filter:blur(1px)}.hero-shape-a{width:120px;height:120px;right:-20px;top:10px}.hero-shape-b{width:60px;height:60px;left:20px;bottom:4px}
.quick-section .section-head{margin-top:31px}.quick-create-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.quick-create{display:flex;gap:12px;align-items:center;text-align:left;padding:16px;border:1px solid #eee7f3;border-radius:15px;background:#fff;color:#302b44;min-height:87px;box-shadow:0 4px 16px #42335e07;transition:transform .15s,border-color .15s}
.quick-create:hover{transform:translateY(-2px);border-color:#caadef}
.quick-icon{width:45px;height:45px;display:grid;place-items:center;font-size:23px;border-radius:12px;flex-shrink:0;font-weight:700}
.qi-purple{background:#efe4ff;color:#8d46e6}.qi-blue{background:#e5ecff;color:#5579dd}.qi-pink{background:#ffebf5;color:#db6595}.qi-green{background:#e9faee;color:#2caa82}
.quick-create strong,.quick-create small{display:block}.quick-create strong{font-size:12px;margin-bottom:5px}.quick-create small{font-size:10px;color:#8f859a}.quick-arrow{margin-left:auto;color:#a18eaf;font-size:17px}
.template-section{margin-top:33px}
.template-heading{margin-bottom:15px;align-items:flex-end}
.template-heading h3{margin-bottom:6px}
.template-heading p{margin:0;color:#968b9f;font-size:12px}
.gallery-search{border:1px solid #e3ddec;background:#fff;padding:0 12px;border-radius:11px;min-width:240px;height:42px;display:flex;align-items:center;gap:8px;color:#a084c9;box-shadow:0 2px 9px #38234e08}
.gallery-search span{font-size:24px;line-height:1}.gallery-search input{background:transparent;border:none;outline:none;color:#41364e;font-size:12px;width:100%;min-width:0}
.gallery-search input::placeholder{color:#a399ad}
.category-chips{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 18px}
.category-chip{padding:9px 17px;background:#fff;color:#746780;border:1px solid #e7e0ed;border-radius:25px;font-size:12px;font-weight:700;transition:.18s}
.category-chip:hover{border-color:#c4a9ef;background:#fbf7ff}
.category-chip.selected{color:white;background:#7740d2;border-color:#7740d2;box-shadow:0 5px 14px #814cd222}
.template-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.template-card{display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid #ece7f3;border-radius:17px;padding:10px 10px 14px;text-align:left;color:#312b43;box-shadow:0 4px 18px #44345808;transition:.2s;min-width:0}
.template-card[hidden]{display:none!important}
.template-art{display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;padding:18px;min-height:180px;aspect-ratio:16/9;border-radius:12px;color:#fff;isolation:isolate}
.template-art::before{content:'';position:absolute;inset:auto -30px -75px auto;width:220px;height:220px;border:36px solid #ffffff24;border-radius:50%;z-index:-1}
.template-art::after{content:'';position:absolute;right:10%;top:-45px;width:150px;height:150px;background:#ffffff15;border-radius:28px;transform:rotate(30deg);z-index:-1}
.template-art.sales{background:radial-gradient(circle at 85% 40%,#fda66b 0%,transparent 36%),linear-gradient(135deg,#3c1594,#9c48f2)}
.template-art.facts{background:radial-gradient(circle at 76% 25%,#38e7d67c,transparent 37%),linear-gradient(135deg,#143c70,#197999)}
.template-art.hope{background:radial-gradient(circle at 75% 10%,#ffe9aa83,transparent 46%),linear-gradient(145deg,#8648b1,#e38ab2)}
.template-art.podcast{background:radial-gradient(circle at 80% 25%,#f974cf7d,transparent 48%),linear-gradient(130deg,#19143e,#843a9d)}
.template-art.tutorial{background:radial-gradient(circle at 80% 15%,#ffce9e,transparent 40%),linear-gradient(135deg,#f09548,#e65b69)}
.template-art.story{background:radial-gradient(circle at 90% 10%,#658df7aa,transparent 38%),linear-gradient(130deg,#261463,#4c41b2)}
.template-art-label{font-size:10px;font-weight:800;letter-spacing:.9px;position:relative;z-index:1}
.template-art-title{font:900 clamp(18px,2.05vw,29px)/1.07 Manrope,sans-serif;max-width:74%;letter-spacing:-1.1px;text-shadow:0 2px 10px #1b17472d;z-index:1}
.template-art-badge{position:absolute;bottom:16px;right:17px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#ffffffc8;color:#7040ac;font-size:12px;z-index:1}
.art-decoration{position:absolute;right:15%;top:38%;display:flex;gap:9px;transform:rotate(-25deg)}
.art-decoration i{width:20px;height:62px;background:#ffffff31;border-radius:15px}
.art-decoration i:nth-child(2){height:91px;margin-top:-18px}.art-decoration i:nth-child(3){height:43px;margin-top:17px}
.template-description{padding:0 5px;display:block}
.template-description strong,.template-description small{display:block}.template-description strong{font-size:13px;margin:0 0 5px}.template-description small{font-size:11px;color:#91899a}
.gallery-empty{padding:20px;text-align:center;color:#9789a4;font-size:12px}
.lower-dashboard{display:grid;grid-template-columns:minmax(0,1.36fr) minmax(0,.85fr);gap:18px;margin-top:10px}
.lower-dashboard .section-head{margin-top:26px}.recent-panel{min-height:193px}
.recent-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.recent-item{display:flex;gap:10px;text-align:left;background:#fdfbff;border:1px solid #efeaf4;border-radius:11px;padding:8px;min-width:0;color:#322b42}.recent-item:hover{border-color:#bfa2ed}
.recent-thumb{display:grid;place-items:center;width:65px;min-width:65px;height:65px;border-radius:9px;background:linear-gradient(135deg,#7848e9,#d38eee);color:white;font-size:23px}.recent-thumb.rt-1{background:linear-gradient(145deg,#396cd6,#3aade6)}.recent-thumb.rt-2{background:linear-gradient(145deg,#de638c,#f5b06e)}.recent-thumb.rt-3{background:linear-gradient(145deg,#1c866f,#70cda8)}
.recent-data{min-width:0;align-self:center}.recent-data strong{font-size:12px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.recent-data small{display:block;color:#92899e;margin-top:5px;font-size:10px}.recent-data em{display:block;color:#8053bf;font-size:9px;font-style:normal;margin-top:7px}
.workspace-summary{min-height:193px}.summary-logo{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;color:white;font-weight:900;font-size:20px;float:left;margin-right:12px}
.summary-details{min-height:49px}.summary-details small,.summary-details strong,.summary-details span{display:block}.summary-details small{font-size:9px;color:#9b90ab;letter-spacing:1px;margin-bottom:4px}.summary-details strong{font-size:13px}.summary-details span{font-size:11px;color:#968da1;margin-top:4px}
.summary-stats{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #eee9f2;border-bottom:1px solid #eee9f2;margin:15px 0;padding:12px 0}
.summary-stats span{text-align:center}.summary-stats b{font:800 19px Manrope;display:block}.summary-stats small{display:block;color:#998eaa;font-size:10px;margin-top:2px}.workspace-summary p{font-size:11px;line-height:1.6;color:#8c829a}

/* Studio: controles à esquerda e área de edição em destaque */
.studio-navigation{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff;border:1px solid #eee8f5;border-radius:12px;padding:12px 17px;margin-bottom:15px;font-weight:800;color:#7541d0}
.studio-navigation-note{color:#958a9e;font-weight:500;font-size:11px}
.form-layout{grid-template-columns:minmax(330px,.88fr) minmax(450px,1.12fr);gap:18px;align-items:start}
.preview-side{top:91px}
.preview-section{padding:20px}
.preview-section .eyebrow-line{margin-bottom:14px}
.canvas-viewport{background:radial-gradient(#d6cfdf 1px,transparent 1px),#efedf4;background-size:18px 18px;min-height:450px;border:1px solid #e8e3ee;border-radius:13px;padding:18px 20px 24px;display:flex;flex-direction:column;justify-content:center}
.canvas-zoom-line{color:#8d8598;font-weight:800;font-size:9px;letter-spacing:.7px;display:flex;justify-content:space-between;margin:0 0 15px}
.canvas-zoom-line span{letter-spacing:0;font-weight:600}
.phone-preview{max-width:260px;width:100%;aspect-ratio:9/16;min-height:0;margin:0 auto;outline:none;border:5px solid #fff;border-radius:8px;background:radial-gradient(circle at 80% 17%,#ecadff89,transparent 43%),linear-gradient(155deg,#342052,var(--channel-accent,#9253df) 58%,#342052);box-shadow:0 15px 35px #5f4c7c3b;padding:27px 20px;position:relative}
.phone-preview:before{display:none}
.phone-preview .preview-logo{color:#ead9ff}
.phone-preview h3{color:#fff!important;font-size:22px;text-shadow:0 1px 8px #20113d55}
.phone-preview p{color:#f1e5ff!important}
.phone-preview .preview-bottom{color:#eadbff}
.preview-section>h3{margin:17px 0 9px}
.preview-section>p{color:#827b90}
.canvas-scenes-title{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:20px 0 10px}
.canvas-scenes-title strong{font-size:12px;color:#342b48}.canvas-scenes-title span{font-size:10px;color:#948b9f}
.canvas-scene-strip{display:flex;gap:9px;overflow-x:auto;padding:0 0 5px}
.canvas-scene-thumb{width:87px;min-width:87px;height:92px;padding:8px;border:2px solid #e2d4f5;border-radius:9px;text-align:left;color:#fff;background:linear-gradient(145deg,#5520a3,#af77e7);display:flex;flex-direction:column;justify-content:space-between}
.canvas-scene-thumb:hover{border-color:#8450d5}.canvas-scene-thumb span{font-size:16px}.canvas-scene-thumb small{font-size:9px;color:#e5d3ff}.canvas-scene-thumb b{font-size:9px;line-height:1.2}
.empty-scene-thumb{height:87px;width:125px;border:2px dashed #d9cbea;background:#faf6ff;color:#9366d6;font-size:25px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-direction:column}.empty-scene-thumb small{font-size:9px;max-width:90px;text-align:center;color:#8b7d9b}
@media (max-width:1330px){.quick-create-grid{grid-template-columns:repeat(2,1fr)}.template-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.form-layout{grid-template-columns:minmax(0,1fr) minmax(390px,1fr)}}
@media (max-width:1100px){.template-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.lower-dashboard{grid-template-columns:1fr}.hero-composition{width:260px;min-width:260px}.hero-mock{left:10px}.hero-mock.mock-two{left:110px}.form-layout{grid-template-columns:1fr}.preview-side{position:static}.canvas-viewport{min-height:370px}}
@media (max-width:900px){.sidebar{transform:translateX(-101%)}.sidebar.show{box-shadow:0 0 0 150vw #1d103b85}.main-shell{margin-left:0;width:100%}.mobile-menu{color:#6d4ea9}.content{padding:30px 22px 48px}.topbar{padding:0 22px}}
@media (max-width:620px){.content{padding:21px 15px 48px}.topbar{height:64px;padding:0 14px}.top-create{padding:9px 12px;font-size:11px}.top-outline,.local-chip{display:none}.avatar-btn{display:none}.topbar-right{gap:5px}.breadcrumbs{font-size:10px}.creator-welcome{align-items:flex-start;gap:12px;flex-direction:column}.creator-welcome h1{font-size:27px}.creator-welcome .btn{width:100%}.design-hero{min-height:250px;padding:23px 21px}.design-hero h2{font-size:30px}.design-hero p{font-size:12px}.hero-composition{display:none}.quick-create-grid{grid-template-columns:1fr 1fr;gap:9px}.quick-create{padding:10px;min-height:81px;gap:9px}.quick-icon{width:35px;height:38px;font-size:19px}.quick-create strong{font-size:11px}.quick-create small{font-size:9px}.quick-arrow{display:none}.template-heading{display:block}.gallery-search{width:100%;margin-top:14px}.template-gallery{grid-template-columns:1fr 1fr;gap:10px}.template-card{padding:7px 7px 10px;border-radius:12px}.template-art{min-height:156px;aspect-ratio:4/5;padding:12px;border-radius:8px}.template-art-title{font-size:19px;max-width:95%}.template-art-label{font-size:8px}.template-description strong{font-size:11px}.template-description small{font-size:10px}.template-art-badge{bottom:10px;right:10px;width:25px;height:25px}.category-chip{padding:8px 12px;font-size:11px}.recent-grid{grid-template-columns:1fr}.section-head h3{font-size:16px}.section-head .subtext{display:none}.panel{padding:16px}.canvas-viewport{min-height:330px;padding:15px 12px}.phone-preview{max-width:220px}.studio-navigation-note{display:none}.form-layout{grid-template-columns:1fr}.preview-section{padding:14px}.design-hero .btn{min-height:37px;padding:9px 12px;font-size:11px}.lower-dashboard{gap:4px}}
@media (max-width:370px){.quick-create-grid{grid-template-columns:1fr}.template-gallery{grid-template-columns:1fr 1fr}.template-art{min-height:137px}.template-art-title{font-size:16px}.design-hero .btn.hero-subtle{margin:7px 0 0}}


/* AVATIX Creator v0.5.2: encrypted provider integration cards */
.integration-vault{margin:22px 0 27px}
.integration-vault .section-head{margin-bottom:12px}
.integration-notice{padding:13px 16px;margin:12px 0 18px;border:1px solid rgba(170,116,255,.25);border-radius:12px;background:rgba(118,69,177,.11);color:#ded0f0;line-height:1.5;font-size:13px}
.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.integration-card{min-width:0;border:1px solid rgba(168,117,255,.19)}
.integration-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:15px}
.integration-card-top h3{margin:0 0 6px}
.integration-card-top .pill{flex-shrink:0;font-size:11px}
.integration-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.integration-fields .field{min-width:0;margin-bottom:5px}
.integration-fields .field input{width:100%;min-width:0}
.integration-card .form-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}
.integration-card .form-actions .btn{font-size:12px;min-height:37px}
@media(max-width:900px){.integration-grid{grid-template-columns:1fr}}
@media(max-width:560px){.integration-fields{grid-template-columns:1fr}.integration-card-top{flex-direction:column;align-items:flex-start}.integration-card .btn{width:100%}}


/* v0.5.4 - multichannel YouTube management */
.youtube-multi-panel{min-width:0;width:100%}
.youtube-multi-panel .integration-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}
.youtube-multi-panel .field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.youtube-multi-panel .code-notes{overflow-wrap:anywhere}
.youtube-multi-panel .form-actions{display:flex;gap:10px;flex-wrap:wrap}
.youtube-account-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0;padding:12px 16px;border:1px solid rgba(148,113,187,.2);border-radius:12px}
.youtube-account-row strong{font-size:14px}
.youtube-account-row p{margin:4px 0 0}
.youtube-binding-row{display:grid;grid-template-columns:minmax(130px,1fr) minmax(150px,1.25fr) auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid rgba(177,142,215,.18)}
.youtube-binding-label small{display:block;font-size:11px;opacity:.72}
.youtube-binding-row select{min-width:0}
@media(max-width:700px){
 .youtube-multi-panel .field-grid{grid-template-columns:1fr}
 .youtube-binding-row{grid-template-columns:1fr;gap:8px}
 .youtube-binding-row .btn{width:100%}
 .youtube-account-row{align-items:flex-start;flex-direction:column}
 .youtube-account-row .btn{width:100%}
}