@charset "UTF-8";
@import url("/static/fonts/ui-font.css");
@font-face{font-family:Shiying Display;src:url('/static/fonts/shiying-display.woff2') format('woff2');font-weight:500 600;font-style:normal;font-display:swap}
:root{--paper:#f3f5f1;--white:#fff;--ink:#193d33;--muted:#61736b;--line:#dce5dd;--green:#174d3d;--soft:#eaf1e9;--pale:#eaf1e9;--accent:#96733e;--orange:#96733e;--red:#b13f3a;--gold:#cbb07b;--font:"Segoe UI","Shiying UI","PingFang SC","Microsoft YaHei",sans-serif;--display:"Shiying Display","Songti SC","SimSun",serif;color-scheme:light;font-family:var(--font);background:var(--paper);color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea,summary{outline-offset:4px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #a78249}
button{transition:background-color .16s,border-color .16s,color .16s;cursor:pointer}
a{color:inherit;text-decoration:none}a:hover{color:var(--green)}
button:disabled{opacity:.5;cursor:not-allowed}
::selection{background:#d6e8d9;color:#163d32}
html{scrollbar-color:#a5b9aa var(--paper);scroll-behavior:smooth}
input,textarea{caret-color:var(--green)}
[hidden]{display:none!important}
.ui-icon{display:block;width:21px;height:21px;flex-shrink:0}
.brand{font-family:var(--font);font-size:23px;font-weight:650;letter-spacing:1px;display:inline-flex;align-items:center;gap:12px;white-space:nowrap;color:var(--ink)}
.brand-icon,.brand-symbol{display:grid;place-items:center;width:42px;height:42px;padding:6px;background:#143f35;color:#d8bc85;border-radius:10px;font-size:0;line-height:1;flex-shrink:0}
.brand-icon svg,.brand-symbol svg{width:100%;height:100%;display:block}
.brand-en,.brand small{font-family:var(--font);font-size:9px;letter-spacing:2.4px;font-weight:500;color:var(--muted);margin-left:9px}
.wrap{width:100%;max-width:1320px;padding-left:48px;padding-right:48px;margin:auto}
.header,.billing-header{height:92px;border-bottom:1px solid var(--line);background:transparent;display:flex;align-items:center;justify-content:space-between;gap:30px}
.header:has(.site-account){gap:28px}
.header:has(.site-account) nav{display:flex;gap:30px;margin:0 auto;font-size:14px;color:#52685d}
.header nav a{min-height:44px;display:flex;align-items:center;padding:10px 0;white-space:nowrap}
.header nav a[aria-current]:after{display:none}
.header nav a[aria-current=page],.header nav .nav-api{color:var(--green);font-weight:650}
.header nav a[aria-current=page]{box-shadow:inset 0 -2px 0 #b89a64}
.header .site-account{margin:0;flex-wrap:nowrap;min-width:115px}
.account-login{background:var(--green);border:1px solid var(--green);color:#fff;border-radius:7px;padding:11px 16px;font-size:13px;min-height:44px;display:inline-flex;align-items:center}
.account-login:hover{background:#103b2f;color:#fff}
.account-menu summary{padding:5px 0 5px 8px;min-height:44px}
.account-avatar{background:#e0eade;color:var(--green);width:34px;height:34px}
.account-menu .account-name{font-size:13px;color:#234c3d}
.account-menu-panel{background:#fff;border:0;box-shadow:0 14px 40px #0000001c;padding:10px;min-width:225px}
.site-account .account-menu-panel a,.site-account .account-menu-panel button{font-size:13px;min-height:44px}
.entry-button,.portal-button,.primary-button,.primary{min-height:46px;padding:12px 22px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid var(--green);border-radius:7px;background:var(--green);color:#fff;font-size:14px;font-weight:550;letter-spacing:0;line-height:1.5;text-decoration:none}
.entry-button:hover,.portal-button:hover,.primary-button:enabled:hover,.primary:hover{background:#103b2f;color:#fff;border-color:#103b2f}
.entry-button .ui-icon{width:18px;height:18px}
.entry-secondary{display:inline-flex;align-items:center;justify-content:center;font-size:14px;min-height:46px;padding:10px 0;color:var(--green);font-weight:550}
.secondary,.portal-button.secondary{min-height:44px;padding:10px 17px;border:1px solid #bfcfc1;background:#fff;color:var(--green);border-radius:7px;font-size:13px}
.secondary:hover,.portal-button.secondary:hover{background:#edf3ec;color:var(--green)}
.text-button,.portal-text-button{font-size:13px;color:var(--green);min-height:40px;padding:8px 3px;background:transparent;border:0}
.text-button:hover,.portal-text-button:hover{text-decoration:underline;text-underline-offset:4px}
.danger{color:#a5332f;border-color:#e4bcb8;background:#fff5f3}
.eyebrow,.section-number{display:none}
.site-footer,.console-footer{color:#53694f;border-color:var(--line);font-size:12px;letter-spacing:.2px;line-height:1.8}
.site-footer a{color:var(--green);font-size:12px;min-height:44px;display:inline-flex;align-items:center}
.site-footer{padding-top:14px;padding-bottom:14px;height:auto;min-height:85px}
.home-page .studio-hero{display:grid;grid-template-columns:1fr 1.02fr;gap:64px;align-items:center;padding:64px 0 58px}
.studio-hero h1{font-family:var(--display);font-weight:600;font-size:58px;line-height:1.32;letter-spacing:0;margin:0 0 24px;color:#163e32}
.home-page .hero-copy{font-size:15px;line-height:2;color:#5a7064;margin-bottom:27px}
.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.hero-footnote{font-size:12px;line-height:1.8;color:#53694f;margin:22px 0 0}
.hero-proof{display:grid;grid-template-columns:.88fr 1.12fr;gap:10px;margin:0;align-items:stretch}
.hero-proof>div{position:relative;min-width:0;height:314px;overflow:hidden;border-radius:12px}
.hero-proof img{height:100%;width:100%;object-fit:cover;display:block}
.proof-original{margin-top:38px;background:#e5e9e2}
.proof-original img{filter:saturate(.85);object-position:45% center}
.hero-proof .proof-result{background:#dfe9dd;height:352px}
.proof-result img{object-fit:contain;object-position:bottom;padding-top:22px}
.hero-proof>div>span{position:absolute;bottom:14px;left:14px;padding:5px 10px;border-radius:4px;background:#ffffffed;color:#244f3f;font-size:12px}
.hero-proof figcaption{grid-column:1/-1;color:#53694f;font-size:12px;margin:4px 0 0;text-align:right;line-height:1.8}
.workspace-heading{border-top:1px solid var(--line);padding:34px 0 22px;align-items:center}
.workspace-heading h2{font-family:var(--display);font-size:27px;font-weight:600;margin:0 0 8px}
.workspace-heading p{font-size:13px;color:#61736b;line-height:1.8}
.status{color:#446653;background:#e8eee4;border:0;font-size:12px;border-radius:5px;padding:8px 11px}
.home-page .workspace{grid-template-columns:350px minmax(0,1fr);border:1px solid #dce5dc;border-radius:14px;box-shadow:none;background:#fff}
.control-panel{padding:28px;background:#fff;border-color:var(--line)}
.section-title{margin-bottom:16px}.home-page .section-title h2,.home-page .preview-toolbar h2{font-size:14px;font-weight:600}
.drop-zone{background:#f5f8f1;border:1px dashed #a9bda8;border-radius:9px;min-height:171px}
.drop-zone:hover,.drop-zone.drag-over{background:#eaf3e7;border-color:#52795a}
.upload-icon{background:#e3ebdc;border-radius:10px}.upload-icon svg{stroke:#4e7153}
.home-page .drop-zone strong{font-size:13px}
.file-hint,.home-page .sample-row,.home-page .sample-button{font-size:12px;color:#62725b}
.control-divider{margin-bottom:22px}
.mode-card{background:#fff;border-color:#dce5da;padding:15px 12px;border-radius:8px;gap:10px}
.mode-card:has(input:checked){border-color:#78977b;background:#edf4e9}
.home-page .mode-card strong{font-size:12px;font-weight:600}
.home-page .mode-card small{font-size:12px;line-height:1.7;color:#53694f}
.mode-card input:checked+.radio-mark{border-color:#406b49}.mode-card input:checked+.radio-mark:after{background:#406b49}
.account-note,.mode-note{font-size:12px;line-height:1.8;color:#5f715f;padding:14px 0 10px;margin:0}
.account-note a{font-weight:600}
.primary-button{width:100%;justify-content:space-between}
.primary-button:disabled{background:#8aa78a;border-color:#8aa78a;color:#fff;opacity:.8}
.privacy-note{font-size:11px;color:#697966;line-height:1.8}
.preview-panel{background:#fff;padding:28px 28px 0}
.preview-toolbar{margin-bottom:18px}.result-badge{font-size:11px;background:#f0f4eb;border:0;color:#64725d;padding:5px 9px}
.preview-stage{height:410px;border-color:#e0e7dd;border-radius:9px}
.checker{background-color:#fff;background-image:linear-gradient(45deg,#eff2ec 25%,transparent 25%),linear-gradient(-45deg,#eff2ec 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eff2ec 75%),linear-gradient(-45deg,transparent 75%,#eff2ec 75%)}
.empty-art{color:#8ca183;margin-bottom:18px}.empty-art .ui-icon{width:45px;height:45px;stroke-width:1}
.home-page .empty-state h3{font-size:15px;font-weight:500;color:#526b4f}.empty-state p{font-size:12px;color:#63765c}
.empty-chip{font-size:11px;border-color:#d5dfcd;color:#63765c;background:#ffffffb3}
.preview-footer{padding:18px 0}.home-page .background-picker>span,.result-meta{font-size:12px;color:#64775e}
.swatch{width:18px;height:18px}.swatch.selected:after{border-color:#708e65}
.download-row{padding:20px 0;border-color:var(--line)}.download-row p{font-size:12px;color:#64765b}
.download-button{background:#edf3e6;border-color:#cad9bf;color:#44613b;font-size:12px;padding:11px 15px;border-radius:7px}
.workspace-followup{padding:26px 0 32px;font-size:12px;color:#5e7262}
.api-preview{background:#173f33;color:#eaf1e7;border-radius:10px}
.api-preview-heading{border-color:#3e6050;padding:17px 21px;font-size:12px;color:#dfd8bf}
.api-preview-heading a,.api-preview-heading button{color:#ddc795;font-size:12px}
.api-preview pre{font-size:12px;line-height:2;padding:24px 21px;color:#e1ebda}
.api-preview-bottom{border-color:#3e6050;color:#cbdcc8}
.api-main{padding-bottom:64px}
.api-intro{padding:48px 0 37px;align-items:flex-end}
.api-intro h1{font-family:var(--display);font-size:37px;line-height:1.45;font-weight:600;letter-spacing:0;margin-bottom:15px}
.api-intro p{font-size:14px;line-height:1.9;color:var(--muted)}
.api-guest{padding:28px 30px;border-radius:11px;background:#e5eddf;border:0}
.api-guest h2{font-size:21px}.api-guest p{font-size:13px;color:#536c4d}
.api-access-page #portal-shell{padding-top:30px;border-color:var(--line)}
.api-access-page .portal-heading h2{font-size:23px}
.api-quickstart{padding-top:40px;gap:52px;border-color:var(--line)}
.api-guide-copy h2{font-family:var(--display);font-size:26px;font-weight:600}
.api-guide-copy p,.api-mode-list dd{font-size:13px;line-height:1.9;color:var(--muted)}
.api-mode-list dt code{background:#e5edde;color:#355a35}
.api-python summary{min-height:44px;padding:13px 0;color:var(--green)}
.api-response-note{font-size:12px;color:var(--muted)}
.account-layout{max-width:1110px;grid-template-columns:1fr 435px;gap:90px;padding:65px 40px;min-height:calc(100vh - 92px)}
.account-story{padding-left:18px;border-left:1px solid #b99b66}
.account-story h1{font-family:var(--display);font-size:42px;font-weight:600;line-height:1.5;letter-spacing:0}
.account-story p{font-size:14px;line-height:2;color:var(--muted)}
.account-card{border:1px solid var(--line);box-shadow:none;background:#fff;border-radius:13px;padding:34px}
.account-card h2{font-size:26px;font-weight:600}.account-help{font-size:12px;color:var(--muted);line-height:1.8;min-height:43px}
.account-tabs{gap:26px;margin-bottom:26px;border-color:var(--line)}
.account-tabs button{font-size:14px;padding:10px 3px 14px;min-height:44px;color:var(--muted)}
.account-tabs button.selected{color:var(--green);border-color:#ad8c54}
.account-card input,.portal-form input,.portal-form select,input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{border:1px solid #cad8cd;border-radius:7px;background:#fff;color:#254436;min-height:44px;padding:11px 12px;font-size:13px;line-height:1.5}
.account-card label,.portal-form label{font-size:13px;color:#3d5f4c}
.account-card .primary-button{font-size:14px;justify-content:center;margin-top:6px}
.account-back{font-size:12px;color:#637862;min-height:44px;padding:12px 0}
.account-signed-in{background:#edf3e7;color:#4c6744;border-radius:8px;line-height:1.8;font-size:12px}
.portal-shell{grid-template-columns:200px minmax(0,1fr);gap:38px;padding-top:38px;padding-bottom:60px}
.portal-sidebar{border-right:0;background:#1c4536;color:#e3ebdc;border-radius:12px;padding:20px 14px;align-self:start}
.portal-identity{padding:4px 12px 24px}.portal-identity>span{color:#b5c7af}
.portal-sidebar nav a{border-radius:6px;font-size:13px;padding:13px 12px;color:#d0ddc6;gap:10px;align-items:center}
.portal-sidebar nav a[aria-current=page]{background:#385d46;color:#f5ebcf;font-weight:600}
.portal-sidebar nav a:hover{background:#30563f;color:#fff}
.portal-side-note{color:#b7c8ab;font-size:12px;padding:25px 12px 5px;margin:0}
.portal-avatar{background:#e4ecdd;color:#244b33;border:0;border-radius:14px;width:52px;height:52px;font-size:22px}
.portal-heading{margin:4px 0 27px;align-items:center}.portal-heading h1{font-family:var(--display);font-size:32px;line-height:1.45;letter-spacing:0;font-weight:600;margin:0 0 12px}
.portal-heading p:not(.eyebrow){font-size:13px;line-height:1.8;color:var(--muted)}
.portal-panel{background:#fff;border:1px solid var(--line);border-radius:11px;padding:26px}
.portal-panel h2{font-size:18px;font-weight:600}.portal-panel p{font-size:13px;color:var(--muted);line-height:1.8}
.portal-stats{gap:0;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#fff;margin-bottom:24px}
.portal-stats article{background:#fff;border:0;border-right:1px solid var(--line);border-radius:0;padding:24px 20px;gap:12px}
.portal-stats article:first-child{background:#e6efdf}.portal-stats article:last-child{border-right:0}
.portal-stats strong{font-size:30px;font-weight:550;color:var(--green);font-variant-numeric:tabular-nums}
.portal-stats span,.portal-stats small,.portal-stats a{font-size:12px;color:#607456}
.portal-grid{gap:22px}.portal-actions{font-size:13px;gap:16px}
.portal-api-address{font-size:12px;gap:16px}.portal-api-address code{font-size:12px;color:#3c5547;overflow-wrap:anywhere}
.portal-muted{font-size:12px;color:var(--muted);line-height:1.8}
.portal-table-wrap{padding:0;border-radius:10px;overflow:auto}
.portal-table{font-size:12px}.portal-table th{background:#edf2e9;color:#56704d;font-size:12px;padding:16px;font-weight:500}
.portal-table td{font-size:12px;padding:18px 16px;border-color:var(--line)}.portal-table td small{font-size:12px;color:#65765d}
.portal-tag,.tag{font-size:12px;padding:4px 8px;border-radius:4px;background:#e5efdc;color:#446537;line-height:1.5}
.tag.off,.portal-tag.off{background:#edf0e9;color:#6e7966}.tag.warn{background:#f6ecd9;color:#8b652c}.tag.bad{background:#f9e7e2;color:#a13d31}
.portal-docs pre,.portal-secret{background:#edf3e7;border-color:#d6e2cb;border-radius:8px;font-size:12px;line-height:1.9}
.portal-docs h2{font-size:18px;margin-top:30px}.portal-code-heading{margin-top:20px}
#portal-dialog,dialog{background:#fff;border:0;border-radius:13px;padding:30px;box-shadow:0 25px 90px #102c2933;color:var(--ink)}
#portal-dialog::backdrop,dialog::backdrop{background:#0e292b65;backdrop-filter:none}
.portal-dialog-heading h2,.dialog-heading h2{font-size:23px;font-weight:550;margin:0}
.portal-dialog-note,.portal-dialog-error{font-size:13px;line-height:1.8}.portal-dialog-actions{gap:14px}
.portal-key-modes{border-color:var(--line)!important}.portal-form{gap:20px}
.portal-form input[type=checkbox],input[type=checkbox]{accent-color:var(--green)}
.docs-layout{grid-template-columns:195px minmax(0,1fr);gap:48px;margin-top:43px;margin-bottom:70px}
.docs-nav{gap:4px;top:25px;font-size:13px}.docs-nav a{padding:12px 14px;min-height:44px;border-radius:6px;color:#56724d}
.docs-nav a:hover{background:#e5eedc}.docs-nav strong{font-size:12px;color:#53694f}
.docs-content{max-width:none}.docs-content h1{font-family:var(--display);font-size:36px;line-height:1.45;font-weight:600;letter-spacing:0}
.docs-content h2{font-size:22px;font-weight:600;margin-top:40px}.docs-content h3{font-size:16px}
.docs-content p,.docs-content li{font-size:14px;line-height:1.95;color:#5e705f}
.docs-content code{background:#e9efdf;color:#345a2f;font-size:12px;padding:3px 5px}
.docs-content a{color:var(--green);text-decoration:underline;text-underline-offset:4px}
.code-block{background:#173f33;border-radius:10px;color:#deead3;padding:23px}.code-block pre{font-size:12px;line-height:2}
.code-block code{color:inherit;background:none}.code-head{color:#d4be8b;font-size:12px}.copy-button{font-size:12px;color:#e1d1aa;border-color:#677853;min-height:36px;padding:6px 11px}
.docs-table th{background:#eaf1e2;color:#526e47;font-size:12px;padding:13px 12px}.docs-table td{font-size:13px;color:#536b50;padding:13px 12px;line-height:1.8}
.note-box{background:#e9f0df;border:1px solid #d3dfc3;border-radius:8px;padding:17px 20px}.note-box p{font-size:13px}
.billing-shell{max-width:1280px;padding:0 48px;margin:auto}.billing-header{margin-bottom:42px;gap:32px}
.billing-header>a:not(.brand){font-size:13px;color:var(--green);min-height:44px;display:flex;align-items:center}
.billing-header .site-account{margin-left:auto}.billing-shell>.console-footer{margin-top:55px;padding:25px 0}
.billing-shell .page-heading{margin-bottom:26px}.billing-shell .page-heading h1{font-family:var(--display);font-size:34px;line-height:1.5;font-weight:600;letter-spacing:0;margin:0 0 10px}
.billing-shell .page-heading p{font-size:13px;color:var(--muted);line-height:1.8}
.billing-session,.info-strip{background:#e8f0df;border:1px solid #d3dfc8;border-radius:9px;padding:18px 22px;font-size:12px;line-height:1.9;color:#566e4a}
.billing-shell .activity-note{font-size:12px;color:#64765b}
#billing-plans{gap:22px}#billing-plans .model-card{background:#fff;border:1px solid #d9e3d5;border-radius:11px;padding:26px;position:relative}
#billing-plans .panel-title{min-height:54px;margin-bottom:4px}#billing-plans h2{font-size:19px;font-weight:600}
#billing-plans .stat-value{font-size:36px;font-weight:550;letter-spacing:-.02em;color:#214d38;margin:10px 0 20px}
#billing-plans p{font-size:13px;line-height:1.8}#billing-plans p.muted{color:#697b5f;margin-bottom:27px}
#billing-plans .buy-plan{min-height:46px;font-size:13px}
.billing-method-panel{padding:26px;border:1px solid var(--line);border-radius:11px;background:#fff;margin-top:28px}
.payment-option-card{background:#fff;border:1px solid #d5e1ce;border-radius:9px;min-height:100px;padding:20px}
.billing-method input:checked+.payment-option-card{background:#edf4e5;border-color:#78915f;box-shadow:none}
.payment-option-copy strong{font-size:15px;color:#36582d}.payment-option-copy>span{font-size:12px;color:#637b56}
.payment-choice{border-color:#adc399}.billing-method input:checked+.payment-option-card .payment-choice{background:#56783f;border-color:#56783f}
.payment-icon{background:#e5f4e5}.payment-icon--alipay{background:#e9f0f7}
/* Administration: a stable dark navigation rail and a bright, readable workspace. */
.admin-page{background:#f2f5f0}.admin-page .console{min-height:100vh}
.admin-page .sidebar{width:236px;background:#163e31;border:0;color:#dce6d4;padding:29px 18px;overflow-y:auto}
.admin-page .sidebar .brand{color:#f5f3df;font-size:22px;gap:9px;padding:0 8px}
.admin-page .sidebar .brand-symbol{background:#2b5140;color:#dec18a}.admin-page .sidebar .brand small{color:#b9c6a5;font-size:8px;margin-left:0;letter-spacing:1.4px}
.nav-caption{font-size:12px;letter-spacing:.5px;color:#b4c3a5;margin:33px 14px 15px}
.admin-page .sidebar nav{display:grid;gap:5px}
.admin-page .sidebar nav a{padding:12px 14px;min-height:45px;border-radius:6px;font-size:13px;color:#c5d4b9;gap:13px;align-items:center}
.admin-page .sidebar nav a span{width:20px;opacity:1;display:block}
.admin-page .sidebar nav a:hover{background:#254f3a;color:#fff}
.admin-page .sidebar nav a.active{background:#315b40;color:#f2deb0;font-weight:600}
.admin-page .sidebar nav a.active .ui-icon{color:#e0c18a}
.admin-page .sidebar-bottom{color:#b2c2a0;font-size:11px;padding:28px 14px 0;line-height:1.9}
.admin-page .sidebar-bottom a{color:#e0cca3;font-size:12px;padding-top:6px}
.admin-page .main{margin-left:236px;width:calc(100% - 236px)}
.admin-page .topbar{height:81px;background:#fbfcf8;border-color:#dbe4d7;padding:0 38px;color:#6c7c61;font-size:12px;gap:16px}
.admin-page .topbar strong{color:#2d513b;font-weight:600}.admin-page .topbar>div{margin-left:auto;gap:20px}
.admin-page #admin-name{font-size:12px;color:#617656}
.admin-page .content{padding:35px 38px 42px}.admin-page .page-heading{margin-bottom:25px;align-items:center}
.admin-page .page-heading h1{font-size:28px;font-weight:600;letter-spacing:0;line-height:1.5;margin:0 0 8px}
.admin-page .page-heading p{font-size:13px;line-height:1.9;color:#61765a;max-width:850px}
.admin-page .heading-actions{gap:10px}.admin-page .heading-actions .primary{font-size:13px;padding:11px 17px}
.report-filters{gap:18px;padding:16px 20px;background:#fff;border:1px solid #dbe5d5;border-radius:10px;margin-bottom:11px}
.report-filter-label{font-size:12px;color:#506d45}.report-timezone,.report-scope{font-size:12px;color:#61765a}
.period-options{display:flex;gap:3px;border:0;background:#edf2e8;padding:4px;border-radius:7px;flex-wrap:wrap}
.period-options button{border:0;background:transparent;color:#64795c;padding:8px 15px;border-radius:5px;min-height:36px;font-size:12px}
.period-options button[aria-pressed=true]{background:#315f3d;color:#fff;box-shadow:none}
.report-cards{gap:14px;margin-top:22px;margin-bottom:25px}
.stat-card{background:#fff;border:1px solid #dce5d4;border-radius:10px;padding:22px}
.stat-card:first-child{background:#e5efdd}.report-cards .stat-card:nth-child(2){background:#e8eeed}
.stat-label,.report-cards .stat-label{font-size:12px;color:#526f44}.stat-value{font-size:32px;font-weight:550;line-height:1.3;margin:16px 0 12px;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#2e5639}
.stat-note,.report-cards .stat-note{font-size:12px;line-height:1.9;color:#637955}
.panel{background:#fff;border:1px solid #dce5d4;border-radius:10px;padding:25px}
.panel-title{margin-bottom:21px}.panel-title h2{font-size:16px;font-weight:600;color:#35582b}.panel-title span{font-size:12px;color:#657d55}
.grid-two{gap:22px;margin-bottom:24px;grid-template-columns:1.7fr 1fr}
.source-chart{height:210px;margin-top:15px}.chart-legend{font-size:12px;gap:23px;color:#5d7850}
.chart-labels{font-size:12px;color:#6c805f;margin-top:13px}.chart-grid{stroke:#dfe7d7}
.distribution-title{font-size:12px;color:#4e7040}.distribution-row{margin:25px 0}.distribution-meter{height:8px}
.admin-page .info-strip{margin:22px 0;font-size:12px;gap:24px}
.table-panel{padding:0;overflow:hidden}.table-wrap{overflow:auto}
th{background:#eaf1e2;color:#617b50;font-size:12px;font-weight:550;padding:16px 18px;border-bottom-color:#d8e3ce}
td{font-size:12px;color:#4d6b41;padding:19px 18px;border-color:#e6eddf;line-height:1.7}
tbody tr:hover{background:#f6f9f0}td strong{font-weight:600;color:#315529}.cell-sub{font-size:12px;color:#6b805d;margin-top:6px;line-height:1.7}
.cell-actions{gap:14px}.cell-actions button{font-size:12px}.mono{font-size:12px;letter-spacing:0;line-height:1.7}
.empty{padding:48px 25px;color:#607953}.empty-symbol{display:flex;justify-content:center;margin-bottom:14px;color:#97aa83}.empty-symbol .ui-icon{width:36px;height:36px;stroke-width:1.2}
.empty h3{font-size:17px;font-weight:550}.empty p{font-size:13px;color:#6a7e5d}
.toolbar{gap:12px;margin:22px 0 18px}.toolbar select,.toolbar input:not([type=checkbox]){font-size:12px;min-height:42px;border-color:#cbd9be}
.toolbar .muted{font-size:12px;color:#657d55}.pagination{font-size:12px;padding:19px 0;color:#617b50;gap:16px}
.settings-grid{gap:24px}.settings-grid .panel{padding:28px}.settings-grid h2{font-size:18px}.settings-grid p,.activity-note{font-size:12px;line-height:1.9;color:#657a58}
.form-grid{gap:21px;margin-top:24px}.form-grid>label{font-size:13px;line-height:1.7;color:#4e6e40}.check-label{font-size:13px;line-height:1.8}.help{font-size:12px;line-height:1.9;color:#6c815e}
.form-actions{gap:13px;margin-top:28px}.settings-footer{margin-top:26px}.settings-footer .muted{font-size:12px;color:#667e55}
.binding-card{border-color:#dce5d4;border-radius:7px;padding:15px;font-size:12px;line-height:1.8}.model-grid{gap:22px}.model-card h2{font-size:18px}.model-card .muted{font-size:12px;color:#647c55}
.secret-value{font-size:13px;line-height:1.9;background:#edf4e5;border:1px solid #d0dfc2;border-radius:8px;padding:20px;color:#3d6130}
.dialog-heading{margin-bottom:22px;align-items:center}.icon-button{background:#edf3e6;color:#4c6e3d;width:36px;height:36px;border:0;font-size:24px}
.notice{background:#e8f1dd;border-color:#cbdcb8;color:#426432;padding:14px 18px;border-radius:7px;font-size:13px;margin:18px 38px -12px;position:relative}
.notice.bad,.error,#portal-message.error{color:#a43d31;background:#fff4ef;border-color:#ebcfc2}
.login-view{grid-template-columns:1.05fr 1fr;min-height:100vh;background:#f4f7ef}
.login-story{background:#173f30;color:#eef1dd;padding:44px 12% 38px;display:flex;flex-direction:column;justify-content:space-between}
.login-story .brand{color:#fff}.login-story .brand-symbol{background:#2b513b;color:#e0c58e}.login-story .brand small{color:#bbcca6}
.login-story h1{font-family:var(--display);font-size:48px;line-height:1.5;font-weight:600;letter-spacing:0;color:#f2ead2;margin-bottom:23px}
.login-story p,.login-story>.muted{color:#becfa9;font-size:13px;line-height:2}.story-line{background:#b29460;width:65px;margin-top:30px}
.login-side{background:#f4f7ef;padding:50px;display:flex;align-items:center;justify-content:center}
.login-card{max-width:375px;width:100%}.login-card h2{font-size:28px;font-weight:600;margin:0 0 10px}.login-card .muted{font-size:13px;color:#637b52}
.login-card label{font-size:13px;margin-top:24px;color:#4e7040}.login-card input{background:#fff;border-color:#c9d9bc;font-size:14px;min-height:48px}
.login-card .primary{min-height:48px;margin-top:15px;font-size:14px}.back-link{font-size:12px;color:#637f52;min-height:44px}
.sidebar-toggle,.navigation-backdrop{display:none}
@media(max-width:1180px){.wrap,.billing-shell{padding-left:32px;padding-right:32px}.home-page .studio-hero{gap:38px}.studio-hero h1{font-size:49px}.hero-proof>div{height:286px}.hero-proof .proof-result{height:324px}.admin-page .sidebar{width:215px;padding-left:13px;padding-right:13px}.admin-page .main{margin-left:215px;width:calc(100% - 215px)}.admin-page .content{padding:30px 26px}.admin-page .topbar{padding:0 26px}.report-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.home-page .workspace{grid-template-columns:325px minmax(0,1fr)}.control-panel{padding:23px}.preview-panel{padding:23px 23px 0}.account-layout{gap:50px}.portal-shell{gap:26px;grid-template-columns:185px minmax(0,1fr)}.portal-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-stats article{border-bottom:1px solid var(--line)}.portal-stats article:nth-child(2){border-right:0}.portal-stats article:nth-last-child(-n+2){border-bottom:0}}
@media(max-width:960px){.header:has(.site-account){display:grid;grid-template-columns:auto 1fr;min-height:115px;height:auto;padding-top:17px;padding-bottom:9px;gap:8px}.header:has(.site-account) nav{grid-column:1/-1;grid-row:2;justify-content:center;gap:32px;margin:0}.header .site-account{justify-self:end}.home-page .studio-hero{gap:28px;padding:40px 0}.studio-hero h1{font-size:42px}.home-page .hero-copy{font-size:13px}.hero-proof>div{height:246px}.hero-proof .proof-result{height:280px}.home-page .workspace{grid-template-columns:300px minmax(0,1fr)}.preview-stage{height:365px}.account-layout{grid-template-columns:1fr 390px;gap:35px;padding:45px 32px}.account-story h1{font-size:35px}.grid-two,.settings-grid{grid-template-columns:1fr}.report-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.report-cards .stat-card:last-child{grid-column:1/-1}.admin-page .topbar>div{gap:13px}.admin-page #admin-name{display:none}.docs-layout{gap:27px;grid-template-columns:165px minmax(0,1fr)}.portal-grid{grid-template-columns:1fr}}
@media(max-width:760px){.wrap,.billing-shell{padding-left:20px;padding-right:20px}.brand{font-size:21px}.brand-icon,.brand-symbol{width:37px;height:37px}.brand-en,.brand small{display:none}.header:has(.site-account) nav{font-size:12px;gap:24px;justify-content:space-between}.header nav a{padding:8px 0}.header .site-account{min-width:0}.account-login{font-size:12px;padding:9px 13px;min-height:40px}.account-menu .account-name{display:none}.home-page .studio-hero{grid-template-columns:1fr;padding:35px 0 32px;gap:28px}.studio-hero h1{font-size:43px;line-height:1.28;margin-bottom:19px}.studio-hero h1 br{display:none}.home-page .hero-copy{font-size:13px;line-height:1.9;margin-bottom:22px}.hero-actions{gap:23px}.hero-footnote{font-size:12px;margin-top:16px}.entry-button,.portal-button,.primary{font-size:13px;padding:11px 17px;min-height:44px}.entry-secondary{font-size:13px}.hero-proof{gap:10px;max-width:520px;width:100%;justify-self:center}.hero-proof>div{height:235px;margin-top:22px}.hero-proof .proof-result{height:257px}.hero-proof figcaption{font-size:11px;text-align:left}.workspace-heading{padding:27px 0 19px;align-items:flex-start;gap:18px}.workspace-heading h2{font-size:25px}.workspace-heading p{font-size:12px}.home-page .workspace{grid-template-columns:1fr;border-radius:11px}.control-panel{border-right:0;border-bottom:1px solid var(--line);padding:23px}.preview-panel{padding:23px 18px 0}.preview-stage{height:340px}.preview-footer{padding:17px 0}.download-row{flex-direction:row;align-items:center;gap:12px;padding:18px 0}.download-row p{font-size:11px;line-height:1.8}.download-actions{gap:12px}.download-button{font-size:12px;padding:9px 12px}.workspace-followup{font-size:12px;display:block;padding:21px 0 26px}.workspace-followup>a{display:flex;min-height:40px}.site-footer{font-size:11px;gap:15px}.site-footer>a{font-size:12px}.api-intro{display:block;padding:32px 0 25px}.api-intro h1{font-size:29px}.api-intro p{font-size:13px}.api-intro>.entry-secondary{margin-top:10px}.api-guest{padding:23px}.api-guest h2{font-size:20px}.api-quickstart{display:grid;grid-template-columns:1fr;gap:23px;padding-top:28px;margin-top:27px}.api-guide-copy h2{font-size:25px}.api-preview pre{font-size:12px;padding:19px}.api-access-page .portal-heading{align-items:flex-start}.api-access-page .portal-table td{padding:11px 15px}.account-layout{display:block;padding:30px 20px;min-height:0}.account-story{border-left:0;padding:0;margin-bottom:27px}.account-story h1{font-size:31px;line-height:1.4;margin:0 0 12px}.account-story h1 br{display:none}.account-story p{font-size:13px}.account-card{padding:27px 23px}.portal-shell{display:block;padding-top:24px;padding-bottom:36px}.portal-sidebar{padding:9px;margin-bottom:28px;border-radius:9px}.portal-identity,.portal-side-note{display:none}.portal-sidebar nav{display:flex;overflow:auto;gap:4px}.portal-sidebar nav a{white-space:nowrap;padding:12px;font-size:12px;gap:7px}.portal-sidebar nav .ui-icon{width:17px;height:17px}.portal-heading h1{font-size:28px}.portal-heading p:not(.eyebrow){font-size:12px}.portal-heading{align-items:flex-start;flex-wrap:wrap;gap:16px;margin-bottom:24px}.portal-panel{padding:22px}.portal-table-wrap{padding:0}.portal-stats article{padding:20px 16px}.portal-stats strong{font-size:28px}.portal-grid{gap:18px}.portal-form{grid-template-columns:1fr}.portal-avatar-editor{gap:20px;align-items:flex-start}.portal-avatar-editor button{margin:8px 0 0}.portal-api-address code{font-size:12px}.docs-layout{display:block;margin-top:26px;margin-bottom:45px}.docs-nav{position:static;display:flex;flex-wrap:wrap;margin-bottom:27px;gap:4px}.docs-nav strong{display:none}.docs-nav a{font-size:12px;padding:9px 11px;min-height:39px}.docs-content h1{font-size:28px}.docs-content h2{font-size:21px;margin-top:31px}.docs-content p,.docs-content li{font-size:13px}.code-block{padding:18px}.code-block pre{font-size:12px}.docs-table td,.docs-table th{font-size:12px;padding:11px 9px}.billing-header{flex-wrap:wrap;gap:13px;height:auto;min-height:111px;padding:19px 0;margin-bottom:30px}.billing-header .brand{margin-right:auto}.billing-header .site-account{margin-left:0}.billing-header>a:not(.brand){font-size:12px}.billing-shell .page-heading h1{font-size:27px}.billing-shell .page-heading p{font-size:12px}#billing-plans{grid-template-columns:1fr;gap:17px}#billing-plans .model-card{padding:24px}#billing-plans .stat-value{font-size:34px;margin:10px 0 17px}.billing-method-panel{padding:22px}.payment-option-card{padding:18px;border-radius:8px}.admin-page .sidebar{position:fixed;inset:0 auto 0 0;width:236px;z-index:50;padding:26px 18px;transform:translateX(-100%);transition:transform .2s ease}.admin-page .sidebar .brand small{display:inline}.admin-page .sidebar nav{display:grid;margin:0;padding:0;overflow:visible}.admin-page .sidebar nav a span{display:block}.admin-page .nav-caption{display:block;margin:30px 14px 14px}.admin-page .sidebar-bottom{display:block}.admin-page .main{margin:0;width:100%}.admin-page .topbar{height:72px;padding:0 19px;font-size:12px;gap:10px}.admin-page .topbar>div{gap:13px}.admin-page .topbar .text-button{font-size:12px}.sidebar-toggle{display:grid;place-items:center;width:38px;height:40px;padding:0;border:1px solid #d5e0cd;background:#fff;color:var(--green);border-radius:7px;flex-shrink:0}.navigation-open .sidebar{transform:none}.navigation-open .navigation-backdrop{display:block!important;position:fixed;inset:0;background:#16302370;z-index:40;border:0}.admin-page .content{padding:27px 19px 34px}.admin-page .page-heading{align-items:flex-start;gap:15px}.admin-page .page-heading h1{font-size:26px}.admin-page .page-heading p{font-size:12px}.heading-actions{align-self:flex-start;flex-wrap:wrap}.report-filters{padding:14px;gap:10px}.period-options{gap:2px}.period-options button{padding:7px 11px;min-height:36px}.report-filter-label,.report-timezone{width:100%}.report-timezone{font-size:12px}.report-cards{gap:11px;margin-top:19px}.stat-card{padding:19px 16px}.stat-value{font-size:29px}.report-cards .stat-value{font-size:28px}.report-cards .stat-note{font-size:12px}.panel{padding:21px}.table-panel{padding:0}.grid-two,.settings-grid{gap:18px}.source-chart{height:180px}.chart-legend{gap:16px;font-size:12px}.admin-page .info-strip{padding:17px;font-size:12px;gap:12px}.table-wrap th{font-size:12px;padding:14px}.table-wrap td{font-size:12px;padding:16px 14px}.cell-sub{font-size:11px}.settings-grid .panel{padding:23px}.settings-grid h2{font-size:17px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.notice{margin:15px 19px -8px;font-size:12px}.admin-page .console-footer{padding:20px 19px;font-size:11px}.login-view{grid-template-columns:1fr;min-height:100vh}.login-story{padding:25px 24px;min-height:100px}.login-story>div,.login-story>.muted{display:none}.login-side{padding:40px 26px;align-items:flex-start}.login-card h2{font-size:26px}.login-card{max-width:430px}dialog,#portal-dialog{padding:24px;width:calc(100% - 32px)}.dialog-heading h2,.portal-dialog-heading h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.navigation-close{display:none}
@media(max-width:760px){.navigation-close{display:block;position:absolute;right:16px;top:21px;min-height:40px;padding:8px 12px;color:#f5e5c3;border:1px solid #637d67;border-radius:6px;background:transparent;font-size:12px}.admin-page .sidebar>.brand{margin-top:43px}.navigation-open{overflow:hidden}.admin-page .nav-caption{margin-top:22px}}

.compare-label{font-size:12px}.slider-handle span{font-size:12px}input::placeholder,textarea::placeholder{color:#5e7260;opacity:1}

.docs-table td:first-child code{white-space:nowrap}
@media(max-width:760px){.studio-hero h1,.billing-shell .page-heading h1{text-wrap:balance}.studio-hero h1 br{display:initial}}