:root{color:#191b20;background:#f7f7f8;font-family:HarmonyOS Sans SC,Noto Sans SC,PingFang SC,Microsoft YaHei,Inter,ui-sans-serif,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f7f7f8}button,input,textarea,select{font:inherit}button{cursor:pointer}.home-shell,.login-shell,.workspace-shell{min-height:100vh;background:#f7f7f8}.site-header,.workspace-header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.brand-button,.site-header nav,.workspace-actions,.mode-switch,.home-actions,.auth-tabs,.composer,.composer-main,.composer-foot,.ghost-button,.param-row,.param-row label,.template-strip,.template-chip,.work-meta,.run-button,.icon-button,.history-toolbar,.search-box{display:flex;align-items:center}.brand-button{gap:10px;border:0;background:transparent;color:#1f232b;font-weight:900;font-size:18px}.brand-button span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#fff;background:#191b20}.site-header nav button,.workspace-actions a,.workspace-actions button{height:38px;display:grid;place-items:center;border:1px solid #e5e7eb;border-radius:999px;color:#535963;background:#ffffffd6;text-decoration:none;box-shadow:0 10px 30px #0f172a14}.site-header nav button{display:inline-flex;align-items:center;gap:7px;padding:0 16px;font-weight:800}.site-header nav{gap:8px}.workspace-actions{gap:8px}.workspace-actions>span,.workspace-actions>strong{color:#727985;font-size:13px}.workspace-actions a,.workspace-actions button{width:38px}.home-stage{width:min(980px,calc(100vw - 40px));margin:62px auto 0;text-align:center}.mode-switch{gap:5px;padding:5px;min-height:48px;border-radius:999px;background:#ffffffdb;box-shadow:0 22px 70px #0f172a24,inset 0 0 0 1px #ffffffbf;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.preview-switch,.workspace-switch{width:fit-content;margin:0 auto}.mode-switch button{min-width:102px;height:38px;justify-content:center;gap:8px;border:0;border-radius:999px;color:#8b8f99;background:transparent;font-weight:760;letter-spacing:0;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.mode-switch button.active{color:#f8fafc;background:#191b20;box-shadow:0 8px 18px #0f172a2e}.home-stage h1{max-width:760px;margin:72px auto 14px;color:#15171c;font-size:clamp(38px,6vw,72px);line-height:1.04;letter-spacing:0}.home-stage p{max-width:560px;margin:0 auto;color:#7c838f;font-size:18px;line-height:1.65}.home-actions{justify-content:center;gap:12px;margin-top:30px}.solid-action,.plain-action{height:46px;border-radius:999px;font-weight:900}.solid-action{display:inline-flex;align-items:center;gap:8px;padding:0 18px;border:0;color:#fff;background:#191b20}.plain-action{padding:0 18px;border:1px solid #e5e7eb;color:#4b5563;background:#fff}.home-template-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:64px}.home-template-row article{min-height:116px;padding:12px;border:1px solid #eceef2;border-radius:20px;background:#ffffffd1;box-shadow:0 18px 60px #0f172a14;text-align:left}.home-template-row img{width:54px;height:54px;object-fit:cover;border-radius:14px;background:#eff1f5}.home-template-row strong,.home-template-row span{display:block}.home-template-row strong{margin-top:10px}.home-template-row span{margin-top:4px;color:#8d939d;font-size:13px}.login-shell{display:grid;place-items:center;padding:24px}.login-shell>.brand-button{position:fixed;top:22px;left:24px}.login-card{width:min(390px,calc(100vw - 40px));display:grid;gap:11px;padding:20px;border:1px solid #e5e7eb;border-radius:24px;background:#ffffffe6;box-shadow:0 24px 90px #0f172a24;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.auth-tabs{gap:8px}.auth-tabs button,.auth-submit{height:42px;justify-content:center;gap:7px;border-radius:13px;font-weight:800}.auth-tabs button{flex:1;border:1px solid #e5e7eb;color:#626975;background:#fff}.auth-tabs button.active,.auth-submit{color:#fff;background:#191b20}.login-card input{width:100%;height:44px;border:1px solid #e5e7eb;border-radius:13px;padding:0 13px;outline:0}.auth-submit{width:100%;border:0}.form-message,.toast{margin:0;color:#b45309;font-size:13px}.workspace-shell{padding:0 24px 154px}.workspace-header{position:sticky;top:0;z-index:20;background:#f7f7f8d1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.workspace-switch{position:sticky;top:84px;z-index:19}.history-toolbar{width:min(1180px,calc(100vw - 48px));margin:32px auto 0;gap:10px}.history-toolbar>button{width:44px;height:44px;display:grid;place-items:center;border:1px solid #e7e9ed;border-radius:14px;color:#8c929d;background:#fff}.search-box{min-width:0;flex:1;height:44px;gap:10px;padding:0 14px;border:1px solid #e7e9ed;border-radius:14px;color:#9ca3af;background:#fff}.search-box input{min-width:0;width:100%;border:0;outline:0;color:#1f232b;background:transparent}.stage{width:min(1180px,calc(100vw - 48px));min-height:calc(100vh - 304px);margin:28px auto 0}.template-strip{justify-content:center;gap:12px;flex-wrap:wrap;margin:0 auto 28px}.template-chip{width:248px;min-height:84px;gap:12px;padding:10px;border:1px solid #eceef2;border-radius:18px;color:#2f333b;background:#ffffffd1;box-shadow:0 16px 50px #0f172a14;text-align:left}.template-chip.active{border-color:#191b20}.template-chip img{width:62px;height:62px;flex:0 0 auto;object-fit:cover;border-radius:14px;background:#eff1f5}.template-chip span,.template-chip small{display:block}.template-chip span{font-weight:800;line-height:1.2}.template-chip small{margin-top:6px;color:#8d939d}.empty-workspace{min-height:36vh}.work-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.work-card{overflow:hidden;border:1px solid #eceef2;border-radius:20px;background:#ffffffd1;box-shadow:0 16px 50px #0f172a14}.work-card img,.work-pending{width:100%;aspect-ratio:1;object-fit:cover;display:grid;place-items:center;color:#9aa1ad;background:#eef0f4}.work-meta{min-height:58px;gap:8px;padding:10px 12px}.work-meta strong{min-width:0;flex:1;overflow:hidden;color:#242832;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.work-meta span{color:#9096a1;font-size:12px}.work-meta a{width:30px;height:30px;display:grid;place-items:center;border-radius:999px;color:#30343c;background:#f2f3f5}.composer-wrap{position:fixed;left:0;right:0;bottom:24px;z-index:30;display:grid;justify-items:center;padding:0 18px;pointer-events:none}.composer{width:min(830px,calc(100vw - 36px));min-height:102px;flex-direction:column;align-items:stretch;padding:14px;border:1px solid rgba(226,232,240,.78);border-radius:22px;background:#ffffffe6;box-shadow:0 24px 90px #0f172a2b;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);pointer-events:auto}.composer-main{gap:12px}.composer-main input[type=file]{display:none}.icon-button,.run-button{border:0}.icon-button{width:44px;height:44px;flex:0 0 auto;justify-content:center;border-radius:13px;color:#747b86;background:transparent}.icon-button.active{color:#14532d;background:#dcfce7}.composer textarea{min-width:0;width:100%;height:48px;min-height:48px;max-height:120px;resize:vertical;padding:13px 4px;border:0;outline:0;color:#20242c;background:transparent;font-size:17px;line-height:1.35}.composer textarea::placeholder{color:#a3a8b1}.run-button{min-width:96px;height:44px;flex:0 0 auto;justify-content:center;gap:8px;border-radius:14px;color:#f8fafc;background:#191b20;font-weight:800}.run-button:disabled{color:#b5bac3;background:#eff1f4;cursor:not-allowed}.composer-foot{min-height:30px;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid #edf0f3;color:#a1a7b1;font-size:12px}.ghost-button{gap:6px;border:0;color:#a1a7b1;background:transparent}.param-row{min-width:0;flex:1;gap:8px;overflow:hidden}.param-row>span,.param-row label{height:24px;flex:0 0 auto;gap:3px;padding:0 8px;border-radius:999px;color:#8b919b;background:#f4f5f7}.param-row select{max-width:110px;border:0;outline:0;color:#8b919b;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.shortcut{flex:0 0 auto}.toast{max-width:min(830px,calc(100vw - 36px));margin:10px 0 0;pointer-events:auto}.spin{animation:spin .8s linear infinite}.library-shell{min-height:100vh;background:#f6f7f8}.library-header,.library-nav,.library-title-row,.library-kicker,.library-summary,.library-card-body>div,.library-card-actions,.library-section-head,.library-job-row,.library-empty{display:flex;align-items:center}.library-header{position:sticky;top:0;z-index:25;height:70px;justify-content:space-between;padding:0 28px;border-bottom:1px solid rgba(224,228,234,.9);background:#f6f7f8e0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.library-nav{gap:8px}.library-nav button,.library-card-actions a,.library-card-actions button{height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #e2e6ec;border-radius:12px;color:#3f4652;background:#fff;text-decoration:none;font-weight:850}.library-nav button{padding:0 13px}.library-main{width:min(1320px,calc(100vw - 48px));margin:0 auto;padding:34px 0 56px}.library-title-row{justify-content:space-between;gap:22px}.library-kicker{width:fit-content;gap:8px;color:#607085;font-size:13px;font-weight:850}.library-title-row h1{margin:8px 0 0;color:#171a20;font-size:34px;letter-spacing:0}.library-title-row p{max-width:620px;margin:10px 0 0;color:#748092;line-height:1.6}.library-summary{min-width:160px;justify-content:center;flex-direction:column;padding:18px;border:1px solid #e5e9ef;border-radius:8px;background:#fff;box-shadow:0 14px 40px #1c232d0f}.library-summary strong{color:#171a20;font-size:30px;line-height:1}.library-summary span,.library-summary em,.library-message{color:#7b8492;font-size:13px;font-style:normal}.library-message{margin:18px 0 0}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin-top:24px}.library-card{overflow:hidden;border:1px solid #e5e9ef;border-radius:8px;background:#fff;box-shadow:0 14px 40px #1c232d0f}.library-image-link{display:block;background:#eef1f5}.library-image-link img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.library-card-body{display:grid;gap:12px;padding:14px}.library-card-body>div:first-child{gap:10px}.library-card-body strong{min-width:0;overflow:hidden;color:#20242c;text-overflow:ellipsis;white-space:nowrap}.library-card-body p{height:42px;margin:0;overflow:hidden;color:#6f7886;font-size:13px;line-height:1.55}.library-card-body dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.library-card-body dl div{min-width:0;padding:9px;border-radius:8px;background:#f7f9fb}.library-card-body dt{color:#8a93a0;font-size:11px}.library-card-body dd{margin:4px 0 0;overflow:hidden;color:#20242c;font-size:12px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.library-card-actions{gap:8px}.library-card-actions a,.library-card-actions button{flex:1}.library-card-actions button{color:#b91c1c}.library-empty{min-height:420px;justify-content:center;flex-direction:column;gap:12px;margin-top:24px;border:1px solid #e5e9ef;border-radius:8px;color:#8a93a0;background:#fff}.library-empty h2{margin:0;color:#20242c}.library-empty p{margin:0}.library-job-list{margin-top:14px;border:1px solid #e5e9ef;border-radius:8px;background:#fff;box-shadow:0 14px 40px #1c232d0f}.library-section-head{min-height:56px;justify-content:space-between;padding:0 14px;border-bottom:1px solid #edf0f4}.library-section-head span{color:#7b8492;font-size:13px}.library-job-row{display:grid;grid-template-columns:78px minmax(120px,.7fr) minmax(200px,1fr) 120px;gap:10px;min-height:48px;padding:8px 14px;color:#5e6876;font-size:13px}.library-job-row strong,.library-job-row span,.library-job-row time{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-job-row strong{color:#20242c}.admin-shell{min-height:100vh;background:#f6f7f8}.admin-header,.admin-nav,.admin-title-row,.admin-kicker,.refresh-button,.metric-card,.admin-panel-head,.admin-search,.user-row,.credit-tool,.admin-table-row,.template-admin-list>div,.admin-denied{display:flex;align-items:center}.admin-header{position:sticky;top:0;z-index:30;height:70px;justify-content:space-between;padding:0 28px;border-bottom:1px solid rgba(224,228,234,.9);background:#f6f7f8e0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.admin-nav{gap:8px}.admin-nav a,.admin-nav button,.refresh-button,.soft-button,.danger-button,.admin-search button,.credit-tool button{height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #e2e6ec;border-radius:12px;color:#3f4652;background:#fff;text-decoration:none;font-weight:850}.admin-nav a,.admin-nav button{padding:0 13px}.admin-main{width:min(1320px,calc(100vw - 48px));margin:0 auto;padding:34px 0 56px}.admin-title-row{justify-content:space-between;gap:18px}.admin-kicker{width:fit-content;gap:8px;color:#607085;font-size:13px;font-weight:850}.admin-title-row h1{margin:8px 0 0;color:#171a20;font-size:34px;letter-spacing:0}.refresh-button{min-width:96px}.admin-message{margin:18px 0 0;color:#9a3412;font-size:13px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:26px}.metric-card{min-height:122px;gap:14px;padding:18px;border:1px solid #e5e9ef;border-radius:8px;background:#fff;box-shadow:0 14px 40px #1c232d0f}.metric-card>span{width:42px;height:42px;display:grid;place-items:center;border-radius:8px}.metric-card.blue>span{color:#1d4ed8;background:#dbeafe}.metric-card.green>span{color:#047857;background:#d1fae5}.metric-card.amber>span{color:#a16207;background:#fef3c7}.metric-card.slate>span{color:#475569;background:#e2e8f0}.metric-card small,.metric-card em{color:#7b8492;font-style:normal;font-size:12px}.metric-card strong{display:block;margin:3px 0;color:#171a20;font-size:28px;line-height:1.1}.admin-grid{display:grid;grid-template-columns:minmax(310px,.85fr) minmax(340px,1fr);gap:14px;margin-top:14px}.admin-panel{min-width:0;border:1px solid #e5e9ef;border-radius:8px;background:#fff;box-shadow:0 14px 40px #1c232d0f}.admin-panel-head{min-height:62px;justify-content:space-between;gap:14px;padding:14px 16px;border-bottom:1px solid #edf0f4}.admin-panel-head span,.admin-panel-head small{color:#7b8492;font-size:12px}.admin-panel-head strong{display:block;margin-top:2px;color:#20242c;font-size:18px}.admin-search{width:min(330px,100%);height:38px;gap:8px;padding-left:10px;border:1px solid #e2e6ec;border-radius:12px;color:#8b93a0;background:#f9fafb}.admin-search input{min-width:0;flex:1;border:0;outline:0;color:#20242c;background:transparent}.admin-search button{height:32px;padding:0 10px;border-radius:10px}.user-list{display:grid;max-height:540px;overflow:auto;padding:8px}.user-row{width:100%;min-height:58px;gap:10px;padding:8px;border:0;border-radius:8px;color:#20242c;background:transparent;text-align:left}.user-row.active,.user-row:hover{background:#f2f5f8}.user-row>span:nth-child(2){min-width:0;flex:1}.user-row strong,.user-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-row small{margin-top:3px;color:#8a93a0}.user-row em{min-width:48px;color:#047857;font-style:normal;font-weight:900;text-align:right}.user-state{width:30px;height:30px;display:grid;flex:0 0 auto;place-items:center;border-radius:8px;color:#047857;background:#d1fae5}.user-state.danger,.danger-button{color:#b91c1c;background:#fee2e2}.soft-button{color:#334155;background:#f8fafc}.account-detail{display:grid;gap:14px;padding:16px}.account-detail dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.account-detail dl div{min-height:64px;padding:12px;border-radius:8px;background:#f7f9fb}.account-detail dt{color:#7b8492;font-size:12px}.account-detail dd{min-width:0;margin:5px 0 0;overflow:hidden;color:#20242c;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.credit-tool{height:48px;gap:10px;padding:0 8px 0 12px;border:1px solid #e2e6ec;border-radius:8px;color:#047857}.credit-tool input{min-width:0;flex:1;border:0;outline:0}.credit-tool button{padding:0 14px;color:#fff;background:#171a20}.account-detail p,.empty-panel{margin:0;color:#7b8492;font-size:13px}.job-panel,.template-panel{grid-column:span 1}.admin-table,.template-admin-list{display:grid;gap:1px;padding:8px}.admin-table-row{min-height:46px;display:grid;grid-template-columns:78px minmax(90px,.8fr) minmax(120px,1fr) 64px 96px;gap:10px;padding:8px;border-radius:8px;color:#5e6876;font-size:13px}.admin-table-row:hover,.template-admin-list>div:hover{background:#f7f9fb}.admin-table-row strong,.admin-table-row span,.admin-table-row time{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-table-row strong{color:#20242c}.status-pill{width:fit-content;height:24px;display:inline-flex;align-items:center;justify-content:center;padding:0 8px;border-radius:999px;color:#475569;background:#e2e8f0;font-size:12px;font-weight:850}.status-pill.succeeded,.status-pill.active{color:#047857;background:#d1fae5}.status-pill.running,.status-pill.queued{color:#1d4ed8;background:#dbeafe}.status-pill.failed,.status-pill.cancelled,.status-pill.paused{color:#b91c1c;background:#fee2e2}.template-admin-list>div{min-height:54px;display:grid;grid-template-columns:72px minmax(120px,1fr) minmax(150px,.8fr);gap:10px;padding:8px;border-radius:8px}.template-admin-list strong,.template-admin-list small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-admin-list small{color:#7b8492}.admin-denied{min-height:calc(100vh - 70px);justify-content:center;flex-direction:column;gap:14px;color:#475569}.admin-denied h1{margin:0;color:#171a20}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:720px){.site-header,.workspace-header,.library-header,.admin-header{padding:0 12px}.site-header{height:62px}.workspace-shell{padding:0 12px 184px}.brand-button strong,.workspace-actions>span,.workspace-actions>strong{display:none}.home-stage{width:calc(100vw - 24px);margin-top:28px}.home-stage h1{margin-top:58px;font-size:42px}.mode-switch button{min-width:82px}.history-toolbar,.stage,.template-chip{width:100%}.composer-wrap{bottom:12px}.composer-main{align-items:flex-end}.composer textarea{font-size:16px}.run-button{min-width:48px;width:48px}.run-button span,.shortcut{display:none}.composer-foot{align-items:flex-start}.param-row{flex-wrap:wrap}.admin-main,.library-main{width:calc(100vw - 24px);padding-top:22px}.admin-title-row,.library-title-row,.admin-panel-head{align-items:flex-start;flex-direction:column}.library-nav button,.admin-nav a,.admin-nav button{width:38px;padding:0}.library-nav button,.admin-nav a,.admin-nav button{font-size:0}.library-grid,.metric-grid,.admin-grid,.account-detail dl{grid-template-columns:1fr}.library-job-row{grid-template-columns:72px minmax(120px,1fr)}.library-job-row>span:nth-child(3),.library-job-row time{display:none}.admin-table-row{grid-template-columns:72px minmax(82px,1fr) 58px}.admin-table-row span:nth-of-type(2),.admin-table-row time{display:none}.template-admin-list>div{grid-template-columns:72px minmax(120px,1fr)}.template-admin-list small{grid-column:2}}