/* Route-scoped visual restoration. Submission, auth and data handlers are untouched. */
main.up-page{--up-card:#1b1c1e;--up-field:#252628;--up-muted:#8a8b8e}
.up-page .up-hero,.up-page .up-hero *,.up-page .up-workspace,.up-page .up-workspace *{box-sizing:border-box}
.up-page .up-hero{display:block!important;min-height:384px;padding:64px 40px 96px 32px!important;margin:0!important;width:100%;color:#f4f4f5}
.up-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,540px);gap:54px;align-items:center;min-height:224px}
.up-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.up-badge{font-size:10px;line-height:16px;color:#e9e9e9;margin-bottom:26px}.up-badge:first-letter{color:#d1ff00}.up-badge.is-video:first-letter{color:#e92eab}
.up-title{display:flex;align-items:center;flex-wrap:nowrap;gap:12px;position:relative}.up-title>svg{width:36px;height:36px;flex:none}
.up-page .up-title h1{font-size:30px!important;line-height:34px!important;font-weight:650;letter-spacing:-1px;text-transform:uppercase;margin:0!important;flex:none;white-space:nowrap}
.up-variant-slot button{font:500 12px/20px inherit!important;min-height:28px!important;padding:3px 8px!important;background:transparent!important;color:#ededed!important;border:1px solid #2b2c2e!important;border-radius:7px!important;display:flex;align-items:center;gap:4px}.up-variant-slot svg{width:16px;height:16px}.up-variant-info{position:absolute;top:100%;padding:12px;background:#26272a;border:1px solid #444;z-index:4;font-size:12px;border-radius:8px}
.up-page .up-description{font-size:12px!important;line-height:16px!important;max-width:482px;color:var(--up-muted)!important;margin:10px 0 32px!important}
.up-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.up-agent{height:40px;background:#fff;color:#161719;border:1px solid #ddd;border-radius:8px;padding:0 16px;font-size:12px;font-weight:600;cursor:pointer}.up-actions a{color:#ddd;font-size:12px;text-decoration:none}
.up-code{height:224px;border-radius:10px;min-width:0;display:flex;flex-direction:column;background:#1b1c1e;box-shadow:inset 0 0 0 1px #ffffff05;padding:12px 10px;overflow:hidden}.up-code-heading{font-size:12px;line-height:20px;color:#bbb;margin-bottom:10px}.up-code-slot{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;min-width:0}.up-page .up-code pre.up-pre{margin:0!important;background:transparent!important;border:0!important;padding:0!important;color:#aaa;font:11px/18px ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;max-height:none!important;overflow:visible!important;min-height:0}.up-code-copy{background:none;border:0;color:#ddd;font-size:11px;text-align:left;padding:8px 0 0;cursor:pointer}
.up-page .up-tabs{display:flex!important;gap:0!important;height:46px!important;min-height:46px!important;padding:0 32px!important;margin:0!important;overflow-x:auto;border-bottom:1px solid #292a2c!important;align-items:stretch!important}
.up-page .up-tabs a{font-size:14px!important;padding:0 12px!important;display:flex;align-items:center;height:45px!important;white-space:nowrap;flex:none;border-radius:0!important}.up-page .up-tabs a.active,.up-page .up-tabs a[aria-current=page]{border-bottom:2px solid #eee!important}.up-page .up-tabs a:after{display:none!important}
.up-page .h3-api,.up-page .k4-page,.up-page .k4f-page,.up-page .mh3-page{max-width:none!important;padding:0 0 80px!important;margin:0!important;width:100%}
.up-page .up-breadcrumb{height:52px;display:flex;align-items:center;gap:8px;margin:0!important;padding:0 16px!important;font-size:14px;color:#888}.up-page .up-breadcrumb a{color:#888}
.up-page .k4-page>section:not(.up-hero),.up-page .k4f-page>section:not(.up-hero),.up-page .mh3-page>section:not(.up-hero){margin:48px 32px 0}
.up-page [hidden]{display:none!important}.up-page .ms-origin-hero-host{min-height:0!important}
.up-workspace{display:grid;grid-template-columns:386px minmax(0,1fr);gap:16px;width:100%;height:600px}.up-page .up-workspace #lp-playground{margin:0!important;width:100%!important;min-width:0;height:600px;border:0;padding:0;background:var(--up-card);border-radius:12px;overflow:auto}
.up-page .up-result{width:100%!important;min-width:0!important;height:600px!important;max-height:600px;border-radius:12px;background:var(--up-card);overflow:hidden}.up-result img,.up-result video{max-width:100%;object-fit:contain}
.up-input{display:flex;height:600px;min-width:0;padding:12px;flex-direction:column}.up-panel-head{height:28px;display:flex;justify-content:space-between;font-size:12px;align-items:center;flex:none}.up-panel-head button{color:#999;border:0;background:none;font-size:11px;cursor:pointer}.up-form{display:flex;flex:1;min-height:0;flex-direction:column}.up-form-body{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:12px}.up-form .up-field{display:flex;flex-direction:column;font-size:11px;color:#9b9ca0;gap:6px;min-width:0;margin:0}.up-field textarea{background:transparent!important;color:#eee;border:0!important;outline:none!important;padding:0!important;min-height:100px;width:100%;resize:vertical;font:12px/17px inherit}.up-prompt{padding:12px;border-radius:10px;background:var(--up-field)}
.up-field input:not([type=checkbox]),.up-field select{min-width:0;width:100%;height:36px;border:0;border-radius:8px;padding:0 8px;background:var(--up-field);color:#eee;font-size:12px}.up-settings{display:flex;gap:8px}.up-settings>.up-field{flex:1}.up-advanced{font-size:12px;color:#aaa}.up-advanced summary{padding:8px 0;cursor:pointer}.up-advanced .up-field{margin-top:12px}.up-form .up-toggle{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.up-toggle input{accent-color:#c9f900;width:17px;height:17px}.up-upload{background:var(--up-field);border:1px dashed #444;border-radius:10px;min-height:100px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px;color:#bbb;font-size:12px;cursor:pointer}.up-upload input{max-width:100%;font-size:11px}.up-file-preview{display:flex;gap:8px;flex-wrap:wrap}.up-file-preview img{width:56px;height:56px;object-fit:cover;border-radius:6px}.up-form-footer{flex:none;padding-top:12px}.up-page .up-status{font-size:10px!important;line-height:14px!important;color:#888;margin:0 0 8px!important}.up-generate{width:100%;height:40px;border:0;border-radius:9px;background:#c9f500;color:#151700;font-size:13px;font-weight:600;opacity:.65}
.up-page .up-live-input{padding:12px!important}.up-live-input>.lp-note{font-size:10px;line-height:15px}.up-live-input .lp-form{gap:12px}.up-live-input .lp-form textarea{min-height:100px}.up-live-input .lp-form label{font-size:11px}.up-live-input .lp-actions{font-size:11px}
.up-page .h3-doc-layout{margin:48px 32px 0!important;display:grid!important;grid-template-columns:300px minmax(0,1fr)!important;gap:28px!important}.up-page .h3-toc{position:sticky;top:20px;background:none!important;padding:0!important;border:0!important;font-size:12px;line-height:24px}.up-page .h3-toc a{color:#aaa;display:block;padding:4px 10px;text-decoration:none}.up-page .h3-toc a:first-child{background:#252628;border-radius:6px;color:#eee}.up-page .h3-doc-layout article{min-width:0;color:#999;font-size:13px;line-height:1.7}.up-page .h3-doc-layout h2{font-size:21px!important;text-transform:uppercase;margin:0 0 20px}.up-page .h3-doc-layout section{margin:0 0 32px!important;padding:0!important;scroll-margin-top:24px}.up-page .h3-doc-layout pre{max-width:100%;overflow:auto;font-size:12px}.up-page .h3-doc-layout .h3-note{font-size:12px;padding:12px;margin:0 0 24px;border-radius:8px;background:#1c1d1f;border:1px solid #303134}.up-page .h3-doc-layout article>p{color:#999}
@media(max-width:1100px){.up-page .up-hero{padding:40px 24px 48px!important;min-height:0}.up-hero-grid{grid-template-columns:1fr;gap:28px}.up-code{width:100%;max-width:none}.up-title{flex-wrap:wrap}.up-page .up-title h1{font-size:28px!important}.up-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}.up-page .h3-doc-layout{grid-template-columns:220px minmax(0,1fr)!important}}
@media(max-width:700px){.up-page .up-hero{padding:32px 16px 40px!important}.up-page .up-tabs{padding:0 8px!important}.up-page .up-tabs a{padding:0 10px!important;font-size:13px!important}.up-title>svg{width:28px;height:28px}.up-badge{margin-bottom:18px}.up-page .up-description{margin-bottom:24px!important}.up-workspace{display:flex;flex-direction:column;height:auto;gap:16px}.up-page .up-result{height:420px!important;max-height:420px}.up-page .up-workspace #lp-playground{height:560px;flex:none}.up-input{height:560px}.up-page .h3-doc-layout{display:flex!important;flex-direction:column!important;margin:28px 16px 0!important;gap:24px!important}.up-page .h3-toc{position:static;display:flex;overflow:auto;width:100%;gap:8px}.up-page .h3-toc a{white-space:nowrap}.up-page .h3-doc-layout h2{font-size:18px!important}.up-page .k4-page>section:not(.up-hero),.up-page .k4f-page>section:not(.up-hero),.up-page .mh3-page>section:not(.up-hero){margin:28px 16px 0}.up-page .up-title h1{font-size:26px!important;line-height:30px!important}}

.up-page .up-title h1{font-family:var(--hf-type-family-grotesk,"Space Grotesk"),sans-serif!important;font-feature-settings:"ss04";font-weight:700;letter-spacing:-1.2px}
.up-badge{margin-bottom:32px;line-height:28px;font-size:12px}.up-badge>span{display:inline-flex;height:28px;align-items:center;gap:6px;border-radius:8px;padding:0 4px}.up-badge svg{width:16px;height:16px}.up-badge>span>span:first-child{width:20px;height:20px;border-radius:5px}
.up-agent{display:flex;align-items:center;gap:14px;font-size:14px;padding:0 12px 0 8px}.up-agent svg{width:16px;height:16px}.up-agent>span:first-child{display:flex;align-items:center}.up-actions a{font-size:14px!important;color:#eee!important}.up-page .up-description{margin-top:10px!important;margin-bottom:32px!important}.up-page .up-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,542px)}
.up-page .up-form textarea{font-family:inherit;font-size:12px;line-height:16px;min-height:74px;height:74px}.up-panel-head{height:36px;font-size:14px}.up-form-body{gap:16px}.up-settings>.up-field{font-size:0;line-height:0;gap:0}.up-settings select,.up-settings input{height:48px;font-size:14px}.up-advanced{font-size:14px}.up-page .up-code pre.up-pre{font-size:12px;line-height:22px}.up-page .h3-doc-layout h2{color:#eee!important}.up-page .h3-doc-layout h3{font-size:13px;color:#999;margin:20px 0 10px}.up-page .h3-doc-layout .h3-note.up-availability{color:#999!important;background:#1b1c1e!important;border-color:#303134!important;margin:16px 0!important}.up-page .h3-doc-layout .up-about{font-size:14px;color:#eee;font-weight:600;margin-bottom:20px}.up-page .h3-toc a{padding:5px 12px;margin:0!important;font-size:12px;line-height:22px}.up-page .h3-toc a.up-toc-sub{margin-left:16px!important;border-left:1px solid #333;border-radius:0;padding-left:20px}.up-page .h3-toc a:nth-child(2){background:#252628;color:#eee;border-radius:6px}.up-page .up-seedance-api{padding-top:116px!important;min-height:436px}.up-page .ms-api-layout{margin-top:14px}
@media(max-width:1100px){.up-page .up-hero-grid{grid-template-columns:1fr}.up-page .up-seedance-api{padding-top:92px!important;min-height:0}}

.up-page .h3-api{font-family:"Inter Variable",Inter,ui-sans-serif,system-ui,sans-serif!important}
.up-page .up-result img{object-fit:cover}.up-page .up-form .up-field{line-height:16px}.up-page .up-form .up-prompt{height:120px;flex:none}.up-page .up-form .up-prompt textarea{height:74px;min-height:0;flex:1}.up-agent{width:241px;max-width:100%;gap:10px;justify-content:space-between}.up-variant-slot{margin-left:8px}.up-activity-page .ma-root .up-agent{color:#161719}
.up-upload{position:relative}.up-upload input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.up-file-preview{pointer-events:none}.up-page .up-badge span{flex-shrink:0}

.up-page .wf-playground{margin:0}.up-page .wf-upload{position:relative}.up-page .wf-upload>input[type=file]{position:absolute;inset:0 auto auto 0;width:100%;height:110px;opacity:0;cursor:pointer}.up-page .wf-upload>strong,.up-page .wf-upload>small{pointer-events:none}.up-page .wf-preview{position:relative;z-index:1}.up-variant-slot select{height:32px;max-width:100%;border:1px solid #303134;border-radius:7px;padding:0 8px;color:#eee;background:#141517;font:14px inherit}.up-code-heading select{height:26px;border:1px solid #343538;border-radius:6px;padding:0 8px;color:#ddd;background:#1b1c1e;font:12px inherit}
.up-activity-page .ma-promo{margin-top:32px}