:root{--brand:#ff7a00;--brand-hover:#ff922e;--brand-pressed:#db6500;--brand-soft:#fff1e5;--brand-deep:#a84c00;--surface-page:#f7f8fa;--surface-card:#ffffff;--surface-muted:#f1f3f5;--border:#e2e6ea;--border-strong:#bcc5ce;--text:#1f2933;--text-secondary:#5f6b76;--text-muted:#87919b;--success:#178a52;--success-soft:#eaf7f0;--warning:#b77900;--warning-soft:#fff4d6;--danger:#c0352b;--danger-soft:#fff0ee;--focus:rgba(255,122,0,.2);--gradient-1:linear-gradient(135deg,#ff7a00,#ffab45);--gradient-2:linear-gradient(135deg,#e85e00,#ff8b3d);--gradient-3:linear-gradient(135deg,#ff8a00,#ffc04d);--gradient-4:linear-gradient(135deg,#d95200,#ff7a00);--cover-pattern:radial-gradient(circle at 82% 20%,rgba(255,255,255,.28) 0 8%,transparent 9%),radial-gradient(circle at 18% 78%,rgba(255,255,255,.18) 0 14%,transparent 15%);--surface-glass:rgba(255,255,255,.9);--radius-card:16px;--radius-control:9px;--radius-tag:6px;--shadow-card:0 6px 24px rgba(31,41,51,.07);--shadow-hover:0 12px 32px rgba(31,41,51,.12);--font-display:30px;--font-title:18px;--font-body:15px;--font-caption:13px;--font-small:12px;--font-table:14px;--font-badge:22px;--font-run-title:24px;--font-empty-icon:42px;--font-mobile-title:25px;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--course-page-max:1240px;--course-page-pad:28px;--course-page-pad-mobile:12px;--course-header-gap:6px;--course-title-size:28px;--course-subtitle-size:14px;--course-tab-height:36px;--course-tab-pad-x:15px;--course-tab-gap:6px;--course-grid-cols:4;--course-grid-gap-x:18px;--course-grid-gap-y:24px;--course-cover-ratio:1.6;--course-card-radius:10px;--course-card-border:#e7e9ec;--course-card-shadow:0 2px 10px rgba(31,41,51,.05);--course-card-shadow-hover:0 8px 22px rgba(31,41,51,.1);--course-card-rise:-2px;--course-card-body-pad:13px;--course-card-title-size:16px;--course-card-title-line:1.45;--course-card-desc-size:12px;--course-card-desc-line:1.55;--course-cover-title-size:20px;--course-cover-label-size:11px;--course-cover-pad:16px;--course-cover-text:#ffffff;--course-cover-muted:rgba(255,255,255,.72);--course-cover-1:linear-gradient(135deg,#a64500,#ff7a00);--course-cover-2:linear-gradient(135deg,#c65300,#ff9838);--course-cover-3:linear-gradient(135deg,#7c3200,#ee6900);--course-tag-bg:#fff3e8;--course-tag-text:#d65d00;--course-meta-gap:8px;--course-mobile-cols:2;--course-mobile-title-size:14px;--course-mobile-cover-title-size:16px;--course-search-width:240px;--course-detail-gap:30px;--course-detail-cover-width:48%;--course-detail-hero-pad:30px;--course-detail-cover-radius:14px;--course-detail-cover-title:34px;--course-detail-summary-title:30px;--course-detail-section-gap:22px;--course-detail-catalog-width:1.12fr;--course-detail-intro-width:.88fr;--course-detail-panel-pad:24px;--course-detail-lesson-height:62px;--course-detail-soft:#fff8f1;--course-detail-line:#ebe7e2;--course-detail-lock:#9a948d;--player-bg:#171717;--player-panel:#222222;--player-panel-soft:#2b2b2b;--player-text:#f8f8f8;--player-muted:#a8a8a8;--player-border:#373737;--player-sidebar-width:360px;--player-topbar-height:68px;--player-screen-ratio:1.7778;--player-watermark-opacity:.42;--player-control-height:52px;--player-directory-row:58px;--course-admin-category-width:320px;--course-admin-panel-pad:20px;--course-admin-panel-radius:14px;--course-admin-summary-bg:#fff7ef;--course-admin-editor-width:1100px;--course-admin-editor-bg:#f7f8fa;--course-admin-preview-width:210px;--course-admin-danger:#b42318;--course-admin-danger-soft:#fff1f0}*{box-sizing:border-box}html{background:var(--surface-page);color:var(--text);font-family:PingFang SC,Microsoft YaHei,Source Han Sans SC,sans-serif}body{margin:0;font-size:var(--font-body)}a{color:var(--brand-deep)}button,input,select,textarea{font:inherit}.shell{width:min(100%,900px);margin:0 auto;padding:var(--space-2) var(--space-3) 64px}.shell.wide{width:min(100%,1240px)}.app-header{min-height:64px;display:flex;align-items:center;gap:var(--space-3);border-bottom:1px solid var(--border);margin-bottom:var(--space-4)}.brand{color:var(--text);font-size:var(--font-title);font-weight:800;text-decoration:none}.app-header nav{display:flex;align-items:center;gap:var(--space-3);margin-left:auto}.app-header nav a,.link-button{color:var(--text-secondary);text-decoration:none;font-size:var(--font-caption);background:none;border:0;padding:0;cursor:pointer}.balance{min-width:72px;padding-left:var(--space-2);border-left:1px solid var(--border);color:var(--brand-deep);font-weight:800;text-align:right}h1{font-size:var(--font-display);line-height:1.25}h1,h2{margin:0 0 var(--space-2)}h2{font-size:var(--font-title)}h3{color:var(--brand-deep);font-size:var(--font-body)}p{line-height:1.65}.eyebrow,.muted,small{color:var(--text-muted);font-size:var(--font-caption)}.panel,.run-info,.table-section{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.panel,.table-section{padding:var(--space-3)}.panel.compact,.panel.narrow{max-width:520px}.catalog-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.catalog-head h1{margin-bottom:0}.search{width:min(100%,320px);margin:0}.search span{position:absolute;width:1px;height:1px;overflow:hidden}.agent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--space-3);gap:var(--space-3)}.agent-card{min-width:0;overflow:hidden;background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);transition:transform .18s ease,box-shadow .18s ease}.agent-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.agent-cover{position:relative}.cover-0{background:var(--gradient-1)}.cover-1{background:var(--gradient-2)}.cover-2{background:var(--gradient-3)}.cover-3{background:var(--gradient-4)}.agent-cover:after,.info-cover:after{content:"";position:absolute;inset:0;background:var(--cover-pattern)}.agent-badge,.info-badge{position:absolute;z-index:1;display:grid;place-items:center;width:54px;height:54px;border:4px solid var(--surface-card);border-radius:50%;background:var(--brand);color:var(--surface-card);font-size:var(--font-badge);font-weight:800}.agent-badge{left:var(--space-3);bottom:-27px}.agent-category{position:absolute;z-index:1;right:var(--space-2);top:var(--space-2);padding:5px var(--space-1);border-radius:var(--radius-tag);background:var(--surface-glass);color:var(--brand-deep);font-size:var(--font-small);font-weight:700}.agent-card-body{display:flex;min-height:190px;flex-direction:column;padding:38px var(--space-3) var(--space-3)}.agent-card-body h2{overflow:hidden;text-overflow:ellipsis}.agent-card-body p{display:-webkit-box;min-height:48px;margin:0;overflow:hidden;color:var(--text-secondary);-webkit-box-orient:vertical}.agent-card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:var(--space-3);color:var(--text-muted);font-size:var(--font-caption)}.text-action{color:var(--brand-deep);font-weight:700;text-decoration:none}.button,button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;border:1px solid var(--brand);border-radius:var(--radius-control);padding:10px var(--space-2);background:var(--brand);color:var(--surface-card);text-decoration:none;cursor:pointer}.button:hover,button:hover{background:var(--brand-hover)}button:active{background:var(--brand-pressed)}button:disabled{cursor:not-allowed;opacity:.5}button.small{min-height:32px;padding:5px 10px;font-size:var(--font-caption)}button.secondary{background:var(--surface-card);color:var(--brand-deep)}.button-row{display:flex;gap:var(--space-1)}label{display:block;margin:var(--space-2) 0;color:var(--text);font-weight:700}.check-label{display:flex;align-items:center;gap:var(--space-1);font-weight:400}.check-label input{width:auto;margin:0}input,select,textarea{display:block;width:100%;margin-top:var(--space-1);border:1px solid var(--border-strong);border-radius:var(--radius-control);background:var(--surface-card);padding:11px 12px;color:var(--text)}input:focus,select:focus,textarea:focus{outline:3px solid var(--focus);border-color:var(--brand)}textarea{min-height:152px;resize:vertical}small{display:block;margin-top:6px;font-weight:400;line-height:1.5}.advanced{margin:var(--space-3) 0;border-bottom:1px dashed var(--border)}.advanced summary{padding:var(--space-2) 0}.error{color:var(--danger)}.success{color:var(--success);background:var(--success-soft);border:1px solid var(--success);padding:12px 14px;border-radius:var(--radius-control)}.run-layout{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(340px,1.25fr) minmax(230px,.65fr);grid-gap:var(--space-3);gap:var(--space-3);align-items:start}.run-config,.run-result{min-width:0}.run-title{display:flex;align-items:center;gap:var(--space-2)}.run-title h1{margin:0;font-size:var(--font-run-title)}.back-link{color:var(--brand-deep);cursor:pointer;white-space:nowrap}.run-result{min-height:560px}.empty-state{display:grid;min-height:430px;place-items:center;align-content:center;color:var(--text-muted);text-align:center}.empty-state span{color:var(--brand);font-size:var(--font-empty-icon)}.empty-state strong{margin-top:var(--space-2);color:var(--text-secondary)}.empty-state p{margin:var(--space-1) 0 0}.run-info{overflow:hidden}.run-info>.tutorial,.run-info>dl,.run-info>h2{margin-left:var(--space-3);margin-right:var(--space-3)}.info-cover{position:relative;height:112px;margin-bottom:38px;background:var(--gradient-1)}.info-badge{left:var(--space-3);bottom:-27px}dl{margin-top:0}dt{margin-top:var(--space-2);color:var(--text-muted);font-size:var(--font-caption)}dd{margin:4px 0 0;overflow-wrap:anywhere}.tutorial{margin-top:var(--space-3);margin-bottom:var(--space-3);padding:var(--space-2);border-radius:var(--radius-control);background:var(--brand-soft)}.tutorial p{color:var(--text-secondary);font-size:var(--font-caption)}.run-status{padding-top:var(--space-2)}.status{display:inline-block;min-width:74px;padding:5px var(--space-1);border-radius:var(--radius-tag);background:var(--surface-muted);text-align:center;font-size:var(--font-small)}.status-succeeded{background:var(--success-soft);color:var(--success)}.status-queued,.status-running{background:var(--warning-soft);color:var(--warning)}.status-failed,.status-refunded{background:var(--danger-soft);color:var(--danger)}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-2);gap:var(--space-2);margin-top:var(--space-3)}.mock-result{display:grid;place-items:center;aspect-ratio:1;border:1px dashed var(--brand);background:var(--brand-soft);color:var(--brand-deep)}.error-box,.mock-result{border-radius:var(--radius-control)}.error-box{margin-top:var(--space-3);padding:var(--space-2);background:var(--danger-soft);color:var(--danger)}.details{display:grid;grid-template-columns:100px minmax(0,1fr);grid-gap:12px;gap:12px}.details dt{margin:0}.mono{font-family:Consolas,monospace;font-size:var(--font-caption)}.table-wrap{width:100%;overflow-x:auto}table{width:100%;min-width:600px;border-collapse:collapse;font-size:var(--font-table)}td,th{border-bottom:1px solid var(--border);padding:12px 10px;text-align:left;vertical-align:top}th{color:var(--text-secondary);font-weight:700;background:var(--surface-muted)}.empty{color:var(--text-muted);text-align:center;padding:var(--space-4)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border-strong);margin-bottom:var(--space-3);overflow-x:auto}.tabs button{min-height:40px;border:0;border-radius:0;background:transparent;color:var(--text-secondary);white-space:nowrap}.tabs button.active{color:var(--brand-deep);border-bottom:3px solid var(--brand)}.admin-grid{display:grid;grid-template-columns:340px minmax(0,1fr);grid-gap:var(--space-3);gap:var(--space-3);align-items:start}.top-gap{margin-top:var(--space-3)}@media (max-width:1050px){.agent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.run-layout{grid-template-columns:minmax(280px,.9fr) minmax(340px,1.1fr)}.run-info{grid-column:1/-1}}@media (max-width:720px){.shell{padding:10px 12px 40px}.app-header{flex-wrap:wrap;gap:var(--space-1);padding:var(--space-1) 0 12px}.app-header nav{order:3;width:100%;justify-content:space-between;border-top:1px solid var(--border);padding-top:11px}.balance{margin-left:auto}.panel,.table-section{padding:var(--space-2)}.catalog-head{align-items:stretch;flex-direction:column}.search{width:100%}.admin-grid,.agent-grid,.run-layout{grid-template-columns:1fr}.run-config{order:1}.run-result{order:2;min-height:420px}.run-info{order:3;grid-column:auto}.agent-card-body{min-height:176px}.result-grid{grid-template-columns:1fr}h1{font-size:var(--font-mobile-title)}}.front-frame{min-height:100vh;display:grid;grid-template-columns:252px minmax(0,1fr)}.front-frame,.front-sidebar{background:var(--surface-card)}.front-sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;border-right:1px solid var(--border);padding:16px 8px;overflow-y:auto}.front-brand{display:flex;align-items:center;gap:10px;padding:0 8px 24px;color:#111827;text-decoration:none}.front-brand-mark{display:grid;place-items:center;width:36px;height:36px;flex:0 0 auto;border-radius:9px;background:linear-gradient(145deg,#191919,#333);color:var(--brand);font-size:18px;font-weight:900}.front-brand strong{display:block;font-size:15px}.front-brand small{display:block;color:#111827;font-size:12px}.side-section{margin-bottom:20px}.side-section>p{margin:0 8px 8px;color:#4b5563;font-size:13px}.side-section a{display:flex;min-height:40px;align-items:center;gap:9px;border-radius:8px;padding:0 8px;color:#111827;text-decoration:none;font-size:15px}.side-section a.active{background:#f4f4f5}.side-icon{width:24px;text-align:center}.side-chevron{margin-left:auto;font-size:28px}.side-account{display:flex;align-items:center;gap:9px;margin-top:auto;padding:12px 8px 0}.side-account small,.side-account strong{display:block;color:#111827}.account-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:var(--brand);color:white;font-weight:800}.catalog-page{min-width:0;padding:30px 24px 64px;background:var(--surface-card)}.catalog-toolbar{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(240px,320px);align-items:center;grid-gap:10px;gap:10px;margin-bottom:28px}.catalog-toolbar h1{margin:0 18px 0 0;color:#050505;font-size:28px;white-space:nowrap}.round-arrow{width:38px;min-height:38px;border-radius:50%;border-color:#e6e6e6;background:white;color:#111;font-size:24px}.catalog-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.catalog-tabs::-webkit-scrollbar{display:none}.catalog-tabs button{min-height:38px;border-color:transparent;border-radius:9px;background:#f7f7f8;color:#777;padding:0 18px;white-space:nowrap}.catalog-tabs button.active{background:var(--brand);color:white}.catalog-search{position:relative;margin:0}.catalog-search span{position:absolute;left:15px;top:9px;z-index:1;color:#666;font-size:18px}.catalog-search input{height:42px;margin:0;border:0;border-radius:21px;background:#f7f7f8;padding-left:42px;font-size:14px}.catalog-page .agent-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}.agent-card-link{color:inherit;text-decoration:none}.agent-card{border:0;border-radius:18px;box-shadow:0 6px 18px rgba(15,23,42,.12)}.agent-card:hover{transform:translateY(-2px)}.agent-cover{height:112px;overflow:visible}.cover-lines{position:absolute;inset:13px 16px 0;border-radius:50% 45% 52% 40%;border:2px solid rgba(255,255,255,.35);transform:rotate(-8deg)}.agent-badge{left:50%;bottom:-33px;width:66px;height:66px;transform:translateX(-50%);border-width:5px;box-shadow:0 5px 14px rgba(15,23,42,.14);font-size:23px}.agent-category{right:0;top:0;border-radius:0 18px 0 12px;background:#ffd31a;color:#694800;padding:6px 10px;font-size:11px}.agent-card-body{min-height:178px;padding:47px 18px 14px;text-align:center}.agent-card-body h2{white-space:nowrap;font-size:19px;line-height:1.35;color:#050505}.agent-card-body p{min-height:42px;margin-top:8px;font-size:13px;line-height:1.6;-webkit-line-clamp:2}.agent-card-stats{display:flex;justify-content:space-between;gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid transparent;color:#929292;font-size:12px}.catalog-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:36px}.catalog-pagination button{min-height:38px;background:white;color:var(--brand-deep)}.workflow-page{min-height:100vh;background:#f5f7fa}.workflow-topbar{height:64px;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--border);background:white;padding:0 24px}.workflow-topbar h1{margin:0;font-size:20px;font-weight:600}.workflow-back{min-width:28px;min-height:32px;border:0;background:transparent;color:#111;padding:0;font-size:24px}.workflow-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.outline-action{min-width:76px;min-height:38px;border-radius:9px;background:white;color:var(--brand)}.workflow-page .run-layout{grid-template-columns:minmax(360px,1.15fr) minmax(300px,.9fr) minmax(270px,.72fr);gap:16px;padding:20px}.workflow-page .panel,.workflow-page .run-info{border-color:#e6e9ed;border-radius:16px;box-shadow:0 2px 8px rgba(15,23,42,.035)}.workflow-page .run-config{padding:0 18px 18px}.panel-heading{margin:0 -18px 16px;border-bottom:1px solid var(--border);padding:17px 18px;font-size:17px}.workflow-field{margin:16px 2px;font-weight:400;font-size:15px}.workflow-field>span{display:block;margin-bottom:8px}.workflow-field b{color:#e11d48}.workflow-field textarea{min-height:108px;font-size:14px;line-height:1.6}.workflow-field small{font-size:12px}.upload-zone{position:relative;display:grid;min-height:132px;place-items:center;align-content:center;border:1.5px dashed #d9dde2;border-radius:12px;background:#fff;text-align:center;overflow:hidden}.upload-zone input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.upload-zone strong{margin:7px 0 3px;font-size:14px}.upload-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--brand-soft);color:var(--brand);font-size:21px}.asset-button{min-height:38px;margin-top:10px;border-color:#d7dce1;background:white;color:#444}.asset-button:disabled{opacity:1;cursor:not-allowed}.run-submit{width:100%;margin:0;min-height:46px;border-radius:10px;font-size:16px;box-shadow:0 7px 18px rgba(255,122,0,.16)}.ai-notice{text-align:center;margin-top:9px;font-size:12px}.upload-previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px;margin-top:10px}.upload-previews figure{min-width:0;margin:0}.upload-previews img{width:100%;aspect-ratio:1;object-fit:cover;border:1px solid var(--border);border-radius:9px}.upload-previews figcaption{overflow:hidden;color:var(--text-muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.run-status-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.processing{display:grid;min-height:360px;place-items:center;align-content:center;text-align:center}.spinner{width:42px;height:42px;border:4px solid var(--brand-soft);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite}.generated-result{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:#fff;padding:9px}.generated-result>img{display:block;width:100%;aspect-ratio:1;object-fit:contain;border-radius:8px;background:#f7f8fa}.result-actions{display:flex;gap:8px;margin-top:8px}.result-actions a,.result-actions button{flex:1 1;width:auto;text-align:center;text-decoration:none}.rerun-button{margin-top:18px}.error-box .button,.error-box button{margin-top:12px}.side-account{color:#111;text-decoration:none}@keyframes spin{to{transform:rotate(1turn)}}.workflow-page .run-result{min-height:calc(100vh - 104px);padding:0;overflow:hidden}.workflow-page .empty-state{min-height:calc(100vh - 104px);padding:18px}.ready-icon{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:var(--brand-soft);color:var(--brand);font-size:38px}.workflow-page .empty-state strong{font-size:20px;font-weight:600;color:#111}.workflow-page .empty-state p{max-width:220px;font-size:14px;line-height:1.55}.workflow-page .run-info{overflow:hidden}.workflow-page .info-cover{height:128px;margin-bottom:44px;background:linear-gradient(135deg,#9ccbd7,#cfe0e3)}.workflow-page .info-badge{left:50%;bottom:-40px;width:80px;height:80px;transform:translateX(-50%);border-width:6px;font-size:28px}.info-copy{padding:0 18px 16px;text-align:center}.info-copy h2{margin:0 0 8px;font-size:19px}.info-copy p{display:-webkit-box;overflow:hidden;color:#6b7280;font-size:13px;line-height:1.55;-webkit-line-clamp:3;-webkit-box-orient:vertical}.compute-pill{display:inline-block;border-radius:16px;background:#fafafa;padding:6px 11px;color:#8b8b8b;font-size:12px}.info-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border);padding:17px 10px;text-align:center}.info-stats span{display:grid;grid-gap:5px;gap:5px}.info-stats small{color:#9a7e68;font-size:11px}.info-stats b{font-size:14px}.workflow-page .tutorial{margin:18px 0 0;border-radius:15px;background:#17182f;color:white;padding:20px 18px}.workflow-page .tutorial h3,.workflow-page .tutorial p{color:white}.workflow-page .tutorial strong{font-size:16px}@media (max-width:1200px){.front-frame{grid-template-columns:280px minmax(0,1fr)}.catalog-toolbar{grid-template-columns:auto minmax(0,1fr)}.catalog-search{grid-column:1/-1}.catalog-page .agent-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.workflow-page .run-layout{grid-template-columns:minmax(390px,1.1fr) minmax(280px,.9fr)}.workflow-page .run-info{grid-column:1/-1}.workflow-page .tutorial{margin-top:16px}}@media (max-width:720px){.front-frame{display:block}.front-sidebar{position:static;width:100%;height:auto;padding:10px 12px}.front-brand{padding:0 4px 12px}.front-brand-mark{width:40px;height:40px}.front-brand strong{font-size:17px}.front-brand small{font-size:12px}.front-sidebar nav,.side-account{display:none}.catalog-page{padding:22px 12px 40px}.catalog-toolbar{display:flex;flex-wrap:wrap;gap:8px}.catalog-toolbar h1{width:100%;font-size:28px}.round-arrow{display:none}.catalog-tabs{width:100%;order:2}.catalog-tabs button{min-height:42px;padding:0 17px}.catalog-search{width:100%;order:3}.catalog-page .agent-grid{grid-template-columns:1fr;gap:16px}.agent-cover{height:118px}.agent-badge{width:68px;height:68px;bottom:-34px;font-size:24px}.agent-card-body{min-height:188px;padding:49px 18px 16px}.agent-card-body h2{font-size:20px}.workflow-topbar{height:60px;padding:0 10px;gap:8px}.workflow-topbar h1{max-width:38vw;overflow:hidden;font-size:17px;text-overflow:ellipsis;white-space:nowrap}.workflow-actions{gap:5px}.outline-action{min-width:58px;min-height:34px;padding:5px}.workflow-page .run-layout{grid-template-columns:1fr;padding:12px 10px}.workflow-page .run-config{order:1}.workflow-page .run-result{order:2;min-height:360px}.workflow-page .run-info{order:3;grid-column:auto}.workflow-page .empty-state{min-height:350px}.workflow-page .info-cover{height:126px}.workflow-page .tutorial{margin-top:16px}.run-submit{width:100%;margin:0}}.record-page{min-width:0;padding:40px 36px 64px}.record-page>header h1{margin:0;font-size:36px}.record-page>header p{margin:6px 0 32px;color:#746250;font-size:18px}.record-card{overflow:hidden;border:1px solid var(--border);border-radius:18px;background:white}.admin-filter-row,.record-filters{display:flex;align-items:center;gap:12px;padding:24px}.segmented{display:flex;border-radius:14px;background:#f5f5f6;padding:5px}.segmented button{min-height:42px;border:0;border-radius:10px;background:transparent;color:#666;padding:0 20px}.segmented button.active{background:white;color:#111;box-shadow:0 2px 8px rgba(15,23,42,.1)}.record-filters select{width:180px;margin:0}.record-search{position:relative;flex:1 1;margin:0}.record-search span{position:absolute;left:16px;top:13px}.record-search input{margin:0;padding-left:45px}.black-button{min-width:90px;background:#050505;border-color:#050505}.compute-table{min-width:1050px}.compute-table th{background:white}.compute-table td{padding:18px 22px}.soft-tag{display:inline-block;border-radius:18px;background:#f4f4f5;padding:5px 12px}.soft-tag.outline{border:1px solid #ddd;background:white}.delta-negative{color:#f12d36;font-weight:800}.delta-positive{color:var(--success);font-weight:800}.table-pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px}.table-pagination button{min-width:36px;min-height:36px;padding:4px;background:white;color:#555;border-color:#ddd}.admin-frame{min-height:100vh;display:grid;grid-template-columns:306px minmax(0,1fr);background:white}.admin-sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;border-right:1px solid #e6e8eb;background:#fafafa;padding:20px 14px;overflow-y:auto}.admin-brand{display:flex;align-items:center;gap:12px;color:#111;text-decoration:none;padding:0 6px 28px}.admin-brand>span{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--brand);color:white;font-size:30px;font-weight:900}.admin-brand strong{font-size:19px}.admin-account small,.admin-brand small{display:block;color:#222;font-size:14px;font-weight:400}.admin-sidebar nav section{margin-bottom:22px}.admin-sidebar nav section>p{margin:0 8px 8px;color:#777}.admin-sidebar nav a{display:flex;min-height:44px;align-items:center;gap:12px;border-radius:10px;padding:0 10px;color:#111;font-size:17px;text-decoration:none}.admin-sidebar nav a.active{background:#f0f0f1}.admin-sidebar nav a b{margin-left:auto;font-size:24px}.admin-account{display:flex;align-items:center;gap:10px;margin-top:auto;padding:12px 6px 0}.admin-account>span{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#1f51e7;color:white;font-weight:800}.admin-account>b{margin-left:auto}.admin-main{min-width:0}.admin-topbar{height:76px;display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--border);padding:0 28px}.admin-topbar>div{display:flex;gap:10px;margin-left:auto}.admin-topbar button{min-height:42px;border-radius:9px;background:#1f51e7;border-color:#1f51e7}.admin-topbar .admin-preview{background:white;border-color:#ddd;color:#111}.admin-content{padding:38px 38px 72px}.admin-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.admin-title-row h1{font-size:30px;margin:0}.admin-title-row p{color:#777;font-size:17px}.admin-title-row>button{min-width:140px;background:#1f51e7;border-color:#1f51e7}.admin-tabs{display:flex;gap:4px;margin:20px 0;border-radius:12px;background:#f4f4f5;padding:5px;width:max-content}.admin-tabs button{min-height:38px;border:0;background:transparent;color:#777}.admin-tabs button.active{background:white;color:#111;box-shadow:0 1px 6px rgba(15,23,42,.1)}.admin-filter-row{padding:0;margin:18px 0 26px}.admin-filter-row input,.admin-filter-row select{width:auto;min-width:180px;margin:0}.admin-filter-row input{flex:1 1}.admin-filter-row button{background:#1f51e7;border-color:#1f51e7}.admin-filter-row .icon-button{min-width:44px;padding:6px;background:white;color:#111;border-color:#ddd}.push-right{margin-left:auto}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(250px,1fr));grid-gap:20px;gap:20px}.new-project-card,.project-card{min-height:190px;border:1px solid #e4e6e8;border-radius:16px;background:white;padding:22px}.new-project-card{display:grid;place-items:center;align-content:center;grid-gap:8px;gap:8px;border-style:dashed;color:#111}.new-project-card span{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#f5f5f5;font-size:34px}.new-project-card small{font-size:14px}.project-card-head{display:flex;align-items:center;gap:12px}.project-card-head>span{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:var(--brand-soft);color:var(--brand);font-size:22px;font-weight:800}.project-card-head small,.project-card-head strong{display:block}.project-card p{height:52px;overflow:hidden;color:#777}.project-tags{display:flex;gap:8px}.project-tags span{border:1px solid #ddd;border-radius:6px;padding:3px 7px;font-size:12px}.admin-table-card{overflow:hidden;border:1px solid #e2e5e8;border-radius:12px;background:white}.admin-table-card table{min-width:1050px}.admin-table-card th{background:white;padding:16px}.admin-table-card td{padding:18px 16px}.admin-table-card td small{display:block;max-width:180px;color:#888;overflow:hidden;text-overflow:ellipsis}.user-avatar{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#f2f2f2;color:#777}.card-admin-grid{display:grid;grid-template-columns:340px minmax(0,1fr);grid-gap:24px;gap:24px;align-items:start}.page-size{position:absolute;left:20px;display:flex;align-items:center;gap:8px;margin:0;color:#666;font-size:13px;font-weight:400}.page-size select{width:72px;margin:0;padding:7px 9px}.row-select{width:16px;height:16px;margin:0}.admin-table-card .table-pagination{position:relative;min-height:76px}.admin-frame{grid-template-columns:216px minmax(0,1fr)}.admin-sidebar{padding:14px 10px}.admin-brand{gap:9px;padding:0 4px 22px}.admin-brand>span{width:36px;height:36px;border-radius:9px;font-size:22px}.admin-brand strong{font-size:14px}.admin-account small,.admin-brand small{font-size:11px}.admin-sidebar nav a{min-height:36px;gap:9px;border-radius:7px;padding:0 8px;font-size:14px}.admin-sidebar nav a b{font-size:20px}.admin-topbar{height:54px;gap:16px;padding:0 20px}.admin-content{padding:28px 28px 64px}.admin-title-row h1{font-size:24px}.admin-title-row p{font-size:14px}.project-grid{grid-template-columns:repeat(3,minmax(220px,1fr));gap:16px}.new-project-card,.project-card{min-height:138px;border-radius:10px;padding:16px}@media(max-width:1100px){.admin-frame{grid-template-columns:216px minmax(0,1fr)}.project-grid{grid-template-columns:repeat(2,minmax(240px,1fr))}.admin-filter-row{flex-wrap:wrap}.card-admin-grid{grid-template-columns:1fr}.record-page{padding:28px 20px}}@media(max-width:720px){.record-page{padding:22px 12px}.record-filters{align-items:stretch;flex-direction:column}.record-filters>*{width:100%!important}.admin-frame{display:block}.admin-sidebar{position:static;width:100%;height:auto;padding:10px 12px}.admin-account,.admin-sidebar nav{display:none}.admin-brand{padding:0}.admin-topbar{height:58px;padding:0 12px}.admin-content{padding:22px 12px 50px}.project-grid{grid-template-columns:1fr}.admin-filter-row,.admin-title-row{align-items:stretch;flex-direction:column}.admin-filter-row button,.admin-filter-row input,.admin-filter-row select{width:100%;margin:0}.push-right{margin-left:0}}.redeem-layout{display:grid;grid-template-columns:280px minmax(0,620px);grid-gap:24px;gap:24px;align-items:start}.redeem-balance{display:grid;min-height:180px;align-content:center;border-radius:18px;padding:26px;background:linear-gradient(145deg,#171717,#303030);color:white}.redeem-balance small{color:#ddd}.redeem-balance strong{margin-top:8px;color:var(--brand);font-size:48px}.redeem-card{padding:28px}.redeem-card form button{width:100%}@media(max-width:720px){.redeem-layout{grid-template-columns:1fr}}.run-detail-card{padding:28px}.run-detail-card .result-grid{max-width:760px}.run-detail-card .generated-result button{width:100%;margin-top:8px}.project-actions{display:flex;gap:8px;margin-top:14px}.modal-backdrop{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;background:rgba(15,23,42,.46)}.modal-panel{width:min(100%,680px);max-height:90vh;overflow:auto;border-radius:16px;background:white;padding:24px;box-shadow:0 24px 70px rgba(15,23,42,.25)}.modal-panel.wide-modal{width:min(100%,860px)}.modal-panel footer,.modal-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-panel footer{justify-content:flex-end;margin-top:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:0 16px;gap:0 16px}.raw-json{max-height:240px;overflow:auto;background:#111827;color:#e5e7eb;white-space:pre-wrap}.notice-box,.raw-json{border-radius:10px;padding:14px}.notice-box{margin-top:14px;background:var(--brand-soft);color:var(--brand-deep)}@media(max-width:720px){.form-grid{grid-template-columns:1fr}.modal-backdrop{padding:8px}.modal-panel{max-height:96vh;padding:18px}}.settings-stack{display:grid;grid-gap:18px;gap:18px;margin:22px 0}.settings-card{padding:22px;margin-top:18px}.settings-stack .settings-card{margin-top:0}.settings-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:12px}.settings-card h2{margin:0 0 6px}.settings-card header p{margin:0;color:var(--text-muted)}.settings-card footer{display:flex;justify-content:flex-end;margin-top:14px}.price-form{align-items:end}.checkbox-label{display:flex;align-items:center;gap:8px;min-height:44px}.checkbox-label input{width:auto;margin:0}@media(max-width:720px){.settings-card{padding:16px}.settings-card>header{flex-direction:column}}.calc-page{background:#f7f8fa}.calc-inputs{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));grid-gap:12px;gap:12px;margin-bottom:20px;border:1px solid #e5d19a;border-radius:14px;background:#fff8dc;padding:18px}.calc-inputs label{margin:0;color:#493919;font-weight:700}.calc-inputs input{margin:7px 0 0;text-align:right}.calc-inputs .custom-input{border-radius:8px;background:#e9fff5;padding:8px}.calc-card{padding:0}.calc-card-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px}.calc-card-head h2,.calc-card-head p{margin:0}.calc-card-head p{margin-top:6px;color:var(--text-muted)}.gross-margin-table{min-width:1680px}.gross-margin-table td,.gross-margin-table th{text-align:center;white-space:nowrap}.gross-margin-table tbody th{position:-webkit-sticky;position:sticky;left:0;z-index:1;background:#231b16;color:#f5d98f;text-align:left}.custom-column{background:#ecfff7!important;color:#103f33!important;font-weight:800}.calc-risk{background:#f9d8d1!important;color:#8f2419!important;font-weight:800}.calc-strong-risk{background:#c53a2f!important;color:white!important}.calc-warn{background:#ffe9a6!important;color:#765100!important;font-weight:800}.calc-safe{background:#e9f5ed!important;color:#276749!important}.calc-focus{background:#f2dfad!important;color:#3b2a12!important;font-weight:800}@media(max-width:1200px){.calc-inputs{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.calc-inputs{grid-template-columns:1fr 1fr}.calc-card-head{align-items:stretch;flex-direction:column}.calc-card-head button{width:100%}}.table-tool-page{background:#f7f8fa;padding:26px 24px 48px}.table-tool-page>header h1{font-size:30px}.table-tool-page>header p{margin-bottom:22px;font-size:15px}.table-tool-layout{display:grid;grid-template-columns:minmax(280px,330px) minmax(0,1fr);grid-gap:16px;gap:16px;align-items:start}.tool-config-card{padding:18px}.tool-config-card h2{margin-top:0;font-size:18px}.tool-config-card>p{font-size:14px;line-height:1.6}.table-upload{display:grid;place-items:center;min-height:150px;margin-top:14px;border:1.5px dashed #d5d9df;border-radius:12px;background:white;padding:16px;text-align:center}.table-upload input{position:absolute;width:1px;height:1px;opacity:0}.table-upload strong{margin:10px 0 5px;border-radius:8px;background:var(--brand);color:white;padding:9px 17px;font-size:14px}.table-upload small{color:var(--text-muted);font-size:12px}.paste-panel{display:grid;grid-gap:8px;gap:8px}.paste-panel textarea{min-height:110px}.tool-report-card{padding:0}.tool-report-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px}.tool-report-head h2,.tool-report-head p{margin:0}.tool-report-head h2{font-size:18px}.tool-report-head p{margin-top:4px;color:var(--text-muted);font-size:13px}.tool-report-card>.admin-tabs{margin:0 18px 16px;max-width:calc(100% - 36px);overflow-x:auto}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;padding:0 18px 16px}.summary-grid article{display:grid;grid-gap:6px;gap:6px;border-radius:10px;background:#f7f7f8;padding:14px}.summary-grid small{color:var(--text-muted)}.summary-grid strong{font-size:24px}.group-bars{padding:0 18px 16px}.group-bars>div{display:grid;grid-template-columns:minmax(100px,180px) minmax(100px,1fr) 50px;align-items:center;grid-gap:10px;gap:10px;margin:8px 0}.group-bars span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-bars i{height:10px;border-radius:6px;background:linear-gradient(90deg,var(--brand),#ffb347)}.group-bars b{text-align:right}.tool-report-card .table-wrap{border-top:1px solid var(--border)}.tool-report-card table{min-width:900px}.tool-report-card .notice-box{margin:14px 18px}.tool-report-card .empty-state{min-height:330px}@media(max-width:1100px){.table-tool-layout{grid-template-columns:1fr}}@media(max-width:720px){.table-tool-page{padding:20px 12px 40px}.tool-report-head{align-items:stretch;flex-direction:column}.summary-grid{grid-template-columns:1fr}.group-bars>div{grid-template-columns:100px minmax(80px,1fr) 40px}}.diagnostic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));grid-gap:10px;gap:10px;padding:0 22px 20px}.diagnostic-grid article{display:grid;grid-gap:6px;gap:6px;border:1px solid var(--border);border-radius:10px;padding:14px}.diagnostic-grid small{color:var(--text-muted)}.diagnostic-grid strong{font-size:22px}.diagnostic-grid .metric-good{background:var(--success-soft);color:var(--success)}.diagnostic-grid .metric-warn{background:var(--warning-soft);color:var(--warning)}.diagnostic-grid .metric-risk{background:var(--danger-soft);color:var(--danger)}.tool-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px;margin-top:22px}.tool-setting-card{padding:20px}.tool-setting-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.tool-setting-card h2{margin:4px 0 18px}.tool-setting-card header small{color:var(--text-muted)}.tool-setting-card textarea{min-height:84px}.tool-setting-card .prompt-editor{min-height:130px}.tool-setting-card footer{display:flex;justify-content:flex-end;margin-top:14px}.unavailable-card{padding:28px}@media(max-width:1000px){.tool-settings-grid{grid-template-columns:1fr}}.field-builder{margin:22px 0;border:1px solid var(--border);border-radius:14px;padding:16px;background:#f8fafc}.field-builder>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.field-builder h3,.field-builder p{margin:0 0 5px}.field-template-actions{display:flex;flex-wrap:wrap;gap:6px}.field-builder-row{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.5fr auto auto auto;align-items:end;grid-gap:8px;gap:8px;margin-bottom:10px;border-radius:10px;background:white;padding:10px}.field-builder-row label{margin:0}.field-builder-row .checkbox-label{padding-bottom:11px}@media(max-width:1100px){.field-builder-row{grid-template-columns:1fr 1fr}.field-builder>header{display:block}.field-template-actions{margin-top:10px}}.project-editor-modal{width:min(1180px,96vw)}.workflow-config-panel{margin:20px 0;border:1px solid var(--border);border-radius:14px;padding:18px;background:#fff}.workflow-config-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.workflow-config-panel h3,.workflow-config-panel p{margin:0 0 5px}.workflow-config-panel p{color:var(--text-muted)}.workflow-config-panel textarea{min-height:86px}.workflow-config-panel .prompt-editor{min-height:150px}@media(max-width:720px){.project-editor-modal{width:100%}.workflow-config-panel{padding:14px}.workflow-config-panel>header{display:block}.workflow-config-panel>header .status{display:inline-block;margin-top:8px}}.policy-page{max-width:900px;margin:0 auto;padding:40px 24px}.policy-page header{margin-bottom:24px}.policy-page header a{color:var(--brand);text-decoration:none}.policy-page article{background:#fff;border:1px solid var(--border);border-radius:18px;padding:28px;box-shadow:var(--shadow)}.policy-page pre{white-space:pre-wrap;word-break:break-word;font:inherit;line-height:1.8;margin:0}.table-actions{display:flex;gap:6px;flex-wrap:wrap}.site-footer{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:32px;padding:24px 10px;color:var(--text-muted);font-size:13px}.site-footer a{color:inherit;text-decoration:none}.site-footer a:hover{color:var(--brand)}.guided-image-page{background:#f6f7f9}.guided-topbar{height:72px}.guided-title{min-width:0}.guided-title h1{margin:0;font-size:20px}.guided-title p{margin:3px 0 0;color:var(--text-muted);font-size:12px}.guided-studio-layout{display:grid;grid-template-columns:minmax(380px,460px) minmax(0,1fr);grid-gap:16px;gap:16px;max-width:1540px;margin:0 auto;padding:18px}.guided-image-page .panel{border-color:#e5e7eb;border-radius:16px;box-shadow:0 3px 12px rgba(15,23,42,.04)}.guided-config{padding:0;overflow:hidden}.studio-stepper{display:flex;align-items:center;justify-content:center;gap:8px;border-bottom:1px solid var(--border);background:#fffaf5;padding:14px 18px;color:var(--text-muted);font-size:12px}.studio-stepper span{display:flex;align-items:center;gap:5px;white-space:nowrap}.studio-stepper span b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#eceff3;color:#6b7280;font-size:11px}.studio-stepper span.active{color:var(--brand-deep);font-weight:700}.studio-stepper span.active b{background:var(--brand);color:white}.studio-stepper i{width:28px;height:1px;background:#d7dbe0}.guided-config form{display:grid}.studio-step-card{padding:18px 20px;border-bottom:1px solid var(--border)}.studio-step-card>header{display:flex;align-items:flex-start;gap:10px;margin-bottom:14px}.studio-step-card>header>span{display:grid;place-items:center;width:26px;height:26px;flex:0 0 auto;border-radius:8px;background:var(--brand-soft);color:var(--brand-deep);font-size:13px;font-weight:800}.studio-step-card h2{margin:1px 0 3px;font-size:16px}.studio-step-card header p{margin:0;color:var(--text-muted);font-size:12px;line-height:1.5}.guided-image-page .workflow-field{margin:12px 0 0}.guided-image-page .upload-zone{min-height:126px;background:#fffdfb}.guided-image-page .upload-previews{grid-template-columns:repeat(4,minmax(0,1fr))}.guided-image-page textarea{min-height:86px}.compact-step{padding-bottom:14px}.compact-step>.workflow-field{display:grid;grid-template-columns:1fr 96px;align-items:center;grid-gap:10px;gap:10px}.compact-step>.workflow-field input,.compact-step>.workflow-field>span{margin:0}.advanced{margin-top:12px;border-top:1px dashed var(--border);padding-top:12px}.advanced summary{cursor:pointer;color:var(--brand-deep);font-size:13px;font-weight:700}.advanced-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.advanced-fields .workflow-field{min-width:0}.advanced-fields select{padding:9px 10px;font-size:12px}.background-presets{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.background-presets button{position:relative;display:flex;min-height:66px;align-items:center;gap:10px;border:1px solid #e4e7eb;border-radius:11px;background:white;color:#242424;padding:9px;text-align:left}.background-presets button:hover{border-color:#ffba79;background:#fffaf5}.background-presets button.active{border-color:var(--brand);background:#fff7ef;box-shadow:0 0 0 2px rgba(255,122,0,.08)}.background-presets button>b{display:none;position:absolute;right:7px;top:6px;color:var(--brand)}.background-presets button.active>b{display:block}.background-presets button>span{display:grid;grid-gap:2px;gap:2px}.background-presets strong{font-size:13px}.background-presets small{color:var(--text-muted);font-size:11px}.preset-swatch{display:block;width:42px;height:42px;flex:0 0 auto;border:1px solid #e7e7e7;border-radius:9px}.preset-white{background:radial-gradient(circle at 50% 64%,#dadde1 0 18%,transparent 19%),linear-gradient(#fff,#f4f5f6)}.preset-premium{background:radial-gradient(circle at 50% 62%,#d4a667 0 17%,transparent 18%),linear-gradient(145deg,#eee3d4,#9f8061)}.preset-life{background:radial-gradient(circle at 50% 62%,#e9994b 0 17%,transparent 18%),linear-gradient(145deg,#dbe9d3,#f3d9bc)}.preset-tech{background:radial-gradient(circle at 50% 62%,#60a5fa 0 17%,transparent 18%),linear-gradient(145deg,#182338,#426182)}.studio-submit-bar{position:-webkit-sticky;position:sticky;bottom:0;z-index:2;display:grid;grid-template-columns:auto minmax(180px,1fr);align-items:center;grid-gap:14px;gap:14px;border-top:1px solid var(--border);background:rgba(255,255,255,.96);padding:14px 20px 10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.studio-submit-bar>div{display:grid}.studio-submit-bar small{color:var(--text-muted);font-size:11px}.studio-submit-bar strong{color:var(--brand-deep);font-size:16px}.studio-submit-bar .run-submit{min-height:44px}.guided-config form>.ai-notice,.guided-config>.ai-notice{padding:0 20px 12px}.guided-result{min-width:0;min-height:calc(100vh - 108px);padding:0;overflow:hidden}.guided-result-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border);padding:17px 20px}.guided-result-head span{color:var(--brand);font-size:11px;font-weight:800}.guided-result-head h2{margin:2px 0 0;font-size:18px}.guided-result-head>small{color:var(--text-muted);font-size:12px}.guided-empty-result{display:grid;min-height:calc(100vh - 172px);align-content:center;grid-gap:28px;gap:28px;padding:24px}.sample-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;max-width:820px;margin:0 auto}.sample-result-grid article{overflow:hidden;border:1px solid var(--border);border-radius:13px;background:white;padding-bottom:12px;text-align:center}.sample-result-grid small,.sample-result-grid strong{display:block}.sample-result-grid strong{margin-top:10px;font-size:14px}.sample-result-grid small{margin-top:3px;color:var(--text-muted);font-size:11px}.sample-scene{position:relative;display:grid;place-items:center;aspect-ratio:1.15;overflow:hidden}.sample-scene:before{content:"";position:absolute;left:50%;bottom:14%;width:48%;height:12%;transform:translateX(-50%);border-radius:50%;background:rgba(15,23,42,.14);filter:blur(8px)}.sample-scene span{position:relative;width:34%;height:50%;border:4px solid rgba(255,255,255,.72);border-radius:14px 14px 20px 20px;background:linear-gradient(145deg,#ffb252,#f47a19);box-shadow:0 12px 26px rgba(15,23,42,.2)}.sample-white{background:linear-gradient(#fff,#eef0f2)}.sample-premium{background:linear-gradient(145deg,#eadbc7,#ad8a68)}.sample-life{background:linear-gradient(145deg,#d9ead4,#f1d5b8)}.guided-tips{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:10px;gap:10px;max-width:820px;margin:0 auto;border-radius:13px;background:#fff8f0;padding:15px}.guided-tips>strong{grid-column:1/-1;font-size:13px}.guided-tips span{display:flex;align-items:center;gap:7px;color:#6b6259;font-size:12px}.guided-tips b{display:grid;place-items:center;width:20px;height:20px;flex:0 0 auto;border-radius:50%;background:white;color:var(--brand)}.guided-run-status{padding:18px}.guided-run-status .processing{min-height:480px}.result-summary{margin:14px 0;border-radius:10px;background:#f7f8fa;padding:12px;color:var(--text-secondary);font-size:13px}.studio-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:14px}.studio-result-grid article{overflow:hidden;border:1px solid var(--border);border-radius:12px;background:white}.studio-result-grid img{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:#f7f8fa}.studio-result-grid article>div{display:grid;grid-template-columns:1fr auto auto;align-items:center;grid-gap:7px;gap:7px;padding:9px}.studio-result-grid a,.studio-result-grid button{min-height:32px;margin:0;padding:5px 9px;font-size:11px;text-decoration:none}.result-download-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0;border:1px solid #fed7aa;border-radius:12px;background:#fff8f0;padding:10px 12px}.result-download-bar .checkbox-label{min-height:0;margin:0;font-size:12px}.result-download-bar .button{width:auto;min-height:34px;padding:7px 12px;text-decoration:none}.retention-note{margin:12px 0 0;color:var(--text-muted);font-size:12px}.run-detail-actions{display:flex;justify-content:flex-end;margin-top:20px;border-top:1px solid var(--border);padding-top:16px}.run-detail-actions .danger{width:auto;color:#b42318}@media(max-width:1050px){.guided-studio-layout{grid-template-columns:minmax(340px,420px) minmax(0,1fr)}.sample-result-grid{grid-template-columns:1fr 1fr}.sample-result-grid article:last-child{display:none}.guided-tips{grid-template-columns:1fr}.guided-tips>strong{grid-column:auto}.guided-result-head>small{display:none}}@media(max-width:760px){.guided-topbar{height:auto;min-height:66px;padding:8px 10px}.guided-title h1{font-size:17px}.guided-title p{display:none}.guided-topbar .workflow-actions{gap:4px}.guided-topbar .outline-action{min-width:54px}.guided-studio-layout{grid-template-columns:1fr;padding:10px}.studio-stepper{padding:12px 10px}.studio-stepper i{width:14px}.guided-result{min-height:420px}.guided-empty-result{min-height:420px;padding:16px}.sample-result-grid{grid-template-columns:1fr 1fr}.guided-tips{display:none}.background-presets{grid-template-columns:1fr 1fr}.studio-step-card{padding:16px}.studio-submit-bar{grid-template-columns:1fr;padding:12px 16px}.studio-submit-bar>div{display:flex;justify-content:space-between}.advanced-fields,.studio-result-grid{grid-template-columns:1fr}.result-download-bar{align-items:stretch;flex-direction:column}.result-download-bar .button{width:100%;text-align:center}}.handoff-page{min-height:100vh;background:radial-gradient(circle at 10% 0,#fff1e4 0,transparent 34%),#f6f7f9;padding:42px 20px 80px}.handoff-shell{width:min(1040px,100%);margin:0 auto}.handoff-hero{display:grid;grid-template-columns:minmax(0,1fr) 210px;align-items:end;grid-gap:28px;gap:28px;margin-bottom:22px}.handoff-hero span{display:inline-block;border-radius:20px;background:#111827;color:white;padding:6px 11px;font-size:12px;font-weight:800}.handoff-hero h1{margin:14px 0 8px;font-size:36px;letter-spacing:-1px}.handoff-hero p{max-width:720px;margin:0;color:#6b7280;line-height:1.7}.handoff-form code,.handoff-hero code,.handoff-security code{border-radius:5px;background:#f1f3f5;padding:2px 5px;color:#9a4100}.handoff-status{display:grid;grid-gap:5px;gap:5px;border:1px solid #e1e4e8;border-radius:16px;background:white;padding:18px;box-shadow:0 8px 24px rgba(15,23,42,.06)}.handoff-status.ready{border-color:#98dec1;background:#effcf6}.handoff-status small{color:#6b7280}.handoff-status strong{font-size:19px}.handoff-status.ready strong{color:#087a4c}.handoff-status time{color:#6b7280;font-size:11px}.handoff-security{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px;border:1px solid #fed7aa;border-radius:14px;background:#fff8f0;padding:13px 16px;color:#70411d;font-size:13px}.handoff-security b{color:#9a4100}.handoff-security span:before{content:"✓";margin-right:5px;color:#0a8a55;font-weight:900}.handoff-receipt{margin-bottom:18px;border:1px solid #8fdbb8;border-radius:14px;background:#edfff6;padding:16px 18px}.handoff-receipt strong{color:#087a4c;font-size:18px}.handoff-receipt p{margin:5px 0 0;color:#3f6756}.handoff-error{margin-bottom:18px;border-radius:12px;background:#fff0f0;padding:14px}.handoff-form{display:grid;grid-gap:16px;gap:16px}.handoff-form>section{border:1px solid #e3e6e9;border-radius:18px;background:white;padding:24px;box-shadow:0 7px 24px rgba(15,23,42,.045)}.handoff-form>section>header{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px}.handoff-form>section>header>b{display:grid;width:34px;height:34px;place-items:center;flex:0 0 auto;border-radius:10px;background:var(--brand);color:white;font-size:13px}.handoff-form h2{margin:1px 0 4px;font-size:20px}.handoff-form header p{margin:0;color:#6b7280;font-size:13px;line-height:1.5}.handoff-form label{margin:12px 0 0;color:#252525;font-size:14px}.handoff-form input,.handoff-form select,.handoff-form textarea{margin:7px 0 0;border-color:#dfe3e7;background:#fff}.handoff-form input:focus,.handoff-form select:focus,.handoff-form textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(255,122,0,.1);outline:0}.handoff-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:0 16px;gap:0 16px}.handoff-grid .wide{grid-column:1/-1}.handoff-form>footer{position:-webkit-sticky;position:sticky;bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #ffd0a8;border-radius:16px;background:rgba(255,255,255,.95);padding:14px 16px;box-shadow:0 14px 40px rgba(15,23,42,.14);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.handoff-form>footer p{margin:0;color:#6b7280;font-size:13px}.handoff-form>footer button{min-width:210px;min-height:48px;border-radius:11px;font-size:16px;box-shadow:0 8px 20px rgba(255,122,0,.2)}@media(max-width:720px){.handoff-page{padding:24px 12px 60px}.handoff-hero{grid-template-columns:1fr}.handoff-hero h1{font-size:29px}.handoff-status{width:100%}.handoff-grid{grid-template-columns:1fr}.handoff-grid .wide{grid-column:auto}.handoff-form>section{padding:18px 15px}.handoff-form>footer{align-items:stretch;flex-direction:column}.handoff-form>footer button{width:100%}}.course-admin-layout{display:grid;grid-template-columns:300px minmax(0,1fr);grid-gap:22px;gap:22px;margin-top:24px}.course-category-card,.course-list-card{border-radius:16px;background:#fff;padding:20px}.course-category-card h2{margin-top:0}.course-category-card form{display:grid;grid-gap:9px;gap:9px}.course-category-row{display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--border);padding:13px 2px}.course-category-row small{color:var(--text-muted)}.course-summary{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-bottom:18px}.course-summary article{display:grid;border-radius:12px;background:#faf7f2;padding:16px}.course-summary strong{font-size:28px}.course-summary span{color:var(--text-muted)}.course-row{display:grid;grid-gap:16px;gap:16px;align-items:center;border-top:1px solid var(--border);padding:18px 0}.course-row h3,.course-row p{margin:0 0 8px}.course-row p{color:var(--text-muted)}.course-cover-mini{display:grid;width:86px;height:64px;place-items:center;overflow:hidden;border-radius:10px;background:linear-gradient(135deg,#1e1c1a,#ff7a1a);color:#fff;font-size:28px;font-weight:800}.course-cover-mini img{width:100%;height:100%;object-fit:cover}.course-editor{width:min(1080px,calc(100vw - 32px));max-height:92vh;overflow:auto}.builder-title,.chapter-head,.course-editor>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.course-editor>header p{color:var(--text-muted)}.chapter-builder{margin-top:20px;border-top:1px solid var(--border);padding-top:16px}.chapter-builder>section{margin:12px 0;border:1px solid var(--border);border-radius:12px;background:#fafafa;padding:14px}.chapter-head input{font-weight:700}.lesson-row{display:grid;grid-template-columns:1.2fr 100px 1.2fr 80px 70px;grid-gap:8px;gap:8px;align-items:center;margin:9px 0}.lesson-row input{margin:0}.lesson-row label{display:flex;align-items:center;gap:5px}.lesson-row label input{width:auto}.course-editor footer{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}@media(max-width:900px){.course-admin-layout,.lesson-row{grid-template-columns:1fr}.course-row{grid-template-columns:70px 1fr}.course-row>button{grid-column:1/-1}.course-summary{grid-template-columns:1fr 1fr 1fr}}.course-center-page{padding:34px 34px 60px;background:#f7f6f3}.course-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;overflow:hidden;border-radius:24px;background:linear-gradient(120deg,#1f1d1b,#302a24 60%,#6d3b17);color:#fff;padding:44px 46px}.course-hero .eyebrow{color:#ff9b4b;font-size:14px;font-weight:800;letter-spacing:.12em}.course-hero h1{max-width:720px;margin:12px 0 10px;font-size:38px;line-height:1.2}.course-hero p{margin:0;color:#d8d0c8;font-size:17px}.course-hero-stat{display:grid;min-width:180px;border-left:1px solid rgba(255,255,255,.22);padding-left:30px}.course-hero-stat strong{color:#ff8a2b;font-size:44px}.course-hero-stat span{color:#eee}.course-hero-stat b{margin-top:14px;border-radius:99px;background:rgba(255,255,255,.12);padding:8px 12px;font-size:12px}.course-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:30px 0 22px}.course-tabs{gap:8px}.course-tabs button{color:#6b6864}.course-tabs button.active{background:#1f1d1b;color:#fff}.course-wall{grid-template-columns:repeat(3,minmax(240px,1fr));grid-gap:22px;gap:22px}.learning-card{border:1px solid #e7e2dc;border-radius:18px;background:#fff;box-shadow:0 10px 32px rgba(43,35,27,.05);transition:.2s}.learning-card:hover{transform:translateY(-3px);box-shadow:0 15px 36px rgba(43,35,27,.1)}.learning-cover{height:190px;background:linear-gradient(135deg,#2c2520,#c55b11);color:#fff;padding:24px}.learning-cover.cover-1{background:linear-gradient(135deg,#192429,#24707d)}.learning-cover.cover-2{background:linear-gradient(135deg,#29243a,#7454b2)}.learning-cover span{font-size:12px;opacity:.8}.learning-cover strong{max-width:90%;margin:7px 0;font-size:25px;line-height:1.22}.learning-cover small{opacity:.75}.learning-body{padding:20px}.learning-meta span{border-radius:6px;background:#fff0e4;color:#d85b00;padding:4px 8px;font-size:12px;font-weight:800}.learning-meta b{color:#8a8681;font-size:12px}.learning-body h2{margin:14px 0 8px;font-size:21px}.learning-body>p{height:44px;color:#77716b;line-height:1.55}.learning-footer{display:flex;align-items:center;gap:9px;border-top:1px solid #eee9e4;margin-top:16px;padding-top:16px}.teacher-avatar{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:#1f1d1b;color:#fff;font-weight:800}.learning-footer div{display:grid}.learning-footer small{color:#918b85}.learning-footer button{margin-left:auto;min-height:38px;border-color:#ff7a1a;background:#ff7a1a}.course-center-page footer{margin-top:38px}@media(max-width:1050px){.course-wall{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.course-center-page{padding:16px 12px 40px}.course-hero{align-items:flex-start;flex-direction:column;padding:28px 22px}.course-hero h1{font-size:28px}.course-hero-stat{border-left:0;border-top:1px solid rgba(255,255,255,.22);padding:18px 0 0}.course-toolbar{align-items:stretch;flex-direction:column}.course-tabs{overflow-x:auto}.course-wall{grid-template-columns:1fr}.learning-cover{height:176px}}.course-center-page{min-width:0;background:var(--surface-page);padding:var(--course-page-pad)}.course-center-inner{width:100%;max-width:var(--course-page-max);margin-inline:auto}.course-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-3);padding-bottom:var(--space-3)}.course-page-head h1{margin:0;font-size:var(--course-title-size);line-height:1.25;color:var(--text)}.course-page-head p{margin:var(--course-header-gap) 0 0;color:var(--text-secondary);font-size:var(--course-subtitle-size)}.course-search{display:flex;width:var(--course-search-width);align-items:center;gap:var(--space-1);border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-card);padding-inline:var(--space-2)}.course-search input{margin:0;border:0;background:transparent;box-shadow:none;padding-inline:0}.course-tabs{display:flex;gap:var(--course-tab-gap);overflow-x:auto;border-bottom:1px solid var(--border);padding-bottom:var(--space-1);margin-bottom:var(--space-3)}.course-tabs button{min-height:var(--course-tab-height);flex:0 0 auto;border:0;border-radius:var(--radius-control);background:transparent;color:var(--text-secondary);padding-inline:var(--course-tab-pad-x);font-size:var(--font-caption)}.course-tabs button:hover{background:var(--surface-muted);color:var(--text)}.course-tabs button.active{background:var(--brand);color:var(--surface-card)}.course-wall{display:grid;grid-template-columns:repeat(var(--course-grid-cols),minmax(0,1fr));grid-column-gap:var(--course-grid-gap-x);column-gap:var(--course-grid-gap-x);grid-row-gap:var(--course-grid-gap-y);row-gap:var(--course-grid-gap-y)}.learning-card{min-width:0;overflow:hidden;border:1px solid var(--course-card-border);border-radius:var(--course-card-radius);background:var(--surface-card);box-shadow:var(--course-card-shadow);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.learning-card:hover{transform:translateY(var(--course-card-rise));border-color:var(--border-strong);box-shadow:var(--course-card-shadow-hover)}.learning-cover{position:relative;display:flex;aspect-ratio:var(--course-cover-ratio);height:auto;flex-direction:column;justify-content:flex-end;overflow:hidden;background:var(--course-cover-1);color:var(--course-cover-text);padding:var(--course-cover-pad)}.learning-cover.cover-1{background:var(--course-cover-2)}.learning-cover.cover-2{background:var(--course-cover-3)}.learning-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.learning-cover span{position:relative;font-size:var(--course-cover-label-size);color:var(--course-cover-muted)}.learning-cover strong{position:relative;display:-webkit-box;overflow:hidden;margin:var(--space-1) 0;font-size:var(--course-cover-title-size);line-height:var(--course-card-title-line);-webkit-box-orient:vertical;-webkit-line-clamp:2}.learning-cover small{position:relative;color:var(--course-cover-muted);font-size:var(--font-small)}.learning-body{padding:var(--course-card-body-pad)}.learning-body h2{margin:0;font-size:var(--course-card-title-size);line-height:var(--course-card-title-line)}.learning-body h2,.learning-body>p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.learning-body>p{height:auto;min-height:calc(var(--course-card-desc-size) * var(--course-card-desc-line) * 2);margin:var(--space-1) 0;color:var(--text-secondary);font-size:var(--course-card-desc-size);line-height:var(--course-card-desc-line)}.learning-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--course-meta-gap);border-top:1px solid var(--border);padding-top:var(--space-1)}.learning-meta span{border-radius:var(--radius-tag);background:var(--course-tag-bg);color:var(--course-tag-text);padding:calc(var(--space-1) / 2) var(--space-1);font-size:var(--font-small);font-weight:700}.learning-meta b{color:var(--text-muted);font-size:var(--font-small);font-weight:500}.course-center-page footer{margin-top:var(--space-4)}.course-library-page{min-width:0;background:#f7f8fa;padding:32px 34px 60px}.course-library-inner{width:100%;max-width:1320px;margin:0 auto}.course-library-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;border-bottom:1px solid var(--border);padding:4px 0 24px}.course-library-head p{margin:0 0 5px;color:var(--brand-deep);font-size:13px;font-weight:800}.course-library-head h1{margin:0;color:var(--text);font-size:30px}.course-library-head>div>span{display:block;margin-top:7px;color:var(--text-muted);font-size:14px}.course-library-search{position:relative;width:260px;margin:0}.course-library-search>span{position:absolute;left:14px;top:10px;z-index:1;color:var(--text-muted);font-size:20px}.course-library-search input{height:42px;margin:0;border-color:var(--border);border-radius:21px;background:var(--surface-card);padding-left:42px}.course-library-layout{display:grid;grid-template-columns:188px minmax(0,1fr);grid-gap:30px;gap:30px;margin-top:26px;align-items:start}.course-category-nav{position:-webkit-sticky;position:sticky;top:20px;display:grid;grid-gap:4px;gap:4px;border:1px solid var(--border);border-radius:12px;background:var(--surface-card);padding:14px 10px}.course-category-nav>strong{padding:6px 12px 12px;font-size:15px}.course-category-nav button{display:flex;min-height:42px;justify-content:space-between;border:0;border-radius:8px;background:transparent;color:var(--text-secondary);padding:0 12px;text-align:left}.course-category-nav button:hover{background:var(--surface-muted)}.course-category-nav button.active{background:var(--brand-soft);color:var(--brand-deep);font-weight:800}.course-category-nav button b{color:var(--text-muted);font-size:11px;font-weight:500}.course-series-list{display:grid;grid-gap:32px;gap:32px;min-width:0}.course-series{min-width:0}.course-series>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.course-series>header h2{margin:0;font-size:20px}.course-series>header p{display:inline;margin:0 0 0 10px;color:var(--text-muted);font-size:12px}.course-series>header>div{display:flex;align-items:baseline}.course-series>header button{min-height:auto;border:0;background:transparent;color:var(--text-muted);padding:5px;font-size:13px}.course-series>header button:hover{background:transparent;color:var(--brand-deep)}.course-series>header button span{font-size:20px}.course-row-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px}.pc-course-card{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:10px;background:var(--surface-card);color:inherit;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.pc-course-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.pc-course-cover{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--surface-muted)}.pc-course-cover img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.pc-course-card:hover .pc-course-cover img{transform:scale(1.025)}.course-tier-badge,.pc-course-cover em{position:absolute;top:10px;border-radius:4px;padding:4px 7px;font-size:11px;font-style:normal}.course-tier-badge{left:10px;background:rgba(26,24,22,.84);color:#fff}.pc-course-cover em{right:10px;background:var(--brand);color:#fff}.course-cover-placeholder{display:grid;width:100%;height:100%;place-items:center;align-content:center;background:linear-gradient(135deg,#33261e,#f47716);color:#fff}.course-cover-placeholder b{font-size:30px}.course-cover-placeholder span{font-size:12px}.pc-course-info{padding:13px 14px 12px}.pc-course-info h3{min-height:43px;margin:0;color:var(--text);font-size:16px;line-height:1.4}.pc-course-info h3,.pc-course-info>p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.pc-course-info>p{height:38px;margin:7px 0 11px;color:var(--text-muted);font-size:12px;line-height:1.55}.pc-course-info footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-top:10px;color:var(--text-muted);font-size:12px}.pc-course-info footer b{font-weight:500}.course-library-inner>footer{margin-top:44px}@media(max-width:1180px){.course-row-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.course-library-layout{grid-template-columns:1fr}.course-category-nav{position:static;display:flex;overflow-x:auto}.course-category-nav>strong{display:none}.course-category-nav button{flex:0 0 auto;gap:10px}.course-row-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.course-library-page{padding:18px 12px 40px}.course-library-head{align-items:stretch;flex-direction:column}.course-library-search{width:100%}.course-library-layout{gap:20px;margin-top:18px}.course-series-list{gap:26px}.course-row-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pc-course-info{padding:10px}.pc-course-info h3{min-height:39px;font-size:14px}.pc-course-info>p{display:none}.pc-course-info footer{margin-top:8px}.course-tier-badge,.pc-course-cover em{top:6px;padding:3px 5px;font-size:10px}.course-tier-badge{left:6px}.pc-course-cover em{right:6px}}@media(max-width:1100px){.course-wall{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.course-center-page{padding:var(--course-page-pad-mobile)}.course-page-head{align-items:stretch;flex-direction:column;padding-bottom:var(--space-2)}.course-page-head h1{font-size:var(--font-mobile-title)}.course-search{width:100%}.course-tabs{margin-bottom:var(--space-2)}.course-wall{grid-template-columns:repeat(var(--course-mobile-cols),minmax(0,1fr));column-gap:var(--space-1);row-gap:var(--space-2)}.learning-cover{padding:var(--space-2)}.learning-cover strong{font-size:var(--course-mobile-cover-title-size)}.learning-body{padding:var(--space-1)}.learning-body h2{font-size:var(--course-mobile-title-size)}.learning-body>p{display:none}.learning-meta{align-items:flex-start;flex-direction:column}.learning-meta b{white-space:nowrap}}.course-detail-page{min-width:0;background:var(--surface-page);padding:var(--course-page-pad)}.course-detail-inner{width:100%;max-width:var(--course-page-max);margin-inline:auto}.course-detail-back{display:inline-flex;margin-bottom:var(--space-2);color:var(--text-secondary);font-size:var(--font-caption);text-decoration:none}.course-detail-back:hover{color:var(--brand)}.course-detail-hero{display:flex;gap:var(--course-detail-gap);border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface-card);padding:var(--course-detail-hero-pad);box-shadow:var(--course-card-shadow)}.course-detail-cover{display:flex;width:var(--course-detail-cover-width);aspect-ratio:var(--course-cover-ratio);flex:0 0 auto;flex-direction:column;justify-content:flex-end;border-radius:var(--course-detail-cover-radius);background:var(--course-cover-1);color:var(--course-cover-text);padding:var(--space-4)}.course-detail-cover span{color:var(--course-cover-muted);font-size:var(--font-caption)}.course-detail-cover strong{max-width:88%;margin:var(--space-1) 0;font-size:var(--course-detail-cover-title);line-height:1.2}.course-detail-cover small{color:var(--course-cover-muted)}.course-detail-summary{display:flex;min-width:0;flex:1 1;flex-direction:column;align-items:flex-start;justify-content:center}.course-detail-tags{display:flex;gap:var(--space-1)}.course-detail-tags b,.course-detail-tags span{border-radius:var(--radius-tag);padding:5px var(--space-1);font-size:var(--font-small)}.course-detail-tags span{background:var(--course-tag-bg);color:var(--course-tag-text)}.course-detail-tags b{background:var(--surface-muted);color:var(--text-secondary)}.course-detail-summary h1{margin:var(--space-2) 0 var(--space-1);font-size:var(--course-detail-summary-title)}.course-detail-summary>p{margin:0;color:var(--text-secondary)}.course-detail-facts{display:flex;width:100%;gap:var(--space-4);margin:var(--space-3) 0}.course-detail-facts div{min-width:0}.course-detail-facts dt{margin:0;color:var(--text-muted)}.course-detail-facts dd{margin:4px 0 0;color:var(--text);font-weight:700}.course-primary-action{display:flex;width:100%;min-height:46px;align-items:center;justify-content:center;border-radius:var(--radius-control);background:var(--brand);color:var(--surface-card);text-decoration:none}.course-access-note{align-self:center;margin-top:var(--space-1)}.course-detail-content{display:grid;grid-template-columns:var(--course-detail-intro-width) var(--course-detail-catalog-width);grid-gap:var(--course-detail-section-gap);gap:var(--course-detail-section-gap);margin-top:var(--course-detail-section-gap);align-items:start}.course-catalog-card,.course-intro-card{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface-card);padding:var(--course-detail-panel-pad);box-shadow:var(--course-card-shadow)}.course-catalog-card h2,.course-intro-card h2{margin:0;font-size:var(--font-title)}.course-intro-card p{margin:var(--space-2) 0;color:var(--text-secondary)}.course-intro-card h3{margin:var(--space-3) 0 var(--space-1);color:var(--text);font-size:var(--font-body)}.course-intro-card ul{display:grid;grid-gap:var(--space-1);gap:var(--space-1);margin:0;padding-left:20px;color:var(--text-secondary);line-height:1.65}.course-intro-card li::marker{color:var(--brand)}.course-catalog-card>header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--course-detail-line);padding-bottom:var(--space-2)}.course-catalog-card>header p{margin:4px 0 0;color:var(--text-muted);font-size:var(--font-caption)}.course-catalog-card>header span{border-radius:var(--radius-tag);background:var(--success-soft);color:var(--success);padding:5px var(--space-1);font-size:var(--font-small)}.course-chapter{padding-top:var(--space-2)}.course-chapter h3{display:flex;align-items:center;gap:var(--space-1);margin:0 0 var(--space-1);color:var(--text);font-size:var(--font-caption)}.course-chapter h3 i{color:var(--brand);font-style:normal}.course-lesson{display:flex;min-height:var(--course-detail-lesson-height);align-items:center;gap:var(--space-1);border-top:1px solid var(--course-detail-line);padding:var(--space-1) 0}.course-play-mark{display:grid;width:28px;height:28px;flex:0 0 auto;place-items:center;border-radius:50%;background:var(--course-detail-soft);color:var(--brand);font-size:10px}.course-lesson>div{display:grid;min-width:0;flex:1 1;grid-gap:3px;gap:3px}.course-lesson strong{overflow:hidden;font-size:var(--font-caption);text-overflow:ellipsis;white-space:nowrap}.course-lesson small{margin:0;color:var(--text-muted);font-size:var(--font-small)}.course-lesson>b{border-radius:var(--radius-tag);background:var(--course-tag-bg);color:var(--course-tag-text);padding:4px 7px;font-size:var(--font-small)}.course-lesson>em{color:var(--course-detail-lock);font-size:var(--font-small);font-style:normal}.course-detail-page footer{margin-top:var(--space-4)}.course-detail-v2{padding-top:22px}.course-detail-v2 .course-detail-inner{max-width:1180px}.course-detail-v2 .course-detail-hero{min-height:300px;align-items:stretch;gap:32px;padding:24px}.course-detail-cover-image{width:46%;aspect-ratio:16/9;align-self:center;overflow:hidden;padding:0;background:var(--surface-muted)}.course-detail-cover-image img{width:100%;height:100%;object-fit:cover}.course-detail-v2 .course-detail-summary{padding:10px 8px}.course-detail-v2 .course-detail-summary h1{margin-top:18px;font-size:32px}.course-detail-v2 .course-detail-summary>p{max-width:570px;font-size:15px;line-height:1.7}.course-detail-v2 .course-detail-facts{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:22px 0;padding:15px 0}.course-detail-v2 .course-primary-action{max-width:220px}.course-detail-v2 .course-access-note{align-self:flex-start;margin-top:10px}.course-detail-content-v2{grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr)}.course-detail-content-v2 .course-catalog-card{min-width:0}.course-intro-side{position:-webkit-sticky;position:sticky;top:20px}.course-intro-side p{font-size:14px;line-height:1.8}.course-lesson-link{color:inherit;text-decoration:none}.course-lesson-link:hover{background:var(--course-detail-soft)}.course-lesson-link em{min-width:34px;text-align:right}@media(max-width:900px){.course-detail-content-v2{grid-template-columns:1fr}.course-intro-side{position:static}.course-detail-cover-image{width:100%}.course-detail-hero{align-items:stretch;flex-direction:column}.course-detail-cover{width:100%}.course-detail-content{grid-template-columns:1fr}}@media(max-width:720px){.course-detail-page{padding:var(--course-page-pad-mobile)}.course-detail-back{margin:var(--space-1) 0 var(--space-2)}.course-detail-hero{gap:var(--space-2);border-radius:var(--course-card-radius);padding:var(--space-1)}.course-detail-cover{border-radius:var(--radius-control);padding:var(--space-2)}.course-detail-cover strong{font-size:var(--course-mobile-cover-title-size)}.course-detail-summary{padding:var(--space-1)}.course-detail-summary h1{font-size:var(--font-mobile-title)}.course-detail-facts{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-1);gap:var(--space-1);margin:var(--space-2) 0}.course-detail-content{gap:var(--space-2);margin-top:var(--space-2)}.course-catalog-card,.course-intro-card{border-radius:var(--course-card-radius);padding:var(--space-2)}.course-detail-content .course-intro-card{order:2}.course-detail-content .course-catalog-card{order:1}}.course-player-page{min-width:0;min-height:100vh;background:var(--player-bg);color:var(--player-text)}.player-topbar{min-height:var(--player-topbar-height);justify-content:space-between;border-bottom:1px solid var(--player-border);padding:10px var(--space-3)}.player-topbar,.player-topbar>div{display:flex;align-items:center;gap:var(--space-2)}.player-topbar a{color:var(--player-muted);font-size:var(--font-caption);text-decoration:none}.player-topbar h1{margin:0;color:var(--player-text);font-size:var(--font-title)}.player-topbar>span{color:var(--player-muted);font-size:var(--font-caption)}.player-layout{display:grid;grid-template-columns:minmax(0,1fr) var(--player-sidebar-width);min-height:calc(100vh - var(--player-topbar-height))}.player-stage-area{min-width:0;padding:var(--space-3)}.player-screen{position:relative;display:grid;width:100%;aspect-ratio:var(--player-screen-ratio);place-items:center;overflow:hidden;background:linear-gradient(135deg,#0d0d0d,var(--player-panel));box-shadow:0 14px 34px rgba(0,0,0,.28)}.player-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.player-poster-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.16),rgba(0,0,0,.5))}.player-placeholder{position:relative;z-index:1;display:grid;place-items:center;text-align:center}.player-poster-play{display:grid;width:68px;height:68px;place-items:center;border:1px solid rgba(255,255,255,.4);border-radius:50%;background:rgba(255,122,0,.92);padding:0 0 0 4px;color:white;font-size:25px;box-shadow:0 10px 32px rgba(0,0,0,.3)}.player-big-mark{display:grid;width:70px;height:70px;place-items:center;border-radius:18px;background:var(--brand);color:var(--player-text);font-size:34px;font-weight:900}.player-placeholder strong{margin-top:var(--space-2);color:white;font-size:var(--font-title);text-shadow:0 2px 10px rgba(0,0,0,.55)}.player-placeholder small{margin-top:var(--space-1);color:rgba(255,255,255,.76)}.player-watermark{position:absolute;right:14%;top:22%;color:var(--player-text);font-size:var(--font-caption);opacity:var(--player-watermark-opacity);transform:rotate(-8deg)}.player-controls{position:absolute;right:0;bottom:0;left:0;display:flex;height:var(--player-control-height);align-items:center;gap:var(--space-2);background:linear-gradient(transparent,rgba(0,0,0,.88));padding:var(--space-1) var(--space-2)}.player-controls button{width:32px;min-height:32px;border:0;background:transparent;padding:0}.player-progress{height:3px;min-width:80px;flex:1 1;background:var(--player-border)}.player-progress i{display:block;width:4%;height:100%;background:var(--brand)}.player-controls time,.player-controls>span{color:var(--player-muted);font-size:var(--font-small)}.lesson-summary{position:relative;padding:var(--space-3) 0}.lesson-summary>div{display:flex;align-items:center;gap:var(--space-1)}.lesson-summary>div span{border-radius:var(--radius-tag);background:var(--course-tag-bg);color:var(--course-tag-text);padding:4px 7px;font-size:var(--font-small)}.lesson-summary h2{margin:0;color:var(--player-text)}.lesson-summary p{margin:var(--space-1) 150px 0 0;color:var(--player-muted)}.lesson-summary nav{position:absolute;right:0;top:var(--space-3);display:flex;gap:var(--space-1)}.lesson-summary nav button{min-height:36px;border-color:var(--player-border);background:var(--player-panel);color:var(--player-text);padding:6px 12px}.player-directory{min-width:0;border-left:1px solid var(--player-border);background:var(--player-panel)}.player-directory>header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--player-border);padding:var(--space-3)}.player-directory h2{margin:0;color:var(--player-text);font-size:var(--font-title)}.player-directory header p{margin:4px 0 0;color:var(--player-muted);font-size:var(--font-small)}.player-directory header>span{border-radius:var(--radius-tag);background:rgba(255,122,0,.14);color:var(--brand-hover);padding:5px var(--space-1);font-size:var(--font-small)}.player-directory-content{padding:0 var(--space-2)}.player-chapter{padding-top:var(--space-2)}.player-chapter h3{display:flex;gap:var(--space-1);margin:0 0 var(--space-1);color:var(--player-text);font-size:var(--font-caption)}.player-chapter h3 i{color:var(--brand);font-style:normal}.player-lesson{display:flex;min-height:var(--player-directory-row);align-items:center;gap:var(--space-1);border-top:1px solid var(--player-border);padding:var(--space-1)}.player-lesson>span{display:grid;width:26px;height:26px;flex:0 0 auto;place-items:center;border-radius:50%;background:var(--player-panel-soft);color:var(--player-muted);font-size:9px}.player-lesson>div{display:grid;min-width:0;flex:1 1;grid-gap:2px;gap:2px}.player-lesson strong{overflow:hidden;color:var(--player-text);font-size:var(--font-caption);text-overflow:ellipsis;white-space:nowrap}.player-lesson small{margin:0;color:var(--player-muted);font-size:var(--font-small)}.player-lesson>b{color:var(--brand-hover);font-size:var(--font-small)}.player-lesson.current{border-radius:var(--radius-control);background:rgba(255,122,0,.09)}.player-lesson.current>span{background:var(--brand);color:var(--player-text)}.mobile-directory{display:none}@media(max-width:1000px){.player-layout{grid-template-columns:minmax(0,1fr) 310px}.player-stage-area{padding:var(--space-2)}}@media(max-width:720px){.course-player-page{min-height:auto}.player-topbar{align-items:flex-start;padding:10px 12px}.player-topbar>div{display:grid;grid-gap:4px;gap:4px}.player-topbar h1{font-size:15px}.player-topbar>span{padding-top:20px}.player-layout{display:block;min-height:0}.player-stage-area{padding:0}.player-screen{box-shadow:none}.player-placeholder small{max-width:260px}.player-big-mark{width:52px;height:52px;border-radius:13px;font-size:26px}.player-controls{gap:var(--space-1);padding-inline:10px}.player-controls>span{display:none}.lesson-summary{padding:var(--space-2) 12px}.lesson-summary>div{align-items:flex-start;flex-direction:column}.lesson-summary h2{font-size:17px}.lesson-summary p{margin:var(--space-1) 0 54px;font-size:var(--font-caption)}.lesson-summary nav{right:12px;top:auto;bottom:var(--space-2)}.desktop-directory{display:none}.mobile-directory{display:block;margin:0 12px var(--space-3);overflow:hidden;border:1px solid var(--player-border);border-radius:var(--course-card-radius);background:var(--player-panel)}.mobile-directory summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:var(--space-2);list-style:none}.mobile-directory summary::-webkit-details-marker{display:none}.mobile-directory summary>span{display:grid;grid-gap:3px;gap:3px}.mobile-directory summary strong{color:var(--player-text)}.mobile-directory summary small{margin:0;color:var(--player-muted)}.mobile-directory summary>b{color:var(--brand-hover);font-size:var(--font-caption)}.mobile-directory[open] summary{border-bottom:1px solid var(--player-border)}}.course-admin-title{align-items:center}.course-admin-layout{grid-template-columns:var(--course-admin-category-width) minmax(0,1fr);gap:var(--course-detail-section-gap)}.course-category-card,.course-list-card{border:1px solid var(--border);border-radius:var(--course-admin-panel-radius);padding:var(--course-admin-panel-pad);box-shadow:var(--course-card-shadow)}.course-category-card>header,.course-list-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-1);border-bottom:1px solid var(--border);padding-bottom:var(--space-2)}.course-category-card>header h2,.course-list-head h2{margin:0}.course-category-card>header p,.course-list-head p{margin:3px 0 0}.course-category-card>header p,.course-list-head p,.course-list-head>span{color:var(--text-muted);font-size:var(--font-small)}.course-category-card form{gap:var(--space-1);border-bottom:1px solid var(--border);padding:var(--space-1) 0 var(--space-2)}.course-category-card form label{margin:var(--space-1) 0 0;font-size:var(--font-caption)}.category-form-row{display:grid;grid-template-columns:1fr auto;align-items:end;grid-gap:var(--space-1);gap:var(--space-1)}.category-form-row .checkbox-label{min-height:42px;margin:0;padding-inline:var(--space-1)}.course-category-list{max-height:480px;overflow:auto}.course-category-row{align-items:center;padding:12px 0}.course-category-row>div{display:grid;min-width:0;grid-gap:3px;gap:3px}.course-category-row strong{overflow:hidden;font-size:var(--font-caption);text-overflow:ellipsis;white-space:nowrap}.course-category-row small{margin:0;font-size:var(--font-small)}.course-category-row nav,.course-row-actions{display:flex;gap:5px}.course-category-row button,.course-row-actions button{min-height:30px;padding:4px 8px}.danger-action{border-color:var(--course-admin-danger-soft)!important;background:var(--surface-card)!important;color:var(--course-admin-danger)!important}.danger-action:hover{background:var(--course-admin-danger-soft)!important}.course-summary article{background:var(--course-admin-summary-bg)}.course-list-head{margin-bottom:0}.course-row{grid-template-columns:86px minmax(0,1fr) auto}.course-row-actions{align-items:center}.course-editor{width:min(var(--course-admin-editor-width),calc(100vw - var(--space-4)));background:var(--course-admin-editor-bg);padding:0}.course-editor>header{position:-webkit-sticky;position:sticky;top:0;z-index:2;border-bottom:1px solid var(--border);background:var(--surface-card);padding:var(--space-3)}.course-editor>header h2{margin:4px 0}.course-editor>header p{margin:0}.course-editor-step{color:var(--brand-deep);font-size:var(--font-small);font-weight:800}.course-editor-section{margin:var(--space-3);border:1px solid var(--border);border-radius:var(--course-card-radius);background:var(--surface-card);padding:var(--space-3)}.course-editor-section>h3{margin-top:0;color:var(--text)}.course-cover-field{display:grid;grid-template-columns:minmax(0,1fr) var(--course-admin-preview-width);align-items:stretch;grid-gap:var(--space-2);gap:var(--space-2)}.course-cover-preview{display:flex;aspect-ratio:var(--course-cover-ratio);flex-direction:column;justify-content:flex-end;border-radius:var(--radius-control);background:var(--course-cover-1);color:var(--course-cover-text);padding:var(--space-2)}.course-cover-preview img{width:100%;height:100%;object-fit:cover}.course-cover-preview strong{font-size:var(--font-caption)}.course-cover-preview small{color:var(--course-cover-muted);font-size:var(--font-small)}.course-cover-upload{position:relative;display:flex;min-height:130px;flex-direction:column;align-items:flex-start;justify-content:center;border:1px dashed var(--border-strong);border-radius:var(--radius-control);background:var(--surface-page);padding:var(--space-2)}.course-cover-upload label{position:absolute;inset:0;margin:0;cursor:pointer}.course-cover-upload input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.course-cover-upload>strong{color:var(--brand-deep);font-size:var(--font-caption)}.course-cover-upload>small{max-width:460px;margin-top:5px}.course-cover-upload>button{position:relative;z-index:1;margin-top:var(--space-1)}.chapter-builder{margin:var(--space-3);border-top:0;padding:0}.builder-title{margin-bottom:var(--space-2)}.builder-title h3{margin:4px 0 0;color:var(--text)}.chapter-builder>section{border-color:var(--border);background:var(--surface-card);padding:var(--space-2)}.chapter-head{display:grid;grid-template-columns:36px minmax(0,1fr) auto}.chapter-order{display:grid;width:32px;height:32px;place-items:center;border-radius:var(--radius-control);background:var(--brand-soft);color:var(--brand-deep);font-size:var(--font-small);font-weight:800}.lesson-table-head{display:grid;grid-template-columns:1.2fr 100px 1.2fr 80px 70px;grid-gap:var(--space-1);gap:var(--space-1);padding:0 var(--space-1);color:var(--text-muted);font-size:var(--font-small)}.add-lesson-action,.lesson-table-head{margin-top:var(--space-1)}.course-editor>footer{position:-webkit-sticky;position:sticky;bottom:0;z-index:2;align-items:center;justify-content:space-between;border-top:1px solid var(--border);background:var(--surface-card);padding:var(--space-2) var(--space-3)}.course-editor>footer>span{color:var(--text-muted);font-size:var(--font-caption)}.course-editor>footer>div{display:flex;gap:var(--space-1)}@media(max-width:900px){.course-admin-layout,.course-cover-field{grid-template-columns:1fr}.course-cover-preview{width:min(100%,320px)}.lesson-table-head{display:none}.chapter-head{grid-template-columns:36px minmax(0,1fr)}.chapter-head button{grid-column:2}.course-editor>footer{align-items:stretch;flex-direction:column}.course-editor>footer>div{display:grid;grid-template-columns:1fr 1fr}.course-row-actions{grid-column:1/-1}}