:root{color:#eef4ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#090c11;font-family:Geist,Aptos,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea,select{font-family:inherit}button{-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#263247;border:2px solid #070a12;border-radius:999px}::selection{color:#07100d;background:#46c7a0}.boot-screen,.auth-shell,.app-shell{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#090c11;--bg-soft:#111821;--panel:#11161fd6;--panel-strong:#0c1017f0;--panel-muted:#ffffff0c;--panel-hover:#ffffff12;--input-bg:#0a0e14e6;--border:#ffffff1a;--border-soft:#ffffff14;--border-strong:#46c7a057;--text:#eff4f1;--heading:#fff;--muted:#9eaaa6;--faint:#7f8a86;--accent:#46c7a0;--accent-rgb:70, 199, 160;--accent-2:#7aa7ff;--accent-2-rgb:122, 167, 255;--danger:#ff9d9d;--bubble-user:#1d4ed8;--shadow:0 24px 70px #00000038;--shadow-soft:0 16px 46px #00000029;--scrollbar:#8ea0c359;--checker:#ffffff0d;--modal-backdrop:#02060dc7}.auth-shell[data-theme=light],.app-shell[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f6f2;--bg-soft:#ebeee8;--panel:#ffffffe0;--panel-strong:#fffffff5;--panel-muted:#222a240b;--panel-hover:#222a2411;--input-bg:#fffffff0;--border:#0f172a1a;--border-soft:#0f172a14;--border-strong:#2984694d;--text:#18211d;--heading:#0c1411;--muted:#5d6963;--faint:#748078;--accent:#298469;--accent-rgb:41, 132, 105;--accent-2:#5d77a6;--accent-2-rgb:93, 119, 166;--danger:#c24141;--bubble-user:#2563eb;--shadow:0 18px 44px #1e26221a;--shadow-soft:0 10px 30px #1e262214;--scrollbar:#64748b59;--checker:#0f172a0f;--modal-backdrop:#0f172a61}.boot-screen,.auth-shell,.app-shell{min-height:100vh}.boot-screen{color:var(--text);background:var(--bg);place-items:center;display:grid}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-shell{background:radial-gradient(circle at 18% 20%, #46c7a01f, transparent 32%), radial-gradient(circle at 56% 76%, #7aa7ff1a, transparent 30%), linear-gradient(135deg, #ffffff08, transparent 38%), var(--bg);color:var(--text);grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);display:grid;position:relative;overflow:hidden}.auth-shell[data-theme=light]{--bg:#f5f6f2;--bg-soft:#ecefe9;--panel:#ffffffc2;--panel-strong:#ffffffe0;--panel-muted:#2984690f;--panel-hover:#2984691a;--input-bg:#ffffffdb;--border:#3e4e7029;--border-soft:#3e4e701c;--border-strong:#29846952;--text:#18211d;--heading:#0c1411;--muted:#596960;--faint:#748078;--accent:#298469;--accent-rgb:41, 132, 105;--accent-2:#5d77a6;--accent-2-rgb:93, 119, 166;--shadow:0 24px 60px #31393126;--shadow-soft:0 14px 34px #3139311c;background:radial-gradient(circle at 16% 18%,#29846929,#0000 32%),radial-gradient(circle at 72% 74%,#5d77a624,#0000 30%),linear-gradient(135deg,#fbfcf8 0%,#f1f4ee 48%,#eef2ed 100%)}.auth-theme-toggle{z-index:1;width:fit-content;min-height:38px;color:var(--heading);border:1px solid rgba(var(--accent-2-rgb), .22);background:linear-gradient(135deg, rgba(var(--accent-rgb), .12), rgba(var(--accent-2-rgb), .1)), color-mix(in srgb, var(--panel-strong) 76%, transparent);box-shadow:0 14px 34px rgba(var(--accent-2-rgb), .12), inset 0 1px 0 #ffffff14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:4px 10px 4px 5px;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s;display:inline-flex;position:relative}.auth-theme-toggle:after{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(120deg, rgba(var(--accent-rgb), .34), transparent 30%, rgba(var(--accent-2-rgb), .34));opacity:0;transition:opacity .2s;position:absolute;inset:-1px}.auth-theme-toggle:hover{border-color:rgba(var(--accent-2-rgb), .42);box-shadow:0 18px 38px rgba(var(--accent-2-rgb), .18), 0 0 24px rgba(var(--accent-rgb), .12);transform:translateY(-1px)}.auth-theme-toggle:hover:after{opacity:.26}.auth-theme-track{z-index:1;border:1px solid rgba(var(--accent-2-rgb), .2);background:linear-gradient(135deg,#ffffff14,#0000),#ffffff0f;border-radius:999px;grid-template-columns:1fr 1fr;width:58px;height:28px;padding:3px;display:grid;position:relative;box-shadow:inset 0 1px 6px #0003}.auth-theme-option{color:var(--muted);opacity:.6;place-items:center;display:grid}.auth-theme-thumb{color:#061018;background:linear-gradient(135deg, var(--accent), var(--accent-2));width:22px;height:22px;box-shadow:0 8px 18px rgba(var(--accent-2-rgb), .26), inset 0 1px 0 #ffffff61;border-radius:50%;place-items:center;transition:transform .28s cubic-bezier(.2,.9,.2,1),background .28s,color .28s;display:grid;position:absolute;top:3px;left:3px}.auth-theme-toggle[data-mode=light] .auth-theme-thumb{color:#fff;background:linear-gradient(135deg,#4f46e5,#0f9f7a);transform:translate(30px)}.auth-theme-toggle[data-mode=dark] .auth-theme-option.dark,.auth-theme-toggle[data-mode=light] .auth-theme-option.light{color:var(--heading);opacity:1}.auth-theme-copy{z-index:1;line-height:1;display:block;position:relative}.auth-theme-copy strong{white-space:nowrap;font-size:12px}.auth-shell[data-theme=light] .auth-theme-toggle{background:linear-gradient(135deg, rgba(var(--accent-rgb), .11), rgba(var(--accent-2-rgb), .09)), #ffffffa8;box-shadow:0 14px 30px #3948691f,inset 0 1px #ffffffc7}.auth-shell[data-theme=light] .auth-theme-track{background:linear-gradient(135deg,#ffffffb3,#ffffff3d),#ffffff8a;box-shadow:inset 0 1px 5px #3948691f}.auth-visual{z-index:1;border-right:1px solid var(--border);cursor:default;place-items:center;padding:64px;display:grid;position:relative;overflow:hidden}.auth-visual>*{grid-area:1/1}.auth-visual:before{content:"";border:1px solid rgba(var(--accent-2-rgb), .24);background:linear-gradient(120deg, transparent, #ffffff14, transparent), radial-gradient(circle at 48% 44%, rgba(var(--accent-rgb), .18), transparent 34%);filter:blur(.2px);opacity:.72;transform-origin:48% 44%;border-radius:34px;transition:transform .72s cubic-bezier(.16,1,.3,1),opacity .48s,box-shadow .48s;position:absolute;inset:11%;transform:perspective(900px)rotateX(0)rotateY(0)rotate(-4deg)}.auth-visual:hover:before{opacity:.82;box-shadow:0 24px 76px rgba(var(--accent-2-rgb), .16), inset 0 0 38px rgba(var(--accent-rgb), .04);transform:perspective(900px)translateY(3px)scale(.995)rotateX(.8deg)rotateY(-.7deg)rotate(-4deg)}.auth-visual:after{content:"";pointer-events:none;opacity:.45;background-color:#0000;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:48px 48px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(110deg,#0000 5%,#000 46%,#0000 95%);mask-image:linear-gradient(110deg,#0000 5%,#000 46%,#0000 95%)}.auth-title-wrap{z-index:4;will-change:transform;max-width:860px;transition:transform .72s cubic-bezier(.16,1,.3,1),filter .48s;position:relative;transform:translate(0,0)}.auth-product-preview{z-index:2;width:min(520px,72%);color:var(--muted);border:1px solid rgba(var(--accent-rgb), .18);background:linear-gradient(135deg, #ffffff0e, transparent), color-mix(in srgb, var(--panel-strong) 76%, transparent);opacity:.86;border-radius:18px;place-self:end;gap:12px;margin:0 4% 2%;padding:16px;transition:transform .42s,opacity .42s,border-color .42s;display:grid;position:relative;transform:translate(0,0);box-shadow:0 18px 46px #00000029}.auth-visual:hover .auth-product-preview{opacity:.98;border-color:rgba(var(--accent-rgb), .28);transform:translateY(3px)}.preview-thread{gap:5px;display:grid}.preview-thread span,.preview-flow small{color:var(--faint);font-size:11px}.preview-thread strong{color:var(--heading);font-size:15px}.preview-thread p{margin:0;font-size:12px;line-height:1.55}.preview-art-board{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.preview-art-board span{border:1px solid var(--border-soft);background:linear-gradient(145deg, rgba(var(--accent-rgb), .16), transparent 46%), linear-gradient(180deg, color-mix(in srgb, var(--panel-muted) 70%, transparent), color-mix(in srgb, var(--panel-strong) 62%, transparent));border-radius:10px;min-height:70px}.preview-art-board span:nth-child(2),.preview-art-board span:nth-child(4){opacity:.72;transform:translateY(12px)}.preview-flow{flex-wrap:wrap;gap:8px;display:flex}.preview-flow small{border:1px solid var(--border-soft);background:var(--panel-muted);border-radius:999px;padding:5px 8px}.auth-title-wrap:after{content:"";background:linear-gradient(90deg, transparent, var(--accent), var(--accent-2), transparent);width:220px;height:2px;box-shadow:0 0 24px rgba(var(--accent-2-rgb), .55);transition:width .72s cubic-bezier(.16,1,.3,1),opacity .48s,transform .72s cubic-bezier(.16,1,.3,1);animation:4.8s ease-in-out infinite scan-line;position:absolute;bottom:-38px;right:6%}.auth-title-wrap:before{z-index:-1;content:"";pointer-events:none;background:radial-gradient(circle at 54% 46%, rgba(var(--accent-2-rgb), .16), transparent 34%), linear-gradient(135deg, #ffffff0b, transparent 62%);opacity:0;filter:blur(2px);border-radius:28px;transition:opacity .48s,transform .72s cubic-bezier(.16,1,.3,1);position:absolute;inset:-18px -28px;transform:scale(.985)}.auth-visual:hover .auth-title-wrap{filter:drop-shadow(0 18px 36px rgba(var(--accent-2-rgb), .1));transform:translate(6px,3px)rotate(.08deg)}.auth-visual:hover .auth-title-wrap:before{opacity:1;transform:scale(1)}.auth-visual:hover .auth-title-wrap:after{opacity:.86;width:260px}.brand-mark{border:1px solid var(--border);width:48px;height:48px;color:var(--accent);background:var(--panel-muted);box-shadow:var(--shadow-soft);border-radius:8px;place-items:center;display:grid}.brand-mark.small{width:38px;height:38px}.eyebrow{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:700}.panel-heading .eyebrow,.invite-hero .eyebrow{display:none}.auth-visual h1{letter-spacing:0;text-wrap:balance;max-width:790px;margin:0 0 8px;font-size:clamp(52px,7vw,96px);line-height:1.04}.auth-visual h1 span{color:#0000;width:fit-content;filter:drop-shadow(0 0 22px rgba(var(--accent-2-rgb), .22));background:linear-gradient(115deg,#fff 0%,#8fe9ff 22%,#b7fff0 45%,#fff 58%,#8aa8ff 78%,#fff 100%) 0 0/220%;-webkit-background-clip:text;background-clip:text;transition:filter .48s,transform .72s cubic-bezier(.16,1,.3,1);animation:6.5s ease-in-out infinite title-sheen;display:block}.auth-visual:hover h1 span:first-child{transform:translate(-2px)}.auth-visual:hover h1 span:nth-child(2){transform:translate(4px)}.auth-shell[data-theme=light] .auth-visual h1 span{filter:drop-shadow(0 12px 28px #2563eb1f);background:linear-gradient(115deg,#0c1411 0%,#298469 24%,#5d77a6 52%,#18211d 76%,#0c1411 100%) 0 0/220%;-webkit-background-clip:text;background-clip:text}.auth-visual h1 span:nth-child(2){animation-delay:-2.4s}@keyframes title-sheen{0%,to{background-position:0%}50%{background-position:100%}}@keyframes scan-line{0%,to{opacity:.26;transform:translate(-24px)scaleX(.72)}50%{opacity:.95;transform:translate(28px)scaleX(1.08)}}.auth-copy{max-width:700px;color:var(--muted);gap:10px;margin-top:28px;padding:4px 0 4px 22px;line-height:1.8;display:grid;position:relative}.auth-copy:before{content:"";background:linear-gradient(180deg, var(--accent), var(--accent-2), transparent);width:3px;box-shadow:0 0 22px rgba(var(--accent-2-rgb), .58);border-radius:999px;position:absolute;top:8px;bottom:8px;left:0}.auth-copy span{width:fit-content;color:var(--accent);border:1px solid rgba(var(--accent-rgb), .22);background:rgba(var(--accent-rgb), .08);border-radius:999px;padding:4px 10px;font-size:13px;font-weight:800}.auth-copy strong{color:var(--heading);font-size:clamp(19px,2vw,25px);line-height:1.35}.auth-copy p{max-width:610px;color:var(--muted);margin:0;font-size:16px;line-height:1.9}.auth-panel{z-index:1;border-left:1px solid rgba(var(--accent-2-rgb), .16);background:linear-gradient(180deg, #ffffff12, #ffffff05), color-mix(in srgb, var(--panel-strong) 78%, transparent);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);grid-template-rows:auto minmax(0,1fr);gap:24px;padding:36px 52px 52px;display:grid;position:relative}.auth-panel-top{z-index:4;align-items:center;min-height:38px;display:flex;position:relative}.auth-panel-body{z-index:4;align-self:center;width:100%;display:grid;position:relative}.auth-shell[data-theme=light] .auth-panel{background:radial-gradient(circle at 12% 0,#4f46e51a,#0000 30%),linear-gradient(#ffffffc7,#f8fbffa8),#ffffffb8;border-left-color:#3e4e7029;box-shadow:inset 1px 0 #ffffffb8,-24px 0 80px #4f46e514}.auth-shell[data-theme=light] .auth-visual{border-right-color:#3e4e7024}.auth-shell[data-theme=light] .auth-visual:before{opacity:.92;background:linear-gradient(120deg,#ffffff94,#fff3,#ffffff75),radial-gradient(circle at 35% 36%,#0f9f7a29,#0000 36%),radial-gradient(circle at 72% 65%,#4f46e521,#0000 32%);box-shadow:0 28px 90px #39486924}.auth-shell[data-theme=light] .auth-visual:after{opacity:.48;background:linear-gradient(#2563eb14 1px,#0000 1px),linear-gradient(90deg,#0f9f7a11 1px,#0000 1px)}.auth-shell[data-theme=light] .auth-visual:before,.auth-shell[data-theme=light] .auth-panel:before{border-color:#4f46e52e}.auth-shell[data-theme=light] .auth-copy span{background:rgba(var(--accent-rgb), .09)}.auth-shell[data-theme=light] .segmented{background:#ffffff94;box-shadow:inset 0 1px #ffffffc2,0 10px 24px #3948690f}.auth-shell[data-theme=light] .auth-form label input{background:#ffffffbd;box-shadow:inset 0 1px #ffffffd1}.auth-shell[data-theme=light] .primary-button{color:#fff}.auth-panel:before{content:"";pointer-events:none;border:1px solid rgba(var(--accent-2-rgb), .18);background:linear-gradient(135deg, rgba(var(--accent-rgb), .06), rgba(var(--accent-2-rgb), .07), transparent 52%);opacity:.9;border-radius:14px;position:absolute;inset:18px}.auth-panel>*{z-index:4;position:relative}.auth-panel-title{margin-bottom:20px;transition:opacity .22s,transform .22s}.auth-panel-title h2{color:var(--heading);margin:0;font-size:30px}.auth-panel-title p{color:var(--muted);margin:8px 0 0;line-height:1.7}.segmented{border:1px solid var(--border);background:#ffffff0e;border-radius:8px;grid-template-columns:1fr 1fr;gap:6px;padding:6px;display:grid;box-shadow:inset 0 1px #ffffff0f}.segmented button,button{font:inherit}.segmented button{height:42px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px}.segmented button.active{color:var(--heading);background:linear-gradient(135deg, rgba(var(--accent-rgb), .22), rgba(var(--accent-2-rgb), .24)), var(--panel-hover);box-shadow:inset 0 0 0 1px rgba(var(--accent-2-rgb), .18), 0 10px 26px rgba(var(--accent-2-rgb), .12)}.auth-form,.image-form,.token-form{gap:16px;margin-top:24px;display:grid}.auth-extra-fields{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .34s,opacity .24s,transform .34s;display:grid;transform:translateY(-8px)}.auth-extra-fields.show{opacity:1;grid-template-rows:1fr;transform:translateY(0)}.auth-extra-inner{gap:16px;min-height:0;display:grid;overflow:hidden}.auth-extra-inner>label{min-height:0}.auth-form input{background:linear-gradient(135deg, #ffffff0d, transparent), var(--input-bg)}.auth-form input:hover{border-color:rgba(var(--accent-2-rgb), .28)}.auth-form input:focus{background:linear-gradient(135deg, rgba(var(--accent-rgb), .08), rgba(var(--accent-2-rgb), .08)), var(--input-bg)}.auth-form .primary-button{isolation:isolate;position:relative;overflow:hidden}.auth-form .primary-button:before{content:"";border-radius:inherit;background:radial-gradient(circle at 18% 50%, #fff3, transparent 24%), linear-gradient(110deg, rgba(var(--accent-rgb), .06), rgba(var(--accent-2-rgb), .42), #ec48994d, rgba(var(--accent-rgb), .36), rgba(var(--accent-2-rgb), .14));opacity:0;pointer-events:none;background-size:260% 180%;transition:opacity .24s;animation:2.8s ease-in-out infinite paused button-flow;position:absolute;inset:-1px}.auth-form .primary-button:hover:before{opacity:.88;animation-play-state:running}.auth-form .primary-button:hover{box-shadow:0 16px 34px rgba(var(--accent-rgb), .22), 0 0 24px rgba(var(--accent-rgb), .12)}.auth-form .primary-button>svg{z-index:1;position:relative}@keyframes button-flow{0%,to{filter:saturate(1.08);background-position:0%}50%{filter:saturate(1.34);background-position:100%}}.code-field{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.code-field .ghost-button{white-space:nowrap;min-width:116px;height:44px}label{color:var(--text);gap:8px;font-size:13px;font-weight:700;display:grid}.field-block{gap:10px;display:grid}.field-label{color:var(--text);font-size:13px;font-weight:700}input,textarea,select{box-sizing:border-box;width:100%;color:var(--text);border:1px solid var(--border);background:var(--input-bg);font:inherit;border-radius:8px;outline:none;transition:border-color .2s,box-shadow .2s,background .2s,color .2s}input,select{height:44px;padding:0 13px}select{appearance:none;background:linear-gradient(45deg, transparent 50%, var(--muted) 50%) calc(100% - 21px) 18px / 6px 6px no-repeat, linear-gradient(135deg, var(--muted) 50%, transparent 50%) calc(100% - 15px) 18px / 6px 6px no-repeat, linear-gradient(180deg, color-mix(in srgb, var(--panel-hover) 56%, transparent), transparent), var(--input-bg);cursor:pointer;padding-right:40px}textarea{resize:vertical;min-height:136px;padding:13px}input:focus,textarea:focus,select:focus{border-color:rgba(var(--accent-2-rgb), .82);box-shadow:0 0 0 3px rgba(var(--accent-2-rgb), .14)}.primary-button,.ghost-button,.icon-button{cursor:pointer;justify-content:center;align-items:center;gap:8px;transition:transform .2s,border-color .2s,background .2s,color .2s,box-shadow .2s;display:inline-flex}.primary-button{color:#07100d;background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 58%, var(--accent-2)));min-height:44px;box-shadow:0 12px 26px rgba(var(--accent-rgb), .16);border:0;border-radius:8px;padding:0 18px;font-weight:800}.primary-button.compact{min-height:38px}.ghost-button.compact{min-height:34px;padding:0 10px}.ghost-button.danger,.icon-button.danger{color:var(--danger)}.ghost-button{min-height:36px;color:var(--text);border:1px solid var(--border);background:var(--panel-muted);border-radius:8px;padding:0 12px}.icon-button{width:38px;height:38px;color:var(--text);border:1px solid var(--border);background:var(--panel-muted);border-radius:8px}.primary-button:hover,.ghost-button:hover,.icon-button:hover{border-color:rgba(var(--accent-rgb), .46);box-shadow:0 12px 28px rgba(var(--accent-rgb), .14);transform:translateY(-1px)}.primary-button:disabled{cursor:not-allowed;opacity:.58;transform:none}.form-error{color:var(--danger);margin:0;font-size:13px}.success-note{color:var(--accent);margin:0 0 12px;font-size:13px}.hint{color:var(--faint);margin:0;font-size:12px}.app-shell{background:radial-gradient(circle at 28% 0%, rgba(var(--accent-rgb), .12), transparent 28%), radial-gradient(circle at 88% 12%, rgba(var(--accent-2-rgb), .07), transparent 26%), linear-gradient(180deg, rgba(var(--accent-rgb), .055), transparent 360px), var(--bg);color:var(--text);grid-template-columns:104px minmax(0,1fr);transition:background .24s,color .24s;display:grid}.app-shell *{scrollbar-color:var(--scrollbar) transparent;scrollbar-width:thin}.app-shell ::-webkit-scrollbar{width:10px;height:10px}.app-shell ::-webkit-scrollbar-thumb{background:var(--scrollbar);background-clip:padding-box;border:3px solid #0000;border-radius:999px}.app-shell ::-webkit-scrollbar-track{background:0 0}.sidebar{border-right:1px solid var(--border);background:linear-gradient(180deg, rgba(var(--accent-rgb), .08), transparent 240px), color-mix(in srgb, var(--panel-strong) 94%, transparent);-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);flex-direction:column;justify-content:space-between;height:100vh;padding:18px 14px;display:flex;position:sticky;top:0}.brand-row{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:70px;display:flex}.brand-row strong{color:var(--heading);letter-spacing:0;font-size:12px;display:block}.side-nav{gap:10px;margin-top:24px;display:grid}.side-nav button{min-height:66px;color:var(--muted);cursor:pointer;text-align:center;background:0 0;border:1px solid #0000;border-radius:12px;place-items:center;gap:6px;padding:9px 6px;transition:transform .18s,color .18s,border-color .18s,background .18s,box-shadow .18s;display:grid;position:relative}.side-nav button:before{content:"";background:linear-gradient(180deg, rgb(var(--accent-rgb)), rgb(var(--accent-2-rgb)));opacity:0;border-radius:999px;width:3px;transition:opacity .18s,transform .18s;position:absolute;inset:9px auto 9px -15px;transform:scaleY(.4)}.side-nav button span:last-child{font-size:12px;font-weight:700}.nav-icon{border:1px solid var(--border-soft);background:linear-gradient(135deg, #ffffff0a, transparent), color-mix(in srgb, var(--panel-muted) 86%, transparent);border-radius:10px;place-items:center;width:36px;height:36px;transition:border-color .18s,background .18s,box-shadow .18s;display:grid}.side-nav button.active,.side-nav button:hover{color:var(--heading);border-color:rgba(var(--accent-rgb), .28);background:radial-gradient(circle at 50% 0%, rgba(var(--accent-rgb), .16), transparent 58%), var(--panel-hover);box-shadow:0 14px 30px rgba(var(--accent-rgb), .1);transform:translateY(-1px)}.side-nav button.active:before{opacity:1;transform:scaleY(1)}.side-nav button.active .nav-icon,.side-nav button:hover .nav-icon{border-color:rgba(var(--accent-rgb), .38);background:linear-gradient(135deg, rgba(var(--accent-rgb), .2), rgba(var(--accent-2-rgb), .1));box-shadow:inset 0 1px 0 #ffffff14, 0 10px 20px rgba(var(--accent-rgb), .12)}.sidebar-theme-switch{cursor:pointer;background:0 0;border:0;align-self:center;place-items:center;width:56px;height:32px;margin:0 auto;padding:0;display:grid}.sidebar-theme-track{border:1px solid var(--border-soft);background:linear-gradient(135deg, #ffffff0a, transparent), color-mix(in srgb, var(--panel-muted) 82%, transparent);border-radius:999px;grid-template-columns:1fr 1fr;align-items:center;width:54px;height:30px;padding:3px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff0d}.sidebar-theme-option{z-index:1;color:var(--faint);place-items:center;display:grid}.sidebar-theme-thumb{background:linear-gradient(135deg, rgb(var(--accent-rgb)), color-mix(in srgb, rgb(var(--accent-rgb)) 52%, rgb(var(--accent-2-rgb))));width:22px;height:22px;box-shadow:0 8px 18px rgba(var(--accent-rgb), .22);border-radius:999px;transition:transform .22s;position:absolute;top:3px;left:3px}.sidebar-theme-switch[data-mode=light] .sidebar-theme-thumb{transform:translate(24px)}.workspace{min-width:0;padding:28px}.work-grid{gap:18px;display:grid}.chat-grid{grid-template-columns:minmax(260px,.34fr) minmax(0,1fr)}.profile-grid,.admin-grid{grid-template-columns:minmax(340px,.46fr) minmax(0,1fr)}.profile-page{gap:18px;max-width:1180px;display:grid}.image-grid{grid-template-columns:minmax(320px, var(--workspace-ratio,46%)) 12px minmax(0, 1fr);align-items:start;position:relative}.image-left-stack{gap:18px;min-width:0;display:grid}.community-workspace,.video-workspace{gap:18px;display:grid}.video-form-panel,.video-history-panel{min-width:0}.video-list{gap:14px;max-height:calc(100vh - 150px);padding-right:4px;display:grid;overflow:auto}.video-card-grid{scrollbar-gutter:stable;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-content:start;gap:14px;min-height:0;padding:16px 18px 24px;display:grid;overflow:auto}.video-card{border:1px solid var(--border-soft);background:linear-gradient(180deg, rgba(var(--accent-rgb), .08), transparent 45%), var(--panel-muted);box-shadow:var(--shadow-soft);border-radius:12px;gap:12px;padding:10px;transition:transform .22s,border-color .22s,background .22s;animation:.24s both soft-enter;display:grid;overflow:hidden}.video-card:hover{border-color:rgba(var(--accent-rgb), .28);transform:translateY(-2px)}.video-card-button{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;gap:10px;padding:0;display:grid}.video-preview{aspect-ratio:16/10;min-height:0;color:var(--muted);background:radial-gradient(circle at 30% 20%, rgba(var(--accent-2-rgb), .18), transparent 35%), var(--bg-soft);border-radius:10px;place-items:center;display:grid;position:relative;overflow:hidden}.video-preview video,.video-preview img{object-fit:contain;width:100%;height:100%;transition:transform .28s,opacity .28s;display:block}.video-preview video{background:#000;position:absolute;inset:0}.video-preview-loader{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000075;border:1px solid #fff3;border-radius:999px;place-items:center;width:30px;height:30px;display:inline-grid;position:absolute;bottom:9px;left:9px}.video-card:hover .video-preview video,.video-card:hover .video-preview img{transform:scale(1.03)}.video-preview>div{place-items:center;gap:8px;display:grid}.video-reference-panel{gap:10px;display:grid}.video-option-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.video-parameter-row{grid-template-columns:minmax(180px,1.25fr) repeat(2,minmax(120px,.72fr));align-items:end;gap:10px;display:grid}.video-parameter-row label{min-width:0}.video-mode-switch{max-width:260px}.toggle-line.compact{min-height:52px;padding:12px}.video-reference-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.video-reference-tile{aspect-ratio:1;border:1px solid var(--border-soft);background:var(--bg-soft);border-radius:8px;position:relative;overflow:hidden}.video-reference-tile img{object-fit:contain;width:100%;height:100%}.video-reference-tile .icon-button{color:#fff;background:#00000075;width:30px;height:30px;position:absolute;top:6px;right:6px}.video-reference-actions{grid-template-columns:minmax(160px,.36fr) minmax(0,1fr);align-items:stretch;gap:12px;display:grid}.video-reference-add,.video-link-input textarea{min-height:132px}.video-card-body,.video-card-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.video-card-body,.video-card-body>div{min-width:0}.video-card-body{padding:0 2px}.video-card-body strong,.video-card-body span{display:block}.video-card-body strong{color:var(--heading);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box;overflow:hidden}.video-card-body span{color:var(--faint);margin-top:4px;font-size:12px}.video-status-icon{border:1px solid var(--border-soft);color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000080;border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex;position:absolute;top:9px;left:9px}.video-status-icon.completed{border-color:rgba(var(--accent-rgb), .5);background:rgba(var(--accent-rgb), .58)}.video-status-icon.failed,.video-status-icon.cancelled{background:#a634419e;border-color:#ff7d7d73}.video-status-icon.pending,.video-status-icon.processing,.video-status-icon.running{color:var(--heading);background:#ffffff1f}.video-hover-badge{color:#fff;opacity:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0000007a;border:1px solid #ffffff3d;border-radius:999px;align-items:center;gap:5px;padding:7px 10px;font-size:12px;font-weight:800;transition:opacity .22s,transform .22s;display:inline-flex;position:absolute;bottom:9px;right:9px;transform:translateY(5px)}.video-card:hover .video-hover-badge{opacity:1;transform:translateY(0)}.video-card-actions{border-top:1px solid var(--border-soft);flex-wrap:nowrap;justify-content:space-between;padding:8px 2px 2px}.video-tool-button{width:100%;min-width:0;height:34px;color:var(--muted);background:color-mix(in srgb, var(--panel-hover) 78%, transparent);cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;transition:transform .2s,color .2s,background .2s,border-color .2s;display:inline-flex}.video-tool-button:hover{color:var(--heading);border-color:rgba(var(--accent-rgb), .24);background:rgba(var(--accent-rgb), .12);transform:translateY(-1px)}.video-tool-button:disabled{cursor:not-allowed;opacity:.45;transform:none}.video-detail-content{gap:16px;width:min(1080px,96vw);max-height:92vh;display:grid;overflow:auto}.video-player-shell{border:1px solid var(--border-soft);background:#05070b;border-radius:14px;overflow:hidden}.video-player-shell video{object-fit:contain;background:#05070b;width:100%;max-height:62vh;display:block}.video-detail-empty{min-height:360px;color:var(--muted);place-items:center;gap:10px;display:grid}.video-controls{color:#fff;background:#000000b8;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.video-controls input[type=range]{width:100%;height:6px;accent-color:rgb(var(--accent-rgb));background:0 0;border:0;padding:0}.video-controls span{color:#ffffffb8;font-variant-numeric:tabular-nums;font-size:12px}.video-detail-meta{gap:14px;display:grid}.video-detail-meta>article{gap:6px;display:grid}.video-detail-meta>article span{color:var(--faint);font-size:12px}.video-detail-meta>article p{color:var(--heading);margin:0;line-height:1.65}.video-detail-references{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.video-detail-references img{aspect-ratio:1;object-fit:contain;border:1px solid var(--border-soft);background:var(--bg-soft);border-radius:8px;width:100%}.community-controls{align-items:center;gap:10px;display:flex}.segmented.compact{padding:4px}.segmented.compact button{min-height:34px;padding:0 14px}.community-waterfall{column-count:4;column-gap:16px}.community-card{break-inside:avoid;border:1px solid var(--border);background:var(--panel);width:100%;box-shadow:var(--shadow-soft);border-radius:8px;margin:0 0 16px;animation:.24s both soft-enter;display:inline-block;overflow:hidden}.community-image-button{background:var(--bg-soft);cursor:zoom-in;border:0;width:100%;padding:0;display:block}.community-image-button img{width:100%;height:auto;display:block}.community-card-body{gap:10px;padding:12px;display:grid}.community-card-body strong{color:var(--heading)}.community-card-body p{color:var(--muted);-webkit-line-clamp:3;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0;line-height:1.5;display:-webkit-box;overflow:hidden}.community-card-footer{color:var(--faint);justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.like-button{min-height:30px;color:var(--muted);border:1px solid var(--border-soft);background:var(--panel-muted);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.like-button.active,.ghost-button.active{color:var(--heading);border-color:rgba(var(--accent-rgb), .34);background:rgba(var(--accent-rgb), .14)}.community-empty{min-height:380px;color:var(--muted);border:1px solid var(--border);background:var(--panel-muted);text-align:center;column-span:all;border-radius:8px;align-content:center;place-items:center;gap:10px;display:grid}.community-modal-content img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:72vh}.admin-stack{gap:18px;display:grid}.admin-mobile-tabs{display:none}.admin-section{min-width:0}.admin-overview-section{gap:18px;display:grid}.panel,.metric-card{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:8px}.panel{min-width:0;padding:20px}.panel-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.panel-heading h2,.invite-hero h2,.profile-hero h2{color:var(--heading);margin:0;font-size:22px;line-height:1.15}.cost-chip{color:var(--text);border:1px solid var(--border);background:var(--panel-muted);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:8px 10px;font-size:12px;display:inline-flex}.session-panel{height:calc(100vh - 56px);overflow:hidden}.session-list,.channel-list,.table-list{gap:10px;display:grid}.session-list{max-height:calc(100vh - 160px);overflow:auto}.session-list button{width:100%;color:var(--text);border:1px solid var(--border-soft);background:var(--panel-muted);cursor:pointer;text-align:left;border-radius:8px;gap:4px;padding:13px;display:grid}.session-list button.active{border-color:rgba(var(--accent-rgb), .42);background:rgba(var(--accent-rgb), .09)}.session-list span,.table-list span,.channel-card span,.channel-card small,.image-card span{color:var(--faint);font-size:12px}.chat-panel{grid-template-rows:auto minmax(0,1fr) auto auto;height:calc(100vh - 56px);display:grid}.message-stream{min-height:0;padding:8px 4px 16px;overflow:auto}.empty-state{min-height:360px;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:10px;display:grid}.empty-state h3{color:var(--heading);margin:0}.empty-state p{max-width:420px;margin:0}.bubble{border-radius:8px;width:min(760px,88%);margin:0 0 14px;padding:14px 16px}.bubble span{color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:800;display:block}.bubble p{white-space:pre-wrap;margin:0}.bubble.user{color:#fff;background:var(--bubble-user);box-shadow:0 10px 28px rgba(var(--accent-2-rgb), .18);margin-left:auto}.bubble.assistant{background:var(--panel-muted);border:1px solid var(--border-soft)}.typing{color:var(--muted)}.composer{grid-template-columns:minmax(0,1fr) 118px;gap:12px;display:grid}.composer textarea{min-height:58px;max-height:180px}.generate-panel textarea{min-height:170px}.generate-panel{align-self:start}.image-workspace{gap:18px;display:grid}.gallery-panel{height:var(--gallery-height,calc(100vh - 56px));grid-template-rows:auto minmax(0,1fr);align-self:start;min-height:360px;padding:0;display:grid;position:relative;overflow:hidden}.gallery-panel.has-batch-toolbar{grid-template-rows:auto auto minmax(0,1fr)}.gallery-panel .panel-heading{border-bottom:1px solid var(--border-soft);background:linear-gradient(180deg, color-mix(in srgb, var(--panel-muted) 72%, transparent), transparent);margin:0;padding:18px 18px 14px}.gallery-heading-actions{align-items:center;gap:10px;display:inline-flex}.gallery-heading-actions span{color:var(--faint);white-space:nowrap;font-size:12px}.batch-toolbar{border-bottom:1px solid var(--border-soft);background:color-mix(in srgb, var(--panel-strong) 66%, transparent);align-items:center;gap:8px;padding:10px 18px;display:flex}.batch-toolbar span{color:var(--muted);margin-right:auto;font-size:12px}.resize-handle{touch-action:none}.resize-handle-x{cursor:col-resize;align-self:stretch;width:12px;min-height:220px}.resize-handle-x:before{background:var(--border);content:"";border-radius:999px;width:2px;height:100%;margin:0 auto;transition:background .18s,width .18s;display:block}.resize-handle-x:hover:before{background:rgba(var(--accent-rgb), .48);width:4px}.resize-handle-y{cursor:row-resize;height:12px;position:absolute;bottom:8px;left:18px;right:18px}.resize-handle-y:before{background:var(--border);content:"";border-radius:999px;width:72px;height:3px;margin:4px auto 0;transition:background .18s,width .18s;display:block}.resize-handle-y:hover:before{background:rgba(var(--accent-rgb), .5);width:96px}.direction-grid,.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:none}.direction-grid button,.preset-grid button{min-height:72px;color:var(--text);border:1px solid var(--border);background:var(--panel-muted);cursor:pointer;text-align:left;border-radius:8px;gap:4px;padding:12px;display:grid}.direction-grid button.active,.preset-grid button.active{border-color:rgba(var(--accent-rgb), .36);background:rgba(var(--accent-rgb), .1)}.direction-grid span,.preset-grid span,.template-note{color:var(--faint);font-size:12px}.preset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.preset-grid button{min-height:96px}.template-note{border:1px solid var(--border-soft);background:var(--panel-muted);border-radius:8px;margin:-4px 0 0;padding:10px 12px;display:none}.prompt-actions,.channel-stats{flex-wrap:wrap;gap:8px;display:flex}.prompt-actions{align-items:center;margin-top:-4px}.prompt-actions span{color:var(--faint);font-size:12px}.size-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.size-options button{min-width:0;color:var(--text);border:1px solid var(--border);background:var(--panel-muted);cursor:pointer;text-align:left;border-radius:8px;align-items:center;gap:10px;padding:12px;transition:border-color .2s,background .2s,transform .2s,box-shadow .2s;display:flex}.size-options button:hover{border-color:rgba(var(--accent-2-rgb), .42);background:var(--panel-hover);transform:translateY(-1px)}.size-options button.active{border-color:rgba(var(--accent-rgb), .42);background:rgba(var(--accent-rgb), .1);box-shadow:0 10px 24px rgba(var(--accent-rgb), .1)}.size-options strong,.size-options small{display:block}.size-options strong{color:var(--heading);font-size:13px;line-height:1.2}.size-options small{color:var(--faint);margin-top:3px;font-size:11px;line-height:1.2}.size-shape{color:var(--accent);background:rgba(var(--accent-rgb), .1);border:2px solid;border-radius:5px;flex:none;display:block}.size-shape.square{width:22px;height:22px}.size-shape.portrait{width:18px;height:26px}.size-shape.landscape{width:28px;height:18px}.queue-panel{min-width:0;max-height:min(420px,45vh);transition:opacity .24s,transform .24s;overflow:hidden}.queue-panel.is-idle{opacity:.82}.queue-list{overscroll-behavior:contain;gap:10px;max-height:320px;padding-right:4px;display:grid;overflow:auto}.queue-item{border:1px solid var(--border-soft);background:var(--panel-muted);border-radius:8px;gap:8px;min-width:0;padding:12px;transition:border-color .2s,background .2s,transform .2s,opacity .2s;animation:.22s both soft-enter;display:grid}.queue-item.active{border-color:rgba(var(--accent-rgb), .28);background:rgba(var(--accent-rgb), .08)}.queue-item div{min-width:0}.queue-item strong,.queue-item span,.queue-item small{display:block}.queue-item strong{color:var(--heading)}.queue-item span,.queue-item small{color:var(--muted);font-size:12px}.queue-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.queue-empty{color:var(--faint);border:1px dashed var(--border);background:color-mix(in srgb, var(--panel-muted) 70%, transparent);border-radius:8px;padding:12px;font-size:13px;animation:.22s both soft-enter}@keyframes soft-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes gallery-settle{0%{opacity:.9;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes image-card-arrive{0%{opacity:0;border-color:rgba(var(--accent-rgb), .52);box-shadow:0 0 0 rgba(var(--accent-rgb), 0);transform:translateY(16px)scale(.97)}48%{opacity:1;border-color:rgba(var(--accent-rgb), .62);box-shadow:0 18px 38px rgba(var(--accent-rgb), .16);transform:translateY(-2px)scale(1.01)}to{opacity:1;border-color:var(--border-soft);box-shadow:none;transform:translateY(0)scale(1)}}.ghost-button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.58;transform:none}.chart-builder{gap:14px;display:grid}.chart-builder textarea{min-height:120px}.chart-preview{border:1px solid var(--border);background:var(--bg-soft);border-radius:8px;overflow:hidden}.chart-preview svg{width:100%;height:auto;display:block}.reference-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.reference-tile,.reference-add{border:1px dashed color-mix(in srgb, var(--border) 72%, var(--accent-2));background:color-mix(in srgb, var(--input-bg) 78%, transparent);border-radius:8px;min-height:126px;display:grid;position:relative;overflow:hidden}.reference-grid.has-image .reference-tile{border-style:solid;border-color:rgba(var(--accent-rgb), .28)}.reference-tile img{object-fit:cover;background:var(--bg-soft);width:100%;height:100%;min-height:126px}.reference-add{color:var(--muted);cursor:pointer;text-align:center;align-content:center;place-items:center;gap:8px}.reference-add input{cursor:pointer;opacity:0;height:100%;position:absolute;inset:0}.reference-add span{font-size:12px}.reference-actions{z-index:2;gap:6px;display:flex;position:absolute;top:8px;right:8px}.reference-actions .icon-button{background:color-mix(in srgb, var(--panel-strong) 86%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:30px;height:30px}.gallery{overscroll-behavior:contain;scroll-behavior:smooth;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));grid-auto-rows:286px;align-content:start;gap:16px;min-height:0;max-height:100%;padding:18px 18px 24px;display:grid;overflow:auto}.gallery.has-new-item{animation:.34s both gallery-settle}.gallery:has(.gallery-empty-state){grid-template-columns:1fr;grid-auto-rows:auto;align-content:stretch}.image-card{border:1px solid var(--border-soft);background:color-mix(in srgb, var(--panel-strong) 42%, var(--panel-muted));border-radius:8px;grid-template-rows:172px 58px 56px;height:286px;transition:border-color .2s,background .2s,transform .2s,opacity .2s,box-shadow .2s;animation:.26s both soft-enter;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 28px #00000014}.image-card.selected{border-color:rgba(var(--accent-rgb), .66);background:color-mix(in srgb, rgba(var(--accent-rgb), .18) 38%, var(--panel-muted));box-shadow:0 18px 36px rgba(var(--accent-2-rgb), .16)}.select-badge{z-index:2;color:#061018;border:1px solid rgba(var(--accent-rgb), .55);background:color-mix(in srgb, var(--panel-strong) 82%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:10px;left:10px}.image-card.selected .select-badge{background:var(--accent)}.image-card.is-new{animation:.62s cubic-bezier(.2,.8,.2,1) both image-card-arrive}.image-card:hover{border-color:rgba(var(--accent-2-rgb), .32);transform:translateY(-1px);box-shadow:0 18px 34px #0000001f}.queue-item:hover{transform:translateY(-1px)}.image-preview-button,.image-card img,.image-placeholder{object-fit:cover;background:var(--bg-soft);width:100%;height:172px}.image-preview-button{background:var(--bg-soft);cursor:zoom-in;border:0;padding:0;display:block;overflow:hidden}.image-preview-button img{transition:transform .24s,filter .24s}.image-card:hover .image-preview-button img{filter:saturate(1.04)contrast(1.02);transform:scale(1.025)}.image-preview-button:disabled{cursor:default}.image-placeholder{color:var(--faint);place-items:center;display:grid}.image-card-body{align-items:center;min-width:0;padding:8px 10px;display:grid}.image-card p{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;height:38px;min-height:0;margin:0;line-height:19px;display:-webkit-box;overflow:hidden}.image-card-footer{border-top:1px solid var(--border-soft);background:color-mix(in srgb, var(--panel-muted) 78%, transparent);justify-content:flex-end;align-items:center;gap:8px;min-height:0;padding:10px;display:flex}.image-card-footer span{margin:0;display:block}.image-card-footer .icon-button{flex:none;width:34px;height:34px;text-decoration:none}.image-actions{flex:none;gap:6px;display:inline-flex}.gallery-empty-state{min-height:min(520px, calc(var(--gallery-height,560px) - 104px));color:var(--muted);background:radial-gradient(circle at 50% 42%, rgba(var(--accent-2-rgb), .18), transparent 32%), linear-gradient(180deg, color-mix(in srgb, var(--panel-muted) 58%, transparent), transparent);text-align:center;border-radius:8px;align-content:center;place-items:center;gap:10px;animation:.24s both soft-enter;display:grid;position:relative;overflow:hidden}.gallery-empty-state:before{content:"";border:1px solid var(--border-soft);pointer-events:none;border-radius:8px;position:absolute;inset:22px;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}.gallery-empty-orbit{opacity:.58;pointer-events:none;grid-template-columns:repeat(2,minmax(86px,1fr));gap:14px;display:grid;position:absolute;inset:42px 28px}.gallery-empty-orbit span{border:1px solid var(--border-soft);background:linear-gradient(135deg, rgba(var(--accent-rgb), .12), transparent 42%), linear-gradient(180deg, color-mix(in srgb, var(--panel-strong) 70%, transparent), color-mix(in srgb, var(--panel-muted) 58%, transparent));border-radius:8px;min-height:112px;box-shadow:inset 0 1px #ffffff0d}.gallery-empty-orbit span:nth-child(2),.gallery-empty-orbit span:nth-child(3){opacity:.58;transform:translateY(18px)}.gallery-empty-icon{z-index:1;width:56px;height:56px;color:var(--heading);border:1px solid rgba(var(--accent-2-rgb), .36);background:radial-gradient(circle at 28% 20%, #ffffff2e, transparent 28%), linear-gradient(135deg, rgba(var(--accent-rgb), .24), rgba(var(--accent-2-rgb), .2));box-shadow:0 18px 42px rgba(var(--accent-2-rgb), .2);border-radius:16px;place-items:center;display:grid;position:relative}.gallery-empty-state strong,.gallery-empty-state p{z-index:1;position:relative}.gallery-empty-state strong{color:var(--heading);font-size:15px}.gallery-empty-state p{color:var(--faint);margin:-4px 0 0;font-size:12px}.image-modal{z-index:50;background:var(--modal-backdrop);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);place-items:center;padding:28px;display:grid;position:fixed;inset:0}.image-modal-content{border:1px solid var(--border);background:var(--panel-strong);border-radius:8px;gap:14px;width:min(1180px,96vw);max-height:92vh;padding:16px;display:grid;overflow:auto;box-shadow:0 30px 90px #00000047}.image-modal-toolbar{justify-content:space-between;align-items:center;gap:14px;display:flex}.image-modal-toolbar strong,.image-modal-toolbar span{display:block}.image-modal-toolbar span{color:var(--faint);margin-top:3px;font-size:12px}.image-modal-content>img{object-fit:contain;background:var(--bg-soft);border-radius:8px;width:100%;max-height:72vh}.image-modal-content>p{color:var(--text);margin:0}.failure-modal-content{width:min(920px,96vw)}.security-modal-content{width:min(520px,94vw)}.security-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.security-summary article{border:1px solid var(--border-soft);background:var(--panel-muted);border-radius:8px;gap:6px;padding:13px;display:grid}.security-summary span,.security-hint{color:var(--faint);font-size:12px}.security-summary strong{color:var(--heading)}.security-form{gap:14px;display:grid}.security-form .button-row{justify-content:flex-end}.security-hint{margin:-2px 0 0;line-height:1.6}.failure-list{gap:12px;max-height:68vh;padding-right:4px;display:grid;overflow:auto}.failure-card{border:1px solid var(--border-soft);background:linear-gradient(90deg, #ff7d7d1c, transparent 44%), var(--panel-muted);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;min-width:0;padding:14px;transition:border-color .2s,background .2s,transform .2s;display:grid}.failure-card:hover{border-color:#ff7d7d47;transform:translateY(-1px)}.failure-card-main{gap:7px;min-width:0;display:grid}.failure-card-top{align-items:center;gap:8px;display:flex}.failure-card-top span{color:var(--danger);background:#ff7d7d1a;border:1px solid #ff7d7d3d;border-radius:999px;padding:4px 8px;font-size:12px;line-height:1}.failure-card-top small{color:var(--faint)}.failure-card strong{color:var(--heading);font-size:14px;line-height:1.35}.failure-card p{color:var(--faint);-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.failure-card-actions{align-items:center;gap:8px;display:inline-flex}.editor-content{width:min(1100px,96vw)}.ghost-button.active{color:#061018;background:var(--accent);border-color:#0000}.editor-tools,.editor-footer{border:1px solid var(--border-soft);background:var(--panel-muted);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.editor-tools{flex-wrap:wrap;justify-content:flex-start}.editor-tools label{align-items:center;gap:10px;min-width:150px;display:flex}.editor-tools input[type=color]{width:46px;height:34px;padding:3px}.editor-tools input[type=range]{width:180px}.canvas-wrap{background:linear-gradient(45deg, var(--checker) 25%, transparent 25%), linear-gradient(-45deg, var(--checker) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--checker) 75%), linear-gradient(-45deg, transparent 75%, var(--checker) 75%), var(--bg-soft);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border-radius:8px;place-items:center;max-height:64vh;display:grid;position:relative;overflow:auto}.canvas-wrap canvas{touch-action:none;max-width:100%;max-height:64vh;display:block}.crop-overlay{border:2px solid var(--accent);background:rgba(var(--accent-rgb), .12);pointer-events:none;position:absolute;box-shadow:0 0 0 9999px #0000005c}.invite-hero{align-content:space-between;min-height:360px;display:grid}.profile-hero{align-content:start;gap:18px;display:grid}.profile-section{position:relative;overflow:hidden}.profile-section:before{content:"";pointer-events:none;background:radial-gradient(circle at 12% 0%, rgba(var(--accent-rgb), .11), transparent 28%), linear-gradient(135deg, #ffffff09, transparent 48%);opacity:.86;position:absolute;inset:0}.profile-section>*{z-index:1;position:relative}.profile-card-top{align-items:center;gap:14px;display:flex}.profile-avatar{color:#fff;border:1px solid rgba(var(--accent-2-rgb), .36);background:radial-gradient(circle at 30% 20%, #fff3, transparent 30%), linear-gradient(135deg, rgb(var(--accent-rgb)), rgb(var(--accent-2-rgb)));width:54px;height:54px;box-shadow:0 18px 34px rgba(var(--accent-2-rgb), .18);border-radius:16px;place-items:center;font-size:22px;font-weight:900;display:grid}.profile-card-top p{color:var(--muted);margin:6px 0 0}.profile-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.profile-stat-grid article{border:1px solid var(--border-soft);background:var(--panel-muted);border-radius:8px;gap:8px;padding:14px;display:grid}.profile-stat-grid span{color:var(--faint);font-size:12px}.profile-stat-grid strong{color:var(--heading);font-size:18px}.profile-stat-grid small{color:var(--faint);font-size:12px}.profile-actions{flex-wrap:wrap;gap:10px;display:flex}.invite-hero p{max-width:460px;color:var(--muted)}.invite-card{border:1px solid rgba(var(--accent-rgb), .24);background:rgba(var(--accent-rgb), .08);border-radius:8px;gap:12px;padding:18px;display:grid}.invite-card span{color:var(--muted);font-size:12px}.invite-card strong{color:var(--heading);font-size:28px}.profile-invite-card{margin-bottom:14px}.profile-invite-layout{grid-template-columns:minmax(220px,.85fr) minmax(0,1.4fr) minmax(160px,.5fr);gap:12px;display:grid}.profile-invite-layout .profile-invite-card{margin-bottom:0}.invite-link-card,.invite-count-card,.notification-card{border:1px solid var(--border-soft);background:color-mix(in srgb, var(--panel-muted) 86%, transparent);border-radius:8px;gap:10px;min-width:0;padding:18px;display:grid}.invite-link-card span,.invite-count-card span{color:var(--muted);font-size:12px}.invite-link-card p{min-width:0;color:var(--heading);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.invite-count-card{align-content:center}.invite-count-card strong{color:var(--heading);font-size:32px;line-height:1}.invite-count-card small{color:var(--faint)}.notification-panel{min-height:280px}.notification-list{gap:12px;display:grid}.notification-card{border-color:rgba(var(--accent-2-rgb), .15);background:linear-gradient(90deg, rgba(var(--accent-rgb), .08), transparent 38%), var(--panel-muted);transition:transform .2s,border-color .2s,background .2s}.notification-card:hover{border-color:rgba(var(--accent-2-rgb), .28);background:linear-gradient(90deg, rgba(var(--accent-rgb), .12), transparent 42%), var(--panel-hover);transform:translateY(-1px)}.notification-card div{justify-content:space-between;align-items:center;gap:12px;display:flex}.notification-card strong{color:var(--heading)}.notification-card time{color:var(--faint);flex:none;font-size:12px}.notification-card p{color:var(--muted);margin:0;line-height:1.7}.inline-controls,.button-row,.split-row{gap:10px;display:flex}.inline-controls input{width:92px;height:38px}.table-list article{border:1px solid var(--border-soft);background:var(--panel-muted);border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:13px;display:flex}.table-list strong,.channel-card strong{color:var(--heading);display:block}.metric-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.metric-card{gap:8px;padding:16px;display:grid}.metric-card svg{width:20px;height:20px;color:var(--accent)}.metric-card span{color:var(--muted);font-size:12px}.metric-card strong{color:var(--heading);font-variant-numeric:tabular-nums;font-size:26px;line-height:1}.metric-card small{color:var(--faint)}.chart-wrap{min-width:0}.token-form{margin-top:0}.api-modal-content{width:min(920px,96vw)}.api-panel,.storage-panel,.server-panel{min-width:0}.storage-panel .button-row{flex-wrap:wrap;justify-content:flex-end}.storage-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.storage-summary-grid article{border:1px solid var(--border-soft);background:var(--panel-muted);border-radius:8px;gap:8px;min-width:0;padding:14px;display:grid}.storage-summary-grid span{color:var(--faint);font-size:12px}.storage-summary-grid strong{min-width:0;color:var(--heading);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.server-dashboard{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(260px,1.35fr);gap:12px;margin-bottom:14px;display:grid}.server-gauge,.connection-dashboard{border:1px solid var(--border-soft);background:linear-gradient(145deg, rgba(var(--accent-rgb), .09), transparent 52%), var(--panel-muted);border-radius:8px;min-width:0;padding:16px}.server-gauge{text-align:center;place-items:center;gap:12px;display:grid}.gauge-ring{aspect-ratio:1;background:radial-gradient(circle at center, var(--panel-strong) 0 55%, transparent 56%), conic-gradient(rgb(var(--accent-rgb)) var(--gauge-value), rgba(var(--accent-rgb), .14) 0);width:118px;box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb), .14);border-radius:999px;place-items:center;display:grid}.gauge-ring strong{color:var(--heading);font-variant-numeric:tabular-nums;font-size:26px;line-height:1}.server-gauge span,.connection-dashboard span{color:var(--faint);font-size:12px;display:block}.server-gauge small,.connection-dashboard small{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:6px;display:block;overflow:hidden}.connection-dashboard{gap:14px;display:grid}.connection-dashboard>div:first-child strong{color:var(--heading);margin-top:4px;font-size:32px;line-height:1;display:block}.connection-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.connection-grid article{border:1px solid var(--border-soft);background:rgba(var(--panel-rgb), .55);border-radius:8px;gap:6px;min-width:0;padding:10px;display:grid}.connection-grid strong{color:var(--heading);font-size:20px;line-height:1}.server-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.server-detail-grid article{border:1px solid var(--border-soft);background:rgba(var(--panel-rgb), .58);border-radius:8px;gap:7px;min-width:0;padding:12px;display:grid}.server-detail-grid span{color:var(--faint);font-size:12px}.server-detail-grid strong{min-width:0;color:var(--heading);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.storage-hint{border:1px solid var(--border-soft);background:var(--panel-muted);border-radius:8px;margin:-2px 0 12px;padding:10px 12px}.settings-form{gap:12px;max-width:520px;display:grid}.settings-form label{gap:8px;display:grid}.settings-hint{color:var(--faint);margin:-2px 0 0;line-height:1.6}.toggle-line{border:1px solid var(--border-soft);background:var(--panel-muted);border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:14px;display:flex}.toggle-line span,.toggle-line strong,.toggle-line small{display:block}.toggle-line strong{color:var(--heading)}.toggle-line small{color:var(--faint);margin-top:4px;line-height:1.45}.toggle-line input{width:20px;height:20px;accent-color:var(--accent)}.api-card-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.api-card{aspect-ratio:1;min-width:0;min-height:220px;color:var(--text);border:1px solid var(--border-soft);background:var(--panel-muted);text-align:left;border-radius:8px;align-content:space-between;gap:12px;padding:16px;display:grid}.api-card.active{border-color:rgba(var(--accent-rgb), .28)}.api-card.unhealthy{border-color:#ff7d7d57}.api-card.paused{opacity:.72}.api-card-top,.api-card-actions,.api-card-stats{align-items:center;gap:8px;display:flex}.api-card-top{justify-content:space-between}.api-card strong,.api-card span,.api-card small{display:block}.api-card strong{color:var(--heading)}.api-card-top span,.api-card-body span,.api-card small{color:var(--faint);font-size:12px}.api-card-body{gap:6px;min-width:0;display:grid}.api-card-body small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.api-card-stats{flex-wrap:wrap}.api-card-stats span{color:var(--muted);border:1px solid var(--border-soft);background:var(--panel-muted);border-radius:999px;padding:5px 8px;font-size:12px}.api-card-actions{grid-template-columns:repeat(3,minmax(0,1fr)) 34px;width:100%;display:grid}.api-card-actions .ghost-button{white-space:nowrap;width:100%;min-height:32px;padding:0 10px}.api-card-actions .icon-button{width:34px;min-width:34px;height:34px}.api-channel-list,.video-channel-admin,.video-channel-list{gap:12px;display:grid}.api-row-card,.video-channel-row{border:1px solid var(--border-soft);background:var(--panel-muted);border-radius:10px;grid-template-columns:minmax(180px,1fr) minmax(180px,1.2fr) minmax(220px,1fr) minmax(240px,.8fr);align-items:center;gap:14px;min-width:0;padding:14px;display:grid}.api-row-card{grid-template-columns:minmax(180px,1fr) minmax(220px,1.4fr) minmax(210px,1fr) minmax(240px,.8fr)}.api-row-card.active,.video-channel-row.active{border-color:rgba(var(--accent-rgb), .26)}.api-row-card.unhealthy,.video-channel-row.unhealthy{border-color:#ff7d7d57}.api-row-card.paused,.video-channel-row.paused{opacity:.72}.video-channel-admin{border-top:1px solid var(--border-soft);margin-top:18px;padding-top:18px}.subsection-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.subsection-heading h3{color:var(--heading);margin:0;font-size:18px}.subsection-heading p{color:var(--muted);margin:4px 0 0;font-size:13px}.video-channel-main{align-items:center;gap:10px;min-width:0;display:flex}.video-channel-main div,.video-channel-main strong,.video-channel-main small{min-width:0}.video-channel-main strong,.video-channel-main small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.video-channel-main small{color:var(--faint);margin-top:3px;font-size:12px}.video-channel-models,.video-channel-stats{flex-wrap:wrap;gap:7px;display:flex}.video-channel-models span,.video-channel-stats span{color:var(--muted);border:1px solid var(--border-soft);background:var(--panel-muted);border-radius:999px;padding:5px 8px;font-size:12px}.video-channel-empty{color:var(--muted);border:1px dashed var(--border-soft);background:color-mix(in srgb, var(--panel-muted) 72%, transparent);border-radius:10px;align-items:center;gap:10px;padding:16px;display:flex}.video-provider-switch{border:1px solid var(--border-soft);background:var(--bg-soft);border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:5px;display:grid}.video-provider-switch button{min-height:38px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;font-weight:800;transition:background .2s,color .2s,transform .2s}.video-provider-switch button:hover,.video-provider-switch button.active{color:var(--heading);background:rgba(var(--accent-rgb), .14)}.video-model-config-list{border:1px solid var(--border-soft);background:var(--panel-muted);border-radius:12px;gap:10px;padding:12px;display:grid}.video-model-config-head{color:var(--heading);justify-content:space-between;align-items:center;gap:10px;font-weight:800;display:flex}.video-model-config-row{grid-template-columns:minmax(140px,1fr) minmax(140px,1fr) minmax(110px,.5fr) 40px;align-items:end;gap:10px;display:grid}.video-model-config-row .icon-button{width:38px;height:38px;margin-bottom:1px}.field-hint{color:var(--faint);margin-top:6px;font-size:12px;display:block}.status-dot{background:var(--faint);width:10px;height:10px;box-shadow:0 0 0 4px var(--panel-muted);border-radius:999px}.status-dot.active{background:var(--accent)}.status-dot.unhealthy{background:var(--danger)}.status-dot.paused{background:var(--faint)}.api-detail{gap:16px;display:grid}.api-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.detail-list{gap:10px;display:grid}.detail-list article{border:1px solid var(--border-soft);background:var(--panel-muted);border-radius:8px;justify-content:space-between;align-items:center;gap:14px;min-width:0;padding:12px;display:flex}.detail-list span{color:var(--faint);font-size:12px}.detail-list strong{min-width:0;color:var(--heading);overflow-wrap:anywhere;text-align:right}.split-row>*{flex:1 1 0}.channel-list{max-height:650px;overflow:auto}.channel-card{border:1px solid var(--border-soft);background:var(--panel-muted);border-radius:8px;gap:12px;padding:14px;display:grid}.channel-card.active{border-color:rgba(var(--accent-rgb), .24)}.channel-card.unhealthy{border-color:#ff7d7d57}.channel-card.paused{opacity:.72}.channel-card p{color:var(--danger);margin:0;font-size:12px}.channel-meta{flex-wrap:wrap;gap:8px;display:flex}.channel-meta span{background:var(--panel-hover);border-radius:999px;padding:4px 8px}.channel-stats span{color:var(--muted);border:1px solid var(--border-soft);background:var(--panel-muted);border-radius:999px;padding:4px 8px;font-size:12px}.empty-text{color:var(--faint);margin:0}.app-shell[data-theme=light] .chart-preview svg text{fill:var(--heading)}.app-shell[data-theme=light] .chart-preview svg line,.app-shell[data-theme=light] .chart-preview svg polyline{stroke:#0f172a2e}.app-shell[data-theme=light] .image-modal{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.app-shell[data-theme=light] .primary-button,.app-shell[data-theme=light] .ghost-button.active{color:#fff}@media (width<=1180px){.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.chat-grid,.video-workspace,.image-grid,.profile-grid,.admin-grid{grid-template-columns:1fr}.resize-handle{display:none}.session-panel,.chat-panel{height:auto}.session-list{max-height:260px}.gallery-panel{height:auto}.gallery{grid-auto-rows:286px}.queue-panel{max-height:320px}}@media (width<=840px){.auth-shell,.app-shell{grid-template-columns:1fr}.auth-visual,.auth-panel{padding:28px}.auth-panel{gap:18px}.auth-theme-toggle{min-height:34px}.auth-visual{min-height:440px}.auth-visual:before{border-radius:20px;inset:8%}.auth-visual h1{font-size:clamp(42px,13vw,64px)}.auth-copy{padding-left:16px}.auth-copy strong{font-size:17px}.auth-copy p{font-size:14px}.auth-product-preview{place-self:end center;width:calc(100% - 40px);margin:0;padding:13px}.preview-art-board span{min-height:54px}.auth-panel:before{inset:12px}.code-field{grid-template-columns:1fr}.code-field .ghost-button{width:100%}.metric-grid,.api-detail-grid,.profile-invite-layout,.server-dashboard,.server-detail-grid,.storage-summary-grid,.direction-grid,.preset-grid,.size-options,.reference-grid,.video-reference-actions,.video-parameter-row,.video-detail-references{grid-template-columns:1fr}.admin-mobile-tabs{z-index:8;border:1px solid var(--border);background:color-mix(in srgb, var(--panel-strong) 90%, transparent);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:12px;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding:8px;display:grid;position:sticky;top:0}.admin-mobile-tabs button{min-height:38px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;font-weight:800}.admin-mobile-tabs button.active{color:var(--heading);background:rgba(var(--accent-rgb), .14);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb), .2)}.admin-section{display:none}.admin-section.active{display:grid}.admin-overview-section.active{gap:14px}.metric-grid{gap:10px}.metric-card{min-height:116px;padding:14px}.metric-card strong{font-size:30px}.server-dashboard{gap:10px}.connection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.community-waterfall{column-count:2;column-gap:12px}.sidebar{height:auto;padding:14px 16px;position:static}.sidebar-top{align-items:center;gap:14px;display:flex}.brand-row{flex:none;min-height:0}.side-nav{flex:auto;gap:8px;margin-top:0;display:flex;overflow-x:auto}.side-nav button{min-width:62px;min-height:58px}.side-nav button:before{width:auto;height:3px;inset:auto 10px -15px;transform:scaleX(.4)}.side-nav button.active:before{transform:scaleX(1)}.sidebar-theme-switch{align-self:center;margin-top:12px}nav{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{padding:16px}.generate-panel .panel-heading{justify-content:stretch;align-items:start;gap:12px;display:grid}.generate-panel .panel-heading h2{text-wrap:balance;font-size:clamp(30px,9vw,42px)}.generate-panel .cost-chip{white-space:normal;text-align:center;justify-content:center;width:100%;line-height:1.45}.api-card-grid{grid-template-columns:1fr}.api-card,.api-row-card,.video-channel-row{aspect-ratio:auto;grid-template-columns:1fr;min-height:0}.video-model-config-row{grid-template-columns:1fr}.video-model-config-row .icon-button{margin-bottom:0}.api-card-actions{grid-template-columns:repeat(3,minmax(0,1fr)) 34px}.storage-panel .button-row{flex-direction:column;align-items:stretch}.storage-panel .button-row .ghost-button,.storage-panel .button-row .primary-button{width:100%}.community-waterfall{column-count:1}.video-card-grid,.video-option-row{grid-template-columns:1fr}.video-controls{grid-template-columns:38px minmax(0,1fr)}.video-controls span{grid-column:2}.composer,.split-row,.image-modal-toolbar{flex-direction:column;grid-template-columns:1fr}.image-modal{padding:12px}.image-modal-content{width:100%}.gallery-panel,.queue-panel{height:auto}.gallery{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding:14px}.gallery-panel .panel-heading{padding:16px 14px 12px}.gallery-heading-actions span{display:none}.queue-list{max-height:220px}.editor-tools,.editor-footer{flex-direction:column;align-items:stretch}.editor-tools label,.editor-tools input[type=range]{width:100%}}