.images-container{width:100%;min-height:calc(100vh - 60px);padding:40px;overflow-y:auto;background-color:var(--bg-color);color:var(--text-color)}.images-header{margin-bottom:40px}.images-title{font-size:var(--font-display);font-weight:var(--weight-semibold);color:var(--text-color);margin:0;letter-spacing:-.02em}.function-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:0 auto}.function-card{background-color:var(--input-bg);border-radius:var(--radius-lg);padding:32px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:20px;box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.function-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent-color)}.function-card-icon{color:var(--accent-color);margin-bottom:4px}.function-card-title{font-size:var(--font-title);font-weight:var(--weight-semibold);color:var(--text-color);margin:0;letter-spacing:-.01em}.function-card-description{font-size:var(--font-body);color:var(--text-secondary);line-height:1.6;margin:0;flex:1}.function-card-models{font-size:12px;color:var(--accent-color);background-color:var(--accent-soft);padding:4px 12px;border-radius:var(--radius-pill);align-self:flex-start;font-weight:var(--weight-medium)}.function-workspace{max-width:1200px;margin:0 auto;width:100%}.text-chat-workspace{max-width:100%}.text-chat-shell{min-height:calc(100vh - 36px);padding:8px 6px;gap:14px;border:none;box-shadow:none;background:transparent}.text-chat-result{min-height:420px;padding:10px 0;border:none;box-shadow:none;background:transparent}.text-chat-composer{width:82%;margin:0 auto}.text-chat-top-controls{display:flex;align-items:center;justify-content:space-between;gap:10px}.text-chat-model-select{max-width:min(520px,72vw);display:block;height:40px;padding:10px 34px 10px 12px;border-radius:10px;font-size:13px;line-height:normal;font-weight:var(--weight-medium);text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-clip:padding-box;background-position:right 10px center;background-size:14px}.text-chat-icon-btn{width:36px;height:36px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-color);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:16px;line-height:1;padding:0}.text-chat-top-buttons{display:flex;gap:10px}.text-chat-composer-input-wrap{position:relative}.text-chat-meta{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-chat-meta-in-composer{position:absolute;left:16px;bottom:10px;right:104px;pointer-events:none}@media (max-width: 1200px){.text-chat-composer{width:100%}}.workspace-header{display:flex;align-items:center;gap:20px;margin-bottom:40px}.workspace-title{font-size:var(--font-display);font-weight:var(--weight-semibold);color:var(--text-color);margin:0;letter-spacing:-.02em}.back-button{display:flex;align-items:center;gap:8px;padding:10px 20px;border:1px solid var(--border-color);border-radius:var(--radius-pill);background:var(--input-bg);color:var(--text-color);font-size:var(--font-body);font-weight:var(--weight-medium);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.back-button:hover{background-color:var(--bg-color);border-color:var(--accent-color);color:var(--accent-color)}.image-function-container{display:flex;flex-direction:column;gap:32px}.image-params{background-color:var(--input-bg);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-md);border:1px solid var(--border-color);display:flex;flex-direction:column;gap:32px}.param-group{display:flex;flex-direction:column;gap:12px}.param-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.param-label{font-size:var(--font-body);font-weight:var(--weight-regular);color:var(--text-color);margin-left:4px;font-family:inherit}.param-hint{margin-top:8px;color:var(--text-secondary);font-size:13px;line-height:1.4}.param-textarea{width:100%;padding:16px;border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-color);color:var(--text-color);font-size:var(--font-body);font-family:inherit;line-height:1.6;resize:vertical;transition:all .2s cubic-bezier(.4,0,.2,1)}.param-textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 4px var(--accent-soft);background-color:var(--input-bg)}.param-input{width:100%;padding:14px 16px;border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-color);color:var(--text-color);font-size:var(--font-body);transition:all .2s}.param-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 4px var(--accent-soft);background-color:var(--input-bg)}.param-select{width:100%;padding:12px 40px 12px 20px;border:1px solid var(--border-color);border-radius:var(--radius-pill);background-color:var(--bg-color);color:var(--text-color);font-size:var(--font-body);font-weight:var(--weight-medium);cursor:pointer;transition:all .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:18px}.param-select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 4px var(--accent-soft);background-color:var(--input-bg)}.param-select:hover:not(:disabled){border-color:var(--accent-color)}.param-buttons{display:flex;gap:12px;flex-wrap:wrap}.param-btn{padding:10px 24px;border:1px solid var(--border-color);border-radius:var(--radius-pill);background-color:var(--input-bg);color:var(--text-color);font-size:var(--font-body);font-weight:var(--weight-medium);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.param-btn:hover:not(:disabled){border-color:var(--accent-color);color:var(--accent-color);background-color:var(--accent-soft)}.param-btn.active{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff}.enhance-button{padding:12px 28px;border:1px solid var(--accent-color);border-radius:var(--radius-pill);background-color:var(--accent-soft);color:var(--accent-color);font-size:var(--font-body);font-weight:var(--weight-medium);cursor:pointer;transition:all .2s;letter-spacing:.02em}.enhance-button:hover:not(:disabled){background-color:var(--accent-color);color:#fff}.generate-button{padding:16px 40px;border:none;border-radius:var(--radius-pill);background-color:var(--accent-color);color:#fff;font-size:16px;font-weight:var(--weight-semibold);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 20px #6366f14d;letter-spacing:.02em}.generate-button:hover:not(:disabled){background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 12px 24px #6366f166}.image-result{background-color:var(--input-bg);border-radius:var(--radius-lg);padding:40px;box-shadow:var(--shadow-md);border:1px solid var(--border-color);min-height:400px;display:flex;flex-direction:column;gap:32px}.image-result.text-chat-result{border:none!important;box-shadow:none!important;background:transparent!important;border-radius:0}.result-container{display:flex;flex-direction:column;gap:32px}.result-info{display:flex;flex-direction:column;gap:16px;padding-bottom:24px;border-bottom:1px solid var(--border-color)}.result-info-grid{display:flex;flex-wrap:wrap;gap:24px;align-items:center}.result-info p{margin:0;font-size:var(--font-caption);color:var(--text-secondary);font-weight:var(--weight-medium)}.result-actions{display:flex;gap:16px;margin-bottom:8px}.result-content{padding:32px;background-color:var(--bg-color);border-radius:var(--radius-md);border:1px solid var(--border-color);display:flex;justify-content:center}.generated-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.generated-image{width:100%;height:auto;cursor:pointer;border-radius:var(--radius-md);transition:transform .3s ease;box-shadow:var(--shadow-sm)}.generated-image:hover{transform:scale(1.02);box-shadow:var(--shadow-md)}.action-button{padding:12px 28px;border:1px solid var(--border-color);border-radius:var(--radius-pill);background-color:var(--input-bg);color:var(--text-color);font-size:var(--font-body);font-weight:var(--weight-medium);cursor:pointer;transition:all .2s}.action-button:hover{border-color:var(--accent-color);color:var(--accent-color);background-color:var(--accent-soft)}.chat-markdown{color:var(--text-color);line-height:1.7;overflow-wrap:anywhere}.chat-markdown>*:first-child{margin-top:0}.chat-markdown>*:last-child{margin-bottom:0}.chat-markdown p,.chat-markdown ul,.chat-markdown ol,.chat-markdown blockquote,.chat-markdown pre,.chat-markdown table,.chat-markdown hr{margin:0 0 12px}.chat-markdown h1,.chat-markdown h2,.chat-markdown h3,.chat-markdown h4{margin:14px 0 10px;line-height:1.35;font-weight:var(--weight-semibold)}.chat-markdown h1{font-size:1.3rem}.chat-markdown h2{font-size:1.18rem}.chat-markdown h3{font-size:1.06rem}.chat-markdown h4{font-size:1rem}.chat-markdown ul,.chat-markdown ol{padding-left:22px}.chat-markdown li+li{margin-top:6px}.chat-markdown code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;background:var(--bg-color);border:1px solid var(--border-color);border-radius:6px;padding:2px 6px;font-size:.9em}.chat-markdown pre{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:12px;overflow-x:auto}.chat-markdown pre code{border:none;background:transparent;padding:0}.chat-markdown blockquote{margin-left:0;padding:8px 12px;border-left:3px solid var(--accent-color);background:var(--accent-soft);color:var(--text-secondary);border-radius:0 8px 8px 0}.chat-markdown a{color:var(--accent-color);text-decoration:underline}.chat-markdown hr{border:0;border-top:1px solid var(--border-color)}.chat-markdown table{width:100%;display:block;overflow-x:auto;border-collapse:collapse;border:1px solid var(--border-color);border-radius:var(--radius-sm)}.chat-markdown th,.chat-markdown td{border:1px solid var(--border-color);padding:8px 10px;text-align:left;vertical-align:top}.chat-markdown th{background:var(--bg-color);font-weight:var(--weight-medium)}.prompt-card{background-color:var(--input-bg);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--border-color);transition:all .3s ease}.prompt-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.upload-preview{margin-top:16px;display:flex;align-items:flex-start;gap:16px;padding:12px;background-color:var(--bg-color);border-radius:var(--radius-md);border:1px solid var(--border-color)}.upload-preview img{height:180px;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.upload-info{font-size:var(--font-caption);color:var(--text-secondary);font-weight:var(--weight-medium);padding-top:4px}.upload-filename{font-size:var(--font-body);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.images-container{padding:20px}.text-chat-shell{min-height:calc(100vh - 24px);padding:4px 0;gap:10px}.text-chat-result{min-height:300px;padding:8px 0}.text-chat-composer{width:100%;margin:0}.text-chat-top-controls{position:sticky;top:0;z-index:5;padding:10px 12px 6px;background:var(--input-bg);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.text-chat-model-select{max-width:calc(100vw - 60px);height:38px;padding:8px 34px 8px 12px;border-radius:10px;font-size:13px}.text-chat-top-buttons{display:none}.text-chat-composer{position:sticky;bottom:0;z-index:6;background:var(--input-bg);padding:10px 12px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--border-color);width:100%;margin:0}.text-chat-composer-input-wrap .param-textarea{padding-right:96px!important;min-height:60px!important;max-height:120px!important}.text-chat-attach-btn{bottom:10px!important;right:56px!important}.text-chat-send-btn{bottom:10px!important;right:12px!important}.text-chat-meta{display:none}.text-chat-settings-menu{position:fixed!important;left:12px!important;right:12px!important;bottom:calc(12px + env(safe-area-inset-bottom))!important;width:auto!important;max-width:none!important;border-radius:16px!important;padding:14px!important;z-index:320!important;box-shadow:0 -4px 20px #0000001a!important;background:var(--input-bg)!important;max-height:80vh!important;overflow-y:auto!important}.text-chat-settings-menu .action-button{width:100%;margin-bottom:8px;font-size:14px;padding:10px 16px}.text-chat-settings-menu label{margin-bottom:8px}.images-title{font-size:28px}.function-cards-grid{grid-template-columns:1fr;gap:16px}.image-params,.image-result{padding:24px}.image-params.text-chat-shell{padding:0}.generate-button{width:100%}.param-grid-2{grid-template-columns:1fr;gap:12px}}:root{--bg-color: #f9fafb;--input-bg: #ffffff;--text-color: #111827;--text-secondary: #6b7280;--border-color: #e5e7eb;--accent-color: #6366f1;--accent-hover: #5558e3;--accent-soft: rgba(99, 102, 241, .08);--danger-color: var(--text-secondary);--success-color: var(--text-secondary);--sidebar-bg: #ffffff;--sidebar-text: #374151;--sidebar-border: #f3f4f6;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 24px;--radius-pill: 100px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--font-display: 32px;--font-title: 20px;--font-body: 14px;--font-caption: 13px;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600}[data-theme=dark]{--bg-color: #0b0f1a;--input-bg: #161b2a;--text-color: #f3f4f6;--text-secondary: #9ca3af;--border-color: #1f2937;--sidebar-bg: #0b0f1a;--sidebar-text: #f3f4f6;--sidebar-border: #1f2937;--danger-color: var(--text-secondary);--success-color: var(--text-secondary);--accent-color: #818cf8;--accent-hover: #6366f1}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-color);color:var(--text-color);min-height:100vh;line-height:1.6;font-size:var(--font-body);-webkit-font-smoothing:antialiased}.app-layout{display:flex;min-height:100vh}.sidebar{width:260px;background-color:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;padding:24px 0;flex-shrink:0;position:fixed;top:0;left:0;height:100vh;z-index:100;border-right:1px solid var(--sidebar-border);transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar-collapsed .sidebar{transform:translate(-100%)}.sidebar-toggle-btn,.sidebar-toggle-floating{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:var(--radius-sm);transition:all .2s;display:flex;align-items:center;justify-content:center}.sidebar-toggle-btn:hover,.sidebar-toggle-floating:hover{background-color:var(--accent-soft);color:var(--accent-color)}.sidebar-toggle-floating{position:fixed;top:12px;left:12px;z-index:150;background-color:var(--sidebar-bg);border:1px solid var(--sidebar-border);box-shadow:var(--shadow-sm)}.sidebar-logo{padding:0 16px 24px 24px;font-size:20px;font-weight:var(--weight-semibold);color:var(--text-color);border-bottom:1px solid var(--sidebar-border);margin-bottom:16px;letter-spacing:-.02em;display:flex;align-items:center;justify-content:space-between;gap:10px}.mobile-user-toggle,.mobile-menu-toggle{display:none;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:var(--radius-sm);transition:all .2s}.mobile-user-toggle:hover,.mobile-menu-toggle:hover{background-color:var(--accent-soft);color:var(--accent-color)}.sidebar-logo .logo-icon{color:var(--accent-color);margin-right:8px;display:flex;align-items:center}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:8px;padding:0 12px}.sidebar-group{border:1px solid transparent;border-radius:var(--radius-md)}.sidebar-group.open{border-color:var(--sidebar-border);background-color:#6366f108}.sidebar-group-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;width:100%;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-color);font-size:15px;font-weight:var(--weight-medium);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:left;font-family:inherit}.sidebar-group-toggle:hover:not(:disabled){background-color:var(--accent-soft);color:var(--accent-color)}.sidebar-group-toggle:disabled{cursor:default;opacity:.75}.sidebar-group-chevron{color:var(--text-secondary);transition:transform .2s ease,color .2s ease;flex-shrink:0}.sidebar-group-chevron.open{transform:rotate(180deg);color:var(--accent-color)}.sidebar-submenu{display:flex;flex-direction:column;gap:4px;padding:0 8px 8px}.sidebar-submenu-item{display:flex;align-items:center;gap:12px;padding:8px 12px 8px 20px;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:var(--weight-regular);color:var(--text-secondary);transition:all .2s cubic-bezier(.4,0,.2,1);border:none;background:transparent;width:100%;text-align:left;text-decoration:none;font-family:inherit}.sidebar-submenu-item:hover{background-color:var(--accent-soft);color:var(--accent-color)}.sidebar-submenu-item.active{background-color:var(--accent-soft);color:var(--accent-color);font-weight:var(--weight-medium)}.sidebar-group-placeholder .sidebar-group-toggle{color:var(--text-color)}.sidebar-group-placeholder .sidebar-group-toggle:disabled{opacity:1;color:var(--text-color)}.sidebar-soon-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:var(--radius-pill);font-size:11px;font-weight:var(--weight-medium);color:var(--text-secondary);border:1px solid var(--border-color)}.sidebar-nav-item{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:var(--radius-md);cursor:pointer;font-size:15px;font-weight:var(--weight-regular);color:var(--text-secondary);transition:all .2s cubic-bezier(.4,0,.2,1);border:none;background:transparent;width:100%;text-align:left;text-decoration:none;font-family:inherit}.sidebar-nav-item:hover{background-color:var(--accent-soft);color:var(--accent-color)}.sidebar-nav-item.active{background-color:var(--accent-soft);color:var(--accent-color);font-weight:var(--weight-medium)}.sidebar-nav-item-standalone{margin-top:8px}.sidebar-footer{padding:16px 12px 0;border-top:1px solid var(--sidebar-border)}.sidebar-user{padding:12px 16px;font-size:var(--font-caption);color:var(--text-secondary)}.sidebar-user strong{display:block;color:var(--text-color);font-size:var(--font-body);margin-bottom:2px;font-weight:var(--weight-medium)}.sidebar-user .budget{font-size:12px;color:var(--text-secondary);opacity:.8}.main-content{margin-left:260px;flex:1;padding:40px;min-height:100vh;overflow-y:auto;display:flex;flex-direction:column;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.main-content-chat{padding-top:16px;padding-bottom:16px}@media (min-width: 1024px){.main-content.main-content-chat{padding-left:20px;padding-right:20px}}.sidebar-collapsed .main-content{margin-left:0}.app-footer{margin-top:auto;padding:24px 0 0;text-align:center;font-size:12px;color:var(--text-secondary);opacity:.6}.btn{padding:10px 24px;border-radius:var(--radius-pill);font-size:var(--font-body);font-weight:var(--weight-medium);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;letter-spacing:.01em}.btn-primary{background-color:var(--accent-color);color:#fff;box-shadow:0 4px 12px #6366f133}.btn-primary:hover:not(:disabled){background-color:var(--accent-hover);transform:translateY(-1px);box-shadow:0 6px 16px #6366f14d}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-danger{background-color:var(--danger-color);color:#fff}.btn-danger:hover:not(:disabled){background-color:#b91c1c}.btn-outline{background:transparent;border:1px solid var(--border-color);color:var(--text-color)}.btn-outline:hover:not(:disabled){background-color:var(--bg-color);border-color:var(--accent-color);color:var(--accent-color)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.card{background-color:var(--input-bg);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.form-label{font-size:var(--font-body);font-weight:var(--weight-medium);color:var(--text-color);margin-left:4px}.form-input{padding:12px 16px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-body);background-color:var(--input-bg);color:var(--text-color);transition:all .2s}.form-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 4px var(--accent-soft)}.table-container{overflow-x:auto;background:var(--input-bg);border-radius:var(--radius-md);border:1px solid var(--border-color)}table{width:100%;border-collapse:collapse;font-size:var(--font-body)}th{text-align:left;padding:16px 20px;background-color:#fcfcfd;color:var(--text-secondary);font-weight:var(--weight-medium);font-size:12px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color)}td{padding:16px 20px;border-bottom:1px solid var(--border-color);color:var(--text-color);vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background-color:#f9fafb}.table-btn{padding:8px 16px;border:1px solid var(--border-color);border-radius:var(--radius-pill);background-color:var(--input-bg);color:var(--text-secondary);font-size:var(--font-caption);font-weight:var(--weight-medium);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}.table-btn:hover{background-color:var(--accent-soft);border-color:var(--accent-color);color:var(--accent-color)}.table-btn-primary{background-color:var(--input-bg);border-color:var(--accent-color);color:var(--accent-color)}.table-btn-primary:hover{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff}.table-btn-danger{color:var(--text-secondary)}.table-btn-danger:hover{background-color:var(--accent-soft);border-color:var(--accent-color);color:var(--accent-color)}.badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-pill);font-size:12px;font-weight:var(--weight-medium);background-color:var(--bg-color);color:var(--text-secondary);border:1px solid var(--border-color)}.badge-green,.badge-red{background-color:var(--bg-color);color:var(--text-secondary)}.badge-blue{background-color:var(--accent-soft);color:var(--accent-color);border-color:transparent}@media (max-width: 1200px){.main-content{padding:32px}.card{padding:24px}}@media (max-width: 992px){.sidebar{width:240px}.main-content{margin-left:240px;padding:24px}}@media (max-width: 768px){.app-layout{flex-direction:column}.sidebar{width:100%;height:auto;position:sticky;top:0;flex-direction:column;padding:12px 0;z-index:200;border-right:none;border-bottom:1px solid var(--sidebar-border);transform:none!important}.sidebar-toggle-btn,.sidebar-toggle-floating{display:none!important}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center}.sidebar-logo{padding:0 16px 12px;font-size:18px;margin-bottom:8px;justify-content:space-between}.mobile-user-toggle{display:flex}.sidebar-nav{display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 12px 8px}.sidebar.mobile-open .sidebar-nav{display:grid}.sidebar-group{grid-column:span 2}.sidebar-submenu{padding:0 8px 8px}.sidebar-submenu-item,.sidebar-group-toggle{justify-content:space-between;font-size:var(--font-caption)}.sidebar-nav-item{padding:8px 12px;font-size:var(--font-caption);justify-content:center}.sidebar-footer{padding:8px 12px 0;display:none;flex-direction:column;align-items:stretch}.sidebar.mobile-open .sidebar-footer.show{display:flex}.main-content{margin-left:0!important;padding:20px}}@media (max-width: 480px){.main-content{padding:16px}.card{padding:20px;border-radius:var(--radius-md)}.btn{width:100%}}.ui-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-color);color:var(--text-color)}.ui-content{width:100%;max-width:1200px;margin:0 auto}.ui-stack{display:flex;flex-direction:column;gap:32px}.ui-card{background-color:var(--input-bg);border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.ui-card-lg{border-radius:var(--radius-lg);padding:40px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color)}.ui-title{font-size:var(--font-display);font-weight:var(--weight-semibold);color:var(--text-color);margin:0;letter-spacing:-.02em}.ui-subtitle{font-size:var(--font-body);color:var(--text-secondary);margin:0;line-height:1.6}.ui-label{font-size:var(--font-body);font-weight:var(--weight-medium);color:var(--text-color);margin-bottom:4px;display:block}.ui-input,.ui-select,.ui-textarea{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--input-bg);color:var(--text-color);font-size:var(--font-body);font-family:inherit;transition:all .2s cubic-bezier(.4,0,.2,1)}.ui-textarea{padding:16px;line-height:1.6;resize:vertical;min-height:120px}.ui-input:hover,.ui-select:hover,.ui-textarea:hover{border-color:var(--accent-color)}.ui-input:focus,.ui-select:focus,.ui-textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 4px var(--accent-soft)}.ui-input::placeholder,.ui-textarea::placeholder{color:var(--text-secondary);opacity:.5}.ui-alert{padding:16px 20px;border-radius:var(--radius-md);font-size:var(--font-body);line-height:1.6;display:flex;align-items:center;gap:12px;border:1px solid transparent}.ui-alert-error{background-color:#dc26260d;border-color:#dc26261a;color:var(--danger-color)}.ui-alert-success{background-color:#0596690d;border-color:#0596691a;color:var(--success-color)}.ui-table{width:100%;border-collapse:collapse;font-size:var(--font-body)}.ui-table th{text-align:left;padding:16px;background-color:var(--bg-color);color:var(--text-secondary);font-weight:var(--weight-medium);font-size:12px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color)}.ui-table td{padding:16px;border-bottom:1px solid var(--border-color);color:var(--text-color)}.ui-table tr:hover td{background-color:var(--bg-color)}@media (max-width: 992px){.ui-content{max-width:100%;padding:0 24px}.ui-stack{gap:24px}.ui-title{font-size:28px}}@media (max-width: 768px){.ui-page{align-items:flex-start;padding:24px 0}.ui-content{padding:0 16px}.ui-card{padding:20px;border-radius:var(--radius-md)}.ui-card-lg{padding:24px;border-radius:var(--radius-md)}.ui-title{font-size:24px}.ui-subtitle{font-size:var(--font-body)}.ui-input,.ui-select,.ui-textarea{font-size:16px;padding:12px 14px}.ui-alert{padding:14px}.ui-table{min-width:640px}}@media (max-width: 480px){.ui-page{padding:16px 0}.ui-content{padding:0 12px}.ui-card{padding:16px}.ui-card-lg{padding:20px}.ui-title{font-size:22px}.ui-label,.ui-subtitle{font-size:var(--font-caption)}.ui-table th,.ui-table td{padding:12px;font-size:var(--font-caption)}}:root{--bg-color: #f4f4f7;--input-bg: #ffffff;--text-color: #18181b;--text-secondary: #71717a;--border-color: #e4e4e7;--accent-color: #6d4aff;--accent-hover: #5b39ea;--accent-soft: rgba(109, 74, 255, .09);--danger-color: #c9364f;--success-color: #138a5b;--sidebar-bg: #15151d;--sidebar-text: #eeeef4;--sidebar-border: rgba(255, 255, 255, .08);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(15, 15, 20, .04);--shadow-md: 0 8px 30px rgba(30, 24, 56, .055);--shadow-lg: 0 18px 50px rgba(30, 24, 56, .09);--font-display: 28px}html{background:var(--bg-color)}body{background:var(--bg-color);letter-spacing:-.005em}.ui-page{min-height:100dvh;padding:24px;background:radial-gradient(circle at 18% 12%,rgba(109,74,255,.12),transparent 30%),radial-gradient(circle at 86% 82%,rgba(91,60,234,.08),transparent 28%),#f4f4f7}.login-card{border:1px solid rgba(228,228,231,.9)!important;box-shadow:0 24px 70px #1e18381a!important}.login-brand{display:flex;align-items:center;gap:13px}.login-brand .workspace-title{font-size:22px;line-height:1.2}.login-brand .ui-subtitle{margin-top:3px;font-size:12px}.admin-layout .admin-sidebar{width:236px;padding-top:0;background:var(--sidebar-bg);border-right-color:var(--sidebar-border)}.admin-layout .sidebar-logo{min-height:76px;margin-bottom:10px;padding:17px 14px;border-bottom-color:var(--sidebar-border);color:#fff}.admin-brand{display:flex;align-items:center;gap:10px}.admin-brand>div{display:flex;flex-direction:column;line-height:1.2}.admin-brand strong{color:#fff;font-size:14px}.admin-brand span{margin-top:2px;color:#858592;font-size:10px;font-weight:500}.admin-layout .sidebar-nav-item{color:#a5a5b1}.admin-layout .sidebar-nav-item:hover,.admin-layout .sidebar-nav-item.active{background:#7c5cff2b;color:#fff}.admin-layout .sidebar-footer{border-top-color:var(--sidebar-border)}.admin-layout .sidebar-user strong{color:#fff}.admin-layout .admin-main{margin-left:236px;padding:28px}.admin-layout .function-workspace{max-width:1440px}.admin-layout .image-params{border-radius:14px;border-color:var(--border-color);box-shadow:var(--shadow-sm)}.admin-layout .workspace-title{font-size:24px}.admin-layout .param-input,.admin-layout .param-select{border-radius:10px;background-color:#fafafa}.admin-layout .btn,.admin-layout .table-btn{border-radius:9px}.settings-page{display:flex;flex-direction:column;gap:22px}.settings-page-header,.settings-access-heading,.settings-panel-heading,.settings-card-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.settings-page-header p,.settings-access-heading p{margin:6px 0 0;color:var(--text-secondary);font-size:13px}.settings-eyebrow,.settings-panel-heading>div>span{display:block;margin-bottom:5px;color:#7959ec;font-size:10px;font-weight:750;letter-spacing:.09em;text-transform:uppercase}.settings-count{padding:7px 10px;border:1px solid #dedbe9;border-radius:999px;background:#fff;color:#6d6878;font-size:11px;white-space:nowrap}.settings-section-grid{display:grid;grid-template-columns:minmax(330px,.9fr) minmax(420px,1.1fr);align-items:start;gap:16px}.settings-panel,.settings-access-section,.settings-assignment-card{border:1px solid var(--border-color);border-radius:15px;background:#fff;box-shadow:var(--shadow-sm)}.settings-panel{padding:20px}.settings-panel-heading h3,.settings-access-heading h3,.settings-card-heading h3{margin:0;color:var(--text-color);font-size:16px;line-height:1.3}.settings-panel-icon{width:32px;height:32px;flex:0 0 32px;border-radius:10px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-color);font-size:20px}.settings-panel-description{margin:12px 0 18px;color:var(--text-secondary);font-size:12px;line-height:1.55}.settings-model-form{display:flex;flex-direction:column;gap:14px}.settings-field-hint{color:#8a8791;font-size:10px;line-height:1.45}.settings-submit{align-self:flex-start}.settings-catalog-list{max-height:432px;margin-top:14px;display:flex;flex-direction:column;gap:7px;overflow-y:auto}.settings-catalog-item{min-width:0;padding:10px;border:1px solid #eceaf0;border-radius:11px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fbfbfc}.settings-catalog-main{min-width:0;display:flex;align-items:center;gap:10px}.settings-provider-mark{width:32px;height:32px;flex:0 0 32px;border-radius:9px;display:grid;place-items:center;background:#1f1f26;color:#fff;font-size:9px;font-weight:750;letter-spacing:.04em}.settings-provider-mark[data-provider=kie_ai]{background:#6d4aff}.settings-catalog-copy{min-width:0}.settings-catalog-copy>div{display:flex;align-items:center;gap:7px}.settings-catalog-copy strong{overflow:hidden;color:#29292f;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.settings-catalog-copy code{display:block;margin-top:3px;overflow:hidden;color:#85818e;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.settings-provider-badge{padding:3px 6px;border-radius:999px;background:#efedf5;color:#6d6878;font-size:8px;font-weight:650;white-space:nowrap}.settings-icon-button{width:34px;height:34px;flex:0 0 34px;border:0;border-radius:9px;display:grid;place-items:center;background:transparent;color:#9995a0;cursor:pointer}.settings-icon-button:hover{background:#c9364f14;color:var(--danger-color)}.settings-delete-confirm{display:flex;align-items:center;justify-content:flex-end;gap:8px}.settings-delete-confirm>span{color:#9f3044;font-size:10px}.settings-delete-confirm>div{display:flex;gap:5px}.admin-layout .settings-danger-solid{border-color:var(--danger-color);background:var(--danger-color);color:#fff}.settings-access-section{padding:20px}.settings-user-select{width:min(100%,280px);flex:0 0 280px}.settings-assignments-grid{margin-top:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.settings-assignment-card{min-width:0;padding:15px;box-shadow:none}.settings-card-heading{padding-bottom:11px;border-bottom:1px solid #eeeef1}.settings-card-heading h3{font-size:13px}.settings-card-heading>span{color:#898590;font-size:9px;white-space:nowrap}.settings-model-options{max-height:290px;margin-top:9px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.settings-model-option{min-width:0;padding:8px;border:1px solid transparent;border-radius:9px;display:flex;align-items:flex-start;gap:9px;cursor:pointer}.settings-model-option:hover{background:#f8f7fb}.settings-model-option.selected{border-color:#e0dafb;background:#f6f3ff}.settings-model-option input{margin-top:2px;accent-color:var(--accent-color)}.settings-model-option-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.settings-model-option-copy strong,.settings-model-option-copy small{overflow-wrap:anywhere}.settings-model-option-copy strong{color:#3b3941;font-size:11px;font-weight:620}.settings-model-option-copy small{color:#8b8792;font-size:9px}.settings-empty{padding:20px;border:1px dashed #ddd9e6;border-radius:11px;color:#85818d;font-size:11px;text-align:center}.settings-empty-large{margin-top:18px;padding:34px 20px}.settings-save-bar{margin-top:14px;padding:12px 14px;border-radius:11px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f5f3fb}.settings-save-bar span{color:#77727f;font-size:10px}@media (max-width: 1100px){.settings-section-grid{grid-template-columns:1fr}}button,input,textarea,select{font:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid rgba(109,74,255,.3);outline-offset:2px}.studio-layout{min-height:100dvh;background:var(--bg-color)}.studio-layout .studio-sidebar{width:236px;padding:0;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);color:var(--sidebar-text);overflow-y:auto;overflow-x:hidden}.studio-brand{min-height:76px;padding:17px 16px;display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--sidebar-border)}.studio-brand-copy{min-width:0;display:flex;flex-direction:column;line-height:1.25}.studio-brand-copy strong{color:#fff;font-size:15px;font-weight:650;letter-spacing:-.02em}.studio-brand-copy span{margin-top:2px;color:#8d8d9b;font-size:11px}.mobile-close{display:none;margin-left:auto;width:36px;height:36px;border:0;border-radius:9px;background:transparent;color:#aaaab6;font-size:25px;line-height:1;cursor:pointer}.studio-nav{flex:1;padding:14px 10px;display:flex;flex-direction:column;gap:17px}.studio-nav-section{display:flex;flex-direction:column;gap:3px}.studio-nav-heading{padding:0 10px 6px;color:#747481;font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.studio-nav-item{width:100%;min-height:40px;padding:8px 10px;border:0;border-radius:9px;display:flex;align-items:center;gap:10px;background:transparent;color:#a5a5b1;font-size:13px;font-weight:500;text-align:left;cursor:pointer;transition:background .15s ease,color .15s ease}.studio-nav-item:hover{background:#ffffff0e;color:#f3f3f7}.studio-nav-item.active{background:#7c5cff2b;color:#fff}.studio-nav-icon{width:28px;height:28px;flex:0 0 28px;border-radius:8px;display:grid;place-items:center;color:#898996}.studio-nav-item.active .studio-nav-icon{background:#7c5cff3b;color:#bdb0ff}.studio-nav-admin{margin-top:auto;padding-top:13px;border-top:1px solid var(--sidebar-border)}.studio-sidebar-footer{padding:10px;border-top:1px solid var(--sidebar-border)}.sidebar-install{width:100%;min-height:39px;margin-bottom:9px;padding:8px 10px;border:1px solid rgba(168,146,255,.22);border-radius:9px;display:flex;align-items:center;gap:9px;background:#6d4aff1f;color:#c9bfff;font-size:12px;cursor:pointer}.studio-budget{padding:10px;border-radius:10px;background:#ffffff09}.studio-budget-row{display:flex;justify-content:space-between;gap:10px;color:#9999a7;font-size:11px}.studio-budget-row strong{color:#ededf3;font-size:12px;font-weight:600}.studio-budget-track{height:4px;margin:8px 0 6px;border-radius:999px;overflow:hidden;background:#ffffff17}.studio-budget-track span{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#8b6cff,#a38dff)}.studio-budget-caption{color:#696976;font-size:10px}.studio-profile{margin-top:9px;padding:8px 7px;display:flex;align-items:center;gap:9px}.studio-avatar{width:30px;height:30px;flex:0 0 30px;border-radius:9px;display:grid;place-items:center;background:#292934;color:#d8d8e0;font-size:12px;font-weight:700}.studio-profile-name{min-width:0;flex:1;overflow:hidden;color:#d3d3da;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.studio-logout{width:34px;height:34px;border:0;border-radius:8px;display:grid;place-items:center;background:transparent;color:#767683;cursor:pointer}.studio-logout:hover{background:#ffffff0e;color:#fff}.studio-layout .studio-main{min-width:0;margin-left:236px;padding:0;overflow:visible}.desktop-sidebar-toggle{width:38px;height:38px;flex:0 0 38px;border:1px solid var(--border-color);border-radius:10px;display:grid;place-items:center;background:#ffffffb8;color:#7b7b86;cursor:pointer}.desktop-sidebar-toggle:hover{border-color:#cbc9d3;color:var(--text-color)}.studio-sidebar-collapsed .studio-sidebar{width:76px}.studio-sidebar-collapsed .studio-main{margin-left:76px}.studio-sidebar-collapsed .studio-brand{padding-inline:18px}.studio-sidebar-collapsed .studio-brand-copy,.studio-sidebar-collapsed .studio-nav-heading,.studio-sidebar-collapsed .studio-nav-item>span:last-child,.studio-sidebar-collapsed .sidebar-install,.studio-sidebar-collapsed .studio-budget,.studio-sidebar-collapsed .studio-profile-name,.studio-sidebar-collapsed .studio-logout{display:none}.studio-sidebar-collapsed .studio-nav{padding-inline:10px}.studio-sidebar-collapsed .studio-nav-item{padding-inline:14px;justify-content:center}.studio-sidebar-collapsed .studio-nav-icon{flex-basis:28px}.studio-sidebar-collapsed .studio-profile{justify-content:center}.studio-topbar{min-height:76px;padding:13px 24px 13px 28px;display:flex;align-items:center;gap:16px;position:sticky;top:0;z-index:50;background:#f4f4f7e6;border-bottom:1px solid rgba(228,228,231,.8);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.studio-page-title{min-width:0;flex:1}.studio-page-title>span{display:block;margin-bottom:1px;color:var(--accent-color);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.studio-page-title h1{margin:0;color:var(--text-color);font-size:20px;font-weight:660;line-height:1.22;letter-spacing:-.025em}.studio-page-title p{margin:2px 0 0;color:var(--text-secondary);font-size:11px;line-height:1.3}.studio-topbar-meta{padding:7px 10px;border:1px solid var(--border-color);border-radius:999px;display:flex;align-items:center;gap:7px;background:#ffffffb8;color:var(--text-secondary);font-size:11px;white-space:nowrap}.studio-status-dot{width:6px;height:6px;border-radius:50%;background:#24a56a;box-shadow:0 0 0 3px #24a56a1f}.mobile-menu-button,.mobile-dock,.mobile-nav-scrim{display:none}.studio-workarea{min-width:0;padding:22px}.studio-workarea>.function-workspace{max-width:1500px}.studio-workarea>.function-workspace>.workspace-header{display:none}.studio-workarea .image-function-container{display:grid;grid-template-columns:minmax(340px,420px) minmax(0,1fr);align-items:start;gap:18px}.studio-workarea .image-params,.studio-workarea .image-result{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--input-bg);box-shadow:var(--shadow-sm)}.studio-workarea .image-params{padding:22px;gap:22px}.studio-workarea .image-result{min-height:520px;padding:22px;gap:22px}.studio-workarea .param-group{gap:8px}.studio-workarea .param-label{margin-left:0;color:#3f3f46;font-size:12px;font-weight:620}.studio-workarea .param-textarea,.studio-workarea .param-input,.studio-workarea .param-select{border-color:#dedee3;border-radius:10px;background-color:#fafafa;color:#24242a;font-size:13px}.studio-workarea .param-textarea{padding:13px 14px;min-height:108px;line-height:1.5}.studio-workarea .param-input{padding:11px 13px}.studio-workarea .param-select{padding:10px 38px 10px 13px}.studio-workarea .param-textarea:hover,.studio-workarea .param-input:hover,.studio-workarea .param-select:hover{border-color:#c5c2d2}.studio-workarea .param-textarea:focus,.studio-workarea .param-input:focus,.studio-workarea .param-select:focus{border-color:var(--accent-color);background:#fff;box-shadow:0 0 0 3px var(--accent-soft)}.studio-workarea input[type=checkbox]{width:17px;height:17px;accent-color:var(--accent-color)}.studio-workarea .param-buttons{gap:7px}.mode-switch{padding:3px;border:1px solid #dedee3;border-radius:10px;display:grid;grid-template-columns:1fr 1fr;gap:3px;background:#f5f5f7}.mode-switch button{min-height:36px;padding:7px 12px;border:0;border-radius:7px;background:transparent;color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer}.mode-switch button.active{background:#fff;color:var(--text-color);box-shadow:0 1px 4px #18181b17}.settings-divider{margin:2px 0 -4px;display:flex;align-items:center;gap:10px;color:#898993;font-size:10px;font-weight:700;letter-spacing:.075em;text-transform:uppercase}.settings-divider:after{height:1px;flex:1;background:#ececf0;content:""}.studio-workarea .param-btn,.studio-workarea .action-button,.studio-workarea .enhance-button{min-height:38px;padding:8px 13px;border-radius:9px;font-size:12px;font-weight:580;letter-spacing:0}.studio-workarea .param-btn.active{background:#27272f;border-color:#27272f}.studio-workarea .action-button-primary{border-color:#27272f;background:#27272f;color:#fff}.studio-workarea .action-button-primary:hover{border-color:#111116;background:#111116;color:#fff}.studio-workarea .enhance-button{align-self:flex-start;background:var(--accent-soft)}.audio-prompt-helper{padding:15px;border:1px solid #ddd8f6;border-radius:13px;display:flex;flex-direction:column;gap:14px;background:linear-gradient(145deg,#faf9ff,#f6f4ff)}.audio-prompt-helper-heading{display:flex;align-items:flex-start;gap:10px}.audio-prompt-helper-mark{width:28px;height:28px;flex:0 0 28px;border-radius:9px;display:grid;place-items:center;background:#ebe6ff;color:#6749e7;font-size:14px}.audio-prompt-helper-heading h3{margin:1px 0 4px;color:#29272f;font-size:13px;font-weight:680}.audio-prompt-helper-heading p{margin:0;color:#74717e;font-size:11px;line-height:1.45}.studio-workarea .audio-prompt-helper-brief{min-height:92px}.studio-workarea .audio-prompt-prepare{align-self:flex-start;border-color:#cfc5f9;background:#fff;color:#5d43cd}.audio-prompt-preview{padding-top:13px;border-top:1px solid #e1dcf4;display:flex;flex-direction:column;gap:8px}.audio-prompt-preview-head,.audio-prompt-preview-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.audio-prompt-preview-head>span,.audio-prompt-preview-actions>span{color:#817e89;font-size:10px;line-height:1.4}.audio-prompt-preview-actions .action-button{flex:0 0 auto}.studio-workarea .generate-button{min-height:46px;padding:11px 18px;border-radius:11px;background:linear-gradient(135deg,#7656ff,#5b3cea);box-shadow:0 7px 18px #5b3cea30;font-size:13px;font-weight:650;letter-spacing:0}.studio-workarea .generate-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 22px #5b3cea3d}.studio-workarea .result-placeholder{min-height:210px;border:1px dashed #d8d8df;border-radius:12px;display:grid;place-items:center;background:#fafafd;color:#9999a3;font-size:12px;text-align:center}.studio-workarea .result-content{padding:16px;border-color:#e7e7eb;border-radius:12px;background:#f7f7fa}.studio-workarea .result-info{gap:10px;padding-bottom:15px}.studio-workarea .result-info-grid{gap:8px 18px}.studio-workarea .result-actions{gap:8px;flex-wrap:wrap}.studio-workarea .info-message,.studio-workarea .error-message,.studio-workarea .success-message{padding:11px 12px;border-radius:9px;font-size:11px;line-height:1.5}.studio-workarea .error-message{border:1px solid rgba(201,54,79,.17);background:#c9364f11;color:#a72d43}.studio-workarea .success-message{border:1px solid rgba(19,138,91,.17);background:#138a5b11;color:#0d724a}.studio-workarea .text-chat-workspace{max-width:1180px}.studio-workarea .text-chat-shell{display:flex;min-height:calc(100dvh - 122px)!important;padding:0;border:0;background:transparent;box-shadow:none}.studio-workarea .text-chat-result{min-height:360px}@media (min-width: 1180px){.studio-workarea .image-result{position:sticky;top:98px;max-height:calc(100dvh - 120px);overflow:auto}.studio-workarea .text-chat-result{position:static;max-height:none;overflow:visible}}@media (max-width: 980px){.studio-workarea .image-function-container{grid-template-columns:minmax(300px,360px) minmax(0,1fr)}.studio-topbar-meta{display:none}}@media (max-width: 768px){.admin-layout .admin-sidebar{width:100%;min-height:64px;padding:0}.admin-layout .sidebar-logo{min-height:64px;margin:0;padding:10px 12px;border-bottom:0}.admin-layout .sidebar-nav{padding:6px 10px 10px}.admin-layout .admin-main{padding:14px 12px 28px}.admin-layout .function-workspace{padding:0}.admin-brand strong{font-size:13px}.settings-page{gap:14px}.settings-page-header{align-items:flex-start}.settings-page-header .workspace-title{font-size:20px}.settings-page-header p{max-width:270px;font-size:11px;line-height:1.45}.settings-count{display:none}.settings-section-grid,.settings-assignments-grid{grid-template-columns:1fr;gap:10px}.settings-panel,.settings-access-section{padding:15px;border-radius:13px}.settings-panel-description{margin-bottom:15px}.settings-submit{width:100%;min-height:46px}.settings-catalog-list{max-height:none}.settings-catalog-item{padding:11px;align-items:flex-start}.settings-catalog-copy>div{align-items:flex-start;flex-direction:column;gap:4px}.settings-delete-confirm{max-width:160px;align-items:flex-end;flex-direction:column}.settings-delete-confirm>span{text-align:right}.settings-access-heading{align-items:stretch;flex-direction:column;gap:13px}.settings-user-select{width:100%;flex-basis:auto}.settings-assignment-card{padding:13px}.settings-model-options{max-height:330px}.settings-model-option{min-height:44px;align-items:center}.settings-model-option input{width:18px;height:18px;margin-top:0}.settings-save-bar{padding:10px;position:sticky;bottom:8px;z-index:30;box-shadow:0 8px 24px #1e183824}.settings-save-bar>span{display:none}.settings-save-bar .btn{width:100%;min-height:46px}.studio-layout{display:block}.studio-layout .studio-sidebar{width:min(88vw,320px);height:100dvh;padding:0;position:fixed;top:0;left:0;z-index:310;transform:translate(-102%)!important;transition:transform .18s ease;border-right:1px solid var(--sidebar-border);border-bottom:0}.studio-layout .studio-sidebar.mobile-open{transform:translate(0)!important}.mobile-close,.mobile-menu-button,.mobile-dock,.mobile-nav-scrim{display:flex}.desktop-sidebar-toggle{display:none}.studio-sidebar-collapsed .studio-brand-copy{display:flex}.studio-sidebar-collapsed .studio-nav-heading{display:block}.studio-sidebar-collapsed .studio-nav-item>span:last-child{display:inline}.studio-sidebar-collapsed .sidebar-install{display:flex}.studio-sidebar-collapsed .studio-budget,.studio-sidebar-collapsed .studio-profile-name{display:block}.studio-sidebar-collapsed .studio-logout{display:grid}.studio-sidebar-collapsed .studio-nav-item{padding:8px 10px;justify-content:flex-start}.mobile-nav-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;border:0;background:#0f0f167a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.studio-layout .studio-nav{display:flex;padding-bottom:20px}.studio-layout .studio-sidebar-footer{display:block}.studio-layout .studio-main{margin-left:0!important;padding:0 0 calc(70px + env(safe-area-inset-bottom))}.studio-topbar{min-height:64px;padding:9px 12px}.mobile-menu-button{width:42px;height:42px;flex:0 0 42px;border:1px solid var(--border-color);border-radius:11px;align-items:center;justify-content:center;background:#ffffffc2;color:var(--text-color)}.studio-page-title>span,.studio-page-title p{display:none}.studio-page-title h1{font-size:17px}.studio-workarea{padding:12px}.studio-workarea .image-function-container{display:flex;flex-direction:column;gap:12px}.studio-workarea .image-params,.studio-workarea .image-result{width:100%;padding:16px;border-radius:14px;gap:18px}.studio-workarea .image-result{min-height:330px}.studio-workarea .param-textarea,.studio-workarea .param-input,.studio-workarea .param-select{font-size:16px}.studio-workarea .param-btn,.studio-workarea .action-button,.studio-workarea .enhance-button{min-height:42px}.studio-workarea .generate-button{min-height:50px;position:sticky;bottom:calc(70px + env(safe-area-inset-bottom));z-index:20}.studio-workarea .result-content{padding:8px}.mobile-dock{height:calc(62px + env(safe-area-inset-bottom));padding:6px 8px calc(6px + env(safe-area-inset-bottom));position:fixed;left:0;right:0;bottom:0;z-index:250;align-items:stretch;justify-content:space-around;background:#fffffff0;border-top:1px solid var(--border-color);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-dock button{min-width:64px;padding:4px 9px;border:0;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:transparent;color:#85858f;font-size:10px}.mobile-dock button.active{background:var(--accent-soft);color:var(--accent-color)}.studio-workarea .text-chat-shell{min-height:calc(100dvh - 138px)!important}}@media (max-width: 420px){.studio-workarea{padding:8px}.studio-workarea .image-params,.studio-workarea .image-result{padding:14px}.audio-prompt-helper{padding:13px}.audio-prompt-preview-actions{align-items:stretch;flex-direction:column}.audio-prompt-preview-actions .action-button{width:100%}.mobile-dock button{min-width:58px;padding-inline:6px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}