:root{--zxs-bg:#f5f6f8;--zxs-surface:#fff;--zxs-ink:#080912;--zxs-text:#161824;--zxs-muted:#8f96a3;--zxs-nav-muted:#667085;--zxs-border:#e7e9ed;--zxs-overlay:#000000ad;--zxs-radius-sm:8px;--zxs-radius-md:14px;--zxs-radius-lg:20px;--zxs-space-1:4px;--zxs-space-2:8px;--zxs-space-3:12px;--zxs-space-4:16px;--zxs-space-5:20px;--zxs-space-6:24px;--zxs-space-8:32px;--zxs-shadow-float:0 10px 32px #0000002e;--zxs-tap:44px;--zxs-top-bar-h:56px;--zxs-app-chrome-top:0px;--zxs-bottom-nav-h:72px;--zxs-visual-viewport-h:100dvh;color:var(--zxs-text);background:var(--zxs-bg);font-synthesis:none;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Noto Sans CJK SC,sans-serif}*{box-sizing:border-box}html{background:#000;min-height:100%}body{background:#000;min-width:320px;min-height:100%;margin:0}body,button,input,textarea{font:inherit}body{overscroll-behavior-y:none}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--zxs-ink);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.42}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-frame{width:min(100%,480px);min-height:var(--zxs-visual-viewport-h);background:#000;margin:0 auto;position:relative;overflow:clip}.app-frame--with-top-bar{--zxs-app-chrome-top:var(--zxs-top-bar-h)}.app-frame--topless{--zxs-app-chrome-top:env(safe-area-inset-top)}.top-bar{height:var(--zxs-top-bar-h);padding-top:env(safe-area-inset-top);background:var(--zxs-surface);z-index:30;border-bottom:1px solid #f1f2f4;grid-template-columns:52px 1fr 52px;align-items:center;display:grid;position:sticky;top:0}.top-bar h1{text-align:center;color:#05050a;margin:0;font-size:17px;font-weight:600;line-height:24px}.top-bar__back{justify-self:center}.page-scroll{min-height:calc(var(--zxs-visual-viewport-h) - var(--zxs-app-chrome-top));padding-bottom:calc(var(--zxs-bottom-nav-h) + env(safe-area-inset-bottom) + 20px);background:var(--zxs-surface)}.page-scroll--topless{padding-top:env(safe-area-inset-top)}.route-loading{min-height:calc(var(--zxs-visual-viewport-h) - var(--zxs-app-chrome-top) - var(--zxs-bottom-nav-h));color:var(--zxs-muted);place-items:center;font-size:14px;display:grid}.page-scroll--detail{padding-bottom:env(safe-area-inset-bottom)}.page{padding:0 var(--zxs-space-4) var(--zxs-space-6)}.page--gray{background:var(--zxs-bg);min-height:calc(var(--zxs-visual-viewport-h) - var(--zxs-app-chrome-top));padding-top:var(--zxs-space-5)}.icon-button{width:var(--zxs-tap);height:var(--zxs-tap);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.category-tabs{scrollbar-width:none;overscroll-behavior-inline:contain;white-space:nowrap;gap:28px;padding:20px 0 18px;display:flex;overflow-x:auto}.category-tabs::-webkit-scrollbar{display:none}.category-tabs button,.segmented-tabs button{min-height:var(--zxs-tap);color:#667085;background:0 0;border:0;padding:0;font-size:16px;font-weight:600}.category-tabs button[aria-selected=true],.segmented-tabs button[aria-selected=true]{color:var(--zxs-ink);font-weight:700}.segmented-tabs{grid-template-columns:repeat(3,1fr);align-items:center;gap:14px;height:82px;display:grid}.segmented-tabs button{height:100%;position:relative}.segmented-tabs button[aria-selected=true]:after{content:"";background:var(--zxs-ink);border-radius:4px;width:38px;height:4px;position:absolute;bottom:9px;left:50%;transform:translate(-50%)}.hero-banner{border-radius:var(--zxs-radius-md);background:#e6e9eb;margin:0;position:relative;overflow:hidden}.hero-banner img{object-fit:cover;width:100%;height:100%;display:block}.hero-banner figcaption{color:#fff;background:linear-gradient(#0000,#000000bf);padding:28px 20px 18px;position:absolute;inset:auto 0 0}.content-card{padding:var(--zxs-space-4);border-radius:var(--zxs-radius-md);background:var(--zxs-surface)}.image-grid{gap:var(--zxs-space-2);grid-template-columns:repeat(3,1fr);display:grid}.image-grid button{aspect-ratio:1;border-radius:var(--zxs-radius-sm);background:#e7e9ed;border:0;min-width:0;padding:0;overflow:hidden}.image-grid img{object-fit:cover;width:100%;height:100%;display:block}.primary-button,.secondary-button{border-radius:var(--zxs-radius-sm);min-height:52px;padding:0 20px;font-size:16px;font-weight:700}.primary-button{border:1px solid var(--zxs-ink);color:#fff;background:var(--zxs-ink)}.secondary-button{border:1px solid var(--zxs-ink);color:var(--zxs-ink);background:#fff}.bottom-nav{height:calc(var(--zxs-bottom-nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--zxs-surface);border-top:1px solid var(--zxs-border);z-index:35;grid-template-columns:repeat(5,1fr);width:min(100%,480px);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav a{min-width:0;min-height:var(--zxs-tap);color:var(--zxs-nav-muted);flex-direction:column;justify-content:center;align-items:center;gap:3px;text-decoration:none;display:flex}.bottom-nav__icon{place-items:center;height:29px;display:grid}.bottom-nav a.is-active{color:var(--zxs-ink)}.bottom-nav small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;overflow:hidden}.bottom-nav__ai .bottom-nav__icon{color:#fff;width:70px;height:70px;box-shadow:var(--zxs-shadow-float);background:radial-gradient(circle at 28% 22%,#4b4d51,#08090b 68%);border:3px solid #fff;border-radius:50%;margin-top:-31px}.bottom-nav__ai small{margin-top:5px}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.course-card{border-radius:var(--zxs-radius-md);text-align:left;cursor:pointer;background:#fff;border:0;min-width:0;padding:0;overflow:hidden}.course-card:active{transform:scale(.985)}.course-card__media{aspect-ratio:1.48;background:#e2e5e6;position:relative;overflow:hidden}.course-card__media img{object-fit:cover;width:100%;height:100%;display:block}.course-card__media div{color:#fff;background:#08090cad;justify-content:space-between;align-items:center;height:36px;padding:0 10px;display:flex;position:absolute;inset:auto 0 0}.course-card h2{white-space:nowrap;text-overflow:ellipsis;margin:12px 12px 7px;font-size:16px;overflow:hidden}.course-card p{color:#98a3b3;justify-content:space-between;gap:4px;margin:0 12px 14px;font-size:12px;display:flex}.profile-header{color:#fff;background:#151617;align-items:center;gap:18px;min-height:260px;margin:0 -16px;padding:44px 24px 96px;display:flex;position:relative;overflow:hidden}.profile-header:after{content:"";border:1px solid #ffffff1f;width:250px;height:250px;position:absolute;top:-100px;right:-90px;transform:rotate(38deg);box-shadow:0 0 0 24px #ffffff05,0 0 0 48px #ffffff05}.profile-header__avatar{color:#fff;background:#030303;border:2px solid #5b5d60;border-radius:50%;flex:0 0 88px;place-items:center;width:88px;height:88px;font-size:24px;line-height:1.4;display:grid}.profile-header h2{margin:0 0 8px;font-size:20px}.profile-header p{color:#d0d2d4;margin:5px 0;font-size:13px}.member-badge{color:#fff;background:#8d9195;border-radius:3px;padding:3px 7px;display:inline-block}.chip{color:#fff;background:0 0;border:1px solid #888;border-radius:18px;min-height:34px;margin-left:6px;padding:0 12px}.upload-dropzone{background:#fafafa;border:1px dashed #c9cdd2;min-height:290px}.upload-dropzone>label{color:#999da2;text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:290px;display:flex}.upload-dropzone label strong{color:#2a2c31;font-size:17px}.upload-dropzone label span{font-size:13px}.upload-list{gap:10px;padding:12px;display:grid}.upload-list article{grid-template-columns:58px 1fr auto;align-items:center;gap:10px;min-height:70px;display:grid}.upload-list img{object-fit:cover;border-radius:var(--zxs-radius-sm);width:58px;height:58px}.upload-list article>div{grid-template-columns:1fr auto;gap:5px;min-width:0;display:grid}.upload-list strong{text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;font-size:13px;overflow:hidden}.upload-list progress{width:100%;accent-color:var(--zxs-ink)}.upload-list span{color:var(--zxs-muted);font-size:11px}.upload-list button,.upload-more{min-height:44px;color:var(--zxs-ink);background:0 0;border:0}.upload-more{border:1px dashed var(--zxs-border);border-radius:var(--zxs-radius-sm);cursor:pointer;place-items:center;display:grid}.prompt-composer{border-radius:var(--zxs-radius-lg);background:#f4f4f4;overflow:hidden}.prompt-composer textarea{resize:vertical;width:100%;min-height:140px;color:var(--zxs-text);background:0 0;border:0;outline:0;padding:20px}.prompt-composer__tools{flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:8px 14px 16px;display:flex}.prompt-composer__tools>button:not(.send-button){color:#fff;background:var(--zxs-ink);border:0;border-radius:22px;min-width:44px;min-height:44px;padding:0 14px}.send-button{color:#fff;background:var(--zxs-ink);width:48px;height:48px;box-shadow:var(--zxs-shadow-float);border:0;border-radius:50%;place-items:center;display:grid}.prompt-count{min-height:42px;color:var(--zxs-muted);align-items:center;margin-right:auto;font-size:11px;display:flex}.prompt-composer--docked{z-index:28;left:50%;bottom:calc(var(--zxs-bottom-nav-h) + env(safe-area-inset-bottom));border:1px solid var(--zxs-border);border-radius:24px 24px 0 0;width:min(100%,480px);position:fixed;transform:translate(-50%)}.prompt-composer--docked textarea{resize:none;min-height:84px;padding-right:82px}.prompt-composer--docked .prompt-composer__tools{padding:0;position:absolute;bottom:14px;right:12px}.parameter-actions{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.parameter-bar{border:1px solid var(--zxs-ink);border-radius:var(--zxs-radius-sm);white-space:nowrap;text-overflow:ellipsis;background:#fff;justify-content:space-between;align-items:center;min-width:0;min-height:56px;padding:0 14px;display:flex;overflow:hidden}.parameter-actions__submit{min-width:126px}.history-rail{z-index:24;color:#fff;width:62px;min-height:72px;box-shadow:var(--zxs-shadow-float);background:#282a2d;border:0;border-radius:12px 0 0 12px;place-items:center;padding:8px 5px;display:grid;position:fixed;top:49%;right:max(0px,50vw - 240px)}.history-rail span{font-size:12px}.overlay{z-index:80;background:var(--zxs-overlay);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{border-radius:var(--zxs-radius-md);background:#fff;width:min(328px,100vw - 40px);padding:24px 20px 20px}.dialog h2{text-align:center;margin:0 0 20px;font-size:20px}.dialog>div{color:#85898e;text-align:center}.dialog footer,.drawer footer{grid-template-columns:1fr 1fr;gap:14px;margin-top:24px;display:grid}.drawer-overlay{top:var(--zxs-app-chrome-top);justify-items:end;padding:0 max(0px,50vw - 240px) 0 0}.drawer{background:#fff;grid-template-rows:1fr auto;width:min(76vw,360px);height:100%;display:grid}.drawer__body{padding:28px 16px;overflow:auto}.drawer__body>h2{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.drawer footer{padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--zxs-border);background:#fff;margin:0}.sheet-overlay{align-items:end;padding:0}.bottom-sheet{width:min(100%,480px);max-height:min(72dvh,620px);padding:20px 18px calc(20px + env(safe-area-inset-bottom));background:#fff;border-radius:20px 20px 0 0;overflow:auto}.bottom-sheet header{justify-content:space-between;align-items:center;display:flex}.bottom-sheet h2{margin:0;font-size:18px}.toast{z-index:100;left:50%;bottom:calc(var(--zxs-bottom-nav-h) + env(safe-area-inset-bottom) + 28px);color:#fff;max-width:calc(100vw - 40px);box-shadow:var(--zxs-shadow-float);background:#08090ceb;border-radius:22px;padding:12px 18px;position:fixed;transform:translate(-50%)}.skeleton{gap:12px;padding:16px;display:grid}.skeleton span{background:#e8eaed;border-radius:6px;height:18px;animation:1.4s ease-in-out infinite pulse}.skeleton span:first-child{height:220px}.state-card{color:#a0a4aa;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:320px;padding:30px;display:flex}.state-card h2{color:#6f7379;margin:18px 0 6px;font-size:18px}.state-card p{margin:0 0 18px}.lightbox{z-index:90;color:#fff;background:#000000eb;place-items:center;padding:48px 12px;display:grid;position:fixed;inset:0}.lightbox img{object-fit:contain;max-width:100%;max-height:80dvh}.lightbox__close{color:#fff;position:absolute;top:14px;right:14px}.lightbox__previous,.lightbox__next{bottom:calc(18px + env(safe-area-inset-bottom));color:#fff;background:0 0;border:1px solid #fff;border-radius:22px;min-height:44px;padding:0 18px;position:absolute}.lightbox__previous{left:18px}.lightbox__next{right:18px}.home-page .category-tabs{padding-top:16px}.home-page .hero-banner{aspect-ratio:.56;min-height:620px}.home-page .hero-banner img{object-position:50% 18%}.home-page .hero-banner figcaption{padding-bottom:38px}.editorial-copy{text-align:center;justify-items:center;gap:12px;display:grid}.editorial-copy span{letter-spacing:.35em;font-size:12px}.editorial-copy strong{letter-spacing:.18em;font-size:30px}.editorial-copy small{max-width:274px;font-size:14px;line-height:1.55}.editorial-copy__action{border-radius:var(--zxs-radius-sm);color:#fff;background:#0000002e;border:1px solid #fff;min-width:148px;min-height:44px;margin-top:2px;font-weight:700}.editorial-copy__action:active{color:var(--zxs-ink);background:#fff}.materials-page{padding-inline:12px}.materials-page .category-tabs{padding-block:4px 7px}.materials-page .hero-banner{aspect-ratio:2.2}.material-feed{gap:0;display:grid}.material-feed>.hero-banner:not(:first-child){margin-top:18px}.material-post{padding:18px 22px 14px}.material-post .image-grid{gap:4px}.material-post .image-grid button{aspect-ratio:1.015}.material-post header{grid-template-columns:46px 1fr auto;align-items:center;gap:10px;display:grid}.brand-mark{color:#fff;text-align:center;background:#050505;border-radius:50%;place-items:center;width:46px;height:46px;font-size:11px;line-height:1.15;display:grid}.material-post h2{margin:0 0 5px;font-size:16px}.material-post time,.material-post header>span{color:#8f9398;font-size:12px}.material-post header>span b{color:var(--zxs-ink);font-size:16px}.material-post>p{margin:4px 0 8px;font-size:15px;line-height:1.45}.material-actions{grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr);gap:0;margin-top:10px;display:grid}.material-actions button{min-width:0;padding-inline:6px}.material-actions .primary-button{grid-column:3}.material-actions .primary-button,.material-actions .secondary-button{min-height:48px}.material-actions .secondary-button[aria-pressed=true]{color:#fff;background:var(--zxs-ink)}.rights-note{color:var(--zxs-muted);margin-top:12px;font-size:11px;line-height:1.5;display:block}.course-sort{background:#fff;grid-template-columns:repeat(4,1fr);margin:-20px -16px 18px;padding:4px 18px;display:grid}.course-sort button{color:#53575c;background:0 0;border:0;justify-content:center;align-items:center;gap:4px;min-height:56px;display:flex}.course-sort button[aria-pressed=true]{color:var(--zxs-ink);font-weight:700}.courses-page>.hero-banner{aspect-ratio:2.2;margin-bottom:22px}.courses-page>.hero-banner img{object-position:50% 42%}.filter-groups section{margin-bottom:28px}.filter-groups h3{margin:0 0 14px;font-size:17px}.filter-groups section>div{grid-template-columns:1fr 1fr;gap:12px;display:grid}.filter-groups button{border:1px solid var(--zxs-border);border-radius:var(--zxs-radius-sm);background:#fff;justify-content:center;align-items:center;gap:5px;min-height:50px;display:flex}.filter-groups button[aria-pressed=true]{border-color:var(--zxs-ink);font-weight:700}.generation-page{min-height:calc(var(--zxs-visual-viewport-h) - var(--zxs-app-chrome-top) - var(--zxs-bottom-nav-h));padding-inline:10px;position:relative}.generation-page .upload-dropzone{margin:0 0 12px}.generation-meta{min-height:38px;color:var(--zxs-muted);justify-content:space-between;align-items:center;gap:10px;margin:-2px 0 10px;padding:0 4px;font-size:12px;display:flex}.generation-meta strong{color:var(--zxs-ink);flex:none}.generation-meta .text-button{min-height:32px;color:var(--zxs-text);text-underline-offset:3px;padding:0;text-decoration:underline}.source-material-reference{border:1px solid var(--zxs-border);border-radius:var(--zxs-radius-md);background:var(--zxs-surface);grid-template-columns:72px minmax(0,1fr) 48px;align-items:center;gap:12px;min-height:92px;margin-bottom:12px;padding:10px;display:grid}.source-material-reference img{object-fit:cover;border-radius:var(--zxs-radius-sm);width:72px;height:72px}.source-material-reference div{gap:3px;min-width:0;display:grid}.source-material-reference small{color:var(--zxs-muted);font-size:11px}.source-material-reference strong,.source-material-reference span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.source-material-reference strong{font-size:14px}.source-material-reference span{color:var(--zxs-muted);font-size:12px}.source-material-reference button{min-width:44px;min-height:44px;color:var(--zxs-muted);padding:0}.source-material-reference--loading{display:block}.rights-selector{align-items:center;gap:8px;margin-bottom:10px;display:flex}.rights-selector span{color:var(--zxs-muted);margin-right:auto;font-size:12px}.rights-selector button{border:1px solid var(--zxs-border);background:#fff;border-radius:22px;min-height:44px;padding:0 12px;font-size:12px}.rights-selector button[aria-pressed=true]{border-color:var(--zxs-ink);color:#fff;background:var(--zxs-ink)}.generation-page--image .upload-dropzone{background:#f5f6f6 url(/media/editorial/hair-elegant-brunette.jpg) 50% 30%/cover no-repeat;min-height:318px}.generation-page--image .upload-dropzone[data-has-uploads=true]{background:#fafafa}.generation-page--image .upload-dropzone>label{color:#fff;background:#00000085;min-height:318px}.generation-page--image .upload-dropzone label strong{color:#fff}.generation-page--image .prompt-composer textarea{height:100px;min-height:100px}.generation-page--video .upload-dropzone,.generation-page--video .upload-dropzone>label{min-height:202px}.upload-notice{border:1px solid var(--zxs-border);border-radius:var(--zxs-radius-sm);color:#777b80;margin:14px 0;padding:14px 16px;font-size:13px;line-height:1.6}.upload-notice strong{color:var(--zxs-ink)}.upload-notice ol{margin:5px 0 0;padding-left:20px}.generation-page--video .upload-notice{margin-block:10px;padding-block:10px;line-height:1.45}.generation-page--video .prompt-composer textarea{min-height:108px}.generation-page--video .prompt-composer__tools{flex-wrap:nowrap;gap:5px;padding-bottom:10px}.generation-page--video .prompt-composer__tools>button:not(.send-button){white-space:nowrap;min-width:44px;min-height:44px;padding-inline:9px;font-size:12px}.generation-page--video .send-button{flex:0 0 44px;width:44px;height:44px}.generation-page .prompt-composer:not(.prompt-composer--docked){margin:12px 0}.generation-footer{z-index:34;left:50%;bottom:calc(var(--zxs-bottom-nav-h) + env(safe-area-inset-bottom));border-top:1px solid var(--zxs-border);background:var(--zxs-surface);width:min(100% - 20px,460px);margin:0;padding:10px 0 12px;position:fixed;transform:translate(-50%)}.generation-consent{color:var(--zxs-muted);margin:8px 4px 96px;font-size:11px;line-height:1.55}.generation-page--image,.generation-page--video{padding-bottom:104px}.generation-page--storyboard{padding-bottom:170px}.generation-page--storyboard .state-card{min-height:470px}.generation-page--storyboard .history-rail{top:auto;bottom:calc(var(--zxs-bottom-nav-h) + env(safe-area-inset-bottom) + 180px)}.parameter-sheet{gap:16px;padding-top:22px;display:grid}.parameter-sheet label{gap:8px;font-weight:700;display:grid}.parameter-sheet select{border:1px solid var(--zxs-border);border-radius:var(--zxs-radius-sm);background:#fff;min-height:48px;padding:0 12px}.parameter-sheet p{color:var(--zxs-muted);font-size:13px}.parameter-sheet .parameter-toggle{align-items:center;gap:10px;min-height:48px;display:flex}.parameter-toggle input{width:22px;height:22px;accent-color:var(--zxs-ink)}.upload-auth-gate{text-align:center;background:#f5f6f7;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:220px;padding:24px;display:flex}.upload-auth-gate span{color:#667085;font-size:13px}.generation-page--image .upload-auth-gate{color:#fff;background:url(/media/editorial/hair-elegant-brunette.jpg) 50% 30%/cover no-repeat;min-height:318px;box-shadow:inset 0 0 0 999px #00000085}.generation-page--image .upload-auth-gate span{color:#ffffffd1}.generation-page--image .upload-auth-gate .secondary-button{color:var(--zxs-ink);background:#fff;border-color:#fff}.upload-list__restored{border-radius:var(--zxs-radius-sm);color:#667085;background:#eef0f2;place-items:center;width:58px;height:58px;display:grid}.upload-list article>div .upload-list__primary{grid-column:1/-1;justify-self:start;min-height:44px;padding:0;font-size:12px}.profile-page{padding-top:0}.profile-guest{color:#fff;text-align:center;background:#151617;margin:0 -16px;padding:56px 24px 44px}.profile-guest__mark{background:#050505;border:1px solid #626568;border-radius:50%;place-items:center;width:82px;height:82px;margin:0 auto 16px;font-size:22px;line-height:1.25;display:grid}.profile-guest>span{color:#b7babf;letter-spacing:.12em;font-size:12px}.profile-guest h2{margin:12px 0 8px;font-size:24px}.profile-guest p{color:#cfd1d4;max-width:310px;margin:0 auto 22px;line-height:1.6}.profile-guest .primary-button{color:#111;background:#fff;border-color:#fff;min-width:180px}.account-benefits{margin-top:16px}.account-benefits h2{margin:0 0 16px;font-size:17px}.account-benefits ul,.course-outcomes ul{gap:14px;margin:0;padding:0;list-style:none;display:grid}.account-benefits li,.course-outcomes li{color:#555b62;align-items:center;gap:10px;font-size:14px;display:flex}.account-benefits li svg,.course-outcomes li svg{flex:none}.profile-actions{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:-60px;display:grid;position:relative}.profile-actions button{background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:128px;padding:10px 2px;font-size:13px;display:flex}.profile-actions button span{color:#fff;background:#151617;border-radius:50%;place-items:center;width:52px;height:52px;display:grid}.profile-list,.profile-block{margin-top:18px}.credit-card{justify-content:space-between;align-items:center;gap:14px;margin-top:18px;display:flex}.credit-card div{gap:3px;display:grid}.credit-card span,.credit-card small{color:var(--zxs-muted);font-size:12px}.credit-card strong{font-size:30px}.credit-card button{min-height:44px;padding-inline:14px}.profile-list button{text-align:left;background:0 0;border:0;border-bottom:1px solid #f0f1f2;grid-template-columns:30px 1fr auto 24px;align-items:center;gap:10px;width:100%;min-height:66px;padding:0 8px;display:grid}.profile-list button:last-child{border-bottom:0}.profile-list button>span{color:#8a8e94;font-size:13px}.profile-list .profile-list__danger{color:#8a3333}.media-library{padding-top:18px;padding-bottom:28px}.media-library__header{justify-content:space-between;align-items:end;gap:14px;padding:4px 2px 18px;display:flex}.media-library__header>div{min-width:0}.media-library__header span{color:var(--zxs-muted);font-size:12px}.media-library__header h2{margin:5px 0 7px;font-size:23px}.media-library__header p{max-width:250px;color:var(--zxs-muted);margin:0;font-size:13px;line-height:1.55}.media-library__header .secondary-button{min-width:96px;min-height:44px;padding-inline:12px;font-size:14px}.media-library__tabs{border-bottom:1px solid var(--zxs-border);background:#fff;grid-template-columns:1fr 1fr;margin:0 -16px 16px;padding:0 16px;display:grid}.media-library__tabs button{min-height:48px;color:var(--zxs-muted);background:0 0;border:0;font-weight:700;position:relative}.media-library__tabs button[aria-selected=true]{color:var(--zxs-ink)}.media-library__tabs button[aria-selected=true]:after{content:"";background:var(--zxs-ink);border-radius:3px;width:32px;height:3px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.media-library__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.media-library__item{border:1px solid var(--zxs-border);border-radius:var(--zxs-radius-md);background:#fff;min-width:0;overflow:hidden}.media-library__preview{aspect-ratio:1;background:#eef0f2;place-items:center;display:grid;overflow:hidden}.media-library__preview img,.media-library__preview video{object-fit:cover;width:100%;height:100%}.media-library__preview--loading .skeleton{width:100%;height:100%;padding:0}.media-library__preview--loading .skeleton span{height:100%}.media-library__preview--missing{color:var(--zxs-muted);font-size:12px}.media-library__item>div:not(.media-library__preview){gap:3px;min-height:62px;padding:9px 10px 4px;display:grid}.media-library__item strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.media-library__item small{color:var(--zxs-muted);font-size:11px}.media-library__item>button{width:calc(100% - 20px);min-height:40px;margin:3px 10px 10px;padding:0 8px;font-size:13px}.media-library__actions{grid-template-columns:1fr auto;align-items:center;gap:4px;padding:3px 10px 10px;display:grid}.media-library__actions .secondary-button{min-height:40px;padding:0 10px;font-size:13px}.media-library__actions .text-button{min-width:44px;min-height:40px;padding:0 3px;font-size:13px}.media-library__item>.text-button{color:#863535;background:0 0;border:0;font-weight:700}.media-library__more{width:100%;margin-top:16px}.profile-block{min-height:104px;position:relative}.profile-block h2{margin:0 0 12px;font-size:18px}.profile-block p{margin:0}.profile-block>svg{color:#b5b9bd;position:absolute;top:42px;right:14px}.support-rail{z-index:22;color:#fff;background:#2b2d30;border:0;border-radius:12px 0 0 12px;place-items:center;width:58px;min-height:68px;display:grid;position:fixed;bottom:122px;right:max(0px,50vw - 240px)}.logout-button{border:1px solid var(--zxs-border);border-radius:var(--zxs-radius-sm);color:#8a3333;background:#fff;width:100%;min-height:52px;margin-top:18px}.login-page{min-height:calc(var(--zxs-visual-viewport-h) - var(--zxs-app-chrome-top));flex-direction:column;gap:18px;padding:44px 24px;display:flex}.login-page header span{color:var(--zxs-muted);letter-spacing:.12em;font-size:13px}.login-page header h2{margin:10px 0 8px;font-size:28px}.login-page header p{color:var(--zxs-muted);line-height:1.6}.login-page label{gap:8px;font-weight:700;display:grid}.login-page input{border:1px solid var(--zxs-border);border-radius:var(--zxs-radius-sm);min-height:52px;padding:0 14px}.login-page>small{color:var(--zxs-muted);line-height:1.5}.login-notice{border-left:3px solid var(--zxs-ink);background:#f3f4f5;margin:-4px 0 0;padding:12px 14px;font-size:13px;line-height:1.5}.otp-field{border:1px solid var(--zxs-border);border-radius:var(--zxs-radius-sm);grid-template-columns:1fr auto;display:grid;overflow:hidden}.otp-field input{border:0;border-radius:0;min-width:0}.otp-field button{border:0;border-left:1px solid var(--zxs-border);background:#f6f7f8;min-width:98px}.consent-row{color:#656a71;grid-template-columns:22px 1fr;align-items:start;font-size:13px;line-height:1.55;font-weight:400!important}.consent-row input{width:20px;min-height:20px;accent-color:var(--zxs-ink);margin:1px 0 0}.field-hint{font-size:12px;font-weight:400}.field-hint--error{color:#9f2525}.development-hint{color:#666;margin:-8px 0 0;font-size:13px}.form-error{color:#9f2525}.dialog-field{color:var(--zxs-ink);text-align:left;gap:8px;font-weight:700;display:grid}.dialog-field input,.dialog-field textarea{border:1px solid var(--zxs-border);border-radius:var(--zxs-radius-sm);resize:vertical;min-height:48px;padding:12px}.history-page{display:block}.history-summary{border-radius:var(--zxs-radius-md);color:#fff;background:#151617;justify-content:space-between;align-items:center;margin-bottom:14px;padding:18px;display:flex}.history-summary div{grid-template-columns:auto auto;align-items:baseline;gap:2px 8px;display:grid}.history-summary span{color:#bfc2c6;grid-column:1/-1;font-size:12px}.history-summary strong{font-size:30px}.history-summary small{color:#d8dade}.history-summary button{color:#111;background:#fff;border-color:#fff;min-height:44px}.history-filters{background:#e9ebee;border-radius:22px;grid-template-columns:repeat(5,1fr);margin-bottom:14px;display:grid}.history-filters button{color:#747982;background:0 0;border:0;border-radius:22px;min-height:44px;font-size:13px}.history-filters button[aria-selected=true]{color:#fff;background:var(--zxs-ink)}.history-list{gap:12px;display:grid}.history-card{border-radius:var(--zxs-radius-md);background:#fff;padding:16px}.history-card__main{text-align:left;background:0 0;border:0;grid-template-columns:76px 1fr;gap:13px;width:100%;padding:0;display:grid}.history-card__thumb{color:#6f747b;background:#eef0f2;border-radius:9px;place-items:center;width:76px;height:92px;display:grid;overflow:hidden}.history-card__thumb img{object-fit:cover;width:100%;height:100%}.history-card__thumb span[data-status=running]{color:#fff;background:#25272a}.history-card__main>div:last-child{min-width:0}.history-card header{justify-content:space-between;gap:12px;display:flex}.history-card header span{color:var(--zxs-muted);font-size:13px}.history-card header strong{font-size:13px}.history-card header strong[data-status=failed]{color:#9f2525}.history-card header strong[data-status=succeeded]{color:#2f6545}.history-card p{line-height:1.55}.history-card__main p{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:10px 0;display:-webkit-box;overflow:hidden}.history-card small{color:var(--zxs-muted)}.history-card__error{margin:12px 0 0;font-size:13px}.history-card footer{border-top:1px solid #f0f1f2;justify-content:flex-end;gap:8px;margin-top:12px;padding-top:10px;display:flex}.history-card footer button{border:1px solid var(--zxs-border);background:#fff;border-radius:22px;min-height:44px;padding:0 14px}.history-load-more{width:100%;margin-top:14px}.job-page{min-height:calc(var(--zxs-visual-viewport-h) - var(--zxs-app-chrome-top));padding-top:16px}.job-status{border-radius:var(--zxs-radius-md);background:#fff;padding:22px 20px}.job-status>span{color:#666c74;font-size:13px;font-weight:700}.job-status>span[data-status=succeeded]{color:#2f6545}.job-status>span[data-status=failed]{color:#9f2525}.job-status h2{margin:12px 0 16px;font-size:20px;line-height:1.45}.job-status p{color:var(--zxs-muted);margin:10px 0 0;font-size:12px;line-height:1.5}.job-progress{background:#e9ebed;border-radius:4px;height:7px;overflow:hidden}.job-progress i{border-radius:inherit;background:var(--zxs-ink);height:100%;display:block}.job-progress--active i{width:36%;animation:1.6s ease-in-out infinite alternate job-progress}.job-provenance{border-radius:var(--zxs-radius-md);background:#fff;margin-top:14px;padding:16px 18px 18px}.job-provenance>header{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.job-provenance>header span{font-size:16px;font-weight:700}.job-provenance>header small,.job-provenance figcaption small{color:var(--zxs-muted);font-size:11px}.job-provenance__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.job-provenance figure{min-width:0;margin:0}.job-provenance figure>div{aspect-ratio:1;border-radius:var(--zxs-radius-sm);background:#eef0f2;place-items:center;display:grid;overflow:hidden}.job-provenance img{object-fit:cover;width:100%;height:100%}.job-provenance .skeleton{width:100%;height:100%;padding:0}.job-provenance .skeleton span{height:100%}.job-provenance__unavailable{color:var(--zxs-muted);font-size:12px}.job-provenance figcaption{gap:2px;padding:8px 2px 0;display:grid}.job-provenance figcaption strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.result-panel,.job-recovery,.job-details{border-radius:var(--zxs-radius-md);background:#fff;margin-top:14px;padding:18px}.result-panel__heading{justify-content:space-between;gap:12px;display:flex}.result-panel__heading span{color:var(--zxs-muted);font-size:12px}.result-panel__heading h2{margin:5px 0 14px;font-size:19px}.result-panel__heading strong{color:#fff;background:var(--zxs-ink);border-radius:13px;align-items:center;height:26px;padding:0 9px;font-size:11px;display:flex}.result-gallery{gap:8px;display:grid}.result-gallery figure{border:1px solid #0000;border-radius:11px;margin:0;padding:3px}.result-gallery figure[data-selected=true]{border-color:var(--zxs-ink)}.result-gallery figure button{border-radius:var(--zxs-radius-sm);background:#eef0f2;border:0;width:100%;min-height:44px;margin-top:6px}.result-gallery img,.result-gallery video{object-fit:cover;border-radius:var(--zxs-radius-sm);background:#080912;width:100%;max-height:540px}.result-panel>p,.job-recovery p{color:var(--zxs-muted);font-size:13px;line-height:1.6}.result-actions,.job-footer-actions{grid-template-columns:1.5fr 1fr;gap:10px;display:grid}.result-actions a{text-align:center;justify-content:center;align-items:center;text-decoration:none;display:flex}.job-recovery h2,.job-details h2{margin:0 0 10px;font-size:18px}.job-recovery button{width:100%}.job-details dl{margin:0}.job-details dl div{border-bottom:1px solid #f0f1f2;justify-content:space-between;align-items:center;gap:16px;min-height:44px;display:flex}.job-details dl div:last-child{border-bottom:0}.job-details dt{color:var(--zxs-muted)}.job-details dd{text-overflow:ellipsis;white-space:nowrap;text-align:right;margin:0;overflow:hidden}.job-footer-actions{margin-top:14px}.course-detail{padding-top:14px;padding-bottom:110px}.course-detail__cover{aspect-ratio:1.55;border-radius:var(--zxs-radius-md);background:#e8e9eb;position:relative;overflow:hidden}.course-detail__cover img{object-fit:cover;width:100%;height:100%}.course-detail__cover span{color:#fff;background:#000000b8;border-radius:15px;padding:6px 10px;font-size:12px;position:absolute;bottom:12px;left:12px}.course-detail>header{padding:20px 2px}.course-detail>header h2{margin:12px 0 8px;font-size:24px;line-height:1.4}.course-detail>header p{color:var(--zxs-muted)}.course-detail>header .course-progress{color:#2f6545;font-weight:700}.course-tags{flex-wrap:wrap;gap:6px;display:flex}.course-tags span{background:#eff0f2;border-radius:14px;padding:5px 9px;font-size:11px}.course-outcomes,.lesson-list{border-radius:var(--zxs-radius-md);background:#f6f7f8;margin-top:8px;padding:20px 16px}.course-outcomes h2,.lesson-list h2{margin:0 0 16px;font-size:18px}.lesson-list button{text-align:left;background:0 0;border:0;border-bottom:1px solid #e4e6e9;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:54px;padding:0;display:flex}.lesson-list button:last-child{border-bottom:0}.course-detail__footer{z-index:25;width:min(100%,480px);min-height:calc(78px + env(safe-area-inset-bottom));padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--zxs-border);background:#fffffffa;justify-content:space-between;align-items:center;gap:14px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.course-detail__footer div{display:grid}.course-detail__footer small{color:var(--zxs-muted)}.course-detail__footer strong{font-size:22px}.course-detail__footer button{min-width:180px}html[data-keyboard-open] .bottom-nav{display:none}html[data-keyboard-open] .prompt-composer--docked,html[data-keyboard-open] .generation-footer{bottom:var(--zxs-keyboard-inset)}.legal-page{padding-top:22px;padding-bottom:48px}.legal-page header{border-bottom:1px solid var(--zxs-border);padding-bottom:18px}.legal-page header span{color:var(--zxs-muted);font-size:12px}.legal-page header h2{margin:8px 0;font-size:26px}.legal-page header p,.legal-page section p{color:#59616d;line-height:1.75}.legal-page section{border-bottom:1px solid #f0f1f2;padding:16px 0}.legal-page section h3{margin:0 0 8px;font-size:17px}.legal-page nav a{border:1px solid var(--zxs-ink);border-radius:var(--zxs-radius-sm);min-height:48px;color:var(--zxs-ink);justify-content:center;align-items:center;margin-top:22px;text-decoration:none;display:flex}@keyframes pulse{50%{opacity:.45}}@keyframes job-progress{0%{transform:translate(-20%)}to{transform:translate(200%)}}@media (max-height:870px){.generation-page--image .upload-dropzone,.generation-page--image .upload-dropzone>label,.generation-page--image .upload-auth-gate{min-height:276px}}@media (min-width:481px){body{background:#e9eaed}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
