:root{--ink:#171716;--muted:#6f6c65;--line:#dfdcd4;--paper:#f5f3ee;--white:#fff;--purple:#6558f5;--purple-dark:#4b3ee7;--lime:#d6ff52;--yellow:#ffce45;--sidebar:250px;--radius:18px;--shadow:0 18px 55px rgba(27,25,20,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"DM Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand{font-family:"Manrope",system-ui,sans-serif}
.brand{display:inline-flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.03em;font-size:20px}.brand-logo{width:31px;height:31px;display:block;flex:0 0 31px}.brand-mark{width:28px;height:28px;display:grid;grid-template-columns:1fr 1fr;gap:3px;transform:rotate(-8deg)}.brand-mark i{display:block;background:var(--purple);border-radius:4px 12px 4px 12px}.brand-mark i:last-child{background:var(--lime);border-radius:12px 4px 12px 4px}.brand.light{color:#fff}.brand.dark{color:var(--ink)}
.button{border:0;border-radius:12px;min-height:48px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-weight:700;transition:.2s ease}.button:hover{transform:translateY(-1px)}.button-primary{color:#fff;background:var(--purple);box-shadow:0 10px 28px rgba(101,88,245,.25)}.button-primary:hover{background:var(--purple-dark)}.button-dark{color:#fff;background:var(--ink)}.button-light{background:#fff;color:var(--ink)}.button-ghost{background:transparent;border:1px solid var(--line)}.button-small{min-height:39px;padding:0 16px;border-radius:10px;font-size:14px}.button-full{width:100%}.text-link{font-weight:600}.back-link{display:block;color:var(--muted);font-size:14px;margin-bottom:24px}.back-link:hover{color:var(--purple)}
.flash-stack{position:fixed;z-index:100;right:24px;top:20px;width:min(410px,calc(100vw - 32px));display:grid;gap:10px}.flash{padding:14px 16px;border:1px solid var(--line);background:#fff;border-radius:12px;box-shadow:var(--shadow);display:flex;justify-content:space-between;gap:16px;font-size:14px}.flash button{border:0;background:transparent;font-size:20px;color:var(--muted)}.flash-success{border-left:4px solid #37a66c}.flash-error{border-left:4px solid #dc4f4f}.flash-warning{border-left:4px solid var(--yellow)}
/* Landing */
.guest-content{min-height:100vh}.landing{overflow:hidden;background:#f6f3ed}.landing-nav{height:86px;padding:0 clamp(24px,6vw,92px);display:flex;align-items:center;justify-content:space-between}.landing-actions{display:flex;gap:24px;align-items:center}.hero{min-height:700px;padding:50px clamp(24px,6vw,92px) 90px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px}.hero-copy{max-width:680px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--purple);font-weight:700;font-size:12px;letter-spacing:.13em;text-transform:uppercase}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--purple)}.eyebrow.light{color:var(--lime)}.eyebrow.light i{background:var(--lime)}.hero h1{font-size:clamp(48px,6vw,82px);line-height:1.02;letter-spacing:-.065em;margin:24px 0 26px;max-width:800px}.hero h1 em{color:var(--purple);font-style:normal}.hero-copy>p{font-size:19px;line-height:1.65;color:var(--muted);max-width:620px}.hero-actions{display:flex;gap:12px;margin:34px 0}.trust-row{display:flex;gap:22px;flex-wrap:wrap;font-size:13px;color:var(--muted)}.trust-row span::first-letter{color:var(--purple)}.hero-art{position:relative;height:580px;display:grid;place-items:center}.art-orbit{position:absolute;border:1px solid rgba(101,88,245,.18);border-radius:50%}.orbit-one{width:540px;height:540px}.orbit-two{width:420px;height:420px}.poster{position:absolute;width:305px;height:390px;border-radius:8px;padding:34px;display:flex;flex-direction:column;box-shadow:0 35px 80px rgba(31,26,63,.2);overflow:hidden}.poster:after{content:"";position:absolute;border-radius:50%}.poster small{font-weight:700;letter-spacing:.19em;z-index:1}.poster strong{font-family:"Manrope";font-size:39px;line-height:1.03;margin:auto 0;z-index:1}.poster>span{align-self:flex-start;font-size:10px;letter-spacing:.12em;font-weight:800;padding:11px 14px;border-radius:20px;z-index:1}.poster-back{background:#232226;color:#fff;transform:translate(105px,-45px) rotate(8deg)}.poster-back:after{background:var(--purple);width:240px;height:240px;right:-80px;top:45px}.poster-back>span{background:var(--lime);color:#222}.poster-front{background:#ffc73c;transform:translate(-80px,42px) rotate(-6deg)}.poster-front:after{background:#f55b4f;width:230px;height:230px;right:-90px;bottom:-45px}.poster-front strong em{font-style:normal;color:#fff}.poster-front>span{background:#202020;color:#fff}.floating-pill{position:absolute;background:#fff;padding:12px 17px;border-radius:30px;box-shadow:0 12px 35px rgba(35,31,25,.16);font-size:12px;font-weight:700}.pill-top{top:48px;left:4%;color:var(--purple)}.pill-bottom{right:0;bottom:80px}.pill-bottom span{display:inline-block;width:8px;height:8px;background:#4bc47a;border-radius:50%;margin-right:6px}.how{background:#fff;padding:90px clamp(24px,8vw,130px) 110px;text-align:center}.eyebrow.centered{justify-content:center}.how h2{font-size:clamp(34px,4vw,52px);letter-spacing:-.045em;max-width:760px;margin:20px auto 50px}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:left}.step-grid article{border:1px solid var(--line);border-radius:20px;padding:32px}.step-grid b{color:var(--purple);font-size:13px}.step-grid h3{font-size:21px;margin:26px 0 12px}.step-grid p{color:var(--muted);line-height:1.6;margin:0}
/* Auth */
.auth-page{min-height:100vh;display:grid;grid-template-columns:.9fr 1.1fr}.auth-panel{padding:50px clamp(30px,5vw,76px)}.auth-visual{position:relative;overflow:hidden;color:#fff;background:#0d0e10 url('/assets/flyers/caribbean-villa.webp') center/cover no-repeat;display:flex;flex-direction:column;justify-content:space-between}.auth-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(10,11,14,.88) 0%,rgba(10,11,14,.72) 50%,rgba(10,11,14,.55) 100%);pointer-events:none}.auth-visual:before{content:"";position:absolute;z-index:1;width:470px;height:470px;border:100px solid var(--purple);border-radius:50%;right:-250px;top:12%;opacity:.55}.auth-quote,.auth-decoration{z-index:2;position:relative}.register-visual:before{border-color:#ff5c56}.auth-quote{position:relative;z-index:2;max-width:570px;margin-bottom:60px}.auth-quote h2{font-size:clamp(38px,4vw,58px);line-height:1.05;letter-spacing:-.05em;margin:22px 0}.auth-quote p{font-size:17px;line-height:1.6;color:#b7b5b0}.auth-decoration{position:absolute;left:10%;top:25%;width:260px;height:260px}.auth-decoration i{position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%;inset:0}.auth-decoration i:nth-child(2){inset:45px}.auth-decoration i:nth-child(3){inset:90px;background:var(--lime);border:0}.auth-form-wrap{display:grid;place-items:center;background:#f7f5f0}.auth-form{width:min(470px,100%)}.auth-kicker,.page-kicker{color:var(--purple);letter-spacing:.14em;font-weight:800;font-size:11px}.auth-form h1{font-size:43px;letter-spacing:-.045em;margin:12px 0 8px}.auth-form>p{color:var(--muted);margin-bottom:32px}.form-stack{display:grid;gap:18px}.form-stack label,.field-grid label,.color-grid label{display:grid;gap:8px;font-size:13px;font-weight:700}.form-stack input,.form-stack select,.form-stack textarea,.field-grid input,.field-grid select,.field-grid textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:11px;padding:14px 15px;outline:none;color:var(--ink)}.form-stack input:focus,.form-stack select:focus,.form-stack textarea:focus,.field-grid input:focus,.field-grid select:focus,.field-grid textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(101,88,245,.1)}textarea{resize:vertical}.auth-switch{text-align:center;font-size:14px;margin-top:25px!important}.auth-switch a{color:var(--purple);font-weight:700}
/* App shell */
.app-shell{padding-left:var(--sidebar)}.sidebar{position:fixed;z-index:50;inset:0 auto 0 0;width:var(--sidebar);background:#181817;color:#fff;padding:30px 20px;display:flex;flex-direction:column}.sidebar .brand{padding:0 12px;margin-bottom:50px}.sidebar-nav{display:grid;gap:7px}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;color:#aaa9a5;font-size:14px;font-weight:600}.nav-link:hover,.nav-link.active{background:#2a2927;color:#fff}.nav-link.active{box-shadow:inset 3px 0 var(--lime)}.nav-icon{width:20px;text-align:center;font-size:17px}.sidebar-bottom{margin-top:auto;border-top:1px solid #333;padding:20px 5px 0}.profile-chip{display:flex;align-items:center;gap:11px;min-width:0}.profile-chip>span:last-child{display:grid;min-width:0}.profile-chip strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-chip small{font-size:10px;color:#8d8b86;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:50%;background:var(--purple);font-size:13px;font-weight:800}.link-button{border:0;background:none;color:#8d8b86;font-size:12px;padding:12px 0}.link-button:hover{color:#fff}.mobile-header{display:none}.main-content{min-height:100vh}.page-container{width:min(1460px,100%);margin:auto;padding:48px clamp(28px,4vw,64px) 80px}.page-container.narrow{width:min(1050px,100%)}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:38px}.page-header h1{font-size:38px;letter-spacing:-.045em;margin:9px 0 6px}.page-header p{margin:0;color:var(--muted)}.dashboard-header h1{font-size:44px}.quick-create{background:var(--purple);color:#fff;padding:30px 34px;border-radius:20px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;overflow:hidden}.quick-create:after{content:"";position:absolute;width:280px;height:280px;border:45px solid rgba(255,255,255,.09);border-radius:50%;right:15%;top:-95px}.quick-create>div,.quick-create>a{position:relative;z-index:1}.quick-create h2{margin:0 0 6px;font-size:24px}.quick-create p{margin:0;color:#ddd9ff}.spark{color:var(--lime);font-size:18px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0 45px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:21px;display:flex;flex-direction:column;min-height:120px}.stat-card>span{font-size:12px;color:var(--muted)}.stat-card strong{font-family:"Manrope";font-size:27px;margin-top:auto}.stat-card strong small{font-size:13px;color:var(--muted);font-weight:500}.stat-card>small{font-size:11px;color:var(--muted)}.plan-card{background:#1d1c1b;color:#fff;border:0}.progress{height:4px;background:#eee;border-radius:4px;margin-top:10px;overflow:hidden}.progress i{height:100%;display:block;background:var(--purple)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.section-heading h2{font-size:24px;margin-bottom:5px}.section-heading p{color:var(--muted);margin:0}.section-heading>a{font-size:13px;color:var(--purple);font-weight:700}.empty-state{border:1px dashed #cbc7bd;background:rgba(255,255,255,.45);min-height:330px;border-radius:20px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:35px}.empty-state .empty-icon{font-size:26px;color:var(--purple);margin-bottom:14px}.empty-state h3{font-size:21px;margin-bottom:8px}.empty-state p{color:var(--muted);max-width:430px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:.2s}.project-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.project-thumb{height:230px;background:#eae7e0;display:grid;place-items:center;overflow:hidden}.project-thumb img{width:100%;height:100%;object-fit:cover}.project-thumb span{font-size:35px;color:var(--purple)}.project-meta{display:grid;padding:17px}.project-meta strong{font-size:15px}.project-meta span{font-size:11px;color:var(--muted);margin-top:5px}
/* Forms and brands */
.editor-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:8px 38px 28px;box-shadow:0 10px 35px rgba(31,27,21,.04)}.form-section{padding:32px 0;border-bottom:1px solid var(--line)}.form-section-title{display:flex;gap:15px;margin-bottom:24px}.form-section-title>b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#eceafd;color:var(--purple);font-size:11px}.form-section-title h2{font-size:19px;margin:1px 0 4px}.form-section-title p{font-size:13px;color:var(--muted);margin:0}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.span-2{grid-column:span 2}.field-grid label small,.file-field small{font-weight:400;color:var(--muted);margin-left:4px}.file-field input{padding:11px}.color-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.color-input{display:flex;border:1px solid var(--line);border-radius:11px;padding:7px;background:#fff}.color-input input[type=color]{width:38px;height:38px;padding:0;border:0;background:none}.color-input input[type=text]{width:100%;border:0;padding:0 8px;font-size:12px;outline:none}.form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:24px}.prompt-field{position:relative;display:block!important}.prompt-field .spark{position:absolute;top:18px;left:18px;z-index:1;color:var(--purple)}.prompt-field textarea{padding:17px 17px 17px 48px!important;line-height:1.6}.prompt-field small{display:block;margin-top:8px;color:var(--muted);font-weight:400}.brand-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.brand-card{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden;transition:.2s}.brand-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.brand-card-top{height:210px;padding:25px;color:#fff;display:flex;align-items:flex-end;justify-content:space-between}.brand-card-top>span{font-family:"Manrope";font-size:48px;font-weight:800}.brand-card-top>div{display:flex;gap:5px}.brand-card-top i{width:25px;height:25px;border:2px solid rgba(255,255,255,.6);border-radius:50%}.brand-card-body{display:grid;padding:18px}.brand-card-body span{font-size:11px;color:var(--muted);margin-top:5px}.brand-profile{display:grid;grid-template-columns:1.1fr .9fr;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}.brand-cover{min-height:520px;padding:45px;display:flex;flex-direction:column;color:#fff}.brand-cover small{text-transform:uppercase;letter-spacing:.17em;font-weight:700}.brand-cover strong{font-size:58px;line-height:1.02;margin:auto 0}.brand-cover>span{align-self:flex-start;padding:11px 15px;font-weight:800;font-size:11px;border-radius:20px}.brand-details{padding:40px;display:grid;align-content:center}.brand-details>div{padding:22px 0;border-bottom:1px solid var(--line);display:grid;gap:7px}.brand-details>div>span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-weight:700}.brand-details p{margin:0;color:var(--muted);line-height:1.5}.palette{display:flex;gap:7px}.palette i{width:42px;height:42px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--line)}
/* Workspace */
.project-workspace{min-height:100vh;background:#eeece6}.workspace-header{height:82px;background:#fff;border-bottom:1px solid var(--line);padding:0 28px;display:flex;align-items:center;justify-content:space-between}.workspace-header>div{display:flex;align-items:center;gap:18px}.workspace-header .back-link{margin:0}.workspace-header h1{font-size:17px;margin:0}.workspace-header>div:last-child>span{font-size:11px;color:var(--muted);padding-right:18px;border-right:1px solid var(--line)}.status-dot{font-size:10px;color:var(--muted)}.status-dot i{display:inline-block;width:7px;height:7px;background:#41b877;border-radius:50%;margin-right:4px}.workspace-grid{height:calc(100vh - 82px);display:grid;grid-template-columns:minmax(0,1fr) 390px}.canvas-area{display:flex;flex-direction:column;min-width:0}.canvas-toolbar{height:45px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 25px;font-size:10px;color:var(--muted)}.canvas-stage{flex:1;min-height:0;padding:35px;display:grid;place-items:center;background-image:radial-gradient(#cbc8c0 1px,transparent 1px);background-size:18px 18px}.canvas-stage img{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 18px 60px rgba(31,29,25,.18)}.revision-panel{background:#fff;border-left:1px solid var(--line);overflow-y:auto}.panel-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.panel-tabs button{height:46px;border:0;background:#fff;font-size:11px;color:var(--muted);font-weight:700}.panel-tabs button.active{color:var(--ink);box-shadow:inset 0 -2px var(--purple)}.revision-content{padding:28px}.revision-content h2{font-size:23px;margin:9px 0}.revision-content>p{font-size:13px;line-height:1.55;color:var(--muted)}.revision-content textarea{font-size:13px;line-height:1.5}.suggestions{display:flex;gap:6px;flex-wrap:wrap}.suggestions span{width:100%;font-size:10px;color:var(--muted)}.suggestions button{border:1px solid var(--line);border-radius:20px;background:#f7f6f2;padding:7px 10px;font-size:9px}.consistency-note{display:flex;gap:11px;background:#f0effe;padding:13px;border-radius:11px;margin-top:20px;color:var(--purple)}.consistency-note p{display:grid;font-size:10px;color:var(--muted);margin:0}.consistency-note strong{color:var(--ink);font-size:11px}.version-list{border-top:1px solid var(--line);padding:22px 28px}.version-list h3{font-size:14px}.version-row{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:9px;border-radius:9px}.version-row.active{background:#f2f0fd}.version-row img{width:42px;height:42px;object-fit:cover;border-radius:5px}.version-row div{display:grid;min-width:0}.version-row strong{font-size:10px}.version-row span{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.version-row small{font-size:8px;color:var(--muted)}
@media(max-width:1100px){.hero{grid-template-columns:1fr;padding-top:70px}.hero-copy{margin:auto;text-align:center}.hero-copy>p{margin-left:auto;margin-right:auto}.hero-actions,.trust-row{justify-content:center}.hero-art{height:520px}.stats-grid{grid-template-columns:1fr 1fr}.project-grid,.brand-grid{grid-template-columns:1fr 1fr}.auth-page{grid-template-columns:1fr}.auth-visual{display:none}.workspace-grid{grid-template-columns:minmax(0,1fr) 350px}}
@media(max-width:760px){:root{--sidebar:0px}.app-shell{padding-left:0}.sidebar{width:270px;transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.mobile-header{height:64px;padding:0 18px;background:#181817;color:#fff;display:flex;align-items:center;gap:15px}.mobile-header .brand{font-size:17px}.mobile-header .brand-mark{width:23px;height:23px}.menu-toggle{color:#fff;background:transparent;border:0;font-size:20px}.page-container{padding:30px 18px 60px}.page-header{align-items:flex-start;flex-direction:column}.page-header .button{width:100%}.page-header h1,.dashboard-header h1{font-size:32px}.quick-create{align-items:flex-start;flex-direction:column}.stats-grid{grid-template-columns:1fr 1fr}.project-grid,.brand-grid{grid-template-columns:1fr}.field-grid,.color-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.editor-card{padding:5px 20px 22px}.brand-profile{grid-template-columns:1fr}.brand-cover{min-height:400px}.brand-cover strong{font-size:43px}.hero{padding-top:45px}.hero h1{font-size:47px}.hero-actions{flex-direction:column}.landing-actions .text-link{display:none}.landing-nav{height:70px}.hero-art{transform:scale(.75);margin:-45px 0}.step-grid{grid-template-columns:1fr}.auth-form-wrap{padding:35px 22px}.workspace-header{height:auto;min-height:78px;padding:14px 16px}.workspace-header>div:last-child>span{display:none}.workspace-header h1{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-grid{height:auto;display:flex;flex-direction:column}.canvas-area{height:62vh}.canvas-stage{padding:18px}.revision-panel{border-left:0;border-top:1px solid var(--line)}.project-workspace{min-height:calc(100vh - 64px)}}
@media(max-width:440px){.stats-grid{grid-template-columns:1fr}.hero-art{transform:scale(.62);margin:-90px 0}.trust-row{display:none}.poster-front{transform:translate(-55px,42px) rotate(-6deg)}.poster-back{transform:translate(80px,-45px) rotate(8deg)}}

/* offtime: administración, referencias y aprendizaje visual */
.sidebar{overflow-y:auto}.sidebar .brand{margin-bottom:42px}.setup-warning{border:1px solid #f0c66d;background:#fff8e7;border-radius:15px;padding:20px 22px;margin-bottom:20px}.setup-warning strong{display:block;margin-bottom:7px}.setup-warning p{font-size:13px;color:#6f6245;line-height:1.5}.setup-warning code{display:block;background:#2a2927;color:#f8f6ef;border-radius:9px;padding:12px;overflow:auto;font-size:12px}.provider-options{display:grid;grid-template-columns:1fr 1fr;gap:14px}.provider-option{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:12px!important;border:1px solid var(--line);border-radius:14px;padding:17px;cursor:pointer}.provider-option:has(input:checked){border-color:var(--purple);background:#f3f1ff;box-shadow:0 0 0 2px rgba(101,88,245,.1)}.provider-option input{width:auto!important;margin-top:4px}.provider-option span{display:grid;gap:4px}.provider-option small{font-weight:400;color:var(--muted);line-height:1.4}.connection-card{margin-top:18px;padding:20px 24px;background:#fff;border:1px solid var(--line);border-radius:15px;display:flex;align-items:center;justify-content:space-between;gap:20px}.connection-card>div{display:flex;align-items:center;gap:13px}.connection-card>div>div{display:grid;gap:3px}.connection-card p{font-size:12px;color:var(--muted);margin:0}.connection-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#eeeafe;color:var(--purple);font-weight:800}.connection-card button:disabled,.form-stack input:disabled{opacity:.5;cursor:not-allowed}
.style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.style-card{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden;transition:.2s}.style-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.style-cover{height:220px;background:#ddd8ff;display:grid;place-items:center;overflow:hidden}.style-cover img{width:100%;height:100%;object-fit:cover}.style-cover span{font-size:44px;color:var(--purple)}.style-card>div:last-child{padding:18px;display:grid;gap:5px}.style-card>div>span{font-size:10px;color:var(--purple);font-weight:700}.style-card p{font-size:12px;line-height:1.5;color:var(--muted);margin:6px 0 0}.style-detail-grid{display:grid;grid-template-columns:330px 1fr;gap:20px;align-items:start}.style-rules{background:#fff;border:1px solid var(--line);border-radius:17px;padding:24px;display:grid;gap:24px}.style-rules>div>span{display:block;font-size:10px;color:var(--purple);font-weight:800;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.style-rules p{color:var(--muted);line-height:1.6;font-size:13px;margin:0}.style-rules .learning-note{background:#f1efff;color:#5045c5;padding:14px;border-radius:10px;font-size:11px;line-height:1.5}.reference-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.reference-gallery article{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;display:grid}.reference-gallery img{width:100%;height:220px;object-fit:cover}.reference-gallery strong{font-size:13px;color:var(--purple);padding:13px 13px 2px}.reference-gallery span{font-size:9px;color:var(--muted);padding:0 13px 13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.reference-builder,.asset-builder{display:grid;gap:10px}.reference-row,.asset-row{display:grid;grid-template-columns:1fr 1.2fr 34px;align-items:end;gap:10px;background:#f8f7f3;border:1px solid var(--line);border-radius:13px;padding:14px}.asset-row{grid-template-columns:1fr .9fr 1.25fr 34px}.reference-row label,.asset-row label{display:grid;gap:7px;font-size:11px;font-weight:700}.reference-row input,.asset-row input,.asset-row select{width:100%;border:1px solid var(--line);background:#fff;border-radius:9px;padding:11px;min-height:42px}.mention-input{display:flex;border:1px solid var(--line);background:#fff;border-radius:9px;overflow:hidden}.mention-input span{padding:11px 0 11px 11px;color:var(--purple);font-weight:800}.mention-input input{border:0!important;border-radius:0!important;outline:none;padding-left:3px!important}.remove-reference{width:34px;height:42px;border:0;background:#eeeae2;border-radius:9px;color:#817d74;font-size:20px}.add-reference{margin-top:12px;border:1px dashed #bbb6aa;background:transparent;border-radius:10px;padding:11px 14px;color:var(--purple);font-size:12px;font-weight:700}.form-help{font-size:10px;color:var(--muted);margin:10px 0 0}.mention-toolbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:10px}.mention-toolbar span{font-size:10px;color:var(--muted)}.mention-toolbar em{font-size:10px;color:#a09d96;font-style:normal}.mention-toolbar button{border:1px solid #d8d4fb;background:#f2f0ff;color:var(--purple);border-radius:20px;padding:6px 10px;font-size:10px;font-weight:700}.mention-toolbar.compact{margin-bottom:0}.project-assets{padding:20px 28px;border-top:1px solid var(--line)}.project-assets h3{font-size:13px}.project-assets>div{display:flex;gap:8px;overflow-x:auto}.project-assets article{flex:0 0 72px;display:grid;gap:3px}.project-assets img{width:72px;height:60px;object-fit:cover;border-radius:7px}.project-assets span{font-size:9px;color:var(--purple);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-assets small{font-size:8px;color:var(--muted)}
@media(max-width:900px){.style-grid{grid-template-columns:1fr 1fr}.style-detail-grid{grid-template-columns:1fr}.reference-gallery{grid-template-columns:repeat(2,1fr)}.asset-row{grid-template-columns:1fr 1fr}.asset-row .remove-reference{align-self:end}.provider-options{grid-template-columns:1fr}}
@media(max-width:600px){.style-grid,.reference-gallery{grid-template-columns:1fr}.reference-row,.asset-row{grid-template-columns:1fr}.remove-reference{width:100%}.connection-card{align-items:flex-start;flex-direction:column}}

/* offtime dark system — modular dashboard inspired by the supplied reference */
:root{--ink:#f4f2eb;--muted:#96979c;--line:#303136;--paper:#0c0d0f;--white:#191a1d;--purple:#f3d45d;--purple-dark:#dfbd42;--lime:#f3d45d;--yellow:#f3d45d;--shadow:0 24px 70px rgba(0,0,0,.38)}
body{background:#090a0c;color:var(--ink)}.app-shell{padding-left:0;background:#090a0c}.main-content{padding-top:100px;min-height:100vh;background:radial-gradient(circle at 88% 4%,rgba(243,212,93,.09),transparent 28%),#090a0c}.sidebar{inset:18px 24px auto 24px;width:auto;height:68px;padding:9px 12px 9px 18px;display:flex;flex-direction:row;align-items:center;overflow:visible;border:1px solid #303136;border-radius:24px;background:rgba(24,25,28,.94);backdrop-filter:blur(18px);box-shadow:0 16px 45px rgba(0,0,0,.28)}.sidebar .brand{padding:0;margin:0 26px 0 0;white-space:nowrap;color:#fff}.brand-mark i{background:#f3d45d}.brand-mark i:last-child{background:#fff}.sidebar-nav{display:flex;align-items:center;gap:4px;min-width:0}.nav-link{padding:10px 13px;border-radius:18px;color:#9d9ea3;font-size:12px;white-space:nowrap}.nav-link:hover,.nav-link.active{background:#f4f2eb;color:#121315}.nav-link.active{box-shadow:none}.nav-icon{font-size:13px;width:15px}.sidebar-bottom{margin:0 0 0 auto;padding:0 0 0 12px;border:0;display:flex;align-items:center;gap:9px}.profile-chip{background:#25262a;border:1px solid #35363a;border-radius:18px;padding:5px 9px 5px 5px}.profile-chip small{display:none}.avatar{background:#f3d45d;color:#151515;width:30px;height:30px;flex-basis:30px}.link-button{padding:7px;color:#8f9095}.mobile-header{background:#17181b;border-bottom:1px solid #2d2e32}
.page-container{width:min(1460px,calc(100% - 48px));margin:0 auto 28px;padding:48px clamp(28px,4vw,64px) 72px;background:radial-gradient(circle at 92% 0,rgba(243,212,93,.13),transparent 32%),#111214;border:1px solid #2b2c30;border-radius:30px;box-shadow:0 30px 90px rgba(0,0,0,.28)}.page-container.narrow{width:min(1080px,calc(100% - 48px))}.page-header h1,.dashboard-header h1{font-weight:500;letter-spacing:-.055em}.page-header p,.section-heading p{color:#929398}.page-kicker,.auth-kicker,.eyebrow{color:#f3d45d}.eyebrow i{background:#f3d45d}.button-primary{background:#f3d45d;color:#171819;box-shadow:0 12px 32px rgba(243,212,93,.14)}.button-primary:hover{background:#ffe478}.button-dark{background:#f4f2eb;color:#131416}.button-light{background:#f4f2eb;color:#131416}.button-ghost{border-color:#393a3f;color:#deddd8;background:#1a1b1e}.text-link,.back-link{color:#aaa9ae}.back-link:hover,.section-heading>a{color:#f3d45d}
.quick-create{background:linear-gradient(115deg,#25262a,#17181b);border:1px solid #34353a;border-radius:23px}.quick-create:after{border-color:rgba(243,212,93,.16)}.quick-create p{color:#a7a8ac}.stats-grid{gap:10px}.stat-card,.editor-card,.brand-card,.project-card,.style-card,.style-rules,.connection-card{background:#191a1d;border-color:#303136}.stat-card{border-radius:20px}.stat-card strong{font-weight:500}.stat-card.plan-card{background:#f3d45d;color:#171819}.stat-card.plan-card>span,.stat-card.plan-card>small{color:#514819}.progress{background:#303136}.progress i{background:#f3d45d}.empty-state{background:#151619;border-color:#3b3c40}.empty-state .empty-icon{color:#f3d45d}.project-card:hover,.brand-card:hover,.style-card:hover{box-shadow:0 20px 45px rgba(0,0,0,.38);border-color:#505158}.project-thumb,.style-cover{background:#242529}.project-thumb span,.style-cover span{color:#f3d45d}.project-meta span,.brand-card-body span,.style-card p{color:#909196}
.editor-card{box-shadow:0 20px 60px rgba(0,0,0,.22)}.form-section{border-color:#303136}.form-section-title>b{background:#343126;color:#f3d45d}.form-section-title p,.prompt-field small,.form-help{color:#8e8f94}.form-stack input,.form-stack select,.form-stack textarea,.field-grid input,.field-grid select,.field-grid textarea,.reference-row input,.asset-row input,.asset-row select{background:#111214;border-color:#36373c;color:#f3f1eb}.form-stack input::placeholder,.form-stack textarea::placeholder,.field-grid input::placeholder,.field-grid textarea::placeholder{color:#66676d}.form-stack input:focus,.form-stack select:focus,.form-stack textarea:focus,.field-grid input:focus,.field-grid select:focus,.field-grid textarea:focus{border-color:#f3d45d;box-shadow:0 0 0 3px rgba(243,212,93,.1)}.color-input,.mention-input{background:#111214;border-color:#36373c}.reference-row,.asset-row{background:#151619;border-color:#303136}.remove-reference{background:#292a2e;color:#aaa}.add-reference{border-color:#4b4c51;color:#f3d45d}.mention-toolbar button,.suggestions button{border-color:#504b31;background:#2a281f;color:#f3d45d}.provider-option{border-color:#34353a;background:#151619}.provider-option:has(input:checked){border-color:#f3d45d;background:#29271f;box-shadow:0 0 0 2px rgba(243,212,93,.08)}.setup-warning{background:#2b2616;border-color:#6f5b22}.setup-warning p{color:#c7b97d}.setup-warning code{background:#111214}.connection-icon{background:#312d20;color:#f3d45d}
.brand-card-body,.style-card>div:last-child{background:#191a1d}.brand-profile{background:#191a1d;border-color:#303136}.brand-details>div{border-color:#303136}.brand-details p,.brand-details>div>span{color:#96979c}.palette i{border-color:#191a1d;box-shadow:0 0 0 1px #44454a}.style-rules .learning-note,.consistency-note{background:#2b281e;color:#f3d45d}.reference-gallery article{background:#191a1d;border-color:#303136}.reference-gallery strong,.style-card>div>span{color:#f3d45d}.reference-gallery span{color:#929398}
.landing{background:radial-gradient(circle at 78% 18%,rgba(243,212,93,.18),transparent 30%),#0c0d0f}.landing-nav{color:#f4f2eb}.brand.dark{color:#f4f2eb}.hero h1 em{color:#f3d45d}.hero-copy>p,.trust-row{color:#999a9f}.orbit-one,.orbit-two{border-color:rgba(243,212,93,.18)}.floating-pill{background:#202125;color:#f1efe7}.pill-top{color:#f3d45d}.how{background:#121315}.step-grid article{background:#191a1d;border-color:#303136}.step-grid b{color:#f3d45d}.step-grid p{color:#929398}.auth-form-wrap{background:#111214}.auth-visual{background:#0d0e10 url('/assets/flyers/caribbean-villa.webp') center/cover no-repeat}.auth-visual:before{border-color:#f3d45d}.register-visual:before{border-color:#f3d45d}.auth-quote p,.auth-form>p{color:#98999e}.auth-decoration i:nth-child(3){background:#f3d45d}.auth-switch a{color:#f3d45d}

/* Flyers reales de la portada */
.hero-flyers{isolation:isolate}.flyer-card{position:absolute;margin:0;width:270px;border-radius:18px;overflow:hidden;background:#17181b;border:1px solid rgba(255,255,255,.16);box-shadow:0 34px 80px rgba(0,0,0,.52);transition:transform .35s ease,box-shadow .35s ease}.flyer-card img{display:block;width:100%;height:auto}.flyer-solara{z-index:2;transform:translate(-105px,28px) rotate(-6deg)}.flyer-bali{z-index:1;transform:translate(105px,-22px) rotate(7deg)}.flyer-card:hover{z-index:3;box-shadow:0 42px 100px rgba(0,0,0,.62)}.flyer-solara:hover{transform:translate(-105px,18px) rotate(-3deg)}.flyer-bali:hover{transform:translate(105px,-32px) rotate(4deg)}.hero-flyers .pill-top,.hero-flyers .pill-bottom{z-index:4}

@media(max-width:760px){.flyer-card{width:255px}.flyer-solara{transform:translate(-92px,24px) rotate(-6deg)}.flyer-bali{transform:translate(92px,-18px) rotate(7deg)}.flyer-solara:hover{transform:translate(-92px,16px) rotate(-3deg)}.flyer-bali:hover{transform:translate(92px,-26px) rotate(4deg)}}
.project-workspace{min-height:100vh;padding:0 24px 24px;background:radial-gradient(circle at 85% 5%,rgba(243,212,93,.09),transparent 27%),#090a0c}.workspace-header{height:72px;padding:0 24px;background:#17181b;border:1px solid #303136;border-radius:23px 23px 0 0}.workspace-header>div:last-child>span{border-color:#3a3b40;color:#909196}.workspace-grid{height:calc(100vh - 196px);border:1px solid #303136;border-top:0;border-radius:0 0 23px 23px;overflow:hidden}.canvas-toolbar{background:#121315;border-color:#303136;color:#8f9095}.canvas-stage{background-color:#0f1012;background-image:radial-gradient(#36373b 1px,transparent 1px)}.revision-panel{background:#17181b;border-color:#303136}.panel-tabs,.version-list,.project-assets{border-color:#303136}.panel-tabs button{background:#17181b;color:#898a8f}.panel-tabs button.active{color:#f3d45d;box-shadow:inset 0 -2px #f3d45d}.version-row.active{background:#2b281e}.status-dot i{background:#f3d45d}.flash{background:#1d1e21;border-color:#393a3f;color:#f2f0e9}
@media(max-width:1180px) and (min-width:901px){.sidebar{left:14px;right:14px}.nav-link{padding:9px;font-size:10px}.nav-icon{display:none}.profile-chip>span:last-child{display:none}.sidebar .brand{margin-right:12px}.sidebar-bottom{padding-left:5px}}
@media(max-width:900px){.app-shell{padding-left:0}.main-content{padding-top:64px}.sidebar{z-index:80;inset:0 auto 0 0;width:280px;height:100vh;padding:28px 20px;display:flex;flex-direction:column;align-items:stretch;overflow-y:auto;border:0;border-radius:0;transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.sidebar .brand{margin:0 0 38px;padding:0 12px}.sidebar-nav{display:grid;gap:7px}.nav-link{font-size:13px;padding:12px 14px;border-radius:10px}.nav-icon{display:inline-block}.sidebar-bottom{margin-top:auto;padding-top:20px;border-top:1px solid #34353a;display:block}.profile-chip>span:last-child{display:grid}.link-button{display:block}.mobile-header{position:fixed;z-index:70;inset:0 0 auto 0;display:flex}.page-container,.page-container.narrow{width:calc(100% - 24px);margin:12px auto;border-radius:22px}.project-workspace{padding:14px 12px}.workspace-grid{height:auto}.workspace-header{margin-top:0}}

/* Inteligencia editorial: densidad, copiloto y carrusel */
.copy-editor-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:14px;align-items:stretch}.copy-field textarea{height:100%;min-height:235px}.text-budget{border:1px solid #34353a;border-radius:16px;padding:20px;background:#141518;display:flex;flex-direction:column}.budget-head{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#a1a2a6}.budget-head strong{font-family:"Manrope";font-size:14px;color:#f4f2eb}.budget-bar{height:6px;border-radius:10px;background:#292a2e;overflow:hidden;margin:15px 0}.budget-bar i{display:block;width:0;height:100%;background:#69d69b;border-radius:inherit;transition:.25s}.text-budget h3{font-size:15px;margin:0 0 7px}.text-budget p{font-size:11px;line-height:1.55;color:#919298;margin:0 0 18px}.text-budget[data-status="warning"] .budget-bar i{background:#f3d45d}.text-budget[data-status="warning"] h3{color:#f3d45d}.text-budget[data-status="over"]{border-color:#784a4a;background:#1d1516}.text-budget[data-status="over"] .budget-bar i{background:#ef7272}.text-budget[data-status="over"] h3{color:#ff9696}.assistant-launch{margin-top:auto;width:100%;border:1px solid #4a4734;background:#24231d;color:#f3d45d;border-radius:11px;padding:12px;font-size:11px;font-weight:700}.assistant-launch span{margin-right:7px}.carousel-suggestion{margin-top:15px;padding:20px;border:1px solid #4d482d;background:linear-gradient(135deg,#1b1a15,#151619);border-radius:16px}.carousel-suggestion[hidden]{display:none}.carousel-suggestion h3{font-size:18px;margin:6px 0}.carousel-suggestion>div:first-child p{font-size:12px;color:#96979c}.carousel-slides{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:9px;margin:16px 0}.carousel-slides article{display:grid;grid-template-columns:30px 1fr;gap:9px;padding:12px;background:#212226;border:1px solid #34353a;border-radius:11px}.carousel-slides article>b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#f3d45d;color:#171819;font-size:10px}.carousel-slides article span{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#f3d45d}.carousel-slides article p{font-size:10px;line-height:1.45;color:#d3d2cc;margin:5px 0 0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.modal-open{overflow:hidden}.assistant-drawer,.brief-modal{position:fixed;z-index:120;inset:0;visibility:hidden;pointer-events:none}.assistant-drawer.open,.brief-modal.open{visibility:visible;pointer-events:auto}.assistant-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.65);backdrop-filter:blur(5px);opacity:0;transition:.25s}.open>.assistant-backdrop{opacity:1}.assistant-drawer>aside,.brief-modal>aside{position:absolute;z-index:1;right:0;top:0;bottom:0;width:min(470px,100%);background:#121315;border-left:1px solid #35363a;box-shadow:-30px 0 80px rgba(0,0,0,.4);transform:translateX(100%);transition:.28s ease;display:flex;flex-direction:column}.assistant-drawer.open>aside,.brief-modal.open>aside{transform:translateX(0)}.assistant-drawer header,.brief-modal header{height:76px;flex:0 0 76px;border-bottom:1px solid #303136;padding:0 20px;display:flex;align-items:center;justify-content:space-between}.assistant-drawer header>div,.brief-modal header>div{display:flex;align-items:center;gap:11px}.assistant-drawer header>div>div,.brief-modal header>div>div{display:grid}.assistant-drawer header small,.brief-modal header small{font-size:10px;color:#8f9095;margin-top:3px}.assistant-drawer header>button,.brief-modal header>button{border:0;background:#292a2e;color:#bababe;width:34px;height:34px;border-radius:50%;font-size:20px}.assistant-orb{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#f3d45d;color:#171819}.assistant-chat{flex:1;overflow-y:auto;padding:20px;display:grid;align-content:start;gap:13px}.assistant-message{display:flex;gap:9px;max-width:92%}.assistant-message>span{flex:0 0 28px;height:28px;border-radius:9px;background:#f3d45d;color:#171819;display:grid;place-items:center;font-size:9px;font-weight:800}.assistant-message>div,.assistant-message>p{background:#202125;border:1px solid #303136;border-radius:4px 14px 14px 14px;padding:12px;margin:0;font-size:12px;line-height:1.55}.assistant-message.user{justify-self:end;flex-direction:row-reverse}.assistant-message.user>span{background:#e8e6df}.assistant-message.user>div{background:#29271f;border-color:#4b472e;border-radius:14px 4px 14px 14px}.assistant-message blockquote{white-space:pre-wrap;margin:10px 0;padding:11px;border-left:2px solid #f3d45d;background:#17181b;color:#d9d7cf;font-size:11px}.assistant-message button{border:0;background:#f3d45d;color:#171819;border-radius:8px;padding:8px 10px;font-size:10px;font-weight:800}.assistant-quick{padding:0 20px 10px;display:flex;gap:6px;overflow-x:auto}.assistant-quick button{white-space:nowrap;border:1px solid #464331;background:#24231d;color:#f3d45d;border-radius:20px;padding:7px 10px;font-size:9px}.assistant-drawer>aside>form{margin:0 20px 20px;border:1px solid #393a3f;background:#191a1d;border-radius:14px;padding:8px;display:grid;grid-template-columns:1fr 40px;gap:8px;align-items:end}.assistant-drawer>aside>form textarea{border:0;outline:0;background:transparent;color:#f4f2eb;padding:6px;resize:none;font-size:12px}.assistant-drawer>aside>form button{height:40px;border:0;border-radius:10px;background:#f3d45d;color:#171819;font-size:20px}

/* Calendario editorial inspirado en herramientas de productividad */
.calendar-page{width:calc(100% - 48px);margin:0 auto 28px;background:#111214;border:1px solid #2b2c30;border-radius:28px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.28)}.calendar-topbar{padding:34px 38px 26px;display:flex;justify-content:space-between;align-items:end;gap:20px}.calendar-topbar h1{font-size:36px;letter-spacing:-.05em;margin:8px 0 5px}.calendar-topbar p{color:#909196;margin:0}.calendar-toolbar{height:64px;padding:0 22px;border-top:1px solid #2c2d31;border-bottom:1px solid #2c2d31;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#151619}.calendar-toolbar h2{font-size:17px;margin:0;font-weight:600}.calendar-nav{display:flex;align-items:center;gap:5px}.calendar-nav a,.calendar-view-switch button{border:1px solid #36373c;background:#1d1e21;color:#c3c2bd;border-radius:8px;padding:8px 11px;font-size:11px}.calendar-nav a:first-child,.calendar-nav a:last-child{font-size:20px;padding:2px 10px}.calendar-view-switch{justify-self:end;display:flex}.calendar-view-switch button{border-radius:0}.calendar-view-switch button:first-child{border-radius:8px 0 0 8px}.calendar-view-switch button:last-child{border-radius:0 8px 8px 0}.calendar-view-switch button.active{background:#f3d45d;color:#171819;border-color:#f3d45d}.calendar-board{overflow-x:auto}.weekday-row,.month-grid{min-width:980px;display:grid;grid-template-columns:repeat(7,1fr)}.weekday-row{height:36px;background:#121315;border-bottom:1px solid #292a2e}.weekday-row span{display:flex;align-items:center;padding:0 10px;border-right:1px solid #292a2e;color:#77787e;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.calendar-day{position:relative;min-height:145px;border-right:1px solid #292a2e;border-bottom:1px solid #292a2e;padding:8px;background:#111214}.calendar-day.outside{background:#0e0f11;color:#55565b}.calendar-day>header{height:23px;display:flex;align-items:center;justify-content:space-between;color:#999a9f;font-size:10px}.calendar-day>header small{background:#292a2e;border-radius:10px;padding:2px 6px}.calendar-day.today>header>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#f3d45d;color:#171819;font-weight:800}.day-items{display:grid;gap:4px}.content-event{position:relative}.content-event summary{list-style:none;display:flex;gap:6px;align-items:flex-start;padding:6px;background:#202125;border:1px solid #303136;border-radius:7px;cursor:pointer}.content-event summary::-webkit-details-marker{display:none}.content-event summary>i{flex:0 0 5px;height:28px;border-radius:4px;background:#6b65d8}.content-event.status-draft summary>i{background:#e9a957}.content-event.status-approved summary>i{background:#61cfa0}.content-event.status-published summary>i{background:#f3d45d}.content-event summary>span{display:grid;min-width:0}.content-event summary small{font-size:7px;color:#82838a}.content-event summary strong{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-popover{position:absolute;z-index:5;left:8px;top:42px;width:270px;padding:14px;background:#242529;border:1px solid #44454a;border-radius:12px;box-shadow:0 18px 55px rgba(0,0,0,.45)}.event-popover>div{display:flex;gap:6px;flex-wrap:wrap}.event-popover>div span{padding:4px 7px;border-radius:10px;background:#303136;color:#aaa;font-size:8px}.event-popover>div .event-type{background:#39351f;color:#f3d45d}.event-popover p{font-size:10px;line-height:1.5;color:#c0bfb9;margin:11px 0}.event-popover b{display:block;font-size:9px;color:#f3d45d;margin-bottom:10px}.event-popover select{width:100%;padding:8px;border:1px solid #3d3e42;background:#191a1d;color:#eee;border-radius:8px;font-size:9px}.brief-modal>aside{width:min(690px,100%)}.calendar-brief-form{overflow-y:auto;padding:22px;display:grid;gap:20px}.calendar-brief-form section{border:1px solid #303136;border-radius:15px;padding:18px;display:grid;gap:13px;background:#17181b}.calendar-brief-form section>span{color:#f3d45d;font-size:9px;font-weight:800;letter-spacing:.1em}.calendar-brief-form label{display:grid;gap:7px;font-size:11px;font-weight:700}.calendar-brief-form input,.calendar-brief-form select,.calendar-brief-form textarea{width:100%;border:1px solid #37383d;background:#111214;color:#f4f2eb;border-radius:9px;padding:11px;outline:none}.calendar-brief-form input:focus,.calendar-brief-form textarea:focus{border-color:#f3d45d}.calendar-brief-form footer small{display:block;text-align:center;color:#77787d;font-size:9px;line-height:1.5;margin-top:9px}
@media(max-width:900px){.copy-editor-grid{grid-template-columns:1fr}.assistant-drawer>aside{top:64px}.calendar-page{width:calc(100% - 24px);margin:12px auto}.calendar-topbar{align-items:flex-start;flex-direction:column;padding:25px}.calendar-topbar .button{width:100%}.calendar-toolbar{grid-template-columns:1fr auto}.calendar-toolbar h2{grid-column:1/-1;grid-row:1;text-align:center}.calendar-nav{grid-row:2}.calendar-view-switch{grid-row:2}.calendar-toolbar{height:92px;padding:10px 16px}.brief-modal>aside{top:64px}.calendar-brief-form .field-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.calendar-brief-form .field-grid{grid-template-columns:1fr}.copy-field textarea{min-height:190px}.carousel-slides{grid-template-columns:1fr}}
.inline-copy-control{display:grid;gap:8px;padding:12px;border:1px solid #34353a;background:#141518;border-radius:12px}.inline-copy-control>div:first-child{display:flex;align-items:center;justify-content:space-between}.inline-copy-control>div:first-child span{font-size:10px;font-weight:800}.inline-copy-control>div:first-child small{font-size:8px;color:#85868b}.inline-copy-control textarea{min-height:88px}.compact-budget{padding:9px;border:0;background:transparent}.compact-budget .budget-bar{margin:0 0 8px}.compact-budget h3{font-size:10px}.compact-budget p{font-size:8px;margin-bottom:8px}.compact-budget .assistant-launch{padding:8px}
.style-density{padding:15px;border:1px solid #47442e;border-radius:11px;background:#211f18}.style-density strong{display:block;font-size:21px;color:#f3d45d;margin:5px 0}.style-density p{font-size:10px!important}.style-density small{display:block;margin-top:9px;color:#aaa58d;font-size:8px;line-height:1.5}
.header-actions{display:flex;gap:9px;align-items:center}.header-actions form{margin:0}
@media(max-width:760px){.header-actions{width:100%;display:grid}.header-actions .button{width:100%}}

/* Mesa de trabajo offtime */
.canvas-toolbar{gap:14px;min-height:52px;height:auto;padding:7px 13px 7px 20px}.canvas-toolbar>span{white-space:nowrap}.viewer-tools{display:flex;align-items:center;justify-content:flex-end;gap:4px;min-width:0}.viewer-tools button{height:32px;min-width:32px;padding:0 9px;border:1px solid transparent;border-radius:7px;background:transparent;color:#aaa9ae;font-size:10px;font-weight:700;white-space:nowrap}.viewer-tools button:hover,.viewer-tools button.active,.viewer-tools button.has-sketch{background:#292a2e;border-color:#404147;color:#f3d45d}.viewer-tools .zoom-readout{min-width:48px;color:#e1dfd8}.viewer-tools>i{width:1px;height:20px;background:#303136;margin:0 3px}.canvas-stage{position:relative;overflow:hidden;touch-action:none;user-select:none;cursor:grab;padding:0!important;background-image:none!important}.canvas-stage.grid-visible{background-image:linear-gradient(#25262a 1px,transparent 1px),linear-gradient(90deg,#25262a 1px,transparent 1px)!important;background-size:32px 32px!important}.canvas-stage.dragging{cursor:grabbing}.canvas-viewport{position:absolute;left:50%;top:50%;will-change:transform;transform-origin:center center}.canvas-viewport img{display:block;max-width:none!important;max-height:none!important;width:auto;height:auto;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 22px 70px rgba(0,0,0,.45)}.viewer-hint{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);padding:6px 10px;border:1px solid #35363a;border-radius:20px;background:rgba(18,19,21,.86);color:#77787d;font-size:8px;white-space:nowrap;pointer-events:none;opacity:.72}.canvas-area:fullscreen{height:100vh;background:#0d0e10}.canvas-area:fullscreen .canvas-stage{height:calc(100vh - 52px)}.canvas-area:fullscreen .canvas-toolbar{background:#151619}

/* Croquis de composición */
.optional-sketch-section .form-section-title h2 em{display:inline-block;margin-left:8px;padding:4px 7px;border:1px solid #444035;border-radius:12px;color:#aaa58f;font-family:"DM Sans";font-size:8px;font-style:normal;letter-spacing:.08em;text-transform:uppercase;vertical-align:middle}.sketch-board{display:grid;gap:12px}.sketch-toolbar{display:flex;align-items:center;gap:4px;padding:7px;background:#121315;border:1px solid #303136;border-radius:12px;overflow-x:auto}.sketch-toolbar button,.sketch-toolbar label{flex:0 0 auto;height:52px;min-width:49px;padding:5px 7px;border:1px solid transparent;border-radius:8px;background:transparent;color:#b5b4ae;display:grid;place-items:center;align-content:center;gap:3px;font-size:16px}.sketch-toolbar button:hover,.sketch-toolbar button.active{border-color:#4b4834;background:#29271f;color:#f3d45d}.sketch-toolbar small{display:block;font-size:7px;color:#77787d}.sketch-toolbar>i{flex:0 0 1px;width:1px;height:31px;background:#34353a;margin:0 3px}.sketch-toolbar input[type=color]{width:26px;height:24px;padding:0;border:0;background:transparent}.sketch-toolbar input[type=range]{width:62px;accent-color:#f3d45d}.sketch-canvas-wrap{position:relative;min-height:360px;max-height:620px;padding:22px;overflow:auto;display:grid;place-items:center;background:#0e0f11;border:1px solid #303136;border-radius:14px;background-image:radial-gradient(#34353a 1px,transparent 1px);background-size:20px 20px}.sketch-canvas-wrap canvas{display:block;max-width:100%;max-height:570px;width:auto;height:auto;background:#f6f4ee;box-shadow:0 16px 50px rgba(0,0,0,.35);touch-action:none;cursor:crosshair}.sketch-canvas-wrap>span{position:absolute;top:9px;left:12px;color:#66676c;font-size:7px;letter-spacing:.12em;pointer-events:none}.sketch-notes{display:grid;gap:7px;font-size:10px;font-weight:700}.sketch-notes textarea{width:100%;border:1px solid #37383d;background:#111214;color:#f4f2eb;border-radius:10px;padding:12px;outline:none}.sketch-notes textarea:focus{border-color:#f3d45d}.sketch-help{display:flex;gap:10px;align-items:flex-start;padding:11px;border:1px solid #373526;background:#211f18;border-radius:10px}.sketch-help>span{color:#f3d45d}.sketch-help p{display:grid;margin:0;color:#8f9095;font-size:9px;line-height:1.5}.sketch-help strong{color:#d7d5ce}.sketch-modal{position:fixed;z-index:130;inset:0;visibility:hidden;pointer-events:none}.sketch-modal.open{visibility:visible;pointer-events:auto}.sketch-modal>aside{position:absolute;z-index:1;left:50%;top:50%;width:min(1000px,calc(100% - 32px));max-height:calc(100vh - 32px);transform:translate(-50%,-46%) scale(.97);opacity:0;background:#151619;border:1px solid #36373c;border-radius:20px;box-shadow:0 35px 100px rgba(0,0,0,.6);display:flex;flex-direction:column;transition:.22s}.sketch-modal.open>aside{transform:translate(-50%,-50%) scale(1);opacity:1}.sketch-modal>aside>header{flex:0 0 72px;padding:0 20px;border-bottom:1px solid #303136;display:flex;align-items:center;justify-content:space-between}.sketch-modal>aside>header>div{display:flex;align-items:center;gap:11px}.sketch-modal>aside>header>div>div{display:grid}.sketch-modal>aside>header small{font-size:9px;color:#8f9095;margin-top:3px}.sketch-modal>aside>header>button{border:0;background:#292a2e;color:#bbb;width:34px;height:34px;border-radius:50%;font-size:20px}.sketch-modal .sketch-board{padding:16px 20px;overflow-y:auto}.sketch-modal>aside>footer{flex:0 0 66px;padding:9px 20px;border-top:1px solid #303136;display:flex;justify-content:flex-end;gap:8px}.sketch-modal>aside>footer .button{min-height:42px}

/* Responsive reforzado */
@media(max-width:1320px) and (min-width:901px){.sidebar{left:12px;right:12px;padding-left:13px}.sidebar .brand{margin-right:10px}.nav-link{padding:9px 8px;font-size:10px}.nav-icon{display:none}.profile-chip>span:last-child{display:none}.sidebar-bottom{padding-left:4px}.page-container{width:calc(100% - 28px)}}
@media(max-width:1100px){.workspace-grid{grid-template-columns:minmax(0,1fr) 350px}.workspace-header>div:last-child>span:nth-child(-n+2){display:none}.viewer-tools{overflow-x:auto;justify-content:flex-start}.viewer-tools::-webkit-scrollbar,.sketch-toolbar::-webkit-scrollbar{height:3px}.viewer-tools::-webkit-scrollbar-thumb,.sketch-toolbar::-webkit-scrollbar-thumb{background:#44454a}.canvas-toolbar>span{display:none}}
@media(max-width:900px){.workspace-header{border-radius:16px 16px 0 0}.workspace-header>div{gap:9px}.workspace-grid{display:flex;height:auto;overflow:visible}.canvas-area{height:calc(68vh - 40px);min-height:420px}.canvas-toolbar{flex:0 0 50px}.canvas-stage{flex:1}.revision-panel{max-height:none}.viewer-hint{display:none}.viewer-tools{width:100%}.viewer-tools button{flex:0 0 auto}.sketch-modal>aside{top:calc(50% + 28px);max-height:calc(100vh - 84px)}.sketch-canvas-wrap{min-height:300px}.optional-sketch-section .sketch-canvas-wrap{max-height:500px}}
@media(max-width:600px){.main-content{overflow-x:hidden}.page-container,.page-container.narrow{width:calc(100% - 16px);padding:24px 14px 46px;border-radius:18px}.editor-card{padding:4px 14px 18px}.form-section{padding:24px 0}.form-section-title{gap:10px}.form-section-title h2{font-size:17px}.form-section-title p{font-size:11px}.workspace-header{padding:10px 12px}.workspace-header .status-dot,.workspace-header>div:last-child>span{display:none}.workspace-header h1{max-width:120px}.workspace-header .button{padding:0 10px;font-size:10px}.project-workspace{padding:8px}.canvas-area{height:58vh;min-height:360px}.canvas-toolbar{padding:7px}.viewer-tools button{height:35px;min-width:35px}.viewer-tools button[data-open-sketch]{font-size:0}.viewer-tools button[data-open-sketch]::before{content:"✎";font-size:14px}.revision-content,.project-assets,.version-list{padding-left:16px;padding-right:16px}.sketch-modal>aside{width:calc(100% - 12px);max-height:calc(100vh - 76px);border-radius:15px}.sketch-modal>aside>header{padding:0 12px}.sketch-modal>aside>header small{max-width:230px}.sketch-modal .sketch-board{padding:10px}.sketch-modal>aside>footer{padding:9px 12px}.sketch-canvas-wrap{min-height:250px;padding:12px}.sketch-toolbar{padding:5px}.sketch-toolbar button,.sketch-toolbar label{height:47px;min-width:45px}.assistant-drawer>aside,.brief-modal>aside{width:100%}.calendar-topbar h1{font-size:30px}.stats-grid{grid-template-columns:1fr}.asset-row,.reference-row{padding:10px}.copy-editor-grid{gap:10px}}

/* Créditos y costos */
.credit-summary{margin:0 0 36px;padding:24px 28px;border:1px solid #393723;border-radius:20px;background:linear-gradient(135deg,#222017,#17181b);display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:center}.credit-summary>div:first-child{display:flex;gap:15px}.credit-summary h2{font-size:18px;margin:0 0 7px}.credit-summary p{margin:0;color:#919298;font-size:11px;line-height:1.6}.credit-summary p strong{color:#f3d45d}.credit-ledger{display:grid;gap:6px}.credit-ledger span{display:grid;grid-template-columns:40px 1fr;gap:9px;align-items:center;padding:7px 9px;border:1px solid #303136;border-radius:9px;background:#141518}.credit-ledger b{font-size:11px}.credit-ledger small{color:#88898e;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.credit-in{color:#69d69b}.credit-out{color:#f3d45d}.generation-cost{display:grid;margin-right:auto}.generation-cost span{color:#f3d45d;font-size:13px;font-weight:800}.generation-cost small{color:#85868b;font-size:9px}.generation-cost.compact{margin:2px 0 0;padding:10px 12px;border:1px solid #45412c;border-radius:10px;background:#211f18}.credit-actions{align-items:center}.plan-card a{color:#f3d45d}.credit-stat>small{margin-top:8px!important}.credit-stat .progress i{background:#f3d45d}.credit-policy-note{margin-top:18px;padding:15px 17px;border:1px solid #45412c;border-radius:13px;background:#211f18;display:flex;gap:12px;align-items:flex-start}.credit-policy-note>span{color:#f3d45d;font-size:20px}.credit-policy-note strong{display:block;font-size:12px;margin-bottom:4px}.credit-policy-note p{margin:0;color:#9b9888;font-size:9px;line-height:1.55}
@media(max-width:900px){.credit-summary{grid-template-columns:1fr}.credit-actions{flex-wrap:wrap}.generation-cost{width:100%}}
@media(max-width:600px){.credit-summary{padding:20px}.credit-ledger span:nth-child(n+4){display:none}.credit-actions .button{flex:1}.generation-cost{margin-bottom:8px}}

/* Shell creativo de alta densidad: aprovecha el ancho como una herramienta profesional */
@media(min-width:901px){.main-content{padding-top:84px}.sidebar{inset:11px 14px auto;height:61px;border-radius:19px}.sidebar-nav{overflow-x:auto;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}.nav-link{padding:9px 10px}.page-container{width:calc(100% - 24px);max-width:none;margin:0 auto 18px;padding:36px clamp(22px,3vw,50px) 58px;border-radius:24px}.page-container.narrow{width:min(1120px,calc(100% - 24px))}.project-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.project-thumb{height:clamp(190px,18vw,285px)}}
.wide-tool-page{width:calc(100% - 24px)!important;max-width:none!important}.sidebar .profile-chip small{text-transform:capitalize}.billing-header{align-items:center}.balance-orb{flex:0 0 250px;min-height:135px;padding:22px 24px;border:1px solid #4b472e;border-radius:22px;background:radial-gradient(circle at 90% 10%,rgba(243,212,93,.22),transparent 45%),#1a1b1d;display:flex;flex-direction:column}.balance-orb>span{color:#96979c;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.balance-orb strong{color:#f3d45d;font:800 42px/1 "Manrope";margin:auto 0 5px}.balance-orb small{color:#86878c;font-size:9px}.pending-plan-banner{margin:-10px 0 18px;padding:16px 18px;border:1px solid #5d5631;border-radius:16px;background:#211f18;display:flex;align-items:center;gap:14px}.pending-plan-banner>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#f3d45d;color:#171819;font-size:20px}.pending-plan-banner>div{flex:1}.pending-plan-banner strong{font-size:12px}.pending-plan-banner p{margin:4px 0 0;color:#929083;font-size:9px}.pending-plan-banner>b{color:#f3d45d;font-size:8px;letter-spacing:.1em}.account-plan-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:18px}.account-plan-overview article{min-height:104px;padding:17px;border:1px solid #303136;border-radius:15px;background:#17181b;display:flex;flex-direction:column}.account-plan-overview span{color:#808187;font-size:8px;text-transform:uppercase;letter-spacing:.09em}.account-plan-overview strong{margin:auto 0 3px;font:700 18px "Manrope"}.account-plan-overview small{color:#85868b;font-size:8px}.billing-workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start}.billing-plans,.credit-history-panel,.customer-table-card,.subscription-queue{padding:22px;border:1px solid #303136;border-radius:20px;background:#151619}.account-plan-grid{display:grid;grid-template-columns:repeat(4,minmax(205px,1fr));gap:9px}.account-plan{position:relative;min-height:405px;padding:20px;border:1px solid #303136;border-radius:17px;background:#1a1b1e;display:flex;flex-direction:column}.account-plan.active{border-color:#f3d45d;box-shadow:inset 0 0 0 1px #f3d45d}.account-plan.recommended:not(.active){background:radial-gradient(circle at 100% 0,rgba(243,212,93,.15),transparent 43%),#1a1b1e}.account-plan>header{display:flex;justify-content:space-between;align-items:center}.account-plan>header>span{font-size:11px;font-weight:800}.account-plan>header>b{padding:4px 6px;border-radius:10px;background:#2a291f;color:#f3d45d;font-size:6px;letter-spacing:.08em}.account-plan>strong{margin:23px 0 8px;font:800 30px "Manrope";letter-spacing:-.05em}.account-plan>strong small{color:#77787d;font:500 8px "DM Sans"}.account-plan>p{min-height:38px;color:#8c8d92;font-size:9px;line-height:1.5}.account-plan>div{padding:13px;border-radius:12px;background:#111214;display:flex;align-items:center;gap:8px}.account-plan>div>b{color:#f3d45d;font:800 25px "Manrope"}.account-plan>div>span{color:#85868b;font-size:7px;text-transform:uppercase;letter-spacing:.07em}.account-plan ul{margin:16px 0 22px;padding:0;display:grid;gap:8px;list-style:none;color:#aaa;font-size:8px}.account-plan li:before{content:"✓";color:#f3d45d;margin-right:6px}.account-plan form,.account-plan>.button{margin-top:auto}.account-plan button:disabled{opacity:.5;cursor:not-allowed}.credit-history-panel{position:sticky;top:84px}.credit-history-panel>header{display:flex;justify-content:space-between;align-items:end;margin-bottom:15px}.credit-history-panel h2{margin:4px 0 0;font-size:20px}.credit-history-panel>header>a{color:#f3d45d;font-size:8px;font-weight:800}.account-ledger{display:grid;gap:6px}.account-ledger article{padding:10px;border:1px solid #2e2f33;border-radius:11px;background:#191a1d;display:grid;grid-template-columns:32px 1fr;gap:8px;align-items:center}.account-ledger article>b{font-size:10px}.account-ledger article>div{display:grid;min-width:0}.account-ledger strong{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-ledger small{margin-top:3px;color:#77787d;font-size:7px}.security-alert{margin-bottom:16px;padding:17px;border:1px solid #655e34;border-radius:15px;background:#211f18;display:flex;gap:12px}.security-alert>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f3d45d;color:#171819;font-weight:900}.security-alert strong{font-size:12px}.security-alert p{margin:4px 0 0;color:#9b9888;font-size:9px}.security-form{max-width:780px}.staff-header{align-items:center}.staff-search{display:flex;min-width:min(420px,100%);padding:5px;border:1px solid #34353a;border-radius:13px;background:#17181b}.staff-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#eee;padding:8px 10px;font-size:11px}.staff-search button{border:0;border-radius:9px;background:#f3d45d;color:#171819;padding:0 15px;font-size:9px;font-weight:800}.staff-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.staff-metrics article{padding:15px 18px;border:1px solid #303136;border-radius:14px;background:#17181b;display:flex;justify-content:space-between;align-items:center}.staff-metrics span{color:#85868b;font-size:9px}.staff-metrics strong{font-size:17px;text-transform:capitalize}.staff-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}.customer-table-card{padding:0;overflow:visible}.customer-table-card>header{padding:20px 22px;border-bottom:1px solid #2d2e32}.customer-table-card h2{margin:0 0 4px;font-size:19px}.customer-table-card p{margin:0;color:#85868b;font-size:9px}.customer-table-wrap{overflow-x:auto;min-height:420px}.customer-table{width:100%;border-collapse:collapse;min-width:850px}.customer-table th{padding:11px 14px;text-align:left;color:#717278;font-size:7px;text-transform:uppercase;letter-spacing:.08em}.customer-table td{position:relative;padding:13px 14px;border-top:1px solid #2b2c30;color:#b9b8b2;font-size:9px}.customer-table td:first-child{display:grid}.customer-table td:first-child strong{color:#eee;font-size:10px}.customer-table td small{display:block;margin-top:3px;color:#74757a;font-size:7px}.role-pill{padding:5px 7px;border-radius:12px;background:#2b2c30;font-size:7px;text-transform:uppercase;letter-spacing:.07em}.role-admin{background:#39351f;color:#f3d45d}.role-support{background:#20342b;color:#74d5a5}.role-client{color:#aaa}.pending-inline{color:#f3d45d!important}.table-credit{color:#f3d45d;font-size:13px}.row-actions>summary{list-style:none;cursor:pointer;color:#f3d45d;font-weight:800}.row-actions>summary::-webkit-details-marker{display:none}.row-actions>div{position:absolute;z-index:15;right:12px;top:42px;width:280px;padding:12px;border:1px solid #45464b;border-radius:13px;background:#242529;box-shadow:0 18px 50px rgba(0,0,0,.48);display:grid;gap:10px}.row-actions form{display:grid;grid-template-columns:70px 1fr auto;gap:6px;align-items:end}.row-actions label{display:grid;gap:4px;color:#aaa;font-size:7px}.row-actions input,.row-actions select{width:100%;border:1px solid #3c3d42;border-radius:7px;background:#17181b;color:#eee;padding:7px;font-size:8px}.row-actions button{height:30px;border:0;border-radius:7px;background:#f3d45d;color:#171819;padding:0 9px;font-size:7px;font-weight:800}.subscription-queue{display:grid;gap:9px}.subscription-queue>header h2{margin:5px 0 8px;font-size:20px}.request-card{padding:13px;border:1px solid #303136;border-radius:13px;background:#191a1d}.request-card>header{display:flex;justify-content:space-between}.request-card>header>div{display:grid}.request-card>header strong{font-size:9px}.request-card>header small{color:#74757a;font-size:7px}.request-card>header>span{color:#aaa;font-size:6px;text-transform:uppercase}.request-card.status-pending>header>span{color:#f3d45d}.request-card>div{margin:12px 0;display:grid;grid-template-columns:1fr auto;gap:3px}.request-card>div>b{font-size:10px}.request-card>div>strong{color:#f3d45d;font-size:11px}.request-card>div>small{grid-column:1/-1;color:#77787d;font-size:7px}.request-card form{display:grid;gap:6px}.request-card input{width:100%;border:1px solid #38393e;border-radius:7px;background:#111214;color:#eee;padding:8px;font-size:8px}.request-card form>div{display:grid;grid-template-columns:1fr 1fr;gap:5px}.request-card button{height:30px;border:0;border-radius:7px;font-size:7px;font-weight:800}.request-card .approve{background:#f3d45d;color:#171819}.request-card .reject{background:#292a2e;color:#aaa}.request-card>p,.muted-copy{color:#77787d;font-size:8px;line-height:1.5}
@media(max-width:1400px){.account-plan-grid{grid-template-columns:1fr 1fr}.billing-workspace{grid-template-columns:minmax(0,1fr) 300px}}
@media(max-width:1150px){.billing-workspace,.staff-layout{grid-template-columns:1fr}.credit-history-panel{position:static}.account-ledger{grid-template-columns:1fr 1fr}.subscription-queue{grid-template-columns:repeat(2,1fr)}.subscription-queue>header{grid-column:1/-1}}
@media(max-width:900px){.wide-tool-page{width:calc(100% - 16px)!important}.billing-header,.staff-header{align-items:stretch}.balance-orb{width:100%;flex-basis:auto}.account-plan-overview{grid-template-columns:1fr 1fr}.staff-search{min-width:0;width:100%}}
@media(max-width:600px){.account-plan-overview,.account-plan-grid,.staff-metrics,.account-ledger,.subscription-queue{grid-template-columns:1fr}.account-plan{min-height:365px}.pending-plan-banner{align-items:flex-start}.pending-plan-banner>b{display:none}.billing-plans,.credit-history-panel,.subscription-queue{padding:15px}.customer-table-card{border-radius:14px}.row-actions>div{position:fixed;left:12px;right:12px;top:auto;bottom:12px;width:auto}.subscription-queue>header{grid-column:auto}.security-form .field-grid{grid-template-columns:1fr}}
.account-security-link{display:grid;place-items:center;width:31px;height:31px;border:1px solid #3a3b40;border-radius:10px;color:#9b9ca1;font-size:15px}.account-security-link:hover{border-color:#5d5738;color:#f3d45d}

/* OFT cockpit theme — negro, dorado claro, blanco y azul */
html[data-theme="dark"]{--ui-bg:#0b0c0f;--ui-shell:#101216;--ui-panel:#15171c;--ui-card:#1b1e24;--ui-soft:#22252c;--ui-text:#f7f7f4;--ui-muted:#9296a0;--ui-line:#2d3038;--ui-gold:#ecd166;--ui-blue:#2f6dff;--ui-shadow:0 24px 70px rgba(0,0,0,.34)}
html[data-theme="light"]{--ui-bg:#eceef2;--ui-shell:#f7f8fa;--ui-panel:#fff;--ui-card:#f4f5f7;--ui-soft:#e8eaf0;--ui-text:#0b0d12;--ui-muted:#686d78;--ui-line:#dfe2e8;--ui-gold:#dfbd43;--ui-blue:#245fff;--ui-shadow:0 22px 55px rgba(20,25,35,.10)}
html,body{background:var(--ui-bg)}body{transition:background-color .25s,color .25s}.app-shell,.app-shell .main-content{background:var(--ui-bg);color:var(--ui-text)}.theme-toggle{width:34px;height:34px;padding:0;border:1px solid var(--ui-line);border-radius:10px;background:var(--ui-card);color:var(--ui-text);display:inline-grid;place-items:center;font-size:15px;transition:.2s}.theme-toggle:hover{border-color:var(--ui-blue);color:var(--ui-blue);transform:translateY(-1px)}.theme-label{font-size:0}.guest-theme-toggle{position:fixed;z-index:90;right:18px;bottom:18px;box-shadow:var(--ui-shadow);backdrop-filter:blur(12px)}.mobile-theme-toggle{margin-left:auto}

/* Barra lateral de herramientas en escritorio */
@media(min-width:901px){.app-shell{padding-left:76px}.app-shell .main-content{padding-top:12px}.sidebar{inset:12px auto 12px 12px;width:64px;height:auto;padding:10px 9px;display:flex;flex-direction:column;align-items:center;border:1px solid var(--ui-line);border-radius:20px;background:color-mix(in srgb,var(--ui-panel) 92%,transparent);color:var(--ui-text);box-shadow:var(--ui-shadow);overflow:visible}.sidebar .brand{width:44px;height:44px;margin:0 0 15px;padding:0;display:grid;place-items:center}.sidebar .brand-logo{width:35px;height:35px;flex-basis:35px}.sidebar .brand>span{display:none}.sidebar-nav{width:100%;display:flex;flex-direction:column;align-items:center;gap:5px;overflow:visible}.nav-link{position:relative;width:44px;height:42px;padding:0;display:grid;place-items:center;border-radius:12px;color:var(--ui-muted);font-size:0}.nav-link .nav-icon{width:auto;font-size:16px}.nav-link:hover{background:var(--ui-soft);color:var(--ui-text)}.nav-link.active{background:var(--ui-blue);color:#fff;box-shadow:0 9px 20px color-mix(in srgb,var(--ui-blue) 30%,transparent)}.nav-link:after{content:attr(data-label);position:absolute;left:54px;top:50%;translate:0 -50%;padding:7px 9px;border:1px solid var(--ui-line);border-radius:8px;background:var(--ui-panel);color:var(--ui-text);box-shadow:var(--ui-shadow);font-size:9px;font-weight:700;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:.16s}.nav-link:hover:after{opacity:1;visibility:visible}.sidebar-bottom{width:100%;margin-top:auto;padding:10px 0 0;border-top:1px solid var(--ui-line);display:flex;flex-direction:column;align-items:center;gap:7px}.profile-chip{width:36px;height:36px;padding:0;border:0;background:transparent}.profile-chip .avatar{width:36px;height:36px;flex-basis:36px;background:var(--ui-gold);color:#0b0d12}.profile-chip>span:last-child{display:none}.account-security-link,.theme-toggle{width:36px;height:36px;border-color:var(--ui-line);background:var(--ui-card);color:var(--ui-muted)}.sidebar-bottom form{margin:0}.link-button{width:36px;height:36px;padding:0;font-size:0;border:1px solid var(--ui-line);border-radius:10px;background:var(--ui-card)}.link-button:before{content:"↪";font-size:15px}.link-button:hover{border-color:#d66363;color:#d66363}.page-container,.wide-tool-page{width:calc(100% - 24px)!important;margin:0 auto 12px;padding:28px clamp(20px,2.5vw,44px) 46px;border:1px solid var(--ui-line);border-radius:22px;background:var(--ui-panel);color:var(--ui-text);box-shadow:var(--ui-shadow)}}

/* Dashboard inspirado en un cockpit creativo modular */
.dashboard-studio{min-height:calc(100vh - 24px)}.dashboard-topbar{min-height:62px;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center;gap:20px}.dashboard-topbar h1{margin:5px 0 0;font-size:clamp(26px,3vw,38px);font-weight:600;letter-spacing:-.05em}.dashboard-topbar>div:last-child{display:flex;align-items:center;gap:12px}.studio-status{padding:8px 10px;border:1px solid var(--ui-line);border-radius:20px;background:var(--ui-card);color:var(--ui-muted);font-size:8px;font-weight:700}.studio-status i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:var(--ui-blue);box-shadow:0 0 0 4px color-mix(in srgb,var(--ui-blue) 13%,transparent)}.studio-cockpit{display:grid;grid-template-columns:280px minmax(0,1fr);grid-template-rows:350px auto;gap:10px;margin-bottom:14px}.creative-assistant-card{grid-row:1/3;padding:22px;border:1px solid color-mix(in srgb,var(--ui-gold) 62%,var(--ui-line));border-radius:20px;background:linear-gradient(160deg,color-mix(in srgb,var(--ui-gold) 82%,#fff),color-mix(in srgb,var(--ui-gold) 52%,#fff));color:#111319;display:flex;flex-direction:column;overflow:hidden}.creative-assistant-card>header{display:grid;grid-template-columns:34px 1fr;align-items:center}.assistant-dot{grid-row:1/3;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#0c0e12;color:var(--ui-gold)}.creative-assistant-card>header strong{font-size:10px}.creative-assistant-card>header small{font-size:7px;color:#5e5942}.creative-assistant-card>div:nth-child(2){margin:auto 0}.creative-assistant-card>div:nth-child(2)>span{font-size:8px;text-transform:uppercase;letter-spacing:.1em}.creative-assistant-card h2{margin:12px 0;font-size:clamp(24px,2vw,32px);line-height:1.08;letter-spacing:-.05em}.creative-assistant-card p{margin:0;color:#5b5747;font-size:10px;line-height:1.55}.assistant-chips{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:18px}.assistant-chips span{padding:6px 8px;border:1px solid rgba(10,12,15,.2);border-radius:14px;font-size:7px}.creative-assistant-card>a{display:flex;align-items:center;justify-content:space-between;padding-top:15px;border-top:1px solid rgba(10,12,15,.18);font-size:9px;font-weight:800}.creative-assistant-card>a b{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#0b0d12;color:#fff;font-size:15px}.studio-feature-card{position:relative;margin:0;border-radius:20px;overflow:hidden;background:#15242a;isolation:isolate}.studio-feature-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 53%;filter:saturate(.9) contrast(.95)}.studio-feature-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,10,14,.5),rgba(5,10,14,.06) 55%,rgba(5,10,14,.15)),linear-gradient(0deg,rgba(5,8,10,.45),transparent 55%)}.feature-location{position:absolute;z-index:2;left:18px;top:16px;padding:7px 9px;border-radius:14px;background:rgba(8,11,14,.52);backdrop-filter:blur(8px);color:#fff;font-size:7px}.feature-location span{color:var(--ui-gold)}.feature-copy{position:absolute;z-index:2;left:clamp(24px,6vw,90px);top:50%;translate:0 -46%;color:#fff}.feature-copy>span{font-size:7px;font-weight:800;letter-spacing:.15em}.feature-copy h2{margin:10px 0;font-size:clamp(30px,4vw,55px);line-height:.98;letter-spacing:-.055em;text-shadow:0 3px 25px rgba(0,0,0,.25)}.feature-copy p{max-width:430px;margin:0;color:rgba(255,255,255,.76);font-size:9px}.feature-thumbs{position:absolute;z-index:3;right:18px;top:16px;display:flex}.feature-thumbs img,.feature-thumbs b{width:38px;height:38px;margin-left:-6px;border:2px solid rgba(255,255,255,.72);border-radius:11px;object-fit:cover}.feature-thumbs b{display:grid;place-items:center;background:rgba(8,11,14,.7);color:#fff;font-size:8px}.feature-launch{position:absolute;z-index:3;right:18px;bottom:18px;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--ui-gold);color:#0b0d12;font-size:18px;box-shadow:0 10px 30px rgba(0,0,0,.24)}.studio-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.studio-metrics article{position:relative;min-height:145px;padding:18px;border:1px solid var(--ui-line);border-radius:18px;background:var(--ui-card);display:flex;flex-direction:column;overflow:hidden}.studio-metrics article>span{color:var(--ui-muted);font-size:8px;text-transform:uppercase;letter-spacing:.08em}.studio-metrics article>strong{margin:auto 0 4px;color:var(--ui-text);font:700 27px "Manrope";letter-spacing:-.04em}.studio-metrics article>strong small{color:var(--ui-muted);font-size:9px}.studio-metrics article>small{color:var(--ui-muted);font-size:7px}.studio-metrics article>a{margin-top:8px;color:var(--ui-blue);font-size:7px;font-weight:800}.metric-bars{height:18px;margin:9px 0 0;display:flex;align-items:end;gap:3px}.metric-bars i{width:8%;height:36%;border-radius:2px;background:var(--ui-soft)}.metric-bars i.on{background:var(--ui-gold)}.metric-bars i:nth-child(3n){height:65%}.metric-bars i:nth-child(4n){height:90%}.metric-line{height:24px;margin-top:10px;position:relative}.metric-line:before{content:"";position:absolute;inset:7px 0 auto;height:1px;background:var(--ui-line)}.metric-line i{position:absolute;left:10%;right:5%;top:2px;height:16px;border-top:3px solid var(--ui-blue);border-radius:50% 50% 0 0;transform:skewY(-5deg)}.metric-orbits{position:absolute;right:-16px;bottom:-20px;width:100px;height:100px}.metric-orbits i{position:absolute;inset:0;border:1px solid color-mix(in srgb,var(--ui-blue) 30%,transparent);border-radius:50%}.metric-orbits i:nth-child(2){inset:19px}.metric-orbits i:nth-child(3){inset:39px;background:var(--ui-blue)}.metric-plan{background:var(--ui-blue)!important;border-color:var(--ui-blue)!important}.metric-plan>span,.metric-plan>small,.metric-plan>a{color:rgba(255,255,255,.72)!important}.metric-plan>strong{color:#fff!important;font-size:21px!important}.studio-credit-summary{padding:16px 20px;margin:0 0 24px;border-color:var(--ui-line);background:var(--ui-card)}

/* Superficies adaptadas al tema */
.page-header h1,.section-heading h2,.editor-card h2,.billing-page h1,.staff-page h1{color:var(--ui-text)}.page-header p,.section-heading p,.form-section-title p{color:var(--ui-muted)}.button-primary{background:var(--ui-gold);color:#0b0d12}.button-primary:hover{background:color-mix(in srgb,var(--ui-gold) 84%,#fff)}.button-ghost{border-color:var(--ui-line);background:var(--ui-card);color:var(--ui-text)}.stat-card,.editor-card,.brand-card,.project-card,.style-card,.style-rules,.connection-card,.billing-plans,.credit-history-panel,.customer-table-card,.subscription-queue{background:var(--ui-card);border-color:var(--ui-line);color:var(--ui-text)}.project-thumb,.style-cover{background:var(--ui-soft)}.project-meta span,.brand-card-body span,.style-card p{color:var(--ui-muted)}.form-stack input,.form-stack select,.form-stack textarea,.field-grid input,.field-grid select,.field-grid textarea{border-color:var(--ui-line);background:var(--ui-panel);color:var(--ui-text)}

/* Modo claro en toda la plataforma */
html[data-theme="light"] body{color:var(--ui-text)}html[data-theme="light"] .main-content{background:var(--ui-bg)}html[data-theme="light"] .sidebar{background:rgba(255,255,255,.93)}html[data-theme="light"] .sidebar .brand{color:#0b0d12}html[data-theme="light"] .brand-logo{filter:drop-shadow(0 4px 8px rgba(28,35,50,.12))}html[data-theme="light"] .page-container{background:var(--ui-panel)}html[data-theme="light"] .empty-state{background:var(--ui-card);border-color:#cfd3dc}html[data-theme="light"] .credit-summary{background:var(--ui-card);border-color:var(--ui-line)}html[data-theme="light"] .credit-ledger span,html[data-theme="light"] .account-ledger article{background:var(--ui-panel);border-color:var(--ui-line)}html[data-theme="light"] .plan-card{background:var(--ui-gold);color:#0b0d12}html[data-theme="light"] .landing{background:radial-gradient(circle at 78% 18%,rgba(47,109,255,.09),transparent 31%),#f4f5f7;color:#0b0d12}html[data-theme="light"] .landing:before{background:rgba(236,209,102,.15)}html[data-theme="light"] .landing-nav,html[data-theme="light"] .landing .brand.dark,html[data-theme="light"] .landing-footer .brand{color:#0b0d12}html[data-theme="light"] .landing-links a,html[data-theme="light"] .landing .hero-copy>p,html[data-theme="light"] .landing .trust-row,html[data-theme="light"] .section-intro>p,html[data-theme="light"] .section-intro.split>p{color:#656a75}html[data-theme="light"] .capability-marquee{background:#fff;border-color:#dfe2e8}html[data-theme="light"] .capability-marquee:before{background:linear-gradient(90deg,#fff,transparent)}html[data-theme="light"] .capability-marquee:after{background:linear-gradient(-90deg,#fff,transparent)}html[data-theme="light"] .capability-track span{color:#343842}html[data-theme="light"] .process-card,html[data-theme="light"] .bento-card,html[data-theme="light"] .home-price-options article,html[data-theme="light"] .mini-plan,html[data-theme="light"] .plan-option{background:#fff;border-color:#dfe2e8;color:#0b0d12;box-shadow:0 18px 45px rgba(20,25,35,.06)}html[data-theme="light"] .process-card p,html[data-theme="light"] .bento-copy p,html[data-theme="light"] .mini-plan>p,html[data-theme="light"] .plan-option>p{color:#686d78}html[data-theme="light"] .showcase-card{border-color:#dfe2e8;background:#fff}html[data-theme="light"] .pricing-page{background:radial-gradient(circle at 50% -10%,rgba(47,109,255,.09),transparent 36%),#f4f5f7;color:#0b0d12}html[data-theme="light"] .pricing-nav .brand.dark{color:#0b0d12}html[data-theme="light"] .credit-key span,html[data-theme="light"] .plan-credits,html[data-theme="light"] .cost-table span{background:#fff;border-color:#dfe2e8;color:#3f444e}html[data-theme="light"] .auth-form-wrap{background:#f4f5f7}html[data-theme="light"] .auth-form{color:#0b0d12}html[data-theme="light"] .auth-form>p{color:#686d78}html[data-theme="light"] .calendar-page{background:var(--ui-panel);border-color:var(--ui-line)}html[data-theme="light"] .calendar-topbar,html[data-theme="light"] .calendar-toolbar,html[data-theme="light"] .weekday-row,html[data-theme="light"] .calendar-day{background:var(--ui-panel);border-color:var(--ui-line);color:var(--ui-text)}html[data-theme="light"] .calendar-day.outside{background:var(--ui-card)}html[data-theme="light"] .content-event summary{background:var(--ui-card);border-color:var(--ui-line)}html[data-theme="light"] .project-workspace,html[data-theme="light"] .workspace-header,html[data-theme="light"] .revision-panel{background:var(--ui-panel);border-color:var(--ui-line);color:var(--ui-text)}html[data-theme="light"] .revision-content>p,html[data-theme="light"] .version-row span{color:var(--ui-muted)}

@media(max-width:1100px){.studio-cockpit{grid-template-columns:240px minmax(0,1fr)}.studio-metrics{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.theme-toggle{background:var(--ui-card);color:var(--ui-text)}.mobile-header{background:var(--ui-panel);color:var(--ui-text);border-color:var(--ui-line)}.mobile-header .brand{color:var(--ui-text)}.sidebar{background:var(--ui-panel);color:var(--ui-text);border-color:var(--ui-line)}.nav-link{color:var(--ui-muted)}.nav-link.active{background:var(--ui-blue);color:#fff}.studio-cockpit{grid-template-columns:1fr;grid-template-rows:auto}.creative-assistant-card{grid-row:auto;min-height:300px}.studio-feature-card{min-height:360px;grid-row:1}.studio-metrics{grid-template-columns:1fr 1fr}.dashboard-topbar{align-items:flex-start}.studio-status{display:none}}
@media(max-width:600px){.dashboard-studio{padding:18px 10px 32px!important}.dashboard-topbar{align-items:stretch;flex-direction:column}.dashboard-topbar>div:last-child{justify-content:space-between}.studio-cockpit{gap:8px}.studio-feature-card{min-height:330px}.feature-copy{left:20px;right:20px}.feature-copy h2{font-size:34px}.feature-copy p{max-width:260px}.feature-thumbs{right:12px;top:12px}.feature-thumbs img,.feature-thumbs b{width:31px;height:31px;border-radius:9px}.creative-assistant-card{min-height:270px}.studio-metrics{grid-template-columns:1fr 1fr;gap:7px}.studio-metrics article{min-height:125px;padding:14px}.studio-credit-summary{display:none}}
@media(max-width:390px){.studio-metrics{grid-template-columns:1fr}.studio-feature-card{min-height:300px}.dashboard-topbar .button{width:100%}}

/* Centro de cuenta: perfil, facturación, seguridad y preferencias */
.account-tabs{margin:-10px 0 28px;display:flex;gap:5px;overflow-x:auto;scrollbar-width:none}.account-tabs::-webkit-scrollbar{display:none}.account-tabs a{min-height:38px;padding:0 13px;border:1px solid transparent;border-radius:11px;color:var(--ui-muted);display:inline-flex;align-items:center;gap:7px;font-size:9px;font-weight:700;white-space:nowrap}.account-tabs a span{font-size:13px}.account-tabs a:hover{background:var(--ui-card);color:var(--ui-text)}.account-tabs a.active{border-color:color-mix(in srgb,var(--ui-blue) 30%,var(--ui-line));background:color-mix(in srgb,var(--ui-blue) 12%,var(--ui-card));color:var(--ui-blue)}.account-page-heading{margin-bottom:22px}.account-page-heading h1{margin:8px 0 5px;color:var(--ui-text);font-size:clamp(30px,4vw,45px);font-weight:600;letter-spacing:-.055em}.account-page-heading p{margin:0;color:var(--ui-muted)}.profile-layout{display:grid;grid-template-columns:285px minmax(0,1fr);gap:12px;align-items:start}.profile-summary-card,.profile-form-card,.preference-card,.billing-method-card,.billing-events-card{border:1px solid var(--ui-line);border-radius:19px;background:var(--ui-card);color:var(--ui-text)}.profile-summary-card{padding:25px;text-align:center}.large-avatar{width:86px;height:86px;margin:0 auto 17px;display:grid;place-items:center;border-radius:26px;background:linear-gradient(145deg,var(--ui-gold),color-mix(in srgb,var(--ui-gold) 66%,#fff));color:#0b0d12;font:800 32px "Manrope";box-shadow:0 16px 34px color-mix(in srgb,var(--ui-gold) 20%,transparent)}.profile-summary-card h2{margin:0 0 4px;font-size:20px}.profile-summary-card>p{margin:0 0 12px;color:var(--ui-muted);font-size:9px}.profile-summary-card>.role-pill{display:inline-block}.profile-summary-card>div{margin:22px 0;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--ui-line);border-radius:13px;overflow:hidden}.profile-summary-card>div>span{padding:13px;display:grid}.profile-summary-card>div>span+span{border-left:1px solid var(--ui-line)}.profile-summary-card>div small{color:var(--ui-muted);font-size:7px}.profile-summary-card>div strong{margin-top:4px;font-size:12px}.profile-form-card{padding:25px}.profile-form-card>header{display:flex;justify-content:space-between;align-items:start;margin-bottom:22px}.profile-form-card>header h2{margin:0 0 4px;font-size:19px}.profile-form-card>header p{margin:0;color:var(--ui-muted);font-size:9px}.profile-form-card>header>span{padding:6px 8px;border-radius:12px;background:color-mix(in srgb,var(--ui-blue) 10%,var(--ui-card));color:var(--ui-blue);font-size:7px}.profile-readonly-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.profile-readonly-grid span{padding:13px;border:1px solid var(--ui-line);border-radius:11px;background:var(--ui-panel);display:grid}.profile-readonly-grid small{color:var(--ui-muted);font-size:7px}.profile-readonly-grid strong{margin-top:4px;font-size:9px;text-transform:capitalize}.preferences-layout{display:grid;grid-template-columns:1fr 1fr;gap:10px}.preference-card{padding:23px}.preference-card>header{display:grid;grid-template-columns:33px 1fr;gap:10px;margin-bottom:20px}.preference-card>header>span{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:var(--ui-soft);color:var(--ui-blue);font-size:8px;font-weight:800}.preference-card h2{margin:0 0 3px;font-size:17px}.preference-card header p{margin:0;color:var(--ui-muted);font-size:8px}.theme-preference-card{grid-row:span 2}.theme-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.theme-options label{cursor:pointer}.theme-options input{position:absolute;opacity:0}.theme-options label>span{height:145px;padding:12px;border:2px solid transparent;border-radius:15px;display:grid;grid-template-columns:30px 1fr;grid-template-rows:28px 1fr;gap:7px}.theme-preview.dark{background:#101216;border-color:#2d3038}.theme-preview.light{background:#f7f8fa;border-color:#dfe2e8}.theme-preview i:first-child{grid-row:1/3;border-radius:8px}.theme-preview.dark i:first-child{background:#20242b}.theme-preview.light i:first-child{background:#e7e9ed}.theme-preview i:nth-child(2),.theme-preview i:nth-child(3){border-radius:8px}.theme-preview.dark i:nth-child(2){background:#ecd166}.theme-preview.dark i:nth-child(3){background:#2f6dff}.theme-preview.light i:nth-child(2){background:#dfbd43}.theme-preview.light i:nth-child(3){background:#245fff}.theme-options label>b{display:block;margin-top:7px;color:var(--ui-muted);font-size:9px}.theme-options input:checked+span{border-color:var(--ui-blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-blue) 10%,transparent)}.theme-options input:checked~b{color:var(--ui-blue)}.toggle-list{display:grid;gap:8px}.toggle-list label{padding:13px;border:1px solid var(--ui-line);border-radius:12px;background:var(--ui-panel);display:flex;align-items:center;justify-content:space-between;gap:15px}.toggle-list label>span{display:grid}.toggle-list b{font-size:9px}.toggle-list small{margin-top:3px;color:var(--ui-muted);font-size:7px}.toggle-list input{appearance:none;width:36px;height:20px;border-radius:20px;background:var(--ui-soft);position:relative;transition:.2s}.toggle-list input:after{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:.2s}.toggle-list input:checked{background:var(--ui-blue)}.toggle-list input:checked:after{translate:16px 0}.preferences-actions{grid-column:1/-1;display:flex;justify-content:flex-end}.billing-records-section{display:grid;grid-template-columns:.72fr 1.28fr;gap:9px;margin-bottom:16px}.billing-method-card,.billing-events-card{padding:18px}.billing-method-card>header{display:flex;gap:10px}.billing-method-card>header>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--ui-blue) 12%,var(--ui-card));color:var(--ui-blue)}.billing-method-card h2,.billing-events-card h2{margin:0 0 3px;font-size:14px}.billing-method-card header p,.billing-events-card header p{margin:0;color:var(--ui-muted);font-size:7px}.billing-method-card>div{margin:15px 0;padding:12px;border:1px solid var(--ui-line);border-radius:11px;background:var(--ui-panel);display:grid}.billing-method-card>div span,.billing-method-card>div small{color:var(--ui-muted);font-size:7px}.billing-method-card>div strong{margin:4px 0;font-size:10px}.billing-method-card>a{color:var(--ui-blue);font-size:8px;font-weight:800}.billing-events-card>header{margin-bottom:10px}.billing-events-card>div{display:grid;gap:5px;max-height:150px;overflow-y:auto}.billing-events-card article{padding:9px;border:1px solid var(--ui-line);border-radius:9px;background:var(--ui-panel);display:grid;grid-template-columns:70px 1fr auto;gap:8px;align-items:center}.billing-events-card article>div{display:grid}.billing-events-card article strong{font-size:8px}.billing-events-card article small{color:var(--ui-muted);font-size:7px}.billing-events-card article>b{font-size:9px}.billing-status{padding:4px 5px;border-radius:8px;background:var(--ui-soft);color:var(--ui-muted);font-size:6px;text-align:center;text-transform:uppercase}.billing-status.status-approved{background:color-mix(in srgb,var(--ui-blue) 12%,var(--ui-card));color:var(--ui-blue)}.billing-status.status-pending,.billing-status.status-processing{background:color-mix(in srgb,var(--ui-gold) 20%,var(--ui-card));color:#a17d00}
@media(max-width:900px){.account-tabs{margin-top:0}.profile-layout{grid-template-columns:1fr}.profile-summary-card{display:grid;grid-template-columns:86px 1fr;gap:0 18px;text-align:left}.large-avatar{grid-row:1/5;margin:0}.profile-summary-card>div,.profile-summary-card>a{grid-column:1/-1}.preferences-layout{grid-template-columns:1fr}.theme-preference-card{grid-row:auto}.preferences-actions{grid-column:auto}.billing-records-section{grid-template-columns:1fr}}
@media(max-width:600px){.account-center-page,.billing-page,.security-page{padding-left:12px!important;padding-right:12px!important}.account-tabs{margin-bottom:20px}.account-tabs a{padding:0 10px}.account-page-heading h1{font-size:31px}.profile-summary-card{display:block;text-align:center}.large-avatar{margin:0 auto 17px}.profile-form-card,.preference-card{padding:17px}.profile-form-card>header{display:grid;gap:10px}.profile-readonly-grid{grid-template-columns:1fr}.theme-options label>span{height:115px}.billing-events-card article{grid-template-columns:62px 1fr auto}}

/* Legibilidad mínima del cockpit y el centro de cuenta */
.account-tabs a{font-size:11px}.profile-summary-card>p,.profile-form-card>header p{font-size:11px}.profile-form-card>header>span{font-size:9px}.profile-readonly-grid small,.preference-card header p,.toggle-list small,.billing-method-card header p,.billing-events-card header p,.billing-method-card>div span,.billing-method-card>div small,.billing-events-card article small{font-size:10px}.profile-readonly-grid strong,.toggle-list b,.billing-method-card>div strong,.billing-events-card article strong,.billing-events-card article>b{font-size:11px}.billing-method-card>a{font-size:10px}.billing-status{font-size:8px}.studio-metrics article>span{font-size:10px}.studio-metrics article>small,.studio-metrics article>a,.creative-assistant-card>header small,.feature-location,.feature-copy>span{font-size:9px}.creative-assistant-card p,.feature-copy p{font-size:11px}

/* Sistema visual de producto: iconografía y navegación */
.ui-icon{width:1.25em;height:1.25em;display:block;flex:0 0 auto}.button .ui-icon,.back-link .ui-icon{width:17px;height:17px}.nav-icon .ui-icon{width:20px;height:20px}.account-tabs .ui-icon{width:16px;height:16px}.theme-icon-moon{display:none}html[data-theme="light"] .theme-icon-sun{display:none}html[data-theme="light"] .theme-icon-moon{display:block}.nav-divider{width:26px;height:1px;margin:4px auto;background:var(--ui-line)}.link-button:before{display:none!important}.link-button .ui-icon{width:17px;height:17px}.link-button span{font-size:0}
@media(min-width:901px){.sidebar{width:68px;padding:11px 10px;border-radius:22px}.app-shell{padding-left:82px}.sidebar .brand{position:relative}.sidebar .brand:after{content:"";position:absolute;inset:-4px;border:1px solid color-mix(in srgb,var(--ui-gold) 35%,transparent);border-radius:15px;opacity:.7}.nav-link{width:46px;height:44px}.nav-link .nav-text{display:none}.nav-link.active{background:linear-gradient(145deg,var(--ui-blue),#1d50d5);box-shadow:0 10px 24px color-mix(in srgb,var(--ui-blue) 28%,transparent),inset 0 1px rgba(255,255,255,.18)}.nav-link:after{left:58px;padding:8px 11px;font-size:11px;border-radius:10px}.nav-link:before{content:"";position:absolute;left:52px;border:6px solid transparent;border-right-color:var(--ui-line);opacity:0;visibility:hidden}.nav-link:hover:before{opacity:1;visibility:visible}.theme-toggle [data-theme-icon]{grid-area:1/1}.account-security-link .ui-icon,.theme-toggle .ui-icon{width:17px;height:17px}.link-button{display:grid;place-items:center}.sidebar-bottom .link-button .ui-icon{display:block}}
@media(max-width:900px){.nav-link .nav-text{display:inline}.nav-divider{width:100%;margin:8px 0}.link-button{width:auto;height:auto;display:flex;align-items:center;gap:10px}.link-button .ui-icon{display:block}.link-button span{font-size:12px}.theme-toggle [data-theme-icon]{grid-area:1/1}.menu-toggle{display:grid;place-items:center}.menu-toggle .ui-icon{width:22px;height:22px}}

/* Flujos guiados: marca, estilos y creación */
.guided-page{--brand-primary:#111318;--brand-secondary:#f4f1e8;--brand-accent:#e8c85c}.guided-header{max-width:1180px;margin:0 auto 26px;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:end}.guided-header>.back-link{grid-column:1/-1;width:max-content;margin-bottom:0;display:inline-flex;align-items:center;gap:8px;color:var(--ui-muted);font-size:11px}.guided-header h1{margin:7px 0 6px;color:var(--ui-text);font-size:clamp(34px,4.5vw,56px);font-weight:600;letter-spacing:-.06em;line-height:1}.guided-header p{max-width:650px;margin:0;color:var(--ui-muted);font-size:13px}.flow-progress{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid var(--ui-line);border-radius:14px;background:var(--ui-card)}.flow-progress span{display:flex;align-items:center;gap:6px;color:var(--ui-muted);font-size:9px;font-weight:700;white-space:nowrap}.flow-progress span b{width:23px;height:23px;display:grid;place-items:center;border-radius:8px;background:var(--ui-soft);font-size:8px}.flow-progress span.active{color:var(--ui-text)}.flow-progress span.active b{background:var(--ui-blue);color:#fff}.flow-progress i{width:24px;height:1px;background:var(--ui-line)}
.guided-form{max-width:1180px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:12px;align-items:start}.guided-main{display:grid;gap:12px}.guided-card{padding:26px;border:1px solid var(--ui-line);border-radius:20px;background:var(--ui-card);color:var(--ui-text)}.guided-card.primary-step{border-color:color-mix(in srgb,var(--ui-blue) 28%,var(--ui-line));box-shadow:inset 0 1px color-mix(in srgb,#fff 6%,transparent)}.guided-card>header{margin-bottom:22px;display:grid;grid-template-columns:42px 1fr;gap:12px}.guided-card>header .step-icon,.optional-tool-card .step-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:color-mix(in srgb,var(--ui-blue) 12%,var(--ui-card));color:var(--ui-blue)}.step-icon .ui-icon{width:19px;height:19px}.guided-card>header small{color:var(--ui-blue);font-size:8px;font-weight:800;letter-spacing:.1em}.guided-card>header h2{margin:3px 0 4px;font-size:20px;letter-spacing:-.025em}.guided-card>header p{margin:0;color:var(--ui-muted);font-size:11px}.guided-card label{display:grid;gap:8px;color:var(--ui-text);font-size:11px;font-weight:700}.guided-card input,.guided-card select,.guided-card textarea,.optional-tool-card input,.optional-tool-card select,.optional-tool-card textarea{width:100%;border:1px solid var(--ui-line);border-radius:11px;background:var(--ui-panel);color:var(--ui-text);font:500 13px "DM Sans";outline:none;transition:.18s}.guided-card input,.guided-card select,.optional-tool-card input,.optional-tool-card select{min-height:47px;padding:0 13px}.guided-card textarea,.optional-tool-card textarea{padding:13px;line-height:1.55;resize:vertical}.guided-card input:focus,.guided-card select:focus,.guided-card textarea:focus,.optional-tool-card input:focus,.optional-tool-card select:focus,.optional-tool-card textarea:focus{border-color:var(--ui-blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-blue) 12%,transparent)}.guided-card .field-grid{gap:11px}.guided-aside{position:sticky;top:24px;display:grid;gap:10px}.guided-actions{grid-column:1/-1;position:sticky;z-index:8;bottom:10px;padding:12px 14px;border:1px solid var(--ui-line);border-radius:17px;background:color-mix(in srgb,var(--ui-panel) 90%,transparent);backdrop-filter:blur(18px);box-shadow:0 18px 45px rgba(0,0,0,.18);display:flex;justify-content:flex-end;align-items:center;gap:8px}.guided-actions .button{min-height:45px;display:inline-flex;align-items:center;justify-content:center;gap:9px}.guided-help-card{padding:15px;border:1px solid var(--ui-line);border-radius:15px;background:var(--ui-card);display:flex;gap:11px;color:var(--ui-text)}.guided-help-card>.ui-icon{width:18px;height:18px;color:var(--ui-gold)}.guided-help-card div{display:grid;gap:3px}.guided-help-card strong{font-size:10px}.guided-help-card p{margin:0;color:var(--ui-muted);font-size:9px;line-height:1.5}
.upload-dropzone{position:relative;min-height:92px;padding:17px;border:1px dashed color-mix(in srgb,var(--ui-blue) 38%,var(--ui-line));border-radius:14px;background:color-mix(in srgb,var(--ui-blue) 5%,var(--ui-panel));display:grid!important;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;cursor:pointer}.upload-dropzone input,.visual-upload-zone input{position:absolute!important;inset:0;opacity:0;cursor:pointer}.upload-dropzone .upload-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--ui-card);color:var(--ui-blue)}.upload-dropzone span:nth-child(3){display:grid}.upload-dropzone strong{font-size:11px}.upload-dropzone small{margin-top:3px;color:var(--ui-muted);font-size:9px;font-weight:500}.upload-dropzone>b{padding:8px 10px;border:1px solid var(--ui-line);border-radius:9px;font-size:9px}.palette-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:18px}.palette-presets button{padding:9px 7px;border:1px solid var(--ui-line);border-radius:12px;background:var(--ui-panel);color:var(--ui-muted);cursor:pointer}.palette-presets button.active{border-color:var(--ui-blue);color:var(--ui-text);box-shadow:0 0 0 2px color-mix(in srgb,var(--ui-blue) 10%,transparent)}.palette-presets button>span{height:27px;display:flex;margin-bottom:7px}.palette-presets i{flex:1;border:2px solid var(--ui-panel)}.palette-presets i:first-child{border-radius:8px 0 0 8px}.palette-presets i:last-child{border-radius:0 8px 8px 0}.palette-presets button:nth-child(1) i:nth-child(1){background:#111318}.palette-presets button:nth-child(1) i:nth-child(2){background:#f4f1e8}.palette-presets button:nth-child(1) i:nth-child(3){background:#e8c85c}.palette-presets button:nth-child(2) i:nth-child(1){background:#173f5f}.palette-presets button:nth-child(2) i:nth-child(2){background:#f7fafc}.palette-presets button:nth-child(2) i:nth-child(3){background:#2f80ed}.palette-presets button:nth-child(3) i:nth-child(1){background:#1d4d3f}.palette-presets button:nth-child(3) i:nth-child(2){background:#f5efe4}.palette-presets button:nth-child(3) i:nth-child(3){background:#d9a441}.palette-presets button:nth-child(4) i:nth-child(1){background:#5b2a86}.palette-presets button:nth-child(4) i:nth-child(2){background:#f8f4ff}.palette-presets button:nth-child(4) i:nth-child(3){background:#ff6b6b}.palette-presets b{font-size:8px}.compact-colors{gap:8px}.compact-colors label{font-size:9px}.choice-chips,.prompt-starters,.style-starters{display:flex;gap:6px;flex-wrap:wrap}.choice-chips{margin-bottom:14px}.choice-chips button,.prompt-starters button,.style-starters button{padding:8px 11px;border:1px solid var(--ui-line);border-radius:20px;background:var(--ui-panel);color:var(--ui-muted);font-size:9px;font-weight:700}.choice-chips button:hover,.choice-chips button.active,.prompt-starters button:hover,.prompt-starters button.active,.style-starters button:hover,.style-starters button.active{border-color:var(--ui-blue);background:color-mix(in srgb,var(--ui-blue) 10%,var(--ui-card));color:var(--ui-blue)}.advanced-disclosure{margin-top:16px;border-top:1px solid var(--ui-line)}.advanced-disclosure summary{padding:15px 0 0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none}.advanced-disclosure summary::-webkit-details-marker{display:none}.advanced-disclosure summary>span{display:flex;align-items:center;gap:8px}.advanced-disclosure summary .ui-icon{width:16px;height:16px;color:var(--ui-muted)}.advanced-disclosure summary b{font-size:10px}.advanced-disclosure summary small,.optional-label{padding:3px 6px;border-radius:7px;background:var(--ui-soft);color:var(--ui-muted);font-size:7px;font-weight:700}.advanced-disclosure[open] summary>svg{rotate:180deg}.advanced-disclosure>div,.advanced-disclosure>label{margin-top:14px}.brand-live-preview{padding:14px;border:1px solid var(--ui-line);border-radius:19px;background:var(--ui-card);color:var(--ui-text)}.brand-live-preview>span{display:block;margin:2px 2px 10px;color:var(--ui-muted);font-size:7px;font-weight:800;letter-spacing:.12em}.brand-live-preview>div{min-height:330px;padding:24px;border-radius:14px;background:var(--brand-secondary);color:var(--brand-primary);display:flex;flex-direction:column;position:relative;overflow:hidden}.brand-live-preview>div:after{content:"";position:absolute;width:190px;height:190px;right:-65px;bottom:-55px;border-radius:50%;background:var(--brand-accent)}.brand-live-preview small{position:relative;z-index:1;font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.brand-live-preview strong{position:relative;z-index:1;margin:auto 0 12px;font:700 35px/1.02 "Manrope";letter-spacing:-.06em}.brand-live-preview p{position:relative;z-index:1;max-width:190px;margin:0 0 20px;font-size:10px;line-height:1.5}.brand-live-preview div>b{position:relative;z-index:1;width:max-content;padding:8px 11px;border-radius:20px;background:var(--brand-primary);color:var(--brand-secondary);font-size:7px}.brand-live-preview footer{display:flex;gap:5px;padding:11px 3px 1px}.brand-live-preview footer i{width:18px;height:7px;border-radius:7px}.brand-live-preview footer i:nth-child(1){background:var(--brand-primary)}.brand-live-preview footer i:nth-child(2){background:var(--brand-secondary);border:1px solid var(--ui-line)}.brand-live-preview footer i:nth-child(3){background:var(--brand-accent)}

/* Educar IA */
.visual-upload-zone{position:relative;min-height:220px;padding:35px;border:1px dashed color-mix(in srgb,var(--ui-blue) 45%,var(--ui-line));border-radius:17px;background:color-mix(in srgb,var(--ui-blue) 5%,var(--ui-panel));display:flex!important;align-items:center;justify-content:center;flex-direction:column;text-align:center;cursor:pointer}.visual-upload-zone>span{width:52px;height:52px;display:grid;place-items:center;margin-bottom:13px;border-radius:16px;background:var(--ui-card);color:var(--ui-blue);box-shadow:var(--ui-shadow)}.visual-upload-zone>span .ui-icon{width:22px;height:22px}.visual-upload-zone strong{font-size:14px}.visual-upload-zone p{margin:5px 0;color:var(--ui-muted);font-size:10px}.visual-upload-zone small{color:var(--ui-muted);font-size:9px}.plain-language-note{margin-top:12px;padding:12px;border:1px solid color-mix(in srgb,#47bd84 24%,var(--ui-line));border-radius:12px;background:color-mix(in srgb,#47bd84 7%,var(--ui-card));display:flex;gap:10px;color:var(--ui-text)}.plain-language-note>.ui-icon{width:17px;height:17px;color:#47bd84}.plain-language-note span{display:grid}.plain-language-note strong{font-size:10px}.plain-language-note small{margin-top:2px;color:var(--ui-muted);font-size:9px}.style-starters{margin:14px 0}.style-starters>span{width:100%;color:var(--ui-muted);font-size:9px}.field-hint{color:var(--ui-muted);font-size:9px;font-weight:500}.field-hint a{color:var(--ui-blue)}.learning-preview-card{min-height:355px;padding:26px;border-radius:20px;background:linear-gradient(150deg,#1d50d5,var(--ui-blue));color:#fff;display:flex;flex-direction:column;box-shadow:0 24px 60px color-mix(in srgb,var(--ui-blue) 23%,transparent)}.learning-preview-card>span{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;background:rgba(255,255,255,.14)}.learning-preview-card>small{margin-top:auto;font-size:8px;letter-spacing:.12em;opacity:.75}.learning-preview-card h3{margin:7px 0 18px;font-size:24px;line-height:1.08;letter-spacing:-.04em}.learning-preview-card ul{margin:0;padding:0;display:grid;gap:10px;list-style:none}.learning-preview-card li{display:flex;align-items:center;gap:8px;font-size:10px}.learning-preview-card li .ui-icon{width:15px;height:15px;color:var(--ui-gold)}

/* Crear diseño simplificado */
.project-guided-form{max-width:1180px;margin:auto;display:grid;gap:12px}.project-context-grid{display:grid;grid-template-columns:1.15fr .85fr 1fr 1fr;gap:10px}.project-context-grid .project-title-field{grid-column:auto}.project-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.simple-copy-column,.simple-direction-column{min-width:0}.simple-direction-column{padding-left:28px;border-left:1px solid var(--ui-line)}.field-heading{margin-bottom:13px;display:flex;align-items:center;gap:10px}.field-heading>span{width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:var(--ui-blue);color:#fff;font-size:9px;font-weight:800}.field-heading>div{display:grid}.field-heading strong{font-size:12px}.field-heading small{color:var(--ui-muted);font-size:9px}.prompt-starters{margin-bottom:9px}.simplified-prompt textarea,.copy-field textarea{min-height:188px}.simplified-prompt small{color:var(--ui-muted);font-size:9px;font-weight:500}.simplified-budget{margin-top:8px;padding:13px;border-radius:13px}.simplified-budget .assistant-launch{display:flex;align-items:center;justify-content:center;gap:7px}.simplified-budget .assistant-launch .ui-icon{width:14px;height:14px}.optional-tools-section{padding:24px;border:1px solid var(--ui-line);border-radius:20px;background:color-mix(in srgb,var(--ui-card) 65%,var(--ui-panel))}.optional-tools-heading{margin-bottom:15px}.optional-tools-heading h2{margin:5px 0 3px;font-size:20px}.optional-tools-heading p{margin:0;color:var(--ui-muted);font-size:11px}.optional-tool-card{border:1px solid var(--ui-line);border-radius:15px;background:var(--ui-card);overflow:hidden}.optional-tool-card+.optional-tool-card{margin-top:8px}.optional-tool-card>summary{min-height:72px;padding:12px 15px;display:grid;grid-template-columns:42px 1fr auto 18px;gap:12px;align-items:center;cursor:pointer;list-style:none}.optional-tool-card>summary::-webkit-details-marker{display:none}.optional-tool-card>summary>span:nth-child(2){display:grid}.optional-tool-card>summary strong{font-size:11px}.optional-tool-card>summary small{margin-top:3px;color:var(--ui-muted);font-size:9px}.optional-tool-card>summary>b{padding:7px 9px;border:1px solid var(--ui-line);border-radius:9px;color:var(--ui-blue);font-size:8px}.optional-tool-card[open]>summary{border-bottom:1px solid var(--ui-line)}.optional-tool-card[open]>summary>svg{rotate:180deg}.optional-tool-content{padding:18px}.simplified-assets .asset-row{grid-template-columns:1.25fr .9fr .8fr 36px;background:var(--ui-panel);border-color:var(--ui-line)}.simplified-assets label{color:var(--ui-text)}.discreet-mentions{margin-top:12px}.project-submit-bar{grid-column:auto}.project-submit-bar .generation-cost{margin-right:auto}.project-submit-bar .button-primary{min-width:190px}.assistant-orb .ui-icon{width:16px;height:16px}.assistant-drawer form button .ui-icon{width:17px;height:17px}

@media(max-width:1100px){.guided-form{grid-template-columns:minmax(0,1fr) 270px}.project-context-grid{grid-template-columns:1fr 1fr}.palette-presets{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.guided-header{grid-template-columns:1fr}.flow-progress{width:100%;justify-content:center}.guided-form{grid-template-columns:1fr}.guided-aside{position:static;grid-template-columns:1fr 1fr}.brand-live-preview{grid-row:span 2}.brand-live-preview>div{min-height:280px}.learning-preview-card{min-height:270px}.project-content-grid{gap:18px}.simple-direction-column{padding-left:18px}.project-guided-form{width:100%}.guided-actions{bottom:8px}}
@media(max-width:650px){.guided-page{padding:20px 12px 40px!important}.guided-header{margin-bottom:20px}.guided-header h1{font-size:36px}.guided-header p{font-size:12px}.flow-progress{padding:7px 5px;gap:5px}.flow-progress span{font-size:8px}.flow-progress span b{width:21px;height:21px}.flow-progress i{width:12px}.guided-card{padding:18px}.guided-card>header{grid-template-columns:36px 1fr}.guided-card>header .step-icon,.optional-tool-card .step-icon{width:35px;height:35px}.guided-card>header h2{font-size:18px}.guided-aside{grid-template-columns:1fr}.brand-live-preview{grid-row:auto}.upload-dropzone{grid-template-columns:40px 1fr}.upload-dropzone>b{grid-column:1/-1;text-align:center}.palette-presets{grid-template-columns:1fr 1fr}.compact-colors{grid-template-columns:1fr}.guided-actions{margin:0 -4px;padding:9px;display:grid;grid-template-columns:1fr 1fr}.guided-actions .generation-cost{grid-column:1/-1;width:100%;margin:0}.guided-actions .button{width:100%;padding-left:10px;padding-right:10px}.project-content-grid{grid-template-columns:1fr}.simple-direction-column{padding:20px 0 0;border-left:0;border-top:1px solid var(--ui-line)}.project-context-grid{grid-template-columns:1fr}.visual-upload-zone{min-height:180px;padding:24px 15px}.optional-tools-section{padding:14px}.optional-tool-card>summary{grid-template-columns:36px 1fr 18px;padding:11px}.optional-tool-card>summary>b{display:none}.optional-tool-content{padding:10px}.simplified-assets .asset-row{grid-template-columns:1fr}.simplified-assets .remove-reference{width:100%}.project-submit-bar .button-primary{min-width:0}.project-submit-bar{grid-template-columns:.72fr 1.28fr}.sketch-toolbar .ui-icon{width:17px;height:17px}.sketch-toolbar button>b{font-size:9px}}

/* Estados temáticos de los asistentes del creador */
.label-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.label-title .optional-label{margin-left:auto}.simplified-budget{border-color:var(--ui-line);background:var(--ui-panel);color:var(--ui-text)}.simplified-budget .budget-head,.simplified-budget p{color:var(--ui-muted)}.simplified-budget .budget-head strong{color:var(--ui-text)}.simplified-budget .budget-bar{background:var(--ui-soft)}.simplified-budget .assistant-launch{border-color:color-mix(in srgb,var(--ui-blue) 35%,var(--ui-line));background:color-mix(in srgb,var(--ui-blue) 8%,var(--ui-card));color:var(--ui-blue)}.project-content-card .carousel-suggestion{border-color:color-mix(in srgb,var(--ui-gold) 35%,var(--ui-line));background:var(--ui-panel);color:var(--ui-text)}.project-content-card .carousel-suggestion>div:first-child p{color:var(--ui-muted)}.project-content-card .carousel-slides article{border-color:var(--ui-line);background:var(--ui-card)}.project-content-card .carousel-slides article p{color:var(--ui-text)}
.viewer-tools button{display:inline-flex;align-items:center;justify-content:center;gap:6px}.viewer-tools button .ui-icon{width:15px;height:15px}.assistant-launch{display:flex;align-items:center;justify-content:center;gap:7px}.assistant-launch .ui-icon{width:14px;height:14px}.consistency-note .ui-icon{width:17px;height:17px}.workspace-header .back-link{display:inline-flex;align-items:center;gap:7px}.empty-icon .ui-icon{width:31px;height:31px}@media(max-width:600px){.viewer-tools button[data-open-sketch]::before{display:none!important}}

/* Meta: conexión autoservicio, publicaciones y publicidad */
.meta-page,.advertising-page{--meta-blue:#1877f2}.meta-status{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border-radius:999px;font-size:12px;font-weight:800;background:#eef1f6;color:#596273}.meta-status-active{background:#e8f8ef;color:#18884d}.meta-status-error{background:#fff0ef;color:#be3d37}.meta-hero-card{display:grid;grid-template-columns:100px 1fr;gap:28px;align-items:center;background:linear-gradient(135deg,#10131a,#242a38);color:#fff;border-radius:24px;padding:36px;margin-bottom:22px;box-shadow:var(--shadow)}.meta-hero-card h2{font-size:32px;margin:8px 0 10px}.meta-hero-card p{color:#c7ccda;line-height:1.65;margin:0}.meta-brand-mark{width:88px;height:88px;border-radius:24px;background:#fff;display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-items:center;color:var(--meta-blue);font-size:32px;font-weight:900}.meta-brand-mark span:last-child{color:#e64c8c}.meta-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}.meta-steps article{background:#fff;border:1px solid var(--line);border-radius:17px;padding:22px;display:flex;gap:14px}.meta-steps b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#ece9ff;color:var(--purple);flex:0 0 28px}.meta-steps h3{font-size:16px;margin:2px 0 8px}.meta-steps p{font-size:13px;line-height:1.55;color:var(--muted);margin:0}.meta-connect-options{display:grid;grid-template-columns:1fr 1fr;gap:18px}.meta-option-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;display:grid;grid-template-columns:46px 1fr;gap:18px;align-items:start}.meta-option-card.featured{border-color:#222;background:#f9f7f0}.meta-option-card .button{grid-column:1/-1}.meta-option-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#eaf2ff;color:var(--meta-blue);font-size:22px}.meta-option-card h3{margin:4px 0 8px}.meta-option-card p{color:var(--muted);line-height:1.55;margin:0}.mini-badge{display:inline-block;font-size:9px;letter-spacing:.12em;font-weight:900;background:var(--lime);padding:5px 8px;border-radius:999px}.meta-privacy-note{text-align:center;color:var(--muted);font-size:12px;margin:18px 0 0}.meta-connection-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px}.meta-connection-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:24px;border-bottom:1px solid var(--line)}.meta-connection-head>div{display:flex;align-items:center;gap:14px}.meta-avatar{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--meta-blue);color:#fff;font-weight:900}.meta-connection-head small{font-size:10px;letter-spacing:.12em;color:var(--muted)}.meta-connection-head h2{margin:3px 0 0}.meta-assets-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}.meta-assets-grid article{border:1px solid var(--line);border-radius:15px;padding:20px;display:grid;gap:7px}.meta-assets-grid article>span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.meta-assets-grid article small{color:var(--muted)}.meta-error-box{background:#fff4f3;border:1px solid #f1c8c5;border-radius:14px;padding:16px}.meta-error-box p{margin:6px 0 0;color:#8e3c38}.meta-actions{display:flex;gap:10px;flex-wrap:wrap}.button.danger{color:#b63833;border-color:#e6b7b4}.meta-next-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.meta-next-grid a{background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px}.meta-next-grid a>span{color:var(--purple);font-size:12px;font-weight:800}.meta-next-grid h3{margin:12px 0 8px}.meta-next-grid p{color:var(--muted);line-height:1.55}.meta-next-grid b{color:var(--purple)}.meta-help-card{margin-top:18px;border:1px solid var(--line);background:#fff;border-radius:18px;padding:22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.meta-help-card>div{display:flex;gap:14px;align-items:flex-start}.meta-help-card>div>span{width:32px;height:32px;border-radius:50%;background:#ece9ff;color:var(--purple);display:grid;place-items:center;font-weight:900}.meta-help-card h3{margin:0 0 5px}.meta-help-card p{margin:0;color:var(--muted);line-height:1.55}.meta-help-card details{max-width:390px}.meta-help-card summary{font-weight:700;cursor:pointer}.meta-help-card code{display:block;margin-top:8px;white-space:normal;overflow-wrap:anywhere}.meta-selection-form{padding:28px}.meta-radio-list{display:grid;gap:10px}.meta-radio-list label{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:14px;padding:16px;background:#fff}.meta-radio-list label:has(input:checked){border-color:var(--purple);box-shadow:0 0 0 3px rgba(101,88,245,.09)}.meta-radio-list span{display:grid;gap:4px}.meta-radio-list small{color:var(--muted)}.meta-admin-card{margin-top:22px}.calendar-header-actions{display:flex;gap:10px;flex-wrap:wrap}.meta-schedule-details{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.meta-schedule-details>summary{font-weight:800;color:var(--purple);cursor:pointer}.meta-schedule-form{display:grid;gap:10px;margin-top:12px}.meta-schedule-form label{display:grid;gap:6px;font-size:11px;font-weight:800}.meta-schedule-form input,.meta-schedule-form select,.meta-schedule-form textarea{width:100%;border:1px solid var(--line);border-radius:9px;padding:9px;background:#fff}.meta-channel-checks{display:flex;gap:12px;flex-wrap:wrap}.meta-channel-checks label{display:flex;align-items:center;gap:6px}.meta-channel-checks input{width:auto}.field-grid.compact{grid-template-columns:1fr 1fr;gap:8px}.meta-publish-actions{display:flex;gap:8px}.meta-inline-connect{display:block;margin-top:10px;color:var(--purple);font-weight:800;font-size:12px}.publication-result{display:grid;gap:4px;border-radius:10px;padding:10px;margin-top:10px;background:#edf1f7}.publication-result.status-published{background:#e8f8ef;color:#187847}.publication-result.status-failed{background:#fff0ef;color:#ae3934}.publication-result small{font-size:10px;line-height:1.4}.event-status-form{margin-top:10px}.event-status-form select{width:100%}.ads-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.ads-summary article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;display:grid;gap:7px}.ads-summary span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.09em}.campaign-table-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}.campaign-table-card>header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px;border-bottom:1px solid var(--line)}.campaign-table-card h2{margin:0 0 5px}.campaign-table-card p{margin:0;color:var(--muted)}.campaign-row{display:grid;grid-template-columns:1.5fr 1fr .8fr .8fr .6fr;gap:16px;align-items:center;padding:16px 24px;border-bottom:1px solid var(--line);font-size:13px}.campaign-row>span:first-child{display:grid;gap:4px}.campaign-row small{color:var(--muted)}.campaign-head{font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:900;color:var(--muted);background:#faf9f6}.campaign-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#aaa;margin-right:7px}.campaign-dot.on{background:#35a86a}.empty-table{padding:35px;text-align:center;color:var(--muted)}.ads-safety-note{display:flex;gap:14px;margin-top:18px;background:#fff8df;border:1px solid #ead99c;border-radius:16px;padding:20px}.ads-safety-note>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#f4d35e;font-weight:900}.ads-safety-note p{margin:5px 0 0;color:#77652d}
@media(max-width:980px){.meta-steps,.ads-summary{grid-template-columns:1fr 1fr}.meta-connect-options,.meta-next-grid{grid-template-columns:1fr}.meta-assets-grid{grid-template-columns:1fr}.campaign-table{overflow:auto}.campaign-row{min-width:860px}.meta-help-card{align-items:flex-start;flex-direction:column}.meta-help-card details{max-width:none}.calendar-header-actions{width:100%}}
@media(max-width:620px){.meta-hero-card{grid-template-columns:1fr;padding:25px}.meta-steps,.ads-summary{grid-template-columns:1fr}.meta-option-card{grid-template-columns:40px 1fr;padding:21px}.meta-connection-head{align-items:flex-start;flex-direction:column}.meta-actions{display:grid}.meta-actions form,.meta-actions .button{width:100%}.calendar-header-actions{display:grid}.calendar-header-actions .button{width:100%}}

/* Estilos automáticos y biblioteca global */
.style-library-section{margin-top:34px}.style-library-section+.style-library-section{margin-top:46px}.style-library-section>.section-heading{margin-bottom:16px;display:flex;align-items:end;justify-content:space-between;gap:18px}.library-count{display:inline-flex;align-items:center;min-height:31px;padding:0 11px;border:1px solid var(--ui-line);border-radius:999px;background:var(--ui-card);color:var(--ui-muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.style-card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.style-card-title>strong{font-size:14px;line-height:1.25}.style-card-title>em{flex:0 0 auto;padding:4px 7px;border-radius:999px;background:color-mix(in srgb,var(--ui-gold) 16%,var(--ui-card));color:var(--ui-gold);font-size:7px;font-style:normal;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.style-card-title>em.private{background:color-mix(in srgb,var(--ui-blue) 16%,var(--ui-card));color:var(--ui-blue)}.inline-empty-state{min-height:120px;padding:24px;border:1px dashed var(--ui-line);border-radius:17px;background:color-mix(in srgb,var(--ui-card) 70%,transparent);display:flex;align-items:center;justify-content:space-between;gap:18px}.inline-empty-state p{margin:0;color:var(--ui-muted);font-size:12px}.inline-empty-state a{color:var(--ui-gold);font-size:11px;font-weight:800}.automatic-style-card{min-height:520px;display:flex;flex-direction:column}.large-upload-zone{min-height:285px;flex:1}.automatic-fields-list{margin-top:18px;padding:17px;border:1px solid var(--ui-line);border-radius:14px;background:var(--ui-panel)}.automatic-fields-list>span{display:block;margin-bottom:11px;color:var(--ui-muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.automatic-fields-list>div{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.automatic-fields-list b{display:flex;align-items:center;gap:7px;color:var(--ui-text);font-size:10px}.automatic-fields-list .ui-icon{width:13px;height:13px;color:var(--ui-gold)}.global-style-notice{border-color:color-mix(in srgb,var(--ui-gold) 35%,var(--ui-line))}.style-profile-header .page-kicker{display:inline-flex;align-items:center;min-height:25px;padding:0 8px;border-radius:999px;background:color-mix(in srgb,var(--ui-gold) 13%,transparent)}.enriched-style-detail{grid-template-columns:350px minmax(0,1fr)}.style-visibility-row{padding:12px;border:1px solid var(--ui-line);border-radius:12px;background:var(--ui-panel);display:flex;align-items:center;justify-content:space-between;gap:8px}.style-visibility-row>span{margin:0!important;color:var(--ui-muted)!important}.style-visibility-row>strong{color:var(--ui-gold);font-size:9px}.style-analysis-content{min-width:0;display:grid;gap:16px}.analysis-overview-card{padding:26px;border:1px solid var(--ui-line);border-radius:18px;background:var(--ui-card)}.analysis-overview-card h2{max-width:900px;margin:8px 0 16px;color:var(--ui-text);font-size:22px;line-height:1.35;letter-spacing:-.025em}.style-keywords{display:flex;flex-wrap:wrap;gap:7px}.style-keywords span{padding:6px 9px;border:1px solid var(--ui-line);border-radius:999px;background:var(--ui-panel);color:var(--ui-muted);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.analysis-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.analysis-grid article{min-height:185px;padding:20px;border:1px solid var(--ui-line);border-radius:16px;background:var(--ui-card);display:flex;flex-direction:column;align-items:flex-start}.analysis-grid article>span{width:38px;height:38px;margin-bottom:20px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--ui-blue) 12%,var(--ui-card));color:var(--ui-blue)}.analysis-grid article>span .ui-icon{width:18px;height:18px}.analysis-grid article>small{color:var(--ui-gold);font-size:8px;font-weight:900;letter-spacing:.1em}.analysis-grid article>p{margin:8px 0 0;color:var(--ui-muted);font-size:11px;line-height:1.65}.detected-palette{margin-top:11px;display:flex;flex-wrap:wrap;gap:7px}.detected-palette b{padding:7px 9px;border-radius:9px;background:var(--ui-panel);color:var(--ui-text);font-size:9px;font-weight:700}.style-reference-section{padding:22px;border:1px solid var(--ui-line);border-radius:18px;background:var(--ui-card)}.style-reference-section>.section-heading{margin-bottom:14px;display:flex;justify-content:space-between;align-items:end}.style-reference-section .reference-gallery article{background:var(--ui-panel)}.mini-reference-stack{margin-top:18px;display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.mini-reference-stack img{width:100%;height:100px;object-fit:cover;border:1px solid var(--ui-line);border-radius:10px}.style-edit-page .guided-card label+label{margin-top:18px}
@media(max-width:1000px){.enriched-style-detail{grid-template-columns:1fr}.analysis-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.style-library-section>.section-heading{align-items:start}}
@media(max-width:650px){.automatic-fields-list>div,.analysis-grid{grid-template-columns:1fr}.automatic-style-card{min-height:auto}.large-upload-zone{min-height:230px}.style-library-section>.section-heading,.inline-empty-state{align-items:flex-start;flex-direction:column}.style-profile-header .header-actions{width:100%;display:grid;grid-template-columns:1fr}.style-profile-header .header-actions>*{width:100%}.style-profile-header .header-actions form button{width:100%}.analysis-overview-card h2{font-size:18px}.style-reference-section{padding:14px}}

.style-analysis-status{display:flex;gap:18px;align-items:flex-start;margin:0 0 24px;padding:22px 24px;border:1px solid rgba(243,212,93,.3);border-radius:20px;background:linear-gradient(135deg,rgba(243,212,93,.1),rgba(255,255,255,.025));box-shadow:0 18px 45px rgba(0,0,0,.16)}
.style-analysis-status .step-icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:14px;background:rgba(243,212,93,.14);color:#f3d45d}
.style-analysis-status small{display:block;margin-bottom:5px;color:#f3d45d;font-size:.72rem;font-weight:800;letter-spacing:.12em}
.style-analysis-status h2{margin:0 0 7px;font-size:1.15rem}
.style-analysis-status p{margin:0;color:var(--muted,#aaa);line-height:1.55}
.style-analysis-status.is-processing .step-icon{animation:stylePulse 1.4s ease-in-out infinite}
.style-analysis-status.is-failed{border-color:rgba(255,143,143,.32);background:rgba(255,90,90,.06)}
.style-analysis-status.is-failed small,.style-analysis-status.is-failed .step-icon{color:#ff9d9d}
.analysis-technical-error{display:block;margin-top:12px;padding:10px 12px;border-radius:10px;background:rgba(0,0,0,.25);color:#ffb1b1;white-space:pre-wrap;word-break:break-word;font-size:.78rem}
@keyframes stylePulse{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.08);opacity:1}}