:root{color-scheme:light;--ink:#172b28;--ink2:#2d403c;--muted:#788781;--dark:#183d36;--green:#426f61;--accent:#5b917d;--bg:#f5f7f3;--line:#e2e8e2;--panel:#fff;--soft:#eff4ee;--shadow:0 11px 44px rgba(26,57,44,.045);font-family:Inter,"SF Pro Display","PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-size:15px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.54;cursor:not-allowed}.hidden{display:none!important}.muted{color:var(--muted)}.toast{position:fixed;right:24px;bottom:24px;z-index:1000;background:#1e453b;color:#fff;border-radius:12px;box-shadow:0 12px 30px #133c3035;padding:14px 18px;max-width:min(380px,calc(100vw - 30px));opacity:0;transform:translateY(16px);pointer-events:none;transition:.22s}.toast.visible{opacity:1;transform:translateY(0)}.toast.error{background:#8e3c35}.logomark{display:inline-flex;background:#255448;color:white;border-radius:12px;align-items:center;justify-content:center;width:36px;height:36px;font-size:21px;line-height:1}
.auth-screen{display:grid;grid-template-columns:minmax(420px,1fr) 1fr;min-height:100vh}.auth-art{background:#163d34;color:white;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:38px max(40px,7vw)}.auth-art:after{position:absolute;content:"";width:80%;height:55%;top:18%;left:10%;filter:blur(65px);background:#52857448;border-radius:50%}.auth-topline,.auth-art-text,.auth-foot{z-index:1;position:relative}.auth-topline{font-size:12px;letter-spacing:2.2px;font-weight:800;display:flex;align-items:center;gap:10px}.auth-topline .logomark{background:#ffffff22}.topline-dot{height:4px;width:4px;border-radius:50%;background:#a4baa8}.auth-visual{height:400px;position:relative;z-index:1;display:grid;place-items:center}.visual-ring{position:absolute;border:1px solid #bad7c242;border-radius:50%;transform:rotate(-25deg)}.visual-ring-one{width:360px;height:290px}.visual-ring-two{width:490px;height:370px;transform:rotate(24deg)}.visual-center{display:grid;place-items:center;width:214px;height:214px;border-radius:50%;background:radial-gradient(circle at 28% 26%,#9cbbaa,#406e5f 45%,#123e36 82%);box-shadow:inset -25px -25px 80px #06251d7a,0 22px 100px #b7e5ba27}.visual-center span{font-family:Georgia,serif;font-size:100px;font-weight:bold;opacity:.8}.floating-label{position:absolute;border:1px solid #bed5cb6e;background:#214d43cb;backdrop-filter:blur(10px);font-size:10px;letter-spacing:1.8px;padding:13px 16px;border-radius:8px}.floating-label.one{top:54px;left:6px}.floating-label.two{bottom:50px;right:0}.auth-art-text h1{font-size:clamp(38px,4.3vw,64px);line-height:1.3;letter-spacing:-1.7px;margin:0}.auth-art-text p{color:#c4d9ce;font-size:15px;margin:16px 0 0}.auth-foot{font-size:10px;letter-spacing:2px;color:#a4c4b3}.auth-panel{background:#fff;display:grid;place-items:center;padding:50px}.auth-box{width:min(420px,100%)}.eyebrow{color:#416d5e;font-size:11px;font-weight:800;letter-spacing:2px}.auth-box h2{font-size:37px;letter-spacing:-1.3px;margin:12px 0 7px}.auth-subtitle{font-size:14px;margin:0 0 35px}.auth-tabs,.add-tabs{display:flex;border-bottom:1px solid #e7eae6;margin:0 0 24px;gap:30px}.auth-tabs button,.add-tabs button{padding:12px 0;border:0;background:transparent;color:#80918a;font-weight:600;border-bottom:2px solid transparent}.auth-tabs button.active,.add-tabs button.active{color:#2e5c4b;border-color:#396d5b}.auth-box label,.modal-content label{display:block;font-size:13px;font-weight:700;margin:19px 0 9px}.auth-box input,.modal-content input,.modal-content select{border:1px solid #d5dfd8;border-radius:10px;min-height:47px;padding:12px 14px;width:100%;outline:none;color:#213b30;background:#fff}.auth-box input:focus,.modal-content input:focus,textarea:focus,select:focus{border-color:#669784;box-shadow:0 0 0 3px #7eb49e20}.auth-box button.primary{margin-top:26px}.primary{border:0;background:linear-gradient(110deg,#2f654f,#547f6e);color:white;font-weight:700;padding:15px 21px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:49px;box-shadow:0 6px 16px #36655021}.primary:not(:disabled):hover{background:linear-gradient(110deg,#285641,#406956)}.primary span{font-size:18px}.full{width:100%}.auth-note{font-size:12px;color:#87978e;margin-top:22px;line-height:1.9}.mobile-brand{display:none}
.topbar{background:#fff;border-bottom:1px solid var(--line);height:73px}.topbar-content{max-width:1320px;margin:auto;padding:0 38px;height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center}.brand-name{font-size:19px;font-weight:850;letter-spacing:-.6px;white-space:nowrap}.brand-name span{font-weight:600}.brand-version{font-size:9px;color:#8c9d92;background:#f1f5f2;border:1px solid #e6ebe7;padding:5px 7px;border-radius:5px;letter-spacing:1px;margin-left:8px}.top-right{display:flex;align-items:center;gap:11px;color:#547062;font-size:12px}.dot-live,.green-dot,.mode-dot{display:inline-block;background:#60a587;width:7px;height:7px;border-radius:50%;margin-right:2px;box-shadow:0 0 0 4px #e4f3eb}.top-model{font-weight:800;letter-spacing:1.1px;font-size:10px}.top-separator{height:21px;width:1px;background:#e3e9e4;margin:0 8px}.avatar{height:29px;width:29px;border-radius:50%;background:#e7f0e8;color:#2b6854;display:grid;place-items:center;font-size:12px;font-weight:800}.user-email{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout{background:transparent;color:#6b8175;border:0;font-size:12px;margin-left:7px}.logout:hover{color:#203a2f}.page-container{max-width:1320px;padding:0 38px;margin:auto}.hero{min-height:230px;position:relative;padding:36px 20px 25px 8px;display:flex;align-items:center;justify-content:space-between}.hero-content{z-index:1}.hero h1{font-size:clamp(27px,3.3vw,42px);margin:13px 0 7px;letter-spacing:-1.8px;line-height:1.25}.hero h1 span{color:#568674}.hero-sub{margin:0;color:#829189;font-size:14px}.model-tags{display:flex;gap:17px;flex-wrap:wrap;margin-top:24px}.model-tags span{font-size:12px;color:#587767;font-weight:600}.hero-decoration{width:290px;height:180px;position:relative;margin-right:75px}.hero-orb{position:absolute;left:65px;top:4px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle at 28% 25%,#d2e4d8 1%,#7ba792 36%,#356e5b 66%,#1a5046 100%);box-shadow:0 18px 70px #49776133,inset -20px -24px 33px #194b425c;transform:rotate(-19deg)}.hero-square{position:absolute;border:1px solid #87a69466;width:148px;height:148px;border-radius:20px;transform:rotate(28deg);left:94px;top:14px}.square-two{transform:rotate(-19deg);left:75px;top:11px;opacity:.55}.main-grid{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:24px;align-items:start}.left-content{display:flex;flex-direction:column;gap:24px}.panel,.side-card{border:1px solid #e3e9e2;background:var(--panel);border-radius:15px;box-shadow:var(--shadow)}.panel{padding:30px 32px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.section-kicker{font-size:10px;letter-spacing:1.65px;font-weight:800;color:#95a69a;margin:0 0 8px}.section-head h2{font-size:23px;letter-spacing:-.7px;margin:0;font-weight:800}.heading-num{color:#b6c6bb;font-size:13px;font-weight:500;vertical-align:middle;margin-left:5px}.section-icon{font-size:29px;color:#7ba591}.field-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.field-title label,.field label{font-size:13px;font-weight:750;color:#294337}.optional{font-size:10px;letter-spacing:1px;color:#a3b2a8;margin-left:5px;font-weight:550}.text-counter{font-size:10px;color:#acb6ae}textarea,select{border:1px solid #dbe5dc;border-radius:9px;background:#fff;width:100%;color:#253b32;outline:none}textarea{padding:17px 18px;resize:vertical;line-height:1.75;font-size:13px;min-height:162px}textarea::placeholder{color:#a5b2a9}.helper-text{color:#93a095;font-size:11px;line-height:1.7;margin-top:8px}.helper-sparkle{color:#648f7a}.field-row{display:grid;gap:14px;margin-top:26px}.field-row.triple{grid-template-columns:repeat(3,minmax(0,1fr))}.field label{display:block;margin-bottom:9px}.field select{height:47px;padding:0 12px;font-size:12px;font-weight:600;appearance:auto}.section-divider{height:1px;background:#e9eee9;margin:29px 0 24px}.material-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.material-head h3{font-size:16px;margin:0 0 8px}.material-head p{margin:0;color:#91a096;font-size:12px;line-height:1.7}.material-count{display:inline-block;border-radius:5px;background:#edf3ee;padding:2px 7px;color:#548675;font-size:11px;margin-left:6px}.outline-btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;background:#fff;border:1px solid #b8cec1;padding:10px 15px;border-radius:8px;color:#2c6b52;font-weight:750;font-size:12px;white-space:nowrap}.outline-btn:hover{background:#f0f7f2}.plus{font-size:19px;font-weight:400;line-height:12px}.material-list{display:flex;flex-wrap:wrap;gap:9px;margin:19px 0 0}.material-chip{display:flex;align-items:center;gap:8px;border-radius:9px;border:1px solid #d8e5db;background:#f9fbf9;padding:9px 10px;max-width:100%}.material-chip img{width:37px;height:37px;object-fit:cover;border-radius:6px}.material-chip .media-icon{width:32px;height:32px;display:grid;place-items:center;background:#e8f0eb;border-radius:6px;color:#3d765b}.material-chip .chip-text{min-width:0;font-size:11px}.chip-text strong{display:block;color:#385748;margin-bottom:3px}.chip-text small{color:#84988a;display:block;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip-remove{background:transparent;border:none;font-size:17px;color:#87978c;padding:2px 5px}.media-tip{color:#8c9a90;font-size:11px;line-height:1.8;margin-top:16px}.advanced{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:22px 0 18px;padding:14px 0;border-top:1px solid #edf1ec;border-bottom:1px solid #edf1ec}.toggle-row{font-size:12px;color:#526d5a;display:flex;align-items:center;gap:7px;cursor:pointer}.toggle-row input,.consent input{accent-color:#447762}.consent{display:flex;align-items:start;gap:8px;color:#667c6d;line-height:1.8;font-size:12px;cursor:pointer}.consent input{margin-top:5px;flex:none}.compose-footer{margin-top:23px;display:flex;align-items:center;justify-content:space-between;gap:12px}.mode-label{font-size:12px;color:#82958a}.mode-label strong{color:#39735e}.mode-dot{width:6px;height:6px;margin-right:7px}.compose-footer .primary{min-width:150px}.right-content{display:flex;flex-direction:column;gap:20px}.side-card{padding:23px}.side-card-title{font-size:14px;font-weight:800;display:flex;align-items:center;gap:7px;color:#284c3c}.status-visual{color:#5d9879}.model-card-head{height:94px;border-radius:10px;margin:20px 0 11px;background:linear-gradient(118deg,#1d4f40,#57907b);display:flex;align-items:center;justify-content:space-between;padding:0 20px;color:white;overflow:hidden;position:relative}.model-card-head:after{content:"";position:absolute;right:26px;top:-51px;width:132px;height:132px;border:1px solid #ffffff35;border-radius:50%;box-shadow:0 0 0 21px #ffffff0d,0 0 0 45px #ffffff0a}.model-card-head span{font-weight:850;letter-spacing:2px;font-size:12px}.model-card-head strong{font-size:48px;font-family:Georgia,serif;font-style:italic;opacity:.9;z-index:1}.status-description{font-size:12px;color:#81958a;margin:0 0 24px}.side-meta{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid #edf1ed;font-size:12px}.side-meta span{color:#8b9c90}.side-meta strong{font-size:11px;color:#3d5849}.tip-entry{display:flex;gap:11px;margin-top:25px}.tip-entry span{flex:none;font-size:12px;font-weight:750;color:#8aac9a}.tip-entry strong{font-size:12px}.tip-entry p{font-size:11px;color:#8b9e91;line-height:1.75;margin:5px 0}.side-bottom{font-size:10px;letter-spacing:1.1px;color:#9bad9f;line-height:1.9;padding:8px 11px}.side-bottom strong{color:#628672}.history-panel .section-head{margin-bottom:16px}.minimal-btn{background:transparent;border:0;color:#6e8d77;font-size:12px;font-weight:700}.history-empty{text-align:center;color:#96a79a;padding:46px 10px 54px}.empty-icon{width:64px;height:64px;display:grid;place-items:center;color:#88ae97;background:#f1f6f2;border-radius:16px;margin:auto;font-size:26px}.history-empty h3{font-size:16px;color:#425d4b;margin:15px 0 4px}.history-empty p{font-size:12px}.job-card{border:1px solid #e7eee8;border-radius:11px;padding:17px;margin:11px 0}.job-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.job-info{display:flex;align-items:center;gap:9px;min-width:0}.job-symbol{height:33px;width:33px;border-radius:9px;background:#ecf3ee;color:#467b60;display:grid;place-items:center;flex:none}.job-info strong{font-size:12px;display:block}.job-info small{font-size:10px;color:#9faea2}.job-prompt{color:#586c60;font-size:12px;line-height:1.6;word-break:break-word;margin:11px 0}.job-status{font-size:10px;white-space:nowrap;border-radius:5px;padding:6px 9px;background:#eaf1ea;color:#527867;font-weight:700}.job-status.succeeded{background:#e8f6eb;color:#238452}.job-status.failed{background:#fff1ee;color:#aa5544}.job-status.pending{background:#fff7e2;color:#9d7424}.job-status.demo{background:#edf0fa;color:#556fa2}.job-error{font-size:11px;color:#aa5745;line-height:1.6;margin:7px 0}.job-video{width:100%;max-height:360px;background:#111;border-radius:10px;margin:10px 0}.video-actions{display:flex;justify-content:flex-end}.video-actions a{font-size:12px;color:#2f795b;text-decoration:none;font-weight:700}.page-footer{display:flex;justify-content:space-between;gap:16px;color:#9cac9f;font-size:10px;letter-spacing:.5px;padding:25px 2px 45px}.demo-banner{background:#f7f2e4;color:#816a3a;border:1px solid #e7d9a8;border-radius:9px;display:flex;align-items:start;gap:10px;padding:12px 16px;font-size:12px;line-height:1.7;margin-bottom:16px}.demo-icon{font-size:17px}.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:14px}.modal-scrim{position:absolute;inset:0;background:#14271f99}.modal-content{position:relative;background:#fff;border-radius:16px;padding:26px;width:min(510px,100%);box-shadow:0 40px 100px #0002;max-height:95vh;overflow:auto}.modal-title{display:flex;justify-content:space-between;align-items:start}.modal-title h2{font-size:21px;margin:0}.modal-close{border:0;background:#f2f5f1;height:31px;width:31px;border-radius:7px;font-size:20px;color:#637e6b}.modal-content select{margin-top:1px}.add-tabs{margin:18px 0 15px}.upload-box{border:1px dashed #b9d0bf;border-radius:12px;background:#f9fcf9;text-align:center;padding:26px 15px;display:flex;flex-direction:column;align-items:center;gap:10px}.upload-symbol{border-radius:50%;background:#e7f0e8;width:45px;height:45px;display:grid;place-items:center;color:#4b8665;font-size:27px}.upload-box strong{font-size:13px}.upload-box small{font-size:11px;line-height:1.6;color:#8a9a8c;max-width:330px}.upload-box button{margin-top:4px}.upload-state{font-size:12px;color:#6b8b79;margin-top:11px;min-height:13px}#media-url-area .primary{margin-top:16px}
@media(max-width:1020px){.main-grid{grid-template-columns:minmax(0,1fr) 250px}.hero-decoration{margin-right:10px}.page-container{padding:0 20px}.topbar-content{padding:0 20px}.panel{padding:24px}.auth-art{padding:32px 40px}}
@media(max-width:780px){.main-grid{grid-template-columns:1fr}.right-content{display:none}.hero-decoration{display:none}.hero{min-height:205px}.brand-version,.top-model,.top-separator,.user-email{display:none}.topbar{height:63px}.auth-screen{grid-template-columns:1fr}.auth-art{display:none}.mobile-brand{display:flex;align-items:center;gap:8px;position:absolute;top:25px;left:24px;font-size:16px;font-weight:800}.auth-panel{min-height:100vh;padding:95px 25px 40px}.auth-box h2{font-size:32px}}
@media(max-width:500px){.page-container{padding:0 12px}.topbar-content{padding:0 14px}.brand-name{font-size:16px}.brand .logomark{height:31px;width:31px}.hero{padding:24px 5px 20px;min-height:186px}.hero h1{font-size:29px;letter-spacing:-1px}.hero-sub{font-size:12px}.model-tags{gap:12px;margin-top:20px}.model-tags span{font-size:10px}.panel{padding:21px 18px;border-radius:13px}.section-head h2{font-size:21px}.field-row.triple{grid-template-columns:repeat(2,minmax(0,1fr))}.field-row.triple .field:last-child{grid-column:span 2}.compose-footer{align-items:stretch;flex-direction:column}.compose-footer .primary{width:100%}.material-head p{font-size:11px}.material-head{align-items:center}.outline-btn{padding:9px 11px}.page-footer{flex-direction:column;gap:5px}.advanced{gap:10px}.user-email{display:none}.top-right{gap:7px}.history-panel .section-head{align-items:center}.modal-content{padding:20px}}

/* V1.0.1 task diagnostics */
.job-diagnostics { display:flex; flex-wrap:wrap; gap:8px 16px; margin-top:12px; padding:10px 12px; border-radius:9px; background:#f4f8f5; color:#46665b; font-size:12px; line-height:1.6; }
.job-diagnostics code { user-select:all; overflow-wrap:anywhere; font-size:11px; }
.job-diagnostics .diagnostic-error { color:#a23e30; flex-basis:100%; }

/* V1.2 usage and credits */
.user-credit-pill{font-size:11px;color:#28604d;background:#e5f2eb;padding:7px 10px;border-radius:20px;white-space:nowrap;font-weight:750}.admin-entry{font-size:12px;color:#20624d;text-decoration:none;border:1px solid #c6d9cc;border-radius:7px;padding:7px 10px;white-space:nowrap}.admin-entry.hidden{display:none}.credit-quote{font-size:12px;color:#215f4d;background:#f1f7f1;border:1px solid #dce9dc;border-radius:9px;padding:11px 14px;margin-top:14px;margin-bottom:14px;line-height:1.6}.credit-large{font-size:30px;font-weight:800;color:#245e49;margin:14px 0 2px}.credit-hint{color:#809489;font-size:11px;line-height:1.6;margin-top:14px}@media(max-width:750px){.top-model,.user-credit-pill{display:none}.admin-entry{padding:5px 7px;font-size:10px}}