@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@400;600;800&family=JetBrains+Mono:wght@400;500;700&display=swap";*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}button,input,select{font:inherit}.studio-shell{grid-template-columns:285px minmax(0,1fr);height:calc(100vh - 58px);display:grid;overflow:hidden}.studio-sidebar{border-right:1px solid var(--border);background:#10141feb;flex-direction:column;gap:12px;padding:14px;display:flex;overflow-y:auto}.studio-viewer{flex-direction:column;min-width:0;height:100%;display:flex;overflow:hidden}.studio-card{border:1px solid var(--border);background:linear-gradient(#161c2af0,#131a27f0);border-radius:10px;padding:12px;box-shadow:inset 0 1px #ffffff05}.studio-label{color:var(--muted);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px;font-size:.58rem}.template-poster{background:radial-gradient(circle at top right, rgba(var(--cyan-rgb), .22), transparent 35%), linear-gradient(135deg, rgba(var(--cyan-rgb), .08), #4a50804d);border:1px solid rgba(var(--cyan-rgb), .16);border-radius:9px;padding:14px;position:relative;overflow:hidden}.template-poster-badge{z-index:1;border:1px solid rgba(var(--cyan-rgb), .3);color:var(--cyan);font-family:var(--mono);background:#0a0d14c2;border-radius:999px;padding:4px 7px;font-size:.54rem;position:absolute;top:8px;left:8px}.template-poster-screen{aspect-ratio:1.15;background:#f2f7ff;border-radius:8px;overflow:hidden;box-shadow:0 20px 40px #00000040}.template-poster-bar{background:linear-gradient(90deg,#09131e,#183548);height:18%}.template-poster-body{grid-template-columns:28% 1fr;gap:10px;height:82%;padding:12px;display:grid}.template-poster-panel,.template-poster-canvas{border-radius:6px}.template-poster-panel{background:linear-gradient(#dce7f5,#c7d8ee)}.template-poster-canvas{background:linear-gradient(#1a2437 0 18%,#0000 18%),linear-gradient(135deg,#e9eef6,#cfd9ea);border:1px solid #12253714}.upload-area{border:1.5px dashed var(--border);text-align:center;border-radius:9px;flex-direction:column;align-items:center;gap:12px;padding:16px 12px;transition:border-color .2s,background .2s,transform .2s;display:flex}.upload-area.over{border-color:var(--cyan);background:rgba(var(--cyan-rgb), .05)}.upload-area.loaded{border-style:solid;border-color:rgba(var(--green-rgb), .3);background:rgba(var(--green-rgb), .04)}.upload-icon-wrap{background:linear-gradient(135deg, rgba(var(--cyan-rgb), .2), #4a508040);width:48px;height:48px;color:var(--cyan);border-radius:14px;place-items:center;display:grid}.upload-icon-wrap svg{width:24px;height:24px}.upload-copy{flex-direction:column;gap:4px;display:flex}.upload-copy strong{letter-spacing:-.02em;font-size:.9rem}.upload-copy span,.side-note,.feature-item span,.viewer-subtitle,.preview-frame-head span,.processing-panel p,.error-panel p,.empty-state p{color:var(--text-soft)}.upload-copy span,.side-note,.feature-item span{font-size:.72rem;line-height:1.55}.upload-trigger{width:100%}.upload-trigger input{display:none}.format-row{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.format-chip,.viewer-badge,.step-chip{min-height:25px;font-family:var(--mono);border-radius:999px;justify-content:center;align-items:center;padding:0 9px;font-size:.6rem;display:inline-flex}.format-chip{border:1px solid var(--border);background:#ffffff08}.format-chip.pdf{color:#ff8b8b}.format-chip.pptx{color:var(--warn)}.format-chip.html{color:var(--green)}.status-block,.feature-list,.control-stack{flex-direction:column;gap:10px;display:flex}.status-pill{width:fit-content;font-size:.65rem;font-family:var(--mono);color:var(--cyan);background:rgba(var(--cyan-rgb), .08);border:1px solid rgba(var(--cyan-rgb), .18);border-radius:999px;align-items:center;gap:6px;padding:5px 10px;display:inline-flex}.status-dot{background:var(--green);border-radius:50%;width:6px;height:6px}.status-line,.feature-item{background:#ffffff05;border:1px solid #ffffff0a;border-radius:8px;flex-direction:column;gap:4px;padding:10px;display:flex}.status-line span,.summary-tile span{color:var(--muted);font-size:.62rem;font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em}.status-line strong,.feature-item strong,.summary-tile strong{color:var(--white);font-size:.82rem}.control-group{flex-direction:column;gap:8px;display:flex}.control-group>label{color:var(--muted);font-size:.66rem;font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em}.option-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.option-btn,.studio-btn{cursor:pointer;border:0;transition:transform .16s,opacity .16s,border-color .16s,background .16s}.option-btn{min-height:34px;color:var(--text-soft);background:#ffffff0a;border:1px solid #ffffff12;border-radius:7px;padding:0 8px;font-size:.75rem;font-weight:600}.option-btn:hover,.studio-btn:hover,.color-btn:hover{transform:translateY(-1px)}.option-btn.active{background:rgba(var(--cyan-rgb), .16);border-color:rgba(var(--cyan-rgb), .34);color:var(--white)}.color-picker{flex-wrap:wrap;gap:8px;display:flex}.color-btn{cursor:pointer;border:2px solid #0000;border-radius:50%;width:28px;height:28px}.color-btn.active{box-shadow:0 0 0 2px rgba(var(--cyan-rgb), .26);border-color:#fff}.toggle-options{flex-direction:column;gap:10px;display:flex}.toggle{color:var(--text-soft);align-items:center;gap:10px;font-size:.75rem;display:flex}.toggle input{accent-color:var(--cyan)}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px;display:grid}.summary-tile{background:rgba(var(--cyan-rgb), .05);border:1px solid rgba(var(--cyan-rgb), .12);border-radius:8px;flex-direction:column;gap:5px;padding:12px 10px;display:flex}.viewer-toolbar{border-bottom:1px solid var(--border);background:#10141fdb;justify-content:space-between;align-items:center;gap:14px;min-height:58px;padding:12px 18px;display:flex}.viewer-title{letter-spacing:-.03em;font-size:.95rem;font-weight:800}.viewer-subtitle{font-size:.68rem;font-family:var(--mono)}.viewer-toolbar-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.viewer-badge{color:var(--cyan);background:rgba(var(--cyan-rgb), .08);border:1px solid rgba(var(--cyan-rgb), .15);text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.viewer-canvas{background:radial-gradient(circle at top right, rgba(var(--cyan-rgb), .08), transparent 18%), linear-gradient(180deg, #0d111ac7, #0a0d14fa);flex:1;place-items:center;min-height:0;padding:18px;display:grid;overflow:auto}.empty-state,.processing-panel,.error-panel{border:1px solid var(--border);width:100%;max-width:760px;box-shadow:var(--shadow);text-align:center;background:linear-gradient(#161c2af5,#0c1019f5);border-radius:18px;padding:38px 28px}.empty-kicker{background:rgba(var(--cyan-rgb), .08);border:1px solid rgba(var(--cyan-rgb), .16);color:var(--cyan);font-family:var(--mono);border-radius:999px;margin-bottom:12px;padding:5px 10px;font-size:.65rem;display:inline-flex}.empty-state h1,.processing-panel h2,.error-panel h2{letter-spacing:-.05em;margin:0 0 10px;font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.02}.empty-state p,.processing-panel p,.error-panel p{max-width:600px;margin:0 auto;line-height:1.65}.empty-steps{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px;display:flex}.step-chip{color:var(--white);background:#ffffff0a;border:1px solid #ffffff14}.processing-orbs{justify-content:center;gap:10px;margin-bottom:20px;display:flex}.processing-orbs span{background:var(--cyan);border-radius:50%;width:14px;height:14px;animation:1.3s ease-in-out infinite studio-bounce}.processing-orbs span:nth-child(2){background:#79f4e6;animation-delay:.16s}.processing-orbs span:nth-child(3){background:var(--green);animation-delay:.32s}@keyframes studio-bounce{0%,80%,to{opacity:.45;transform:translateY(0)scale(.75)}40%{opacity:1;transform:translateY(-6px)scale(1)}}.error-icon{width:62px;height:62px;color:var(--err);background:#ff5f5f1a;border-radius:18px;place-items:center;margin:0 auto 18px;display:grid}.error-icon svg{width:28px;height:28px}.preview-frame{border:1px solid var(--border);width:100%;height:100%;max-height:100%;box-shadow:var(--shadow);background:#10141ff2;border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.preview-frame-head{border-bottom:1px solid var(--border);background:#ffffff05;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;display:flex}.preview-frame-head div{flex-direction:column;gap:3px;min-width:0;display:flex}.preview-frame-head strong{white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;overflow:hidden}.preview-frame-head span{font-size:.68rem;font-family:var(--mono)}.preview-frame iframe{background:#fff;border:0;flex:1;width:100%;overflow:hidden}.studio-btn{border-radius:8px;min-height:36px;padding:0 14px;font-size:.78rem;font-weight:700}.studio-btn-primary{background:var(--cyan);color:#071618}.studio-btn-secondary{background:rgba(var(--cyan-rgb), .1);color:var(--cyan);border:1px solid rgba(var(--cyan-rgb), .2)}.studio-btn-ghost,.studio-btn-outline{color:var(--white);background:0 0;border:1px solid #ffffff1a}.studio-btn-outline{color:var(--text-soft)}@media (width<=1024px){.studio-shell{grid-template-columns:240px minmax(0,1fr)}.studio-sidebar{gap:10px;padding:10px}.studio-card,.template-poster{padding:10px}.upload-area{padding:12px 10px}}@media (width<=860px){.studio-shell{grid-template-rows:auto 1fr;grid-template-columns:1fr}.studio-sidebar{border-right:0;border-bottom:1px solid var(--border);flex-flow:wrap;align-content:flex-start;max-height:35vh;overflow:auto hidden}.studio-card{flex:none;min-width:200px;max-width:280px}.studio-card-preview{display:none}.studio-viewer{min-height:0}}@media (width<=600px){.studio-sidebar{gap:8px;max-height:30vh;padding:8px}.studio-card{min-width:180px;padding:8px}.viewer-toolbar{flex-direction:column;align-items:flex-start;gap:8px;min-height:auto;padding:10px 12px}.viewer-toolbar-right{justify-content:flex-start;width:100%}.viewer-badge{max-width:100%}.viewer-canvas{padding:10px}.empty-state,.processing-panel,.error-panel{padding:20px 14px}.empty-state h1{font-size:1.4rem}.preview-frame-head{flex-direction:column;align-items:flex-start;gap:8px;padding:10px 12px}.control-stack{display:none}}.input-mode-tabs{border:1px solid var(--border);background:#1225370a;border-radius:8px;gap:6px;margin-bottom:12px;padding:3px;display:flex}.input-mode-tab{color:var(--text-soft);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:8px 10px;font-family:inherit;font-size:.78rem;font-weight:500;transition:background .18s,color .18s}.input-mode-tab:hover{color:var(--text)}.input-mode-tab.active{background:var(--bg);color:var(--text);box-shadow:0 1px 3px #12253714}.text-input-area{flex-direction:column;gap:10px;display:flex}.text-input{border:1.5px solid var(--border);background:var(--bg);width:100%;min-height:180px;color:var(--text);font-family:var(--mono);resize:vertical;border-radius:9px;padding:10px 12px;font-size:.78rem;line-height:1.55;transition:border-color .18s,background .18s}.text-input::placeholder{color:var(--text-soft);opacity:.7}.text-input:focus{border-color:var(--cyan);background:rgba(var(--cyan-rgb), .02);outline:none}.text-input:disabled{opacity:.5;cursor:not-allowed}.text-input-actions{gap:8px;display:flex}.text-input-actions .studio-btn{flex:1}.brand-selector{grid-template-columns:1fr 1fr;gap:6px;display:grid}.brand-option{background:var(--bg);border:1.5px solid var(--border);cursor:pointer;color:var(--text);text-align:left;border-radius:8px;align-items:center;gap:7px;padding:8px 10px;font-family:inherit;font-size:.78rem;font-weight:500;transition:border-color .15s,background .15s,transform .1s;display:flex}.brand-option:hover{border-color:var(--cyan)}.brand-option.active{border-color:var(--cyan);background:rgba(var(--cyan-rgb), .08);box-shadow:0 0 0 1px var(--cyan)}.brand-option:active{transform:scale(.98)}.brand-swatch{border:1px solid #00000014;border-radius:5px;flex-shrink:0;width:18px;height:18px}.brand-swatch-caplogy{background:linear-gradient(135deg,#71d2e3 0%,#0d3d50 100%)}.brand-swatch-novatiel{background:linear-gradient(135deg,#ff0101 0%,#296b96 100%)}.brand-swatch-doctrina{background:linear-gradient(135deg,#ef4444 0%,#8b5cf6 50%,#3b82f6 100%)}.brand-swatch-techinsight{background:linear-gradient(135deg,#10b981 0%,#fbbf24 100%)}.brand-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.format-selector{gap:6px;display:flex}.format-option{background:var(--bg);border:1.5px solid var(--border);cursor:pointer;color:var(--text);border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:5px;padding:10px 6px;font-family:inherit;font-size:.72rem;font-weight:500;transition:border-color .15s,background .15s;display:flex}.format-option:hover{border-color:var(--cyan)}.format-option.active{border-color:var(--cyan);background:rgba(var(--cyan-rgb), .08);box-shadow:0 0 0 1px var(--cyan)}.format-icon{color:var(--text-soft);font-size:1.05rem;font-weight:700;line-height:1}.format-option.active .format-icon{color:var(--cyan)}.format-icon-slides{border:2px solid;border-radius:2px;width:22px;height:14px;font-size:0;display:inline-block}.format-icon-a4{border:2px solid;border-radius:2px;width:14px;height:19px;font-size:0;display:inline-block}.format-label{text-align:center;flex-direction:column;align-items:center;gap:2px;line-height:1.1;display:flex}.format-hint{color:var(--cyan);font-size:.62rem;font-weight:600;font-family:var(--mono)}:root{--bg:#0a0d14;--surf:#10141f;--card:#161c2a;--card-2:#131a27;--border:#1e2638;--cyan:#4dd9d0;--cyan-rgb:77, 217, 208;--navy:#4a5080;--green:#5cffb0;--green-rgb:92, 255, 176;--warn:#ffb85c;--err:#ff5f5f;--white:#edf1fc;--muted:#55627e;--text-soft:#a6b3d1;--shadow:0 20px 60px #00000059;--ff:"Bricolage Grotesque", sans-serif;--mono:"JetBrains Mono", monospace}[data-brand=novatiel]{--cyan:#e63946;--cyan-rgb:230, 57, 70;--green:#ff6b6b;--green-rgb:255, 107, 107;--navy:#8b2635}body{background:radial-gradient(circle at top right, rgba(var(--cyan-rgb), .12), transparent 22%), radial-gradient(circle at bottom left, #4a508040, transparent 28%), var(--bg);color:var(--white);font-family:var(--ff);margin:0}html,body{height:100%;overflow:hidden}#root{height:100vh;overflow:hidden}.app-shell{grid-template-rows:58px 1fr;height:100vh;display:grid;overflow:hidden}.app-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#10141feb;align-items:center;gap:14px;padding:0 24px;display:flex}.app-brand-mark{background:linear-gradient(135deg, var(--cyan), var(--navy));color:#071018;border-radius:7px;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:14px;font-weight:800;display:grid}.app-brand-logo{object-fit:contain;flex-shrink:0;width:auto;max-width:120px;height:32px}.app-brand-copy{flex-direction:column;gap:1px;display:flex}.app-title{letter-spacing:-.03em;font-size:.92rem;font-weight:800}.app-subtitle{color:var(--muted);font-size:.62rem;font-family:var(--mono)}.app-header-right{align-items:center;gap:8px;margin-left:auto;display:flex}.app-pill,.app-badge{min-height:28px;font-family:var(--mono);border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:.62rem;display:inline-flex}.app-pill{color:var(--cyan);background:rgba(var(--cyan-rgb), .1);border:1px solid rgba(var(--cyan-rgb), .24)}.app-pill-dot{background:var(--green);border-radius:50%;width:6px;height:6px;box-shadow:0 0 14px}.app-badge{color:var(--text-soft);background:var(--card);border:1px solid var(--border)}.app-main{height:100%;min-height:0;overflow:hidden}@media (width<=760px){.app-shell{grid-template-rows:auto 1fr}.app-header{flex-wrap:wrap;gap:8px;padding:10px 12px}.app-title{font-size:.82rem}.app-subtitle{display:none}.app-header-right{margin-left:auto}.app-badge{display:none}}@media (width<=400px){.app-pill{padding:0 8px;font-size:.55rem}}