:root{--bg:#070b11;--panel:#0d1420;--panel-soft:#111b27;--text:#edf3ff;--muted:#9aa7b8;--border:#ffffff14;--accent:#5da9ff;--accent-hover:#5da9ff;--accent-rgb:93, 169, 255}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--bg);min-height:100vh;color:var(--text);margin:0;font-family:Inter,Segoe UI,sans-serif;line-height:1.5}button,input,select,textarea{font:inherit}#root{min-height:100vh}h1,h2,h3,h4,p{margin-top:0}a{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid rgba(var(--accent-rgb), .7);outline-offset:2px}.app-shell{background:linear-gradient(#060b11 0%,#0a111a 100%);width:100%;height:100dvh;min-height:0;display:flex;overflow:hidden}.sidebar{background:#080e14f0;border-right:1px solid #ffffff0f;flex-direction:column;flex:0 0 clamp(220px,22vw,270px);gap:24px;width:clamp(220px,22vw,270px);min-width:0;height:100%;min-height:0;padding:24px 18px 18px;display:flex;overflow:hidden}.brand-block,.sidebar-footer{flex-shrink:0}.brand-block>div:last-child{overflow-wrap:anywhere;min-width:0}.brand-block{align-items:center;gap:12px;padding:8px 8px 18px;display:flex}.brand-logo{background:linear-gradient(135deg, var(--accent), rgba(var(--accent-rgb), .7));color:#fff;border-radius:12px;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.brand-block h1{margin:0;font-size:1.3rem}.brand-block small{color:var(--muted)}.sidebar-nav{overscroll-behavior:contain;flex-direction:column;flex:auto;gap:6px;min-height:0;display:flex;overflow:hidden auto}.nav-item{color:var(--muted);border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;min-width:0;padding:10px 12px;text-decoration:none;transition:all .2s;display:flex}.nav-item span{overflow-wrap:anywhere;min-width:0}.nav-item:hover,.nav-item.active{color:var(--text);border-color:rgba(var(--accent-rgb), .35);background:#ffffff05}.nav-item .nav-arrow{opacity:.3;margin-left:auto}.sidebar-footer{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:auto;display:grid}.mini-card{color:var(--muted);background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:6px;padding:12px 10px;font-size:.78rem;display:flex}.accent-box{background:rgba(var(--accent-rgb), .12);border-color:rgba(var(--accent-rgb), .25)}.main-panel{overscroll-behavior:contain;flex:1;width:0;min-width:0;height:100%;min-height:0;padding:24px 28px 36px;overflow:hidden auto}.topbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.7rem}.topbar h2{margin:6px 0 0;font-size:2rem}.topbar-actions{align-items:center;gap:12px;display:flex}.lang-switcher{background:#ffffff05;border:1px solid #ffffff0f;border-radius:999px;align-items:center;gap:8px;padding:6px 8px;display:inline-flex}.lang-switcher button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:6px 8px}.lang-switcher button.active{background:rgba(var(--accent-rgb), .18);color:var(--text)}.primary-button,.secondary-button,.text-button,.icon-button,.tag{cursor:pointer}.primary-button{border:1px solid rgba(var(--accent-rgb), .35);background:linear-gradient(135deg, var(--accent), rgba(var(--accent-rgb), .7));color:#fff;box-shadow:0 10px 30px rgba(var(--accent-rgb), .2);border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-weight:600;display:inline-flex}.primary-button:disabled,.icon-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.secondary-button{color:var(--text);background:#ffffff05;border:1px solid #ffffff14;border-radius:10px;padding:9px 14px}.text-button{color:var(--muted);background:0 0;border:none;padding:0}.text-button.danger{color:#ff8b8b}.status-banner{border:1px solid rgba(var(--accent-rgb), .28);background:rgba(var(--accent-rgb), .08);color:var(--text);border-radius:10px;margin-bottom:18px;padding:10px 12px}.page-grid,.studio-grid,.profiles-layout,.settings-panel,.admin-grid,.pricing-grid{gap:18px;display:grid}.page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-panel{grid-column:span 2;padding:24px}.stats-grid{grid-column:span 2;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.card{background:#0b1118e6;border:1px solid #ffffff0f;border-radius:18px;box-shadow:0 18px 35px #0003}.panel-block{padding:20px}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.section-heading h3,.section-heading h4{margin:0}.hero-panel h3{margin:10px 0 12px;font-size:2rem}.hero-panel p{color:var(--muted)}.stat-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;gap:8px;padding:18px 18px 16px;display:flex}.stat-card small{color:var(--muted)}.stat-card strong{font-size:1.9rem}.tone-blue{border-color:#5da9ff47}.tone-green{border-color:#2ec27e47}.tone-orange{border-color:#ff9a3d47}.creation-list,.workflow-list,.field-stack,.profile-list,.library-grid,.model-grid,.preset-grid,.variation-grid,.admin-grid,.pricing-grid{gap:14px;display:grid}.creation-item,.workflow-item,.library-card,.profile-card,.mini-panel,.pricing-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;padding:14px 16px}.creation-item{justify-content:space-between;align-items:center;display:flex}.creation-item strong,.library-card h4,.profile-card strong,.workflow-item strong{margin-bottom:4px;display:block}.creation-item small,.library-card small,.workflow-item small,.mini-panel p,.pricing-card p{color:var(--muted)}.quick-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.quick-link{color:var(--text);background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:18px 12px;text-decoration:none;display:flex}.profiles-layout{grid-template-columns:300px minmax(0,1fr)}.profile-list{max-height:420px;overflow:auto}.profile-card{text-align:left;cursor:pointer;transition:all .2s}.profile-card.selected{border-color:rgba(var(--accent-rgb), .3);background:rgba(var(--accent-rgb), .08)}.profiles-page,.profile-editor-page{gap:18px;min-width:0;display:grid}.profiles-page-heading,.profiles-list-toolbar,.profile-editor-heading,.profile-card-heading,.profile-card-actions,.reference-image-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.profiles-page-heading h3,.profile-editor-heading h3,.profile-card-heading h4{margin:4px 0 0}.profiles-list-toolbar{justify-content:flex-start}.muted-label{color:var(--muted);font-size:.85rem}.profiles-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));align-items:stretch;gap:16px;min-width:0;display:grid}article.profile-card{cursor:default;flex-direction:column;min-width:0;padding:0;display:flex;overflow:hidden}.profile-preview{aspect-ratio:16/10;object-fit:cover;background:linear-gradient(135deg, rgba(var(--accent-rgb), .14), #ffffff05);width:100%;display:block}.profile-preview-empty{color:var(--muted);place-items:center;display:grid}.profile-card-content{flex-direction:column;flex:1;gap:14px;min-width:0;padding:16px;display:flex}.profile-card-heading{align-items:flex-start}.profile-card-heading>div{min-width:0}.profile-card-heading h4,.profile-card-heading small,.profile-card-content p{overflow-wrap:anywhere}.profile-card-heading small,.profile-editor-heading-copy+small{color:var(--muted)}.profile-card-content p{color:var(--muted);flex:1;margin:0}.profile-card-actions{flex-wrap:wrap;justify-content:flex-start;margin-top:auto}.profile-card-actions .primary-button{margin-right:auto}.danger-icon{color:#ff8b8b}.danger-icon:disabled{opacity:.45;cursor:not-allowed}.profiles-empty{gap:14px}.profile-editor-heading{flex-wrap:wrap}.profile-editor-heading-copy{flex:180px;min-width:0}.profile-editor-heading-copy h3{overflow-wrap:anywhere}.save-state{border-radius:999px;padding:6px 10px;font-size:.8rem}.save-state.saved{color:#8ce3b6;background:#2ec27e1f}.save-state.unsaved{color:#ffc080;background:#ff9a3d1f}.profile-editor-content{gap:16px;min-width:0;display:grid}.profile-editor-content>*,.editor-field-grid>*{min-width:0}.profile-editor-content h4{margin:0 0 16px}.profile-editor-actions{justify-content:flex-start;padding-bottom:8px}.reference-images-section .section-heading{align-items:flex-start}.reference-images-section .section-heading small{color:var(--muted)}.upload-button{white-space:nowrap;position:relative}.upload-button input{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.reference-image-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:14px;display:grid}.reference-image-card{background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;min-width:0;overflow:hidden}.reference-image-card>img{aspect-ratio:16/10;object-fit:contain;background:#0000004d;width:100%;display:block}.reference-image-details{gap:12px;padding:12px;display:grid}.reference-image-details>strong{overflow-wrap:anywhere}.reference-image-actions{flex-wrap:wrap}.editor-panel{min-height:420px}.editor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.profile-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0;display:flex}.advanced-editor{gap:12px;margin-top:16px;display:grid}.editor-section{background:#ffffff04;border:1px solid #ffffff14;border-radius:12px;overflow:hidden}.editor-section summary{cursor:pointer;justify-content:space-between;align-items:center;padding:12px 14px;font-weight:600;list-style:none;display:flex}.editor-section summary::-webkit-details-marker{display:none}.summary-icon{align-items:center;display:inline-flex}.summary-icon svg:last-child,.editor-section[open] .summary-icon svg:first-child{display:none}.editor-section[open] .summary-icon svg:last-child{display:block}.editor-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 14px 14px;display:grid}.profile-field-editor{flex-direction:column;gap:8px;display:flex}.field-header{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;display:flex}.field-header label{color:var(--muted);font-size:.8rem;display:block}.lock-button{width:28px;height:28px;color:var(--muted);cursor:pointer;background:#ffffff05;border:1px solid #ffffff14;border-radius:999px;place-items:center;display:grid}.lock-button.locked{border-color:rgba(var(--accent-rgb), .3);background:rgba(var(--accent-rgb), .12);color:var(--text)}.field{color:var(--muted);flex-direction:column;gap:8px;display:flex}.field-wide{grid-column:span 2}.field input,.field select,.profile-field-editor input,.profile-field-editor select,label select,textarea,.search-box input{width:100%;color:var(--text);font:inherit;background:#ffffff05;border:1px solid #ffffff14;border-radius:10px;padding:11px 12px}textarea{resize:vertical;min-height:108px}label span{color:var(--muted);font-size:.82rem}.editor-actions,.card-actions,.small-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.editor-actions{margin-top:18px}.search-box{background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:8px;width:min(260px,100%);padding:8px 10px;display:flex}.search-box input{background:0 0;border:none;padding:0}.studio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field-stack{gap:14px;display:grid}.two-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}label{display:block}.toggle-row{color:var(--muted);align-items:center;gap:8px;display:flex}.tag{color:var(--text);background:#ffffff05;border:1px solid #ffffff14;border-radius:999px;padding:7px 10px}.tag.selected{border-color:rgba(var(--accent-rgb), .32);background:rgba(var(--accent-rgb), .12)}.negative-list{flex-wrap:wrap;gap:8px;display:flex}.prompt-box{min-height:220px;color:var(--text);background:#ffffff04;border:1px solid #ffffff0f;border-radius:16px;padding:16px}.negative-box{margin-top:16px}.library-grid,.model-grid,.preset-grid,.variation-grid,.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.library-card,.pricing-card{flex-direction:column;gap:10px;display:flex}.library-topline{justify-content:space-between;align-items:center;gap:10px;display:flex}.badge,.status-pill{background:rgba(var(--accent-rgb), .12);color:var(--text);border-radius:999px;align-items:center;padding:5px 8px;font-size:.7rem;display:inline-flex}.status-pill.off{color:var(--muted);background:#ffffff14}.icon-button{width:28px;height:28px;color:var(--text);background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px}.mini-list{color:var(--muted);margin:0;padding-left:18px}.workflow-item{justify-content:space-between;align-items:center;display:flex}.workflow-left{align-items:center;gap:12px;display:flex}.bullet{background:linear-gradient(135deg, var(--accent), rgba(var(--accent-rgb), .7));border-radius:50%;width:10px;height:10px;display:block}.accent-picker{gap:10px;margin-top:8px;display:flex}.swatch{border:2px solid #0000;border-radius:999px;width:30px;height:30px}.swatch.selected{box-shadow:0 0 0 2px rgba(var(--accent-rgb), .35);border-color:#fff}.empty-card{place-items:center;min-height:240px;display:grid}.empty-text{color:var(--muted)}.pricing-card.selected{border-color:rgba(var(--accent-rgb), .34);background:rgba(var(--accent-rgb), .08)}.admin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.account-panel{max-width:620px}.account-panel>p{color:var(--muted)}.account-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.form-error{color:#ff8a8a}@media (width<=980px){.app-shell{flex-direction:column}.sidebar{flex:none;gap:10px;width:100%;height:auto;min-height:0;max-height:40dvh;padding:14px;overflow:hidden}.brand-block{padding:4px 6px 8px}.sidebar-nav{flex:auto;min-height:48px}.sidebar-footer{margin-top:0}.main-panel{flex:1;width:100%;height:auto;min-height:0;padding:18px 14px 30px}.page-grid,.studio-grid,.profiles-layout,.editor-grid,.two-col,.stats-grid,.quick-links,.admin-grid{grid-template-columns:1fr}.hero-panel,.stats-grid{grid-column:auto}.topbar{flex-direction:column;align-items:flex-start}}@media (width<=560px){.sidebar{max-height:44dvh;padding:10px}.sidebar-nav{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;display:grid}.sidebar-footer{display:none}.profiles-page-heading,.profile-editor-heading{align-items:flex-start}.profiles-page-heading{flex-direction:column}.profiles-list-toolbar,.reference-images-section .section-heading{flex-direction:column;align-items:stretch}.profiles-list-toolbar .search-box{width:100%}.editor-field-grid{grid-template-columns:1fr}.profile-editor-heading .save-state{margin-left:auto}.topbar-actions{flex-wrap:wrap}.account-button{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.quick-links{grid-template-columns:1fr}}