@font-face{font-family:DZT PingFang;src:url(/assets/PingFang-ExtraLight-Decl-Hd6.woff2)format("woff2");font-style:normal;font-weight:200;font-display:swap}@font-face{font-family:DZT PingFang;src:url(/assets/PingFang-Light-BftKeeP7.woff2)format("woff2");font-style:normal;font-weight:300;font-display:swap}@font-face{font-family:DZT PingFang;src:url(/assets/PingFang-Regular-DNPXfzMn.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:DZT PingFang;src:url(/assets/PingFang-Medium-CrzNRU9B.woff2)format("woff2");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:DZT PingFang;src:url(/assets/PingFang-Bold-Cskzu7oA.woff2)format("woff2");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:DZT PingFang;src:url(/assets/PingFang-Heavy-B3cZS_Kf.woff2)format("woff2");font-style:normal;font-weight:900;font-display:swap}@font-face{font-family:DZT XiHei;src:url(/assets/MFXiHei-Light-CqYZA00j.woff2)format("woff2");font-style:normal;font-weight:300;font-display:swap}@font-face{font-family:DZT XiHei;src:url(/assets/MFXiHei-Regular-Dh4LFvd_.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}:root{color:#24272f;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.2, .8, .2, 1);--hover-lift:0 14px 26px #182a4e24;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#fff;font-family:DZT PingFang,PingFang SC,Microsoft YaHei,Arial,sans-serif}*{box-sizing:border-box}html{overflow-y:scroll}body{background:#fff;min-width:320px;min-height:100vh;margin:0}@keyframes content-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes listing-page-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translate(0,0)}}@keyframes listing-content-fade{0%{opacity:0}to{opacity:1}}@keyframes card-rise{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes soft-pulse{0%,to{box-shadow:0 8px 16px #0f58ff2e}50%{box-shadow:0 12px 24px #0f58ff47}}@keyframes spin{to{transform:rotate(360deg)}}button,textarea,input,select{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;border:0}button:focus-visible,textarea:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #1359f52e}.app-shell{background:#fff;min-height:100vh;display:flex}.sidebar{z-index:30;background:#f5f6fa;border-right:1px solid #e7eaf0;flex-direction:column;width:160px;display:flex;position:fixed;inset:0 auto 0 0}.brand{height:104px;transition:transform .22s var(--ease-spring);justify-content:center;align-items:center;gap:5px;display:flex}.brand:hover{transform:translateY(-1px)}.brand-main{color:#20242c;white-space:nowrap;font-family:DZT XiHei,DZT PingFang,sans-serif;font-size:21px;font-weight:400}.brand-sub{color:#242830;font-family:DZT XiHei,DZT PingFang,sans-serif;font-size:10px;font-weight:300;line-height:1.08}.nav-list{gap:10px;display:grid}.nav-item{color:#686d75;width:100%;height:43px;transition:color .18s var(--ease-out), background-color .18s var(--ease-out), transform .18s var(--ease-spring);background:0 0;align-items:center;gap:17px;padding:0 24px;font-size:18px;font-weight:650;display:flex;position:relative;overflow:hidden}.nav-item:before{content:"";transform-origin:50%;width:4px;transition:transform .22s var(--ease-out);background:#1359f5;border-radius:0 4px 4px 0;position:absolute;inset:0 auto 0 0;transform:scaleY(0)}.nav-item svg,.nav-item img,.nav-item span{z-index:1;position:relative}.nav-item:hover{color:#1359f5;background:#eef3ff}.nav-item:hover svg,.nav-item:hover img{transform:translate(1px)scale(1.06)}.nav-item svg,.nav-item img{transition:filter .18s var(--ease-out), transform .22s var(--ease-spring)}.nav-item-icon{object-fit:contain;filter:grayscale()saturate(0)opacity(.72);flex:0 0 22px;width:22px;height:22px}.nav-item:hover .nav-item-icon,.nav-item.active .nav-item-icon{filter:brightness(0)saturate()invert(31%)sepia(97%)saturate(3278%)hue-rotate(217deg)brightness(98%)contrast(96%)}.nav-item:active{transform:scale(.985)}.nav-item.active{color:#1359f5;background:#e8edff}.nav-item.active:before{transform:scaleY(1)}.sidebar-bottom{justify-items:center;gap:20px;margin-top:auto;padding:0 30px 68px;display:grid}.points{width:98px;height:60px;transition:border-color .18s var(--ease-out), box-shadow .22s var(--ease-out), transform .18s var(--ease-spring);background:#fff;border:1px solid #e0e3e8;border-radius:5px;align-content:center;place-items:center;gap:2px;display:grid}.points:hover{border-color:#1359f533;transform:translateY(-2px);box-shadow:0 10px 22px #182a4e14}.points strong{font-size:16px}.points span{color:#777b83;font-size:13px}.avatar-photo{object-fit:cover;width:46px;height:46px;transition:box-shadow .22s var(--ease-out), transform .22s var(--ease-spring);border-radius:50%}.sidebar-avatar-btn{background:0 0;border-radius:50%;width:46px;height:46px;padding:0;display:block}.avatar-photo:hover{transform:translateY(-2px)scale(1.04);box-shadow:0 0 0 4px #1359f514,0 10px 18px #182a4e1f}.new-user-promo{z-index:20;filter:drop-shadow(0 16px 24px #1a345c29);transform-origin:0 0;width:250px;transition:filter .22s var(--ease-out), transform .22s var(--ease-spring);background:0 0;padding:0;position:fixed;top:calc(134px + clamp(470px,31vw,530px));left:112px}.new-user-promo-close{z-index:22;color:#5f6877;width:26px;height:26px;transition:color .16s var(--ease-out), border-color .16s var(--ease-out), transform .18s var(--ease-spring);background:#fffffff0;border:1px solid #bec8d8e6;border-radius:50%;place-items:center;font-size:16px;line-height:1;display:grid;position:fixed;top:calc(126px + clamp(470px,31vw,530px));left:336px;box-shadow:0 8px 18px #1a345c29}.new-user-promo-close:hover{color:#1359f5;border-color:#1359f559;transform:translateY(-1px)scale(1.05)}.new-user-promo img{width:100%;height:auto;display:block}.new-user-promo:hover{filter:drop-shadow(0 20px 30px #1a48983b);transform:translateY(-4px)scale(1.015)}.new-user-promo:active{transform:translateY(-1px)scale(.99)}.power-btn{color:#a5abb5;width:46px;height:46px;transition:color .18s var(--ease-out), border-color .18s var(--ease-out), box-shadow .22s var(--ease-out), transform .18s var(--ease-spring);background:#fafbfc;border:1px solid #e2e4e9;border-radius:50%;place-items:center;display:grid}.power-btn:hover{color:#1359f5;border-color:#1359f53d;transform:translateY(-1px);box-shadow:0 8px 18px #1359f51f}.workspace{--page-gutter:clamp(28px, 4.5vw, 96px);flex:1;min-width:0;padding-left:160px}.icp-footer{z-index:24;pointer-events:none;justify-content:center;font-size:12px;line-height:1.4;display:flex;position:fixed;bottom:8px;left:160px;right:0}.icp-footer a{color:#64748bb8;pointer-events:auto;transition:color .16s var(--ease-out);text-decoration:none}.icp-footer a:hover{color:#1359f5}.workspace .content{animation:content-rise .42s var(--ease-out) both}.topbar{height:118px;padding:0 var(--page-gutter);justify-content:space-between;align-items:center;gap:12px;display:flex}.topbar-left,.topbar-right{align-items:center;display:flex}.topbar-left{min-width:0}.topbar-right{gap:12px;position:relative}.member-btn,.points-btn,.account-btn,.icon-btn{color:#242830;transition:color .18s var(--ease-out), border-color .18s var(--ease-out), box-shadow .22s var(--ease-out), transform .18s var(--ease-spring), background-color .18s var(--ease-out);background:#fff;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.member-btn:before,.points-btn:before,.account-btn:before,.chip-btn:before,.send-btn:before{content:"";transition:transform .52s var(--ease-out);pointer-events:none;background:linear-gradient(120deg,#0000 0%,#ffffff8c 45%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}.member-btn:hover:before,.points-btn:hover:before,.account-btn:hover:before,.chip-btn:hover:before,.send-btn:hover:before{transform:translate(120%)}.member-btn{border:1px solid #dde1e7;border-radius:5px;gap:7px;height:29px;padding:0 15px;font-size:15px;font-weight:650}.member-btn>img{object-fit:contain;width:20px;height:20px}.points-btn{color:#1762ed;height:29px;transition:border-color .18s var(--ease-out), box-shadow .22s var(--ease-out), transform .18s var(--ease-spring);background:#fff;border:1px solid #dde1e7;border-radius:5px;align-items:center;gap:5px;padding:0 12px;font-size:14px;font-weight:650;display:inline-flex;position:relative;overflow:hidden}.points-btn img{object-fit:contain;width:20px;height:20px}.member-btn:hover,.points-btn:hover,.account-btn:hover,.icon-btn:hover{color:#1359f5;background:#f7f9ff;border-color:#1359f538;transform:translateY(-1px);box-shadow:0 8px 20px #14285014}.member-btn:active,.points-btn:active,.account-btn:active,.icon-btn:active{transform:translateY(0)scale(.98)}.icon-btn{color:#252a33;background:#fff;border:1px solid #e1e5eb;border-radius:50%;width:38px;height:38px;box-shadow:0 4px 12px #1a24370d}.icon-btn img{object-fit:contain;width:18px;height:22px}.divider{background:#d8dce2;width:1px;height:22px}.account-btn{color:#60646d;gap:10px;font-size:14px}.user-switcher>span:not(.account-icon):not(.active-user-name){display:none}.active-user-name{color:#20242c;text-overflow:ellipsis;white-space:nowrap;max-width:190px;overflow:hidden}.account-icon{color:#1a63ff;width:30px;height:30px;transition:background-color .18s var(--ease-out), transform .22s var(--ease-spring);background:#eaf1ff;border-radius:50%;place-items:center;display:grid}.account-icon img{object-fit:contain;width:21px;height:21px}.account-btn:hover .account-icon{background:#dfeaff;transform:scale(1.06)}.customer-login-overlay{z-index:100;background:#0d0d0d99;place-items:center;padding:clamp(18px,3vw,48px);display:grid;position:fixed;inset:0}.customer-login-dialog{color:#242424;width:min(478px,100vw - 36px);min-height:420px;box-shadow:none;animation:card-rise .22s var(--ease-out) both;background:#fff;border:0;border-radius:12px;padding:41px 48px 30px;position:relative}.customer-login-close{color:#8a8f99;background:0 0;border-radius:50%;place-items:center;width:28px;height:28px;font-size:22px;line-height:1;display:grid;position:absolute;top:13px;right:13px}.customer-login-close:hover{color:#1461fd;background:#1461fd14}.sketch-login-brand{align-items:flex-start;gap:15px;min-height:29px;display:flex}.sketch-login-brand-main{color:#373a3f;font-family:DZT XiHei,PingFang SC,sans-serif;font-size:20px;font-weight:400;line-height:28.5px}.sketch-login-brand-sub{color:#373a3f;font-family:DZT XiHei,PingFang SC,sans-serif;font-size:8.5px;font-weight:300;line-height:14px}.customer-login-dialog h2{color:#242424;text-align:center;margin:57px 0 0;font-family:DZT PingFang,PingFang SC,sans-serif;font-size:30px;font-weight:500;line-height:42px}.customer-login-dialog>p{color:#747474;text-align:center;margin:8px 0 0;font-family:DZT PingFang,PingFang SC,sans-serif;font-size:15px;font-weight:400;line-height:21px}.customer-login-form{gap:0;margin-top:31px;display:grid;position:relative}.sketch-sms-input-wrap{position:relative}.customer-login-form input{color:#242424;background:#fff;border:2px solid #1461fd;border-radius:6px;width:100%;height:45px;padding:0 20px;font-family:DZT PingFang,PingFang SC,sans-serif;font-size:18px;line-height:25px}.customer-login-form input::placeholder{color:#9b9b9b;opacity:1}.sketch-sms-form.is-code-step input{padding-right:118px}.customer-login-form input:focus{background:#fff;border-color:#1461fd;outline:3px solid #1461fd1f}.sketch-code-btn{color:#1461fd;background:#fff;border-radius:6px;width:95px;height:33px;font-family:DZT PingFang,PingFang SC,sans-serif;font-size:15px;line-height:21px;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.sketch-code-btn:hover{background:#1461fd14}.customer-login-submit{color:#fff;background:#1461fd;border-radius:6px;height:50px;margin-top:21px;font-family:DZT PingFang,PingFang SC,sans-serif;font-size:15px;font-weight:400;line-height:21px}.customer-login-submit:hover{background:#0e54e8;box-shadow:0 10px 22px #1461fd38}.customer-login-submit:disabled{cursor:wait;opacity:.65}.customer-login-notice{color:#d14343;text-align:center;font-size:12px;font-weight:400;line-height:16px;position:absolute;bottom:-20px;left:0;right:0}.sketch-login-links{justify-content:center;gap:54px;display:flex;position:absolute;bottom:30px;left:0;right:0}.sketch-login-links button{color:#1461fd;background:0 0;font-family:DZT PingFang,PingFang SC,sans-serif;font-size:13px;line-height:18.5px}@media (width<=560px){.customer-login-dialog{min-height:400px;padding:34px clamp(24px,8vw,48px) 28px}.customer-login-dialog h2{margin-top:48px;font-size:28px}.customer-login-form input{font-size:16px}}.account-popover{z-index:19;background:#fff;border:1px solid #e2e7ef;border-radius:12px;gap:12px;width:320px;padding:14px;display:grid;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 18px 42px #14213724}.account-popover-head{border-bottom:1px solid #edf1f6;gap:4px;padding-bottom:10px;display:grid}.account-popover-head strong{color:#20242c;font-size:15px}.account-popover-head span,.account-popover em{color:#657083;font-size:12px;font-style:normal}.account-popover-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.account-popover-actions button{color:#1359f5;background:#eef4ff;border:1px solid #1359f52e;border-radius:8px;height:32px;padding:0 8px;font-size:12px;font-weight:850}.account-popover section{gap:7px;display:grid}.account-popover h3{color:#20242c;margin:0;font-size:13px}.account-popover p{color:#5f6877;grid-template-columns:minmax(0,1fr) auto;gap:8px;min-width:0;margin:0;font-size:12px;display:grid}.account-popover p span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-popover p b{color:#20242c}.account-popover p b.is-plus{color:#138a4b}.content{width:auto;margin:58px var(--page-gutter) 56px}.commerce-content{width:auto;margin-top:4px;padding-bottom:64px}.admin-content{margin-top:4px;padding-bottom:56px}.admin-route-workspace{--page-gutter:clamp(28px, 4.5vw, 96px);background:#f7f8fa;min-height:100vh;padding-bottom:56px}.workbench-route-workspace{--page-gutter:clamp(28px, 4vw, 72px);background:#f7f8fa;min-height:100vh;padding-bottom:56px}.admin-route-header{height:82px;padding:0 var(--page-gutter);background:#fff;border-bottom:1px solid #e5e9ef;justify-content:space-between;align-items:center;display:flex}.admin-route-brand{align-items:baseline;gap:12px;display:flex}.admin-route-brand>span:last-child{color:#707987;font-size:14px;font-weight:500}.admin-route-header>button{color:#3d4654;background:#fff;border:1px solid #dce2ea;border-radius:6px;align-items:center;gap:6px;height:38px;padding:0 14px;font-weight:500;display:inline-flex}.admin-route-header>button:hover{color:#1359f5;background:#f6f9ff;border-color:#b9cdf8}.admin-route-workspace .admin-content{margin:28px var(--page-gutter) 0}.admin-login-panel{background:#fff;border:1px solid #e3e8ef;border-radius:8px;gap:20px;width:min(440px,100%);margin:12vh auto 0;padding:24px;display:grid;box-shadow:0 14px 32px #14213714}.admin-login-panel h2{color:#171b22;margin:6px 0 8px;font-size:24px}.admin-login-panel p{color:#687284;margin:0;font-size:14px;line-height:1.5}.admin-login-form{gap:12px;display:grid}.admin-login-form label{color:#3d4655;gap:7px;font-size:13px;font-weight:800;display:grid}.admin-login-form input{color:#171b22;background:#f8fafc;border:1px solid #e4eaf2;border-radius:8px;height:42px;padding:0 12px;font-size:14px}.admin-login-form button,.admin-session-bar button{color:#fff;background:#1359f5;border-radius:8px;height:42px;font-size:15px;font-weight:850}.admin-login-form button:disabled{opacity:.72;cursor:not-allowed}.admin-login-error{color:#be123c;font-size:13px}.admin-session-bar{justify-content:flex-end;align-items:center;gap:10px;margin-bottom:14px;display:flex}.admin-session-bar span{color:#596376;font-size:13px;font-weight:800}.admin-session-bar button{width:72px;height:34px;font-size:13px}.admin-page-head{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:18px;display:flex}.admin-eyebrow{color:#1359f5;margin-bottom:8px;font-size:13px;font-weight:850;display:inline-flex}.admin-page-head h1{color:#171b22;margin:0 0 8px;font-size:28px;line-height:1}.admin-page-head p{color:#6a7280;margin:0;font-size:14px;font-weight:650}.admin-head-actions{gap:10px;display:flex}.admin-head-actions button{color:#313844;background:#fff;border:1px solid #dfe5ee;border-radius:8px;align-items:center;gap:6px;height:36px;padding:0 13px;font-size:13px;font-weight:800;display:inline-flex}.admin-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.admin-kpi-card,.admin-panel{background:#fff;border:1px solid #e3e8ef;border-radius:8px;box-shadow:0 8px 22px #1421370d}.admin-kpi-card{align-content:center;gap:8px;min-height:128px;padding:18px;display:grid;position:relative}.admin-kpi-card small{color:#687282;font-size:13px;font-weight:750}.admin-kpi-card strong{color:#191f2a;font-size:28px;line-height:1}.admin-kpi-card em{color:#166534;background:#eaf7ef;border-radius:5px;width:max-content;padding:4px 7px;font-size:12px;font-style:normal;font-weight:850}.admin-kpi-icon{border-radius:8px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:16px;right:16px}.admin-kpi-card.blue .admin-kpi-icon{color:#1359f5;background:#eef4ff}.admin-kpi-card.green .admin-kpi-icon{color:#15803d;background:#ecfdf3}.admin-kpi-card.gold .admin-kpi-icon{color:#a16207;background:#fff7dc}.admin-kpi-card.red .admin-kpi-icon{color:#be123c;background:#fff1f3}.admin-layout-grid{grid-template-columns:minmax(0,1.55fr) minmax(260px,.72fr) minmax(260px,.72fr);gap:16px;margin-bottom:16px;display:grid}.admin-bottom-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,.8fr) minmax(280px,.8fr);gap:16px;margin-bottom:16px;display:grid}.admin-roadmap-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.admin-panel{min-width:0;padding:16px}.admin-panel-wide{min-height:310px}.admin-panel-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.admin-panel-head.compact{align-items:center}.admin-panel-head h2{color:#20242c;margin:0;font-size:17px;line-height:1.1}.admin-panel-head p{color:#7a8392;margin:6px 0 0;font-size:13px}.admin-status-pill{color:#9f1239;background:#fff1f3;border:1px solid #ffd9df;border-radius:999px;flex:none;padding:6px 9px;font-size:12px;font-weight:850}.admin-table,.plan-list,.point-flow-list,.order-list,.build-step-list{gap:9px;display:grid}.admin-table-row,.plan-row,.point-flow-row,.order-row,.build-step,.ledger-rule{background:#f8fafc;border:1px solid #edf1f5;border-radius:8px;min-width:0;padding:11px 12px}.admin-table-row{grid-template-columns:minmax(160px,1.2fr) minmax(140px,1fr) 72px 86px;align-items:center;gap:12px;display:grid}.admin-table-row div,.order-row div,.plan-row div{gap:4px;min-width:0;display:grid}.admin-table-row strong,.order-row strong,.plan-row strong,.build-step strong,.ledger-rule strong{color:#20242c;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.admin-table-row span,.order-row span,.plan-row span,.build-step small,.ledger-rule span,.point-flow-row small{color:#778191;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.admin-table-row b{color:#15803d;font-size:14px}.refund-state,.order-row em{color:#166534;background:#e9f8ef;border-radius:5px;justify-self:end;padding:5px 7px;font-size:12px;font-style:normal;font-weight:850}.refund-state.pending{color:#92400e;background:#fff7e6}.refund-action{color:#fff;background:#1359f5;border-radius:7px;justify-self:end;height:30px;padding:0 12px;font-size:12px;font-weight:850}.refund-action:disabled{opacity:.72;cursor:not-allowed}.admin-manager{gap:12px;display:grid}.admin-user-list{gap:8px;display:grid}.admin-user-row{background:#f8fafc;border:1px solid #edf1f5;border-radius:8px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;min-width:0;padding:10px;display:grid}.admin-user-row div{gap:4px;min-width:0;display:grid}.admin-user-row strong,.admin-mini-form strong{color:#20242c;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.admin-user-row span{color:#778191;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.admin-user-row em{color:#7f1d1d;background:#fff1f2;border-radius:5px;padding:4px 7px;font-size:12px;font-style:normal;font-weight:850}.admin-user-row em.is-active{color:#166534;background:#e9f8ef}.admin-user-row button,.admin-mini-form button{color:#1359f5;background:#eef4ff;border:1px solid #1359f52e;border-radius:7px;height:30px;padding:0 10px;font-size:12px;font-weight:850}.admin-user-row button:disabled,.admin-mini-form button:disabled{opacity:.55;cursor:not-allowed}.admin-mini-form{background:#fbfcfe;border:1px solid #edf1f5;border-radius:8px;gap:8px;padding:10px;display:grid}.admin-mini-form input,.admin-mini-form select{color:#20242c;background:#fff;border:1px solid #e4eaf2;border-radius:7px;min-width:0;height:34px;padding:0 10px;font-size:13px}.admin-mini-form select{appearance:none}.admin-manager-notice{color:#1359f5;font-size:13px;font-weight:800}.admin-permission-note{background:#f8fafc;border:1px solid #edf1f5;border-radius:8px;gap:6px;padding:12px;display:grid}.admin-permission-note strong{color:#20242c;font-size:13px}.admin-permission-note span{color:#778191;font-size:12px}.package-manager{gap:9px;display:grid}.package-row{background:#f8fafc;border:1px solid #edf1f5;border-radius:8px;grid-template-columns:minmax(72px,.7fr) minmax(80px,1fr) 66px 76px 56px 58px;align-items:center;gap:7px;min-width:0;padding:10px;display:grid}.package-row.point{grid-template-columns:minmax(72px,.7fr) minmax(80px,1fr) 66px 76px 66px 56px 56px 58px}.package-row strong{color:#20242c;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.package-row input[type=text],.package-row input[type=number],.package-row input:not([type]){color:#20242c;background:#fff;border:1px solid #e4eaf2;border-radius:7px;min-width:0;height:30px;padding:0 8px;font-size:12px}.package-toggle{color:#596376;white-space:nowrap;align-items:center;gap:4px;font-size:12px;font-weight:750;display:inline-flex}.package-toggle input{width:14px;height:14px}.package-row button{color:#1359f5;background:#eef4ff;border:1px solid #1359f52e;border-radius:7px;height:30px;font-size:12px;font-weight:850}.package-row button:disabled{opacity:.6;cursor:not-allowed}.user-manager{gap:9px;display:grid}.user-row{background:#f8fafc;border:1px solid #edf1f5;border-radius:8px;grid-template-columns:minmax(92px,1fr) 72px 72px minmax(78px,.8fr) 52px 58px;align-items:center;gap:7px;min-width:0;padding:10px;display:grid}.user-row div{gap:4px;min-width:0;display:grid}.user-row strong{color:#20242c;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.user-row span{color:#778191;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.user-row b{color:#1359f5;font-size:13px}.user-row input{color:#20242c;background:#fff;border:1px solid #e4eaf2;border-radius:7px;min-width:0;height:30px;padding:0 8px;font-size:12px}.user-row button{color:#1359f5;background:#eef4ff;border:1px solid #1359f52e;border-radius:7px;height:30px;font-size:12px;font-weight:850}.user-row button:disabled{opacity:.6;cursor:not-allowed}.user-detail{background:#fbfcfe;border:1px solid #edf1f5;border-radius:8px;gap:10px;padding:12px;display:grid}.user-detail-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.user-detail-head strong{color:#20242c;font-size:14px}.user-detail-head span{color:#667085;font-size:12px;font-weight:750}.user-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.user-detail section{gap:6px;min-width:0;display:grid}.user-detail h3{color:#384152;margin:0;font-size:12px}.user-detail p{background:#fff;border:1px solid #edf1f5;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;min-width:0;margin:0;padding:7px 8px;display:flex}.user-detail p span{color:#667085;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.user-detail p b{color:#20242c;flex:none;font-size:12px}.user-detail p b.is-plus{color:#15803d}.plan-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.plan-row small{color:#8b94a3;grid-column:1/-1;font-size:12px}.plan-row b,.order-row b{color:#1359f5}.point-flow-row{grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;display:grid}.point-flow-row span{color:#333944;font-size:13px;font-weight:800}.point-flow-row strong{color:#b91c1c}.point-flow-row strong.is-plus{color:#15803d}.point-flow-row small{grid-column:1/-1}.order-row{grid-template-columns:minmax(140px,1fr) minmax(140px,1fr) 70px 74px;align-items:center;gap:10px;display:grid}.build-step{grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;display:grid}.build-step>span{color:#1359f5;background:#eef4ff;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.build-step div{gap:4px;min-width:0;display:grid}.admin-ledger-panel{align-content:start;gap:10px;display:grid}.ledger-rule{gap:5px;display:grid}.recharge-content{margin-top:4px;padding-bottom:56px}.recharge-head{grid-template-columns:minmax(0,1fr) 280px;align-items:end;gap:22px;margin-bottom:18px;display:grid}.recharge-head h1{color:#171b22;margin:0 0 8px;font-size:28px;line-height:1}.recharge-head p{color:#6a7280;margin:0;font-size:14px;font-weight:650}.balance-card{color:#fff;background:linear-gradient(135deg,#1557e8,#1f7aff);border-radius:10px;align-content:center;gap:6px;min-height:108px;padding:18px;display:grid;box-shadow:0 14px 30px #1557e838}.balance-card span,.balance-card small{color:#ffffffc7;font-size:12px;font-weight:750}.balance-card strong{font-size:30px;line-height:1}.recharge-layout{grid-template-columns:minmax(0,1fr) 330px;gap:18px;display:grid}.recharge-main{gap:16px;display:grid}.recharge-section,.recharge-summary{background:#fff;border:1px solid #e3e8ef;border-radius:8px;padding:18px;box-shadow:0 8px 22px #1421370d}.recharge-section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.recharge-section-head h2,.recharge-summary h2{color:#20242c;margin:0;font-size:17px;line-height:1.1}.recharge-section-head span{color:#7a8392;font-size:13px}.recharge-plan-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.recharge-plan,.member-plan-card,.pay-method{text-align:left;min-width:0;transition:border-color .18s var(--ease-out), box-shadow .22s var(--ease-out), transform .18s var(--ease-spring), background-color .18s var(--ease-out);background:#f8fafc;border:1px solid #e8edf4;border-radius:8px;display:grid;position:relative}.recharge-plan{align-content:end;gap:7px;min-height:154px;padding:16px}.recharge-plan.active,.member-plan-card.active,.pay-method.active{background:#f5f8ff;border-color:#1359f56b;box-shadow:0 0 0 3px #1359f514}.recharge-plan:hover,.member-plan-card:hover,.pay-method:hover{transform:translateY(-2px)}.recharge-plan em{color:#fff;background:#1359f5;border-radius:5px;padding:4px 7px;font-size:12px;font-style:normal;font-weight:850;position:absolute;top:10px;right:10px}.recharge-plan strong,.member-plan-card strong,.pay-method strong{color:#20242c;font-size:15px}.recharge-plan b,.member-plan-card b{color:#1359f5;font-size:25px;line-height:1}.recharge-plan span,.member-plan-card span,.pay-method span{color:#5f6876;font-size:13px;font-weight:750}.recharge-plan small,.member-plan-card small{color:#8892a1;font-size:12px}.member-plan-grid,.pay-method-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.member-plan-card{align-content:center;gap:8px;min-height:140px;padding:16px}.member-plan-card svg{color:#a16207}.pay-method-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pay-method{grid-template-columns:28px minmax(0,1fr);align-content:center;gap:4px 10px;min-height:82px;padding:14px}.pay-method svg{color:#1359f5;grid-row:span 2}.pay-method span{font-size:12px;font-weight:650}.recharge-summary{align-self:start;gap:14px;display:grid;position:sticky;top:18px}.summary-line,.summary-total{color:#697384;justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.summary-line strong{color:#20242c}.summary-total{border-top:1px solid #e9edf4;margin-top:4px;padding-top:14px}.summary-total strong{color:#1359f5;font-size:28px}.recharge-submit{color:#fff;background:linear-gradient(135deg,#0f58ff,#246eff);border-radius:8px;height:46px;font-size:16px;font-weight:850;box-shadow:0 12px 24px #0f58ff33}.recharge-submit:disabled{opacity:.72;cursor:not-allowed}.recharge-pay-submit{color:#1359f5;background:#eef4ff;border:1px solid #1359f533;border-radius:8px;height:42px;font-size:15px;font-weight:850}.recharge-pay-submit:disabled{opacity:.72;cursor:not-allowed}.recharge-order-notice{color:#1359f5;margin-top:-4px;font-size:13px;font-weight:750}.invoice-box,.refund-note{background:#f8fafc;border:1px solid #edf1f5;border-radius:8px;grid-template-columns:32px minmax(0,1fr);gap:10px;padding:12px;display:grid}.invoice-box svg,.refund-note svg{color:#1359f5}.invoice-box div,.refund-note div{gap:4px;min-width:0;display:grid}.invoice-box strong,.refund-note strong{color:#20242c;font-size:13px}.invoice-box span,.refund-note span{color:#778191;font-size:12px;line-height:1.45}.prompt-panel{min-height:clamp(190px,12vw,245px);transition:border-color .22s var(--ease-out), box-shadow .26s var(--ease-out), transform .22s var(--ease-spring);background:#fff;border:1px solid #eef0f3;border-radius:9px;grid-template-rows:1fr auto;padding:21px 22px 17px;display:grid;position:relative;box-shadow:0 2px 8px #121d331a}.prompt-panel:before{content:"";border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .24s var(--ease-out);background:linear-gradient(120deg,#0000,#1359f50d,#0000);position:absolute;inset:0}.prompt-panel:focus-within{border-color:#1359f547;transform:translateY(-1px);box-shadow:0 14px 34px #1223461f,0 0 0 4px #1359f50d}.prompt-panel:hover:before,.prompt-panel:focus-within:before{opacity:1}.prompt-panel textarea{resize:none;color:#2e323a;border:0;outline:0;width:100%;min-height:clamp(96px,6.6vw,132px);font-size:16px;line-height:1.6}.prompt-panel textarea::placeholder{color:#9a9da4;font-weight:650}.generate-status{color:#334155;animation:content-rise .26s var(--ease-out) both;background:#f8faff;border:1px solid #e5ecff;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin:0 0 14px;padding:10px 12px;display:flex}.generate-status.is-error{color:#9f1239;background:#fff7f8;border-color:#ffdbe2}.status-copy{gap:3px;min-width:0;display:grid}.status-copy strong{font-size:13px;line-height:1.2}.status-copy span{color:#7c828c;font-size:11px}.file-preview-list{align-items:center;gap:6px;display:flex}.file-preview{border:2px solid #fff;border-radius:7px;width:34px;height:34px;overflow:hidden;box-shadow:0 4px 10px #182a4e1f}.file-preview img{object-fit:cover;width:100%;height:100%}.result-link{color:#1359f5;flex:none;font-size:13px;font-weight:750;text-decoration:none}.result-link:hover{text-decoration:underline}.prompt-actions{justify-content:space-between;align-items:center;gap:16px;display:flex}.size-panel{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:min(760px,100% - 44px);animation:content-rise .22s var(--ease-out) both;background:#fffffff5;border:1px solid #e6ebf3;border-radius:10px;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:0;padding:10px;display:grid;position:absolute;bottom:58px;left:22px;box-shadow:0 18px 42px #182a4e26}.size-option{color:#454b56;text-align:left;min-height:58px;transition:color .18s var(--ease-out), border-color .18s var(--ease-out), background-color .18s var(--ease-out), box-shadow .22s var(--ease-out), transform .18s var(--ease-spring);background:#fff;border:1px solid #e3e7ee;border-radius:8px;align-content:center;gap:4px;padding:10px 9px;display:grid}.size-option strong{font-size:13px;line-height:1.1}.size-option span{color:#8a909a;font-size:11px;line-height:1.1}.size-option:hover,.size-option.active{color:#1359f5;background:#f7f9ff;border-color:#1359f547;transform:translateY(-1px);box-shadow:0 8px 18px #1359f517}.size-option.active{background:#eef4ff}.left-actions{align-items:center;gap:15px;display:flex}.generation-cost{color:#7a8391;white-space:nowrap;margin-left:auto;font-size:13px;font-weight:650}.generation-cost.is-warning,.listing-cost-note.is-warning{color:#d24b35}.chip-btn{color:#4d515a;height:30px;transition:color .18s var(--ease-out), border-color .18s var(--ease-out), background-color .18s var(--ease-out), transform .18s var(--ease-spring);background:#fff;border:1px solid #dfe3e9;border-radius:15px;align-items:center;gap:5px;padding:0 13px;font-weight:650;display:inline-flex;position:relative;overflow:hidden}.chip-btn svg,.chip-btn span,.send-btn svg,.send-btn span{z-index:1;position:relative}.chip-btn:hover{color:#1359f5;background:#f7f9ff;border-color:#1359f547;transform:translateY(-1px)}.chip-btn:active{transform:scale(.98)}.send-btn{color:#fff;min-width:105px;height:38px;transition:box-shadow .22s var(--ease-out), transform .18s var(--ease-spring), filter .18s var(--ease-out);animation:soft-pulse 2.6s var(--ease-out) infinite;background:linear-gradient(135deg,#0f58ff,#246eff);border-radius:20px;justify-content:center;align-items:center;gap:5px;padding:0 19px;font-size:20px;font-weight:750;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 16px #0f58ff2e}.send-btn:disabled{cursor:wait;filter:grayscale(.15)opacity(.78);transform:none}.send-btn:hover{filter:saturate(1.08);transform:translateY(-2px);box-shadow:0 14px 24px #0f58ff42}.send-btn:hover svg{transform:translate(2px,-2px)rotate(-6deg)}.send-btn svg{transition:transform .22s var(--ease-spring)}.send-btn:active{transform:translateY(0)scale(.98)}.section{margin-top:18px;position:relative}.section h2{margin:0 0 17px;font-size:20px;font-weight:800;line-height:1}.popular-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.popular-card{text-align:left;height:clamp(176px,12.5vw,240px);transition:box-shadow .26s var(--ease-out), transform .24s var(--ease-spring), filter .24s var(--ease-out);animation:card-rise .42s var(--ease-out) both;background:#fff;border-radius:8px;position:relative;overflow:hidden;box-shadow:0 2px 10px #17223814}.popular-card:after{content:"";opacity:0;transition:opacity .22s var(--ease-out);pointer-events:none;background:linear-gradient(135deg,#ffffff47,#0000 42%);position:absolute;inset:0}.popular-card:hover{box-shadow:var(--hover-lift);filter:saturate(1.04);transform:translateY(-4px)scale(1.018)}.popular-card:hover:after{opacity:1}.popular-card:active{transform:translateY(-1px)scale(.995)}.popular-card h3{z-index:1;color:#1f242d;margin:0;font-size:21px;font-weight:750;line-height:1.1;position:absolute;top:13px;left:16px}.popular-card img{object-fit:contain;width:100%;height:100%;transition:transform .36s var(--ease-spring);background:#f8fafc}.popular-card:hover img{transform:scale(1.045)}.popular-card:nth-child(2){animation-delay:45ms}.popular-card:nth-child(3){animation-delay:90ms}.popular-card:nth-child(4){animation-delay:.135s}.carousel-controls{color:#b9bec7;align-items:center;gap:8px;display:flex;position:absolute;bottom:-41px;right:0}.round-control{width:20px;height:20px;transition:color .18s var(--ease-out), background-color .18s var(--ease-out), transform .18s var(--ease-spring);place-items:center;display:grid}.carousel-controls:hover .round-control:not(.muted){color:#1359f5;transform:translate(2px)}.round-control.muted{color:#cfd3da;background:#eef0f3;border-radius:50%;transform:rotate(180deg)}.feature-section{margin-top:27px}.feature-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;display:grid}.feature-card{text-align:center;min-height:138px;transition:box-shadow .24s var(--ease-out), transform .22s var(--ease-spring), background-color .18s var(--ease-out);animation:card-rise .42s var(--ease-out) both;background:#fff;border-radius:7px;align-content:center;justify-items:center;gap:8px;padding:16px 12px 17px;display:grid;position:relative;overflow:hidden;box-shadow:0 2px 10px #17223814}.feature-card:before{content:"";opacity:0;transition:opacity .22s var(--ease-out);background:radial-gradient(circle at 50% 0,#1359f514,#0000 58%);position:absolute;inset:0}.feature-card:hover{box-shadow:var(--hover-lift);background:#fbfcff;transform:translateY(-4px)scale(1.02)}.feature-card:hover:before{opacity:1}.feature-card:active{transform:translateY(-1px)scale(.995)}.feature-icon{z-index:1;color:#b3b6bd;width:43px;height:43px;transition:transform .24s var(--ease-spring), filter .18s var(--ease-out);border-radius:50%;place-items:center;display:grid;position:relative}.feature-card:hover .feature-icon{filter:saturate(1.08);transform:scale(1.08)rotate(-2deg)}.feature-icon.peach{color:#e3a37f;background:#fff0e9}.feature-icon.mint{color:#90c9ad;background:#eaf8f2}.feature-icon.blue{color:#a8b9e3;background:#eef3ff}.feature-icon.cyan{color:#97c6ca;background:#eef8f8}.feature-icon.rose{color:#d9a4ad;background:#fff1f3}.feature-icon.violet{color:#c79dca;background:#fbf1fb}.feature-icon.stone{color:#c1aaa9;background:#f7eeee}.feature-copy{z-index:1;gap:5px;display:grid;position:relative}.feature-copy strong{color:#1f242d;font-size:16px;line-height:1.15}.feature-copy small{color:#7c828c;font-size:12px;line-height:1.2}.feature-arrow{color:#747a84;transition:color .18s var(--ease-out), transform .22s var(--ease-spring);position:absolute;top:63px;right:8px}.feature-card:hover .feature-arrow{color:#1359f5;transform:translate(3px)}.feature-card:nth-child(2){animation-delay:40ms}.feature-card:nth-child(3){animation-delay:80ms}.feature-card:nth-child(4){animation-delay:.12s}.feature-card:nth-child(5){animation-delay:.16s}.feature-card:nth-child(6){animation-delay:.2s}.feature-card:nth-child(7){animation-delay:.24s}.sketch-home-page{width:auto;margin:0 var(--page-gutter) 48px;animation:content-rise .42s var(--ease-out) both}.sketch-agent-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,1.5vw,26px);display:grid}.sketch-agent-card{cursor:pointer;background:#fff;border:1px solid #dce2eb;border-radius:8px;flex-direction:column;min-width:0;height:clamp(470px,31vw,530px);padding:clamp(18px,1.5vw,24px);display:flex;box-shadow:0 8px 24px #1927420a}.sketch-agent-card header{align-items:center;gap:13px;display:flex}.sketch-agent-card header>span{color:#1a65ee;background:#eaf1ff;border-radius:6px;place-items:center;width:42px;height:42px;display:grid}.sketch-agent-card header>span img{object-fit:contain;width:25px;height:25px}.sketch-agent-card h1{color:#262a32;margin:0;font-size:clamp(22px,1.75vw,30px);line-height:1.2}.sketch-agent-card>p{color:#747b87;min-height:46px;margin:10px 0 14px;font-size:clamp(12px,.9vw,14px);line-height:1.6}.sketch-agent-images{flex:1;grid-template-columns:1fr 1fr;gap:12px;min-height:0;display:grid}.sketch-agent-images figure{background:#eef1f5;border-radius:7px;min-height:0;margin:0;position:relative;overflow:hidden}.sketch-agent-images img{object-fit:cover;width:100%;height:100%}.sketch-agent-images i{background:0 0;place-items:center;width:32px;height:32px;display:grid;position:absolute;bottom:10px;right:10px}.sketch-agent-images i img{object-fit:contain;width:32px;height:32px}.sketch-agent-card>button{color:#1762ed;cursor:pointer;height:42px;transition:color .18s var(--ease-out), background-color .18s var(--ease-out), box-shadow .22s var(--ease-out), transform .18s var(--ease-spring);background:#fff;border:1.5px solid #1762ed;border-radius:7px;flex:0 0 42px;margin-top:12px;font-size:17px;font-weight:750}.sketch-agent-card>button:hover{color:#fff;background:#1762ed;transform:translateY(-1px);box-shadow:0 10px 22px #1762ed33}.sketch-chat-demo{background:#f3f4f8;border-radius:8px;flex-direction:column;flex:1;justify-content:center;gap:12px;min-height:0;padding:16px;display:flex}.sketch-chat-demo .chat-line{align-items:flex-start;gap:8px;width:100%;display:flex}.sketch-chat-demo .user-line{justify-content:flex-end}.sketch-chat-demo .chat-avatar{object-fit:contain;flex:0 0 30px;width:30px;height:30px}.sketch-chat-demo .gpt-avatar{background:0 0}.openai-mark{object-fit:contain;background:0 0;display:block}.sketch-chat-demo .chat-bubble{place-items:center;width:min(78%,290px);min-height:48px;display:grid;position:relative}.sketch-chat-demo .chat-bubble>img{object-fit:fill;width:100%;height:100%;position:absolute;inset:0}.sketch-chat-demo .chat-bubble>span{z-index:1;padding:10px 14px;font-size:12px;line-height:1.45;position:relative}.sketch-chat-demo .user-bubble>span{color:#fff}.sketch-chat-demo .agent-bubble>span{color:#313740}.sketch-chat-demo .short .chat-bubble{width:min(54%,205px);min-height:42px}.sketch-chat-demo .short .chat-bubble>span{padding:8px 12px}.sketch-chat-demo .openai-mark{width:30px;height:30px}.sketch-case-section{margin-top:34px}.sketch-case-section h2{color:#2c313a;margin:0 0 16px;font-size:20px}.sketch-case-grid{grid-template-rows:1fr 1fr;grid-template-columns:1.05fr .95fr 1.1fr 1fr .9fr;gap:10px;height:clamp(280px,27vw,410px);display:grid}.sketch-case-grid figure{background:#eef1f5;border-radius:7px;min-width:0;min-height:0;margin:0;overflow:hidden}.sketch-case-grid figure:first-child,.sketch-case-grid figure:nth-child(2),.sketch-case-grid figure:nth-child(3),.sketch-case-grid figure:nth-child(4){grid-row:1/3}.sketch-case-grid figure:nth-child(5){grid-area:1/5}.sketch-case-grid figure:nth-child(6){grid-area:2/5}.sketch-case-grid img{object-fit:cover;width:100%;height:100%}.agent-studio-page{width:auto;height:calc(100vh - 118px);margin:0 var(--page-gutter);animation:content-rise .36s var(--ease-out) both;overflow:visible}.agent-studio-heading{border-bottom:1px solid #e8ebf0;grid-template-columns:1fr auto 1fr;align-items:center;height:70px;display:grid}.agent-studio-heading>button{color:#666d78;background:0 0;justify-self:start;align-items:center;gap:5px;padding:8px 10px 8px 4px;display:inline-flex}.agent-studio-heading>div{align-items:center;gap:11px;display:flex}.agent-studio-heading>div img{object-fit:contain;width:30px;height:30px}.agent-studio-heading h1{margin:0;font-size:24px}.agent-studio-heading>span{color:#8a909a;justify-self:end;font-size:13px}.media-agent-heading{border-bottom:0;grid-template-columns:1fr;height:34px;margin-top:-18px}.media-agent-heading>button{align-self:start}.agent-generation-layout{grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);gap:22px;height:clamp(650px,100vh - 210px,900px);padding-top:22px;display:grid}.agent-generation-panel,.agent-preview-panel{background:#fff;border:1px solid #dfe4eb;border-radius:8px;min-width:0;padding:22px}.agent-generation-panel{flex-direction:column;display:flex}.agent-generation-panel>header h2,.agent-preview-panel>header h2{color:#242932;margin:0;font-size:20px}.agent-generation-panel>header p{color:#777f8b;margin:8px 0 18px;font-size:13px;line-height:1.6}.agent-upload-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.agent-upload-slot{background:#f4f6f9;border:1px dashed #cad2de;border-radius:7px;height:clamp(150px,15vw,220px);padding:0;position:relative;overflow:hidden}.agent-upload-slot>img{object-fit:cover;width:100%;height:100%}.agent-upload-slot>span{color:#fff;background:#191f2ab8;border-radius:5px;align-items:center;gap:5px;height:30px;padding:0 10px;font-size:12px;display:inline-flex;position:absolute;bottom:9px;left:9px}.agent-prompt-field{gap:8px;margin-top:16px;display:grid}.agent-prompt-field>span{color:#353b45;font-size:14px;font-weight:600}.agent-prompt-field textarea{resize:none;color:#3c424c;background:#f8f9fb;border:1px solid #e1e5eb;border-radius:7px;width:100%;height:96px;padding:12px;line-height:1.55}.agent-setting-list{gap:9px;margin-top:13px;display:grid}.agent-setting-row{grid-template-columns:76px 1fr;align-items:center;gap:10px;min-height:34px;display:grid}.agent-setting-row>strong{color:#555d69;font-size:13px;font-weight:500}.agent-setting-row>div{flex-wrap:wrap;gap:7px;display:flex}.agent-setting-row button{color:#68707d;background:#f4f6f9;border:1px solid #0000;border-radius:5px;height:30px;padding:0 12px;font-size:12px}.agent-setting-row button.active{color:#1762ed;background:#edf3ff;border-color:#9ebcff}.agent-generate-button{color:#fff;background:#1762ed;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:44px;margin-top:auto;font-weight:650;display:flex}.agent-preview-panel{background:#f7f8fa;flex-direction:column;display:flex}.agent-preview-panel>header,.agent-preview-panel>footer{justify-content:space-between;align-items:center;display:flex}.agent-preview-panel>header span{color:#1762ed;font-size:13px}.agent-preview-canvas{background:#e9ecf1;border-radius:7px;flex:1;place-items:center;min-height:0;margin:16px 0;display:grid;position:relative;overflow:hidden}.agent-preview-canvas>img{object-fit:contain;width:100%;height:100%}.agent-preview-canvas>i{place-items:center;display:grid;position:absolute}.agent-preview-canvas>i img{width:46px;height:46px}.agent-preview-panel>footer{justify-content:flex-end;gap:10px}.agent-preview-panel>footer button{color:#1762ed;background:#fff;border:1px solid #b6c9f3;border-radius:6px;height:36px;padding:0 18px}.agent-chat-workspace{background:#fff;flex-direction:column;height:calc(100% - 70px);margin-top:12px;padding:18px 0 0;display:flex;overflow:hidden}.agent-chat-history{width:auto;min-height:0;margin-right:var(--page-gutter);flex-direction:column;flex:1;gap:14px;padding:0 clamp(20px,4vw,72px) 18px;display:flex;overflow-y:auto}.agent-chat-welcome{justify-items:center;gap:14px;margin:auto;display:grid}.agent-chat-welcome img{object-fit:contain;width:56px;height:56px}.agent-chat-welcome .openai-mark{width:56px;height:56px}.agent-chat-welcome h2{margin:0;font-size:23px}.agent-message{align-items:flex-start;gap:10px;max-width:72%;display:flex}.agent-message.user{flex-direction:row-reverse;align-self:flex-end}.agent-message img{object-fit:contain;width:34px;height:34px}.agent-message .openai-mark{flex:0 0 30px;width:30px;height:30px}.agent-message p{color:#343a44;background:#fff;border:1px solid #dfe4eb;border-radius:7px;margin:0;padding:11px 14px;line-height:1.55}.agent-message.user p{color:#fff;background:#1762ed;border-color:#1762ed}.agent-chat-composer{--composer-left-boundary:calc(clamp(20px, 4vw, 72px) + 44px);z-index:18;width:auto;min-height:126px;margin:0 var(--page-gutter) 8px calc(var(--composer-left-boundary) - 10px);background:#fff;border:1px solid #dfe5ee;border-radius:14px;padding:14px 18px 12px;position:relative;box-shadow:0 12px 30px #1f2b4114}.agent-chat-composer textarea{resize:none;background:0 0;border:0;outline:0;width:100%;height:68px;padding:4px 2px}.agent-chat-composer footer{justify-content:space-between;align-items:center;margin-top:9px;display:flex}.agent-chat-composer footer>span{color:#7a828f;align-items:center;gap:5px;font-size:13px;display:inline-flex}.agent-chat-composer footer button{color:#fff;background:#1762ed;border-radius:6px;place-items:center;width:36px;height:36px;display:grid}.media-agent-chat{background:#fff;flex-direction:column;height:calc(100% - 70px);margin-top:12px;padding:18px 0 0;display:flex;overflow:hidden}.media-agent-history{width:auto;min-height:0;margin:0 var(--page-gutter) 0 0;flex:1;padding:0 clamp(20px,4vw,72px) 18px;overflow-y:auto}.media-chat-turn{grid-template-columns:44px minmax(0,1fr);align-items:start;gap:14px;display:grid}.media-chat-turn+.media-chat-turn{margin-top:26px}.media-chat-avatar{place-items:center;width:44px;height:44px;display:grid}.media-chat-avatar img{object-fit:contain;width:44px;height:44px}.media-chat-avatar .openai-mark{width:42px;height:42px}.media-chat-content{min-width:0}.media-chat-content>p{color:#343a44;background:#fff;border:1px solid #dfe4eb;border-radius:7px;max-width:920px;margin:0;padding:11px 14px;font-size:14px;line-height:1.6}.media-chat-attachments{gap:10px;margin-bottom:10px;display:flex}.media-chat-attachments figure{background:#fff;border:1px solid #dfe4eb;border-radius:7px;width:80px;height:80px;margin:0;position:relative;overflow:hidden}.media-chat-attachments img{object-fit:cover;width:100%;height:100%}.media-chat-attachments figcaption{color:#fff;text-align:center;background:#181e28b8;border-radius:4px;padding:3px 5px;font-size:10px;position:absolute;inset:auto 4px 4px}.media-output-spec{color:#69717d;background:#fff;border:1px solid #dfe4eb;border-radius:5px;margin-top:8px;padding:5px 9px;font-size:12px;display:inline-block}.media-generated-result{background:#eceff3;border-radius:7px;width:clamp(220px,18vw,330px);height:clamp(260px,30vh,430px);position:relative;overflow:hidden}.media-generated-result img{object-fit:contain;width:100%;height:100%}.media-generated-result>i{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.media-generated-result>i img{width:44px;height:44px}.media-result-actions{gap:10px;margin-top:10px;display:flex}.media-result-actions button{color:#55606e;background:#fff;border:1px solid #dce2ea;border-radius:5px;align-items:center;gap:5px;height:34px;padding:0 12px;display:inline-flex}.compact-turn .media-chat-content>p{display:inline-block}.media-agent-loading{color:#7b8390;align-items:center;gap:7px;margin:20px 0 0 58px;font-size:13px;display:flex}.media-agent-loading svg{animation:1.1s linear infinite spin}.media-agent-composer{--composer-left-boundary:calc(clamp(20px, 4vw, 72px) + 58px);z-index:18;width:auto;min-height:174px;margin:0 var(--page-gutter) 8px calc(var(--composer-left-boundary) - 10px);background:#fff;border:1px solid #dfe5ee;border-radius:14px;flex:none;padding:14px 18px 12px;position:relative;box-shadow:0 12px 30px #1f2b4114}.media-composer-label{color:#1762ed;margin-bottom:4px;font-size:14px;font-weight:650}.media-agent-composer textarea{resize:none;color:#343a44;background:0 0;border:0;outline:0;width:100%;height:68px;padding:8px 0;line-height:1.55}.media-composer-footer{justify-content:space-between;align-items:center;gap:14px;display:flex}.media-composer-tools{align-items:center;gap:7px;min-width:0;display:flex;overflow-x:auto}.media-composer-tools button{color:#555e6b;background:#f5f7fa;border:1px solid #e1e5eb;border-radius:5px;flex:none;align-items:center;gap:5px;height:34px;padding:0 11px;font-size:12px;display:inline-flex}.media-composer-submit{flex:none;align-items:center;gap:12px;display:flex}.media-composer-submit>span{color:#737c89;font-size:12px}.media-composer-submit>button{color:#fff;background:#1762ed;border-radius:6px;place-items:center;width:38px;height:38px;display:grid}.workspace.is-material,.workspace.is-recharge{background:#f7f8fa;min-height:100vh}.material-library-page{width:auto;margin:0 var(--page-gutter) 36px;animation:content-rise .42s var(--ease-out) both}.material-toolbar{grid-template-columns:1fr auto auto;align-items:start;gap:28px;min-height:74px;display:grid}.material-tabs{gap:12px;display:flex}.material-tabs button{color:#272c36;background:#fff;border-radius:22px;min-width:104px;height:44px;font-size:17px;font-weight:750}.material-tabs button.active{color:#fff;background:#232734}.material-capacity{width:260px}.material-capacity>div:first-child{color:#737a86;justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.material-capacity b{color:#a85a00}.material-capacity button{color:#9b5a00;background:#ffe0a3;border-radius:14px;height:27px;padding:0 13px;font-size:12px;font-weight:750}.capacity-track{background:#dde2eb;border-radius:5px;height:8px;margin-top:8px;display:flex;overflow:hidden}.capacity-track i:first-child{background:#1b6ff2;width:48%}.capacity-track i:last-child{background:#10bc81;width:22%}.material-capacity small{color:#38404b;align-items:center;gap:6px;margin-top:7px;font-size:12px;display:flex}.material-capacity small span{background:#1b6ff2;border-radius:50%;width:7px;height:7px}.material-capacity small span:nth-of-type(2){background:#10bc81;margin-left:8px}.batch-manage{color:#303642;background:#eceff4;border-radius:7px;align-items:center;gap:8px;height:44px;padding:0 17px;font-size:14px;font-weight:750;display:flex}.material-grid-shell{background:#fff;border:1px solid #e0e4ea;border-radius:8px;min-height:620px;padding:20px}.material-card-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.material-card{aspect-ratio:.82;background:#edf0f4;border-radius:7px;position:relative;overflow:hidden}.material-card img{object-fit:cover;width:100%;height:100%;transition:transform .26s var(--ease-spring)}.material-card:hover img{transform:scale(1.035)}.material-card>span{color:#fff;background:#161c269e;border-radius:4px;padding:3px 6px;font-size:10px;position:absolute;top:8px;left:8px}.material-card>i{color:#fff;background:#161c26a6;border:2px solid #fff;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.material-pagination{justify-content:flex-end;align-items:center;gap:8px;min-height:70px;display:flex}.material-pagination button{color:#323844;background:#fff;border:1px solid #0000;border-radius:6px;place-items:center;width:36px;height:36px;font-weight:750;display:grid}.material-pagination button.active{color:#1762ed;border-color:#1762ed}.material-pagination button:disabled{color:#b5bbc5}.material-pagination>span{color:#59616f;background:#fff;border:1px solid #dfe3e9;border-radius:6px;margin-left:12px;padding:9px 13px;font-size:13px}.collab-workspace-page{width:auto;margin:0 var(--page-gutter) 48px;animation:content-rise .42s var(--ease-out) both}.collab-hero{justify-content:space-between;align-items:start;gap:20px;min-height:86px;display:flex}.collab-eyebrow{color:#6d7582;margin-bottom:8px;font-size:13px;font-weight:750;display:inline-flex}.collab-hero h1{color:#20242c;letter-spacing:0;margin:0;font-size:clamp(28px,3vw,42px);line-height:1.05}.collab-stats{grid-template-columns:repeat(4,minmax(78px,1fr));gap:10px;display:grid}.collab-stats span{color:#667180;background:#fff;border:1px solid #e2e7ef;border-radius:8px;gap:4px;min-width:0;padding:12px 14px;font-size:12px;font-weight:700;display:grid}.collab-stats b{color:#20242c;font-size:22px;line-height:1}.collab-layout{grid-template-columns:minmax(360px,.74fr) minmax(520px,1fr);grid-template-areas:"submit board""detail detail";align-items:stretch;gap:16px;display:grid}.collab-submit-panel{grid-area:submit}.collab-board{grid-area:board}.collab-detail-panel{grid-area:detail;min-height:0}.collab-submit-panel,.collab-board,.collab-detail-panel{background:#fff;border:1px solid #e1e6ee;border-radius:8px;min-width:0;box-shadow:0 8px 22px #1421370d}.collab-submit-panel{gap:13px;padding:18px;display:grid}.collab-submit-panel header,.collab-board-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.collab-submit-panel header{color:#20242c;justify-content:flex-start;font-size:16px}.collab-submit-panel label{gap:7px;min-width:0;display:grid}.collab-submit-panel label>span{color:#5e6876;font-size:13px;font-weight:800}.collab-submit-panel textarea{resize:vertical;color:#20242c;background:#f8fafc;border:1px solid #dfe5ee;border-radius:8px;width:100%;min-height:132px;padding:12px 13px;line-height:1.5}.collab-upload,.collab-primary,.collab-actions button{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;font-weight:850;display:inline-flex}.collab-upload{color:#1359f5;background:#eef4ff;border:1px dashed #1359f559}.collab-primary,.collab-actions button:nth-child(3){color:#fff;background:#1359f5}.collab-file-chips{flex-wrap:wrap;gap:8px;display:flex}.collab-file-chips span{color:#596475;background:#f5f7fa;border:1px solid #e3e8ef;border-radius:999px;align-items:center;gap:5px;max-width:100%;height:28px;padding:0 9px;font-size:12px;display:inline-flex}.file-input{display:none}.collab-board{gap:12px;padding:14px;display:grid}.collab-filter-tabs{flex-wrap:wrap;gap:8px;display:flex}.collab-filter-tabs button{color:#687386;background:#f5f7fa;border:1px solid #e1e6ee;border-radius:7px;height:34px;padding:0 12px;font-size:13px;font-weight:800}.collab-filter-tabs button.active{color:#1359f5;background:#edf4ff;border-color:#1359f547}.collab-request-list{gap:10px;max-height:420px;padding-right:4px;display:grid;overflow:auto}.collab-request-card{color:#20242c;text-align:left;background:#fff;border:1px solid #e4e9f0;border-radius:8px;gap:9px;width:100%;min-width:0;padding:13px;display:grid}.collab-request-card.active{border-color:#1359f56b;box-shadow:0 0 0 3px #1359f514}.collab-request-card strong{color:#20242c;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.45;display:-webkit-box;overflow:hidden}.collab-request-card footer{color:#8993a2;justify-content:space-between;gap:10px;font-size:12px;display:flex}.collab-request-card footer span{align-items:center;gap:5px;display:inline-flex}.collab-status{color:#687386;background:#f1f3f6;border-radius:999px;width:max-content;padding:4px 8px;font-size:12px;font-weight:850}.collab-status.received{color:#1359f5;background:#edf4ff}.collab-status.processing{color:#a85a00;background:#fff5e5}.collab-status.completed{color:#13754a;background:#e9f8ef}.collab-status.voided{color:#596273;background:#eef1f5}.collab-detail-panel{gap:16px;padding:18px;display:grid}.collab-detail-panel header{gap:9px;display:grid}.collab-detail-panel h2{color:#20242c;margin:0;font-size:20px}.collab-detail-panel p{color:#566172;margin:0;font-size:14px;line-height:1.65}.collab-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.collab-meta-grid span{color:#20242c;background:#f7f9fc;border:1px solid #edf1f6;border-radius:8px;gap:4px;min-width:0;padding:11px 12px;font-size:13px;display:grid}.collab-meta-grid b{color:#87909f;font-size:12px}.collab-asset-section{gap:10px;display:grid}.collab-asset-section h3{color:#20242c;margin:0;font-size:15px}.collab-asset-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.collab-asset-card{color:inherit;text-decoration:none}.collab-asset-grid article{background:#f8fafc;border:1px solid #e4e9f0;border-radius:8px;grid-template-rows:112px auto auto;gap:7px;min-width:0;padding:9px;display:grid;overflow:hidden}.collab-asset-preview{color:#8a94a3;background:#eef2f7;border-radius:6px;place-items:center;display:grid;overflow:hidden}.collab-asset-grid img{object-fit:cover;width:100%;height:100%}.collab-asset-grid span{color:#384152;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;overflow:hidden}.collab-asset-grid i{color:#1359f5;align-items:center;gap:5px;font-size:12px;font-style:normal;font-weight:800;display:inline-flex}.collab-actions{flex-wrap:wrap;gap:10px;display:flex}.collab-actions button{color:#596475;background:#f5f7fa;border:1px solid #e1e6ee;min-width:92px;padding:0 14px}.collab-actions button:nth-child(3){border-color:#0000}.collab-empty-note,.collab-empty-detail,.collab-notice{color:#8a93a1;font-size:13px}.collab-empty-detail{place-items:center;min-height:180px;display:grid}.collab-notice{margin:0}.sketch-recharge-page{width:min(1440px, calc(100vw - 160px - var(--page-gutter) * 2));animation:content-rise .42s var(--ease-out) both;margin:0 auto 48px}.sketch-plan-grid{grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:clamp(12px,1.4vw,24px);padding-top:48px;display:grid}.sketch-plan-card{background:#fff;border:1px solid #e0e4eb;border-radius:8px;flex-direction:column;align-items:center;min-width:0;min-height:430px;padding:30px 24px 24px;display:flex;position:relative;box-shadow:0 9px 24px #18263f0d}.sketch-plan-card.featured{border:2px solid #1762ed;min-height:466px;margin-top:-18px;box-shadow:0 17px 36px #1762ed29}.sketch-plan-card em{color:#fff;white-space:nowrap;background:#1762ed;border-radius:17px;padding:7px 22px;font-size:12px;font-style:normal;font-weight:800;position:absolute;top:-17px;left:50%;transform:translate(-50%)}.sketch-plan-card h2{margin:0;font-size:24px}.sketch-plan-card>strong{color:#555d6a;margin-top:14px;font-size:17px}.sketch-plan-card>b{color:#171b22;margin-top:18px;font-size:clamp(36px,3vw,50px);line-height:1}.sketch-plan-card ul{gap:16px;width:100%;margin:32px 0 24px;padding:0;list-style:none;display:grid}.sketch-plan-card li{color:#5e6673;align-items:center;gap:9px;font-size:13px;font-weight:650;display:flex}.sketch-plan-card li svg{color:#1762ed;flex:none}.sketch-plan-card>button{color:#1762ed;opacity:1;cursor:not-allowed;background:#fff;border:1.5px solid #1762ed;border-radius:7px;width:100%;height:44px;margin-top:auto;font-size:15px;font-weight:800}.sketch-plan-card.featured>button{color:#fff;background:#1762ed}.enterprise-custom{background:#fff;border:1px solid #dfe4eb;border-radius:8px;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:18px;min-height:112px;margin-top:46px;padding:22px 30px;display:grid}.enterprise-custom>svg{color:#1762ed}.enterprise-custom h2{margin:0 0 7px;font-size:22px}.enterprise-custom p{color:#687180;margin:0;font-size:14px}.enterprise-custom button{color:#1762ed;opacity:1;cursor:not-allowed;background:#eef4ff;border:1px solid #cbdcff;border-radius:7px;height:42px;padding:0 22px;font-weight:800}.module-search{color:#8e96a3;width:400px;height:45px;transition:border-color .22s var(--ease-out), box-shadow .24s var(--ease-out), background-color .18s var(--ease-out), transform .22s var(--ease-spring);background:#f7f8fa;border:1px solid #eceff4;border-radius:8px;align-items:center;gap:12px;padding:0 16px;display:flex}.module-search:focus-within,.module-search:hover{background:#fff;border-color:#1359f53d;transform:translateY(-1px);box-shadow:0 10px 24px #182a4e17}.module-search input{color:#252a33;background:0 0;border:0;outline:0;width:100%;font-size:15px}.module-search input::placeholder{color:#9a9fa8}.commerce-section{animation:content-rise .42s var(--ease-out) both;margin-top:28px}.commerce-section:first-child{margin-top:0}.commerce-section:nth-child(2){animation-delay:70ms}.commerce-section:nth-child(3){animation-delay:.14s}.commerce-section h2{color:#1f242d;margin:0 0 14px;font-size:21px;font-weight:800;line-height:1;display:inline-block;position:relative}.commerce-section h2:after,.section h2:after{content:"";transform-origin:0;width:18px;height:3px;transition:transform .22s var(--ease-out), width .22s var(--ease-out);background:#1359f5;border-radius:999px;margin-top:7px;display:block;transform:scaleX(.75)}.commerce-section:hover h2:after,.section:hover h2:after{width:34px;transform:scaleX(1)}.commerce-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;display:grid}.commerce-creation-groups{grid-template-columns:repeat(6,minmax(0,1fr));justify-content:start;gap:18px;display:grid}.commerce-creation-group{background:0 0;border:0;border-radius:0;grid-area:1/span 2;min-width:0;padding:0}.commerce-creation-group.video{background:0 0;border-color:#0000}.commerce-creation-group.video:before{content:none}.commerce-creation-groups>.commerce-feature-grid{grid-area:2/span 2;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.commerce-card.is-video-tool{box-shadow:0 2px 8px #17223814}.commerce-card{transition:box-shadow .26s var(--ease-out), transform .24s var(--ease-spring), filter .22s var(--ease-out);animation:card-rise .42s var(--ease-out) both;background:0 0;border-radius:6px;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 2px 8px #17223814}.commerce-card:after{content:"";opacity:0;pointer-events:none;transition:opacity .22s var(--ease-out);background:linear-gradient(135deg,#ffffff61,#0000 42%);position:absolute;inset:0}.commerce-card img{aspect-ratio:480/530;object-fit:cover;width:100%;transition:transform .36s var(--ease-spring);border-radius:6px;display:block}.commerce-card:hover{box-shadow:var(--hover-lift);filter:saturate(1.04);transform:translateY(-5px)scale(1.025)}.commerce-card:hover:after{opacity:1}.commerce-card:hover img{transform:scale(1.035)}.commerce-card:active{transform:translateY(-1px)scale(.995)}.commerce-card.is-disabled{cursor:not-allowed;filter:grayscale();opacity:.46;box-shadow:0 2px 8px #1722380a}.commerce-card.is-disabled:before{content:"暂未开放";z-index:2;color:#fff;background:#272b33ad;border-radius:5px;padding:5px 8px;font-size:12px;font-weight:800;line-height:1;position:absolute;top:10px;right:10px}.commerce-card.is-disabled:hover{filter:grayscale();transform:none;box-shadow:0 2px 8px #1722380a}.commerce-card.is-disabled:hover:after{opacity:0}.commerce-card.is-disabled:hover img{transform:none}.commerce-card:nth-child(2){animation-delay:35ms}.commerce-card:nth-child(3){animation-delay:70ms}.commerce-card:nth-child(4){animation-delay:.105s}.commerce-card:nth-child(5){animation-delay:.14s}.commerce-card:nth-child(6){animation-delay:.175s}.commerce-card:nth-child(n+7){animation-delay:.21s}.video-studio-workspace{--video-studio-height:calc(100vh - 138px);min-height:calc(100vh - 118px);margin-right:var(--page-gutter);padding-left:var(--page-gutter);grid-template-columns:480px minmax(0,1fr);gap:24px;display:grid}.video-studio-form{height:var(--video-studio-height);min-height:602px;animation:listing-page-enter .26s var(--ease-out) both;background:#fff;border:1px solid #e4e8ef;border-radius:14px;grid-template-rows:minmax(0,1fr) auto;padding:22px 24px 16px;display:grid;overflow:hidden;box-shadow:0 14px 34px #1421370f}.video-studio-scroll{scrollbar-width:thin;scrollbar-color:#cbd2dc transparent;align-content:start;gap:20px;min-height:0;margin-right:-12px;padding:0 12px 24px 0;display:grid;overflow-y:auto}.video-studio-title{align-items:center;gap:12px;display:flex}.video-studio-title>span{color:#1359f5;background:#eaf2ff;border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.video-studio-title h1,.video-studio-preview h2{color:#20242c;margin:0;font-size:19px;font-weight:850}.video-studio-title p,.video-studio-preview header p{color:#8a93a1;margin:4px 0 0;font-size:12px}.video-studio-panel{border-bottom:1px solid #edf0f5;gap:12px;padding-bottom:20px;display:grid}.video-studio-panel h2{color:#252a33;margin:0;font-size:15px;font-weight:850}.video-studio-upload{color:#8d96a4;min-height:126px;transition:color .18s var(--ease-out), border-color .18s var(--ease-out), background-color .18s var(--ease-out);background:#fafbfd;border:2px dashed #dfe5ee;border-radius:10px;align-content:center;place-items:center;gap:7px;padding:15px;display:grid}.video-studio-upload:hover{color:#1359f5;background:#f6f9ff;border-color:#b9cff7}.video-studio-upload strong{color:#3c4450;font-size:14px}.video-studio-upload>span{font-size:12px}.video-studio-file-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;display:grid}.video-studio-file-list:has(figure:only-child){grid-template-columns:minmax(0,1fr)}.video-studio-file-list figure{background:#e9edf3;border-radius:8px;height:112px;margin:0;position:relative;overflow:hidden}.video-studio-file-list img,.video-studio-file-list video{object-fit:cover;width:100%;height:100%;display:block}.video-studio-file-list figcaption{color:#fff;background:#191f2ab3;border-radius:5px;padding:4px 7px;font-size:11px;font-weight:750;position:absolute;bottom:8px;left:8px}.video-studio-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.video-studio-heading button{color:#2f7bff;background:#f0f6ff;border:1px solid #dceaff;border-radius:15px;align-items:center;gap:5px;height:29px;padding:0 9px;font-size:12px;font-weight:800;display:inline-flex}.video-studio-panel textarea{color:#343b47;resize:vertical;background:#fff;border:1px solid #dfe4ec;border-radius:9px;outline:0;min-height:128px;padding:12px 13px;line-height:1.55}.video-studio-panel textarea:focus{border-color:#9cbcf5;box-shadow:0 0 0 3px #1359f512}.video-selling-points{min-height:96px!important}.video-reference-upload{color:#8993a2;background:#fafbfd;border:1px dashed #d9e0ea;border-radius:9px;place-items:center;gap:5px;min-height:92px;padding:14px;display:grid}.video-reference-upload:hover{color:#1359f5;border-color:#aec8f6}.video-reference-upload.has-file{text-align:left;grid-template-columns:78px minmax(0,1fr);justify-items:start}.video-reference-upload video{object-fit:cover;background:#e8ebf0;border-radius:6px;width:78px;height:62px}.video-reference-upload strong{color:#3f4753;font-size:13px}.video-reference-upload span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;overflow:hidden}.video-link-import{color:#8b94a2;background:#fff;border:1px solid #dfe4ec;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;height:42px;padding:0 8px 0 12px;display:grid}.video-link-import:focus-within{border-color:#9cbcf5;box-shadow:0 0 0 3px #1359f512}.video-link-import input{color:#343b47;background:0 0;border:0;outline:0;min-width:0;height:100%}.video-link-import button{color:#fff;background:#1359f5;border-radius:6px;height:28px;padding:0 11px;font-size:12px;font-weight:800}.video-link-import button:disabled{color:#a8afba;background:#eceef2}.video-auth-check{color:#747d8a;grid-template-columns:16px minmax(0,1fr);align-items:start;gap:8px;font-size:11px;line-height:1.5;display:grid}.video-auth-check input{accent-color:#1359f5;width:15px;height:15px;margin:1px 0 0}.video-market-summary{color:#4f5866;background:#f7f8fa;border:1px solid #eceff3;border-radius:8px;align-items:center;gap:9px;min-height:46px;padding:0 12px;font-size:12px;font-weight:750;display:flex}.video-market-summary i{background:#aeb5c0;border-radius:50%;flex:none;width:3px;height:3px}.video-market-summary svg{color:#9ca5b2;margin-left:auto}.video-mode-tabs{background:#f1f3f6;border-radius:8px;grid-template-columns:repeat(2,1fr);height:38px;padding:3px;display:grid}.video-mode-tabs button{color:#77808e;border-radius:6px;font-size:12px;font-weight:800}.video-mode-tabs button.active{color:#20252d;background:#fff;box-shadow:0 2px 7px #1c273817}.video-type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.video-type-grid button{color:#707987;text-align:left;background:#fafbfd;border:1px solid #e5e9ef;border-radius:8px;align-content:center;justify-items:start;gap:3px;min-height:58px;padding:9px 10px;display:grid}.video-type-grid button:hover{border-color:#c7d7f4}.video-type-grid button.active{color:#1359f5;background:#f2f6ff;border-color:#9ebcf1;box-shadow:inset 0 0 0 1px #1359f514}.video-type-grid strong{color:#353c48;font-size:12px}.video-type-grid button.active strong{color:#1359f5}.video-type-grid span{font-size:10px;line-height:1.35}.video-custom-script{min-height:156px!important}.video-config-panel{gap:14px}.video-studio-heading>span{color:#1359f5;background:#eef4ff;border-radius:999px;align-items:center;height:27px;padding:0 10px;font-size:12px;font-weight:850;display:inline-flex}.video-select-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.video-select-grid label{gap:6px;display:grid}.video-select-grid label>span{color:#6f7886;font-size:12px;font-weight:800}.video-select-grid select{color:#303846;background:#f7f8fa;border:1px solid #dce2eb;border-radius:8px;outline:none;width:100%;height:38px;padding:0 10px;font-size:13px;font-weight:750}.video-select-grid select:focus{border-color:#9db9f5;box-shadow:0 0 0 3px #1359f51a}.video-variation-panel,.video-model-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}.video-variation-panel p,.video-model-row p{color:#8a93a1;margin:5px 0 0;font-size:11px}.video-stepper{background:#f5f6f8;border:1px solid #e2e6ec;border-radius:7px;grid-template-columns:32px 36px 32px;align-items:center;height:34px;display:grid;overflow:hidden}.video-stepper button,.video-stepper strong{place-items:center;height:100%;display:grid}.video-stepper button{color:#6c7583;font-size:17px}.video-stepper button:hover{color:#1359f5;background:#eef4ff}.video-stepper strong{color:#303743;background:#fff;border-left:1px solid #e2e6ec;border-right:1px solid #e2e6ec;font-size:13px}.video-setting-row{grid-template-columns:76px minmax(0,1fr);align-items:center;gap:10px;display:grid}.video-setting-row>span{color:#687180;font-size:13px;font-weight:750}.video-setting-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.video-setting-options button{color:#596273;background:#f2f4f7;border:1px solid #0000;border-radius:7px;height:34px;font-size:12px;font-weight:750}.video-setting-options button.active{color:#1359f5;background:#edf4ff;border-color:#bdd1f7}.video-voice-toggle{color:#737c89;justify-self:start;align-items:center;gap:8px;font-size:12px;font-weight:800;display:inline-flex}.video-voice-toggle i{background:#d7dce4;border-radius:999px;width:39px;height:22px;position:relative}.video-voice-toggle i:after{content:"";width:16px;height:16px;transition:transform .18s var(--ease-spring);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 5px #1e2a3c2e}.video-voice-toggle.active{color:#1359f5}.video-voice-toggle.active i{background:#1359f5}.video-voice-toggle.active i:after{transform:translate(17px)}.video-studio-notice{color:#21664a;background:#eff9f4;border:1px solid #d2ecdf;border-radius:8px;align-items:center;gap:8px;padding:11px 12px;font-size:12px;line-height:1.4;display:flex}.video-studio-notice.is-error{color:#a33b3b;background:#fff1f1;border-color:#f3d0d0}.video-studio-notice>div{gap:2px;min-width:0;display:grid}.video-studio-notice strong,.video-studio-notice span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.video-studio-notice a{color:#1359f5;white-space:nowrap;margin-left:auto;font-weight:850}.video-studio-submit{color:#fff;background:#1359f5;border-radius:9px;justify-content:center;align-items:center;gap:8px;height:54px;font-size:17px;font-weight:850;display:flex;box-shadow:0 12px 24px #1359f533}.video-studio-submit:disabled{color:#aeb5c0;box-shadow:none;background:#eceef2}.video-studio-preview{height:var(--video-studio-height);background:#f4f5f7;border:1px solid #e1e5ec;border-radius:14px;grid-template-rows:auto minmax(0,1fr) auto;gap:20px;min-width:0;min-height:602px;padding:28px clamp(28px,4vw,58px);display:grid;overflow:hidden}.video-studio-preview>header{justify-content:space-between;align-items:center;gap:16px;display:flex}.video-studio-preview>header>span{color:#1359f5;background:#e7efff;border-radius:7px;padding:7px 10px;font-size:12px;font-weight:850}.video-preview-stage{aspect-ratio:9/16;background:#e5e8ed;border:1px solid #d9dee7;border-radius:12px;justify-self:center;place-items:center;max-width:100%;height:100%;min-height:0;display:grid;overflow:hidden;box-shadow:0 18px 42px #1924371c}.video-preview-stage.ratio-3-4{aspect-ratio:3/4}.video-preview-stage.ratio-1-1{aspect-ratio:1}.video-preview-stage.ratio-16-9{aspect-ratio:16/9;align-self:center;width:min(100%,760px);height:auto}.video-preview-stage>img,.video-preview-stage>video{object-fit:cover;width:100%;height:100%;display:block}.video-preview-empty{color:#9ba4b1;text-align:center;justify-items:center;gap:10px;padding:28px;display:grid}.video-preview-empty strong{color:#596272;font-size:15px}.video-preview-empty span{max-width:220px;font-size:12px;line-height:1.55}.video-preview-progress{color:#657184;text-align:center;background:#ffffffd6;border:1px solid #cfd8e6e6;border-radius:14px;align-content:center;place-items:center;gap:10px;width:min(78%,320px);min-height:210px;padding:28px;display:grid;box-shadow:0 18px 44px #19243721}.video-preview-progress svg{color:#1359f5;animation:.9s linear infinite video-spin}.video-preview-progress strong{color:#303846;font-size:15px;font-weight:850}.video-preview-progress span,.video-preview-progress small{color:#8791a0;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;overflow:hidden}.video-preview-progress.is-error svg,.video-preview-progress.is-error strong{color:#b42338}.video-preview-timeline{grid-template-columns:repeat(4,1fr);align-items:center;gap:6px;display:grid}.video-preview-timeline>span{background:#d7dce5;border-radius:999px;height:4px}.video-preview-timeline>span.active{background:#1359f5}.video-preview-timeline small{color:#929aa7;text-align:center;grid-column:1/-1;margin-top:5px;font-size:11px}.listing-workspace{--listing-panel-height:calc(100vh - 138px);min-height:calc(100vh - 118px);margin-right:var(--page-gutter);padding:0 0 0 var(--page-gutter);background:0 0;grid-template-columns:480px minmax(0,1fr);justify-content:stretch;align-items:stretch;gap:24px;animation:none;display:grid;position:relative}.listing-workspace:after{content:none}.listing-form-column{z-index:1;height:var(--listing-panel-height);min-height:602px;animation:listing-page-enter .26s var(--ease-out) both;background:#fff;border:1px solid #e4e8ef;border-radius:14px;grid-template-rows:1fr auto;margin:4px 0 0;padding:22px 24px 16px;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 34px #1421370f}.listing-form-scroll{scrollbar-width:thin;scrollbar-color:#cbd2dc transparent;align-content:start;gap:18px;min-height:0;margin-right:-12px;padding:0 12px 24px 0;display:grid;overflow-y:auto}.listing-mini-title{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.listing-mini-title span{color:#1f242d;font-size:19px;font-weight:850}.listing-mini-title small{color:#98a0ad;font-size:12px}.listing-panel{box-shadow:none;background:0 0;border:0;border-radius:0;gap:12px;padding:0;display:grid}.listing-panel h2,.listing-heading-row h2,.module-heading{color:#20242c;align-items:center;gap:4px;margin:0;font-size:16px;font-weight:850;line-height:1.2;display:inline-flex}.listing-upload{color:#9aa2ae;height:104px;transition:border-color .18s var(--ease-out), box-shadow .22s var(--ease-out), transform .18s var(--ease-spring), background-color .18s var(--ease-out);background:#fff;border:2px dashed #e3e8f0;border-radius:12px;align-content:center;place-items:center;gap:8px;display:grid}.listing-upload.has-files{border-style:solid;border-color:#dbe5f3;align-content:center;gap:7px;padding:10px}.listing-upload strong{color:#333944;background:#f4f6f9;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;display:inline-flex}.listing-upload span{font-size:14px;font-weight:650}.listing-upload-previews{grid-template-columns:repeat(3,48px);justify-content:center;gap:10px;width:100%;min-height:0;display:grid}.listing-upload-preview{background:#f7f9fc;border:1px solid #e4e9f1;border-radius:8px;place-items:center;width:48px;height:48px;display:grid;overflow:hidden}.listing-upload-preview img{object-fit:contain;width:100%;height:100%}.listing-upload:hover{background:#fbfcff;border-color:#1359f547;transform:translateY(-2px);box-shadow:0 14px 28px #182a4e14}.listing-status{color:#334155;background:#f8faff;border:1px solid #e5ecff;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.listing-status.is-error{color:#9f1239;background:#fff7f8;border-color:#ffdbe2}.listing-ratio-control{gap:8px;display:grid}.listing-ratio-control label{color:#6a7280;font-size:13px;font-weight:750}.listing-ratio-select{position:relative}.listing-ratio-select select{appearance:none;color:#343944;width:100%;height:42px;transition:background-color .18s var(--ease-out), color .18s var(--ease-out), transform .18s var(--ease-spring);background:#f3f4f7;border:0;border-radius:8px;outline:none;padding:0 12px;font-size:14px;font-weight:700}.listing-ratio-select svg{color:#7b8390;pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.listing-ratio-select select:hover,.listing-ratio-select select:focus{color:#1359f5;background:#eef4ff;box-shadow:0 0 0 3px #1359f514}.listing-heading-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.ai-write-btn{color:#2f7bff;background:#f0f6ff;border:1px solid #dceaff;border-radius:16px;align-items:center;gap:5px;height:30px;padding:0 10px;font-size:13px;font-weight:800;display:inline-flex}.listing-brief{color:#333944;resize:vertical;min-height:126px;transition:border-color .18s var(--ease-out), box-shadow .22s var(--ease-out);background:#fff;border:1px solid #e4e8ef;border-radius:10px;outline:none;padding:12px 14px;line-height:1.55}.listing-brief:focus{border-color:#1359f557;box-shadow:0 0 0 4px #1359f50f}.module-heading{margin-top:6px}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.module-tile{text-align:left;color:#333944;min-height:70px;transition:background-color .18s var(--ease-out), border-color .18s var(--ease-out), box-shadow .22s var(--ease-out), transform .18s var(--ease-spring);background:#f1f3f6;border:1px solid #0000;border-radius:8px;align-content:center;gap:5px;padding:12px 12px 12px 42px;display:grid;position:relative}.module-tile:hover,.module-tile.active{background:#f6f9ff;border-color:#1359f52e;transform:translateY(-1px);box-shadow:0 10px 22px #182a4e0f}.module-check{color:#fff;background:#fff;border:1px solid #d5dbe5;border-radius:5px;place-items:center;width:18px;height:18px;display:grid;position:absolute;top:18px;left:16px}.module-tile.active .module-check{background:#2f7bff;border-color:#2f7bff}.module-tile strong{font-size:14px;line-height:1.15}.module-tile small{color:#8a929e;font-size:12px}.listing-submit{z-index:2;color:#fff;height:54px;transition:transform .18s var(--ease-spring), background-color .18s var(--ease-out), box-shadow .22s var(--ease-out);background:#4b4d51;border-radius:9px;margin-top:8px;font-size:18px;font-weight:850;position:relative;box-shadow:0 12px 28px #182a4e1f}.listing-cost-note{z-index:2;color:#737c8a;text-align:center;min-height:18px;margin-top:14px;font-size:13px;font-weight:650;position:relative}.listing-submit:not(:disabled){background:linear-gradient(135deg,#0f58ff,#246eff)}.listing-submit:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 14px 26px #0f58ff3d}.listing-preview-column{height:var(--listing-panel-height);max-height:var(--listing-panel-height);contain:layout paint size;background:#f4f5f7;border:1px solid #e1e5ec;border-radius:14px;grid-template-rows:minmax(0,1fr);align-content:stretch;place-items:stretch stretch;gap:0;min-height:602px;margin:4px 0 0;padding:44px clamp(30px,4vw,64px) 40px;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffffb8}.album-viewer{width:100%;height:100%;min-height:0;animation:listing-content-fade .22s var(--ease-out) both;grid-template-rows:minmax(0,1fr) 112px;align-self:stretch;gap:16px;display:grid}.album-main-card{background:#fff;border:1px solid #e2e7ef;border-radius:16px;grid-template-rows:minmax(0,1fr) 94px;align-self:stretch;height:100%;min-height:0;display:grid;overflow:hidden;box-shadow:0 18px 44px #14213717}.album-main-visual,.album-main-visual a{place-items:center;width:100%;height:100%;min-height:0;display:grid;overflow:hidden}.album-main-visual{background:linear-gradient(145deg,#f8fbff,#eef3fa);padding:clamp(18px,2.4vw,34px);position:relative;overflow:hidden}.album-main-visual img{object-fit:contain;background:#f8fafc;width:100%;min-width:0;height:100%;min-height:0;display:block}.album-generating{color:#2f7bff;text-align:center;align-content:center;place-items:center;gap:10px;height:100%;min-height:0;padding:28px;display:grid;position:absolute;inset:0}.album-generating svg{animation:soft-pulse 2.2s var(--ease-out) infinite}.album-generating strong{color:#20242c;font-size:22px;line-height:1.2}.album-generating span{color:#657083;max-width:420px;font-size:14px;line-height:1.45}.album-main-info{border-top:1px solid #edf1f6;align-content:center;gap:6px;min-width:0;min-height:94px;padding:13px 16px;display:grid}.album-main-info strong{color:#20242c;font-size:15px;line-height:1.2}.album-main-info span,.album-main-info small{color:#69717f;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.4;overflow:hidden}.album-main-card.is-done{border-color:#2f7bff38}.album-main-card.is-failed{background:snow;border-color:#ffdbe2}.album-strip{grid-template-columns:34px minmax(0,1fr) 34px;align-self:end;align-items:center;gap:10px;min-width:0;height:112px;display:grid}.album-arrow{color:#3f4652;background:#fff;border:1px solid #e2e7ef;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 8px 18px #14213714}.album-arrow.prev{transform:rotate(180deg)}.album-arrow:disabled{cursor:default;opacity:.36;box-shadow:none}.album-thumbs{scrollbar-width:thin;scrollbar-color:#cbd2dc transparent;align-items:center;gap:10px;min-width:0;height:100%;padding:4px 2px 8px;display:flex;overflow-x:auto}.album-thumb{color:#687386;background:#fff;border:2px solid #0000;border-radius:12px;flex:0 0 clamp(72px,7vw,92px);place-items:center;width:clamp(72px,7vw,92px);height:clamp(72px,7vw,92px);display:grid;position:relative;overflow:hidden;box-shadow:0 8px 18px #14213714}.album-thumb.active{border-color:#2f7bff}.album-thumb img{object-fit:contain;background:#f8fafc;width:100%;height:100%}.album-thumb span{padding:0 8px;font-size:12px;font-weight:800}.preview-title{text-align:center}.preview-empty-state{width:100%;height:100%;min-height:0;max-height:100%;animation:listing-content-fade .22s var(--ease-out) both;grid-template-rows:auto minmax(0,1fr);align-content:center;place-items:center;gap:34px;display:grid;overflow:hidden}.preview-title h1{color:#171b22;margin:0 0 10px;font-size:clamp(30px,2.2vw,40px);font-weight:900;line-height:1}.preview-title p{color:#5b6472;margin:0;font-size:15px;font-weight:650;line-height:1.45}.preview-title span{color:#2f7bff}.detail-preview-card{background:#fff;border:0;border-radius:22px;grid-template-columns:118px 42px minmax(0,1fr);align-items:center;gap:12px;width:100%;max-width:760px;min-height:360px;padding:24px;display:grid;box-shadow:0 18px 48px #14213714}.product-rail{justify-items:center;gap:8px;display:grid}.product-thumb{color:#2f7bff;background:linear-gradient(145deg,#eef5ff,#f9fbff);border-radius:10px;place-items:center;width:104px;height:104px;display:grid}.product-thumb.small{background:linear-gradient(145deg,#eaf0fb,#f8fafc);height:74px}.product-rail span{color:#fff;background:#7b838f;border-radius:18px;margin-top:-5px;padding:7px 10px;font-size:12px;font-weight:850}.arrow-blur{clip-path:polygon(0 30%,58% 30%,58% 0,100% 50%,58% 100%,58% 70%,0 70%);opacity:.9;background:linear-gradient(90deg,#0000,#cfd7e3);width:38px;height:24px}.detail-canvas{grid-template-columns:.72fr 1.3fr 1fr;gap:8px;min-width:0;display:grid}.canvas-col{gap:8px;display:grid}.visual-block,.hero-detail,.grid-detail{background:#eef2f7;border-radius:8px;overflow:hidden}.visual-block.dark{background:linear-gradient(145deg,#e3ebf6,#cfd9e6);height:112px}.visual-block.scene{background:linear-gradient(145deg,#eaf2ff,#d5e2f1);height:112px}.visual-block.mini{background:linear-gradient(145deg,#dfe7f2,#c9d4e2);height:58px}.canvas-col strong{color:#fff;background:#7c8592;border-radius:16px;justify-self:center;margin-top:-5px;padding:7px 9px;font-size:12px}.hero-detail{color:#fff;background:linear-gradient(145deg,#1f5f95,#16314f);align-content:center;height:146px;padding:16px;display:grid}.hero-detail span{letter-spacing:.04em;font-size:12px}.hero-detail b{font-size:17px}.grid-detail{background:#edf2f7;grid-template-columns:repeat(2,1fr);gap:6px;min-height:146px;padding:6px;display:grid}.grid-detail i{background:linear-gradient(145deg,#d6e1ee,#f7f9fc);border-radius:6px;min-height:58px}.grid-detail.tall{background:#edf2f7;min-height:300px}.grid-detail.tall i{background:linear-gradient(145deg,#e7edf5,#cdd8e6)}.tool-example-card{background:#fff;border-radius:22px;align-self:center;width:100%;max-width:760px;min-height:0;max-height:100%;padding:22px;overflow:hidden;box-shadow:0 18px 48px #14213714}.tool-example-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:14px;height:100%;min-height:0;display:grid}.tool-example{aspect-ratio:4/3;background:#f4f6fa;border:1px solid #e8edf4;border-radius:14px;grid-template-rows:minmax(0,1fr) 36px;min-width:0;min-height:0;margin:0;display:grid;overflow:hidden}.tool-example img{object-fit:contain;background:#f8fafc;width:100%;min-width:0;height:100%;min-height:0;display:block}.tool-example figcaption{color:#5d6572;background:#fff;padding:9px 12px;font-size:13px;font-weight:800}.workspace.is-video{background-color:#f5f7fb;background-image:linear-gradient(90deg,#1359f509 1px,#0000 1px),linear-gradient(#1359f509 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:34px 34px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:100vh}.workspace.is-video .topbar{background:#f5f7fbe0}.video-capture-page{--video-panel-height:calc(100vh - 138px);min-height:calc(100vh - 118px);margin-right:var(--page-gutter);padding-left:var(--page-gutter);animation:listing-page-enter .26s var(--ease-out) both;grid-template-columns:480px minmax(0,1fr);align-items:stretch;gap:24px;display:grid}.video-capture-panel{height:var(--video-panel-height);background:#fff;border:1px solid #e4e8ef;border-radius:14px;min-width:0;min-height:602px;overflow:hidden;box-shadow:0 14px 34px #1421370f}.video-capture-head{color:#20242c;background:#fff;border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:18px;min-height:88px;padding:20px 24px;display:flex}.video-capture-title{align-items:center;gap:12px;display:flex}.video-capture-mark{color:#1359f5;background:#edf4ff;border-radius:9px;place-items:center;width:40px;height:40px;display:grid}.video-capture-title h1{margin:0;font-size:18px;font-weight:850;line-height:1.2}.video-capture-title p{color:#929aa7;margin:4px 0 0;font-size:12px;font-weight:600}.video-power-toggle{color:#7e8795;background:0 0;align-items:center;gap:9px;padding:0;font-size:13px;font-weight:800;display:inline-flex}.video-power-toggle i{width:43px;height:24px;transition:background-color .18s var(--ease-out);background:#d8dde6;border:1px solid #d1d7e1;border-radius:999px;position:relative}.video-power-toggle i:after{content:"";width:16px;height:16px;transition:transform .22s var(--ease-spring);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #14213733}.video-power-toggle.active{color:#1359f5}.video-power-toggle.active i{background:#1359f5;border-color:#1359f5}.video-power-toggle.active i:after{transform:translate(19px)}.video-capture-body{scrollbar-width:thin;scrollbar-color:#cbd2dc transparent;align-content:start;gap:20px;height:calc(100% - 88px);padding:22px 24px 26px;display:grid;overflow-y:auto}.video-form-section{border-bottom:1px solid #edf0f5;gap:12px;padding-bottom:20px;display:grid}.video-form-section h2{color:#20242c;align-items:center;gap:7px;margin:0 0 2px;font-size:15px;font-weight:850;display:inline-flex}.video-link-section{border-bottom:0;padding-bottom:0}.video-field{gap:7px;display:grid}.video-field>span{color:#6a7280;align-items:center;gap:8px;font-size:13px;font-weight:750;display:flex}.video-field input,.video-field textarea{color:#27303d;width:100%;font:inherit;transition:border-color .18s var(--ease-out), box-shadow .18s var(--ease-out);background:#fff;border:1px solid #d9dee8;border-radius:6px}.video-field input{height:42px;padding:0 13px}.video-field input[readonly]{color:#697383;background:#f3f4f7}.video-field textarea{resize:vertical;min-height:132px;padding:13px 14px;line-height:1.55}.video-field input:focus,.video-field textarea:focus{border-color:#175ce6;outline:0;box-shadow:0 0 0 3px #175ce61a}.video-device-control{grid-template-columns:minmax(0,1fr) 42px;gap:8px;display:grid}.video-device-control button{color:#596477;transition:color .18s var(--ease-out), background-color .18s var(--ease-out);background:#f3f4f7;border:1px solid #d9dee8;border-radius:7px;place-items:center;display:grid}.video-device-control button:hover{color:#1359f5;background:#edf4ff}.video-primary-action,.video-resolve-action{min-height:46px;transition:transform .18s var(--ease-spring), box-shadow .18s var(--ease-out), background-color .18s var(--ease-out);color:#fff;background:#1359f5;border-radius:6px;justify-content:center;align-items:center;gap:9px;font-size:14px;font-weight:800;display:inline-flex;box-shadow:0 8px 18px #175ce62e}.video-primary-action:hover,.video-resolve-action:hover{background:#0e4ed1;transform:translateY(-1px);box-shadow:0 11px 24px #175ce63d}.video-primary-action:disabled,.video-resolve-action:disabled{opacity:.62;cursor:wait}.video-resolve-action{min-height:50px}.video-status{color:#687386;background:#f5f7fa;border:1px solid #e3e7ed;border-radius:6px;align-items:center;gap:10px;min-height:48px;padding:12px 14px;font-size:13px;line-height:1.45;display:flex}.video-status .status-dot{background:#9aa5b4;border-radius:50%;flex:none;width:8px;height:8px}.video-status.ready{color:#1856bc;background:#eff5ff;border-color:#d2e1ff}.video-status.ready .status-dot{background:#175ce6}.video-status.success{color:#147146;background:#ecf9f2;border-color:#ccebd9}.video-status.success .status-dot{background:#18a967}.video-status.error{color:#ad3f31;background:#fff1ee;border-color:#f5d2ca}.video-status.error .status-dot{background:#dc5b47}.video-results-panel{height:var(--video-panel-height);background:#f4f5f7;border:1px solid #e1e5ec;border-radius:14px;grid-template-rows:auto minmax(0,1fr) auto;gap:20px;min-width:0;min-height:602px;padding:26px;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffffb8}.video-results-head{justify-content:space-between;align-items:center;gap:16px;min-width:0;display:flex}.video-results-head h2{color:#20242c;margin:0;font-size:19px;font-weight:850}.video-results-head p{color:#8b94a2;margin:5px 0 0;font-size:13px}.video-results-head>span{color:#1359f5;text-align:center;background:#e8f0ff;border-radius:7px;flex:none;min-width:54px;padding:7px 11px;font-size:13px;font-weight:850}.video-result-grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;min-height:0;display:grid}.video-result-card{min-width:0;min-height:0;transition:transform .18s var(--ease-spring), border-color .18s var(--ease-out), box-shadow .22s var(--ease-out);background:#fff;border:1px solid #e1e6ee;border-radius:10px;display:grid;overflow:hidden}.video-result-card.has-video{grid-template-rows:minmax(0,1fr) 66px}.video-result-card.has-video:hover{border-color:#cbd8ee;transform:translateY(-2px);box-shadow:0 14px 28px #14213717}.video-result-preview{color:#fff;background:#e8ebf0;min-height:0;display:block;position:relative;overflow:hidden}.video-thumbnail{color:#fff;background:#dfe4eb;place-items:center;display:grid;position:absolute;inset:0}.video-thumbnail video{object-fit:cover;pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity .18s var(--ease-out);display:block}.video-thumbnail.ready video{opacity:1}.video-thumbnail>svg{z-index:1;color:#8490a0;position:absolute}.video-thumbnail-error{color:#778394;background:#e9edf2;place-content:center;justify-items:center;gap:8px;display:grid;position:absolute;inset:0}.video-thumbnail-error small{font-size:11px;font-weight:700}.video-result-preview:after{content:"";transition:background-color .18s var(--ease-out);background:#10182814;position:absolute;inset:0}.video-result-preview:hover:after{background:#10182833}.video-result-preview>span{z-index:1;color:#fff;opacity:0;width:42px;height:42px;transition:opacity .18s var(--ease-out), transform .18s var(--ease-spring);background:#10182894;border:1px solid #fff9;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-46%)scale(.9)}.video-result-preview:hover>span{opacity:1;transform:translate(-50%,-50%)scale(1)}.video-result-card footer{grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:10px;min-width:0;padding:10px 11px;display:grid}.video-result-card footer>div{gap:3px;min-width:0;display:grid}.video-result-card footer strong{color:#343a45;font-size:13px;font-weight:800}.video-result-card footer small{color:#969eaa;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.video-result-card footer button{color:#667184;width:34px;height:34px;transition:color .18s var(--ease-out), background-color .18s var(--ease-out), border-color .18s var(--ease-out);background:#fff;border:1px solid #dde2ea;border-radius:7px;place-items:center;display:grid}.video-result-card footer button:hover{color:#1359f5;background:#edf4ff;border-color:#cbdcff}.video-result-card.is-empty{background:#ffffff8a;border-style:dashed}.video-result-empty{color:#a9b1bd;text-align:center;align-content:center;place-items:center;gap:8px;height:100%;display:grid}.video-result-empty span{color:#7e8795;font-size:13px;font-weight:750}.video-result-empty small{color:#b1b8c2;font-size:11px}.video-result-pagination{justify-content:flex-end;align-items:center;gap:10px;min-height:34px;display:flex}.video-result-pagination button,.video-result-pagination span{color:#667184;background:#fff;border:1px solid #dde2ea;border-radius:7px;justify-content:center;align-items:center;height:32px;font-size:12px;font-weight:800;display:inline-flex}.video-result-pagination button{min-width:72px;transition:color .18s var(--ease-out), background-color .18s var(--ease-out), border-color .18s var(--ease-out), transform .18s var(--ease-spring);padding:0 12px}.video-result-pagination button:hover:not(:disabled){color:#1359f5;background:#edf4ff;border-color:#cbdcff;transform:translateY(-1px)}.video-result-pagination button:disabled{cursor:default;opacity:.42}.video-result-pagination span{color:#1359f5;background:#e8f0ff;border-color:#0000;min-width:52px}.spin{animation:.8s linear infinite video-spin}@keyframes video-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=1420px){.commerce-grid,.commerce-creation-groups{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1280px){.workspace{--page-gutter:clamp(20px, 2.4vw, 34px)}.sketch-agent-card{height:470px;padding:20px}.sketch-agent-images figure,.sketch-chat-demo{min-height:0}.material-card-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.sketch-plan-card{min-height:400px;padding-inline:16px}.admin-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-layout-grid,.admin-bottom-grid,.recharge-layout{grid-template-columns:1fr}.recharge-plan-grid,.pay-method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recharge-summary{position:static}.admin-table-row,.order-row{grid-template-columns:minmax(0,1fr) auto}.admin-table-row>span,.order-row>span{grid-column:1/-1}.listing-workspace{grid-template-columns:460px minmax(0,1fr);gap:0}.video-studio-workspace{grid-template-columns:430px minmax(0,1fr);gap:18px}.video-studio-preview{padding-inline:26px}.listing-preview-column{padding:36px 26px 34px}.video-capture-page{grid-template-columns:410px minmax(0,1fr);gap:18px}.video-result-grid{grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.video-result-card.has-video{grid-template-rows:minmax(0,1fr) 58px}.video-results-panel{padding:22px}.detail-preview-card{grid-template-columns:94px 28px minmax(0,1fr);gap:8px;max-width:660px;padding:20px}.product-thumb{width:80px;height:80px}.product-thumb.small{height:58px}.detail-canvas{gap:6px}.hero-detail{height:112px}.grid-detail{min-height:112px}.grid-detail.tall{min-height:238px}}@media (width>=1680px){.popular-card{height:clamp(210px,10.5vw,270px)}.feature-card{min-height:clamp(132px,6.2vw,154px)}}@media (width<=1180px){.content{margin-inline:clamp(20px,3.5vw,42px)}.sketch-agent-grid{grid-template-columns:1fr 1fr}.sketch-agent-card.chat{grid-column:1/3;height:360px}.sketch-case-grid{height:340px}.material-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sketch-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sketch-plan-card.featured{margin-top:0}.popular-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.commerce-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.commerce-creation-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.commerce-creation-group{grid-row:auto;padding:0}.commerce-creation-groups>.commerce-feature-grid{grid-row:auto;grid-template-columns:repeat(2,minmax(0,1fr))}.collab-layout{grid-template-columns:1fr;grid-template-areas:"submit""board""detail"}.collab-asset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.app-shell{display:block}.sidebar{border-bottom:1px solid #e7eaf0;border-right:0;width:100%;height:auto;position:static}.brand{height:70px}.nav-list{gap:0;display:flex;overflow-x:auto}.nav-item{flex:none;width:auto;padding:0 18px}.sidebar-bottom,.new-user-promo{display:none}.workspace{padding-left:0}.icp-footer{bottom:6px;left:0}.topbar{flex-wrap:wrap;justify-content:flex-start;height:auto;padding:18px 18px 0}.topbar-left,.topbar-right{width:100%}.topbar-right{flex-wrap:wrap}.module-search{width:100%}.content,.collab-workspace-page{width:calc(100vw - 32px);margin:24px auto 32px}.collab-hero{display:grid}.collab-stats,.collab-meta-grid,.collab-asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.video-capture-page{grid-template-columns:1fr;width:calc(100vw - 32px);height:auto;min-height:0;margin-top:12px;margin-right:auto;padding-left:0}.video-capture-panel,.video-results-panel{height:auto;min-height:0}.video-capture-panel{overflow:visible}.video-capture-body{height:auto;overflow:visible}.video-results-panel{overflow:visible}.video-result-grid{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:220px}.sketch-home-page,.material-library-page,.sketch-recharge-page{width:calc(100vw - 32px);margin-top:12px}.sketch-agent-grid,.sketch-plan-grid{grid-template-columns:1fr}.sketch-agent-card.chat{grid-column:auto}.sketch-agent-card{height:auto;min-height:390px}.sketch-case-grid{grid-template-rows:repeat(3,220px);grid-template-columns:1fr 1fr;height:auto}.sketch-case-grid figure:nth-child(n){grid-area:auto}.material-toolbar{grid-template-columns:1fr}.material-capacity{width:100%}.batch-manage{justify-self:start}.material-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.enterprise-custom{grid-template-columns:40px 1fr}.enterprise-custom button{grid-column:1/3}.video-capture-head,.video-capture-body{padding:20px}.commerce-content{width:calc(100vw - 32px);margin-top:24px}.commerce-creation-groups,.commerce-creation-group .commerce-feature-grid{grid-template-columns:1fr}.commerce-creation-group.video:before{width:auto;height:1px;inset:-10px 14px auto}.video-studio-workspace{grid-template-columns:1fr;height:auto;min-height:0;margin:12px 16px 32px;padding-left:0}.video-studio-form,.video-studio-preview{height:auto;min-height:0}.video-studio-preview{min-height:620px}.video-setting-row{grid-template-columns:1fr}.admin-page-head,.admin-head-actions,.recharge-head{flex-direction:column;align-items:stretch}.recharge-head{display:flex}.admin-kpi-grid,.recharge-plan-grid,.member-plan-grid,.pay-method-grid{grid-template-columns:1fr}.prompt-panel{min-height:188px}.prompt-actions{flex-direction:column;align-items:flex-start}.size-panel{grid-template-columns:repeat(2,minmax(0,1fr));width:auto;bottom:64px;left:16px;right:16px}.generate-status{flex-direction:column;align-items:flex-start}.send-btn{width:100%}.popular-grid,.feature-grid,.commerce-grid{grid-template-columns:1fr}.carousel-controls{display:none}}