/* creative-tools-shell.cd71ca39de0f41b0.css */
/* homepage-redesign.3d64c5cc772dcc0a.css */
:root{color-scheme:light;--bg:#fff;--panel:#fff;--text:#192c47;--muted:#65758c;--line:#dbe5f2;--accent:#277bf0;--raised:#f1f6fe}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:var(--text);font:15px/1.7 "Microsoft YaHei","Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #277bf0;outline-offset:3px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600;line-height:1.4;letter-spacing:-.5px}p{color:var(--muted)}
.site-header{position:sticky;top:12px;z-index:30;display:flex;align-items:center;gap:24px;width:min(1280px,calc(100% - 48px));min-height:68px;margin:12px auto 0;padding:12px 24px;background:rgba(255,255,255,.77);border:1px solid rgba(216,229,245,.8);border-radius:18px;box-shadow:0 8px 36px #275b9410;backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%)}.brand{display:flex;align-items:center;gap:10px;font-size:18px;white-space:nowrap}.brand>span{width:34px;height:34px;background:url('brand-logo.928a007c69b555f2.png') center/contain no-repeat;color:transparent}.brand img{object-fit:contain}.site-header nav{display:flex;gap:28px;margin:auto}.site-header nav a{font-size:14px;color:#4f6582}.site-header nav a:hover{color:var(--accent)}.header-actions{display:flex;align-items:center;gap:14px}.header-actions.hidden{display:none}.user-actions{display:none}.user-actions.visible{display:flex}.primary,.secondary,.link-button,.user-button{border:0;border-radius:10px;padding:11px 20px;font:inherit;white-space:nowrap}.primary{color:white;background:linear-gradient(125deg,#328dff,#236bdd);box-shadow:inset 0 -1px 0 #ffffff66,0 4px 12px #277bf025}.primary:hover{background:#1d6fe3}.secondary{color:#326da8;border:1px solid var(--line);background:#fff}.secondary:hover{background:#f1f6ff}.link-button{padding:8px 0;background:transparent;color:#516884}.user-button{background:#eff6ff;color:#326da8;padding:8px 12px}.user-button span{margin-right:8px}.small{padding:9px 16px;font-size:13px}
.home-agent-hero{padding:62px 24px 58px;background:radial-gradient(ellipse at 50% 15%,#eaf4ff 0,transparent 66%);text-align:center}.hero-copy{width:min(960px,100%);margin:auto}.eyebrow{display:block;font-size:13px;color:#3c7cc6;letter-spacing:.5px}.hero h1{font-size:clamp(30px,3.4vw,48px);margin:15px 0 17px}.hero-copy>p{font-size:16px;margin-bottom:28px}.home-composer{padding:23px 25px;border:1px solid #c8dcf4;border-radius:23px;background:rgba(255,255,255,.94);box-shadow:0 15px 44px #246bbb0d,inset 0 -1px 0 #fff;text-align:left}.home-caption{display:block;color:#7188a2;font-size:14px;margin-bottom:15px}.home-composer textarea{display:block;min-height:95px;max-height:280px;width:100%;resize:vertical;border:0;padding:0;background:transparent;color:var(--text);font-size:16px;line-height:1.7}.home-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px;font-size:14px}.home-tools button,.home-examples button{font:inherit;border:0;color:#5e7794;background:transparent}.home-add{position:relative;white-space:nowrap;padding:9px 0;color:#5e7794;cursor:pointer}.home-add input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.home-add:focus-within{outline:2px solid #277bf0;outline-offset:3px}.home-capabilities{display:flex;gap:4px}.home-capabilities button{padding:9px 12px;border-radius:9px;white-space:nowrap}.home-capabilities button[aria-pressed=true]{background:#e9f2ff;color:#216dcc}.home-capabilities button:hover{background:#f2f7ff}.home-model-tools{display:flex;align-items:center;gap:12px;margin-left:auto;min-width:0}.home-model-tools select{min-width:0;max-width:215px;background:transparent;border:0;padding:8px 3px;color:#5e7794;font-size:13px;text-overflow:ellipsis}.home-model-tools option{color:var(--text);background:#fff}.home-model-tools #homeStart{color:white;background:linear-gradient(125deg,#328dff,#236bdd);padding:11px 17px;border-radius:10px;white-space:nowrap;box-shadow:inset 0 -1px 0 #ffffff80}.home-examples{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:21px}.home-examples button{padding:8px 13px;border:1px solid #e3edf8;border-radius:22px;background:#fff;font-size:13px}.home-examples button:hover{color:var(--accent);border-color:#bad8ff}.home-references{display:flex;gap:8px;flex-wrap:wrap}.home-reference{display:flex;align-items:center;gap:8px;max-width:100%;padding:6px 10px;background:#eff5ff;border-radius:8px;font-size:12px}.home-reference span{max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-reference button{background:none;border:0;color:#60748b}.hero-copy>#homeAgentStatus{font-size:13px;color:#ad5b33;margin:13px 0 0}.home-down{display:grid;place-items:center;width:33px;height:33px;border:1px solid #dce8f6;border-radius:50%;margin:28px auto 0;font-size:22px;color:#7797bc}
.home-section{max-width:1240px;margin:auto;padding:70px 28px}.section-heading{text-align:center;margin-bottom:30px}.section-heading h2{font-size:clamp(25px,2.6vw,34px);margin:12px 0}.section-heading p{font-size:14px}.home-product-tabs{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:22px}.home-product-tabs button{padding:9px 18px;border:1px solid transparent;border-radius:11px;background:transparent;color:#627993}.home-product-tabs button[aria-selected=true]{background:#eaf3ff;color:#2275d9;border-color:#d9e9ff}.home-product-frame{overflow:hidden;background:#f5f8fc;border:1px solid #dbe6f5;border-radius:19px;box-shadow:0 20px 60px #466d9410}.home-frame-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 20px;border-bottom:1px solid #dbe6f5;color:#72859b;font-size:12px}.home-frame-bar button{border:0;background:transparent;color:#457ab9}.home-product-media{display:grid;place-items:center;aspect-ratio:16/10;overflow:hidden;background:#eff3f7}.home-product-media img,.home-product-media video{display:block;max-width:100%;width:100%;height:100%;object-fit:contain}.home-product-copy{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:25px}.home-product-copy h3{font-size:20px;margin-bottom:6px}.home-product-copy p{font-size:14px}.home-media-note{font-size:12px;color:#8a9aab;margin-top:14px;text-align:center}
.home-download{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;margin-top:20px;background:linear-gradient(125deg,#f5f9ff,#eef5fd);border:1px solid #e4edf9;border-radius:28px;padding:55px 70px}.download-intro h2{font-size:32px;margin:12px 0 18px}.download-intro>p{font-size:14px;margin-bottom:22px;max-width:410px}.download-intro .download-note{font-size:12px;margin:13px 0;color:#718ba7}.download-intro ol{display:flex;gap:22px;flex-wrap:wrap;padding-left:18px;font-size:12px;color:#6b82a0}.planned-plugins{display:flex;gap:16px;flex-wrap:wrap;margin-top:24px;font-size:13px;color:#637c99}.planned-plugins small{color:#9bacbc;margin-left:5px}.home-plugin-preview{text-align:center;margin:0}.home-plugin-preview img{max-height:450px;width:auto;max-width:100%;object-fit:contain;border-radius:12px;box-shadow:0 12px 32px #142b4430}.home-plugin-preview figcaption{font-size:11px;color:#879aae;margin-top:10px}
.home-plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.home-plan{border:1px solid #dce7f4;border-radius:17px;padding:26px 23px;background:#fff;min-width:0;display:flex;flex-direction:column}.home-plan.featured{border-color:#7bb7ff;background:linear-gradient(#f4f9ff,#fff);box-shadow:0 14px 36px #367cd210}.home-plan h3{font-size:18px;margin:0 0 15px}.home-plan-price{color:#1f568c;font-size:35px;font-weight:600;line-height:1.4}.home-plan-price small{font-size:12px;color:#8797a8;font-weight:400}.home-plan ul{list-style:none;margin:24px 0;padding:0;font-size:13px;line-height:2;color:#59718d}.home-plan li{padding:5px 0;border-bottom:1px solid #f0f4f9}.home-plan button{margin-top:auto;align-self:stretch}.home-plan-label{color:#3885df;font-size:11px;min-height:21px;margin-bottom:5px}.home-period{display:flex;justify-content:center;gap:8px;margin:15px 0 24px}.home-period button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 18px}.home-period button[aria-pressed=true]{background:#eaf3ff;color:#277bf0}#homePlansStatus{text-align:center;font-size:13px;margin-bottom:20px;color:#7890ab}#homePlansRetry{display:block;margin:12px auto}.home-recharge{display:flex;justify-content:space-between;align-items:center;gap:26px;border:1px solid #dfeaf7;border-radius:16px;background:#f8fbff;padding:25px 28px;margin-top:23px}.home-recharge h3{font-size:20px;margin:6px 0}.home-recharge p{font-size:12px}.home-packs{display:flex;gap:9px;flex-wrap:wrap}.home-pack{border:1px solid #d8e8fb;background:white;border-radius:9px;color:#4376ac;min-width:80px;padding:10px}.home-pack b,.home-pack span{display:block}.home-pack span{font-size:11px;color:#7c95b0}.home-pricing-rules{margin-top:22px;font-size:12px;color:#8092a8}.home-pricing-rules summary{cursor:pointer}.home-pricing-rules p{margin-top:12px;line-height:1.8}.home-footer{max-width:1240px;margin:auto;padding:30px 28px 45px;border-top:1px solid #e1eaf5;display:flex;gap:25px;align-items:center;flex-wrap:wrap;color:#8294aa;font-size:12px}.home-footer p{flex:1}.home-footer nav{display:flex;gap:20px}.home-footer small{width:100%}
.modal{position:fixed;inset:0;display:none;place-items:center;z-index:60;background:#142a4759;backdrop-filter:blur(8px);padding:20px;overflow:auto}.modal.open{display:grid}.modal-card{position:relative;width:min(440px,100%);padding:29px;background:#fff;border:1px solid #d9e5f4;border-radius:20px;box-shadow:0 24px 90px #203e6430}.close{position:absolute;right:15px;top:10px;border:0;background:none;color:#7790aa;font-size:26px}.modal-brand{display:flex;align-items:center;gap:12px;margin-bottom:20px}.modal-brand>span{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#eaf3ff;color:#3480d8}.modal-brand div{display:grid;gap:3px}.modal-brand small{font-size:12px;color:#8298b0}.tabs{display:flex;border-bottom:1px solid var(--line)}.tabs button{flex:1;background:none;border:0;padding:10px;color:#8194ab}.tabs .active{color:#277bf0;border-bottom:2px solid #277bf0}form label{display:grid;gap:6px;font-size:13px;margin:14px 0;color:#526d8e}form input{width:100%;min-width:0;border:1px solid #c9dbef;border-radius:9px;background:#f8fbff;color:var(--text);padding:10px;font-size:16px}form input[type=checkbox]{width:auto}.agreement{display:flex!important;align-items:center;font-size:11px}.form-message{font-size:12px;color:#a9503a;min-height:20px}.submit{width:100%;margin-top:10px}.legal-card{max-height:80vh;overflow:auto}.legal-card p{font-size:13px;margin:14px 0}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:90;opacity:0;pointer-events:none;background:#fff;border:1px solid #c9ddef;border-radius:11px;padding:12px 20px;box-shadow:0 10px 30px #25497020;max-width:90%;font-size:13px}.toast.show{opacity:1}.home-media-dialog{width:min(1440px,96vw);max-height:94vh;overflow:auto;border:1px solid #dce6f3;border-radius:15px;padding:35px 10px 10px;background:#f8fbff}.home-media-dialog::backdrop{background:#17263899}.home-media-dialog>button{position:absolute;right:10px;top:3px;border:0;background:none;color:#4d6b90;font-size:26px}.home-media-dialog img{display:block;width:100%;height:auto}
@media(max-width:1100px){.home-download{margin-inline:24px;padding:42px;gap:35px}.home-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-recharge{flex-direction:column;align-items:stretch}.home-agent-hero{padding-top:48px}.site-header nav{gap:18px}}
@media(max-width:700px){.site-header{top:8px;width:calc(100% - 20px);margin-top:8px;min-height:62px;padding:10px 13px;gap:10px;flex-wrap:wrap}.brand{font-size:15px}.site-header nav{order:3;width:100%;justify-content:center;gap:24px;font-size:12px}.header-actions{margin-left:auto;gap:10px}.header-actions .primary{padding:8px 11px}.site-header .link-button{font-size:13px}.home-agent-hero{padding:38px 18px 28px}.hero-copy>p{font-size:13px}.home-composer{padding:18px}.home-tools{gap:7px}.home-capabilities button{padding:9px 8px}.home-model-tools{width:100%;justify-content:space-between;margin-top:4px}.home-model-tools select{max-width:calc(100% - 120px)}.home-section{padding:48px 18px}.home-product-tabs{gap:2px}.home-product-tabs button{padding:8px 10px;font-size:12px}.home-product-copy{flex-direction:column;align-items:flex-start;gap:16px}.home-product-copy h3{font-size:18px}.home-download{grid-template-columns:1fr;margin:12px 18px;padding:28px;border-radius:18px}.download-intro h2{font-size:27px}.home-plan-grid{grid-template-columns:1fr}.home-plan{padding:24px}.home-footer{padding:25px 18px;gap:15px}.home-footer p{flex:none;width:100%}.home-plugin-preview img{max-height:350px}.home-packs{gap:7px}.home-pack{flex:1;min-width:76px}.home-frame-bar{padding:10px 12px}.home-reference span{max-width:160px}.home-recharge{padding:20px}}
@media(pointer:coarse){button,.home-add,select{min-height:44px}}
.home-model-tools .home-native-select{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.home-select{position:relative;min-width:0;max-width:190px}
.home-select-trigger{max-width:100%;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:8px 23px 8px 5px!important;text-align:left;font-size:13px!important;border-radius:9px}
.home-select-trigger:after{content:"⌄";position:absolute;right:6px}.home-select-trigger:hover{background:#eaf3ff!important}
.home-select-menu{position:absolute;bottom:calc(100% + 9px);right:0;z-index:35;min-width:230px;max-width:min(350px,80vw);max-height:270px;overflow:auto;padding:6px;border:1px solid #dce7f4;border-radius:14px;background:#fffffff5;box-shadow:0 12px 35px #2b527022;backdrop-filter:blur(18px);animation:home-menu-in .16s ease-out;transform-origin:bottom right}
.home-select-menu button{display:block;width:100%;text-align:left;padding:10px!important;white-space:normal;border-radius:8px;font-size:13px!important}.home-select-menu button:hover,.home-select-menu button[aria-selected=true]{background:#eaf3ff!important;color:#2473d4!important}
@keyframes home-menu-in{from{opacity:0;transform:translateY(4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:700px){.home-select{max-width:calc(55% - 30px)}.home-select-trigger{font-size:12px!important}.home-model-tools{flex-wrap:wrap}.home-select-menu{right:auto;left:0}}
/* Homepage polish: the page and navigation share one atmosphere until scrolling. */
body{background:radial-gradient(ellipse 950px 560px at 44% 80px,#e4f1ff,transparent 85%),#fafdff}
.site-header{top:12px;background:transparent;border-color:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transition:background .28s,border-color .28s,box-shadow .28s}
.site-header.is-scrolled{background:#ffffffc9;border-color:#dce9f2b3;box-shadow:0 8px 36px #275b9412;backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%)}
.home-agent-hero{background:transparent;padding-top:74px}
.home-composer{border-radius:30px;border:1px solid #cbdff2;background:linear-gradient(140deg,#ffffffeb,#f5faffef);padding:28px;box-shadow:0 18px 48px #3984d513,inset 0 1px 0 #fff,inset 0 -2px 0 #ffffffb3;transition:border-color .2s,box-shadow .2s}
.home-composer:focus-within{border-color:#9bc5f5;box-shadow:0 20px 55px #3984d51c,inset 0 1px 0 #fff}
.home-composer textarea{min-height:114px;resize:none;outline:none;font-size:18px}
.home-composer textarea::placeholder{color:#8196af;transition:opacity .15s}
.home-composer textarea:focus::placeholder{opacity:0}
.home-add{display:grid;place-items:center;width:36px;height:36px;padding:0;font-size:26px;border-radius:50%}
.home-add:hover{background:#eaf3ff}
.home-tools{gap:8px}.home-capabilities button{padding:8px 10px;font-size:13px}
.home-model-tools{gap:6px}
.home-model-tools select{max-width:180px;padding:8px 5px}
.home-model-tools #homeStart{display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:50%;font:28px/1 "Segoe UI",sans-serif;background:linear-gradient(145deg,#429aff,#2075e8);box-shadow:inset 0 -2px 0 #ffffff63,0 5px 15px #277bf02e;flex:none;transition:transform .2s,box-shadow .2s}
.home-model-tools #homeStart:hover{transform:translateY(-2px);box-shadow:0 8px 22px #277bf042}
.home-demo-stage{display:grid;grid-template-columns:minmax(240px,.75fr) minmax(0,1.7fr);gap:40px;align-items:center;background:linear-gradient(135deg,#edf5ff,#f7faff 55%,#eef6fb);border:1px solid #e0ebf7;border-radius:28px;padding:36px}
.home-product-copy{flex-direction:column;align-items:flex-start;margin:0;gap:18px}
.home-product-copy h3{font-size:27px;line-height:1.5}.home-product-copy p{line-height:1.9}
.home-flow{list-style:none;counter-reset:step;display:grid;gap:14px;padding:0;margin:8px 0;color:#7c91aa;font-size:13px}
.home-flow li{counter-increment:step;transition:color .25s,transform .25s}
.home-flow li:before{content:"0" counter(step);display:inline-grid;place-items:center;width:30px;height:30px;background:#ffffffa3;border:1px solid #d4e5f8;border-radius:50%;margin-right:12px;font-size:11px}
.home-flow li.is-active{color:#277bf0;transform:translateX(4px)}.home-flow li.is-active:before{background:#e0eeff;border-color:#80b7f9;box-shadow:0 0 20px #277bf026}
.home-product-media{aspect-ratio:16/11}.home-product-frame{transition:box-shadow .25s}.home-demo-stage.is-playing .home-product-frame{box-shadow:0 18px 50px #277bf022}
.home-download{display:block;background:none;border:0;border-radius:0;padding:70px 28px;margin:0 auto}
.home-download-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:20px}
.home-download-card{display:flex;flex-direction:column;align-items:flex-start;min-height:320px;padding:30px;border-radius:24px;border:1px solid #dae8f7;background:linear-gradient(145deg,#e9f4ff,#f9fcff);box-shadow:inset 0 1px 0 #fff,0 12px 32px #3b72980a}
.home-download-card.blender{background:linear-gradient(145deg,#f6f1ff,#fcfaff);border-color:#e6def5}.home-download-card.more{background:linear-gradient(145deg,#ecf5fc,#f9fcff)}
.software-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#daebff;color:#2270c9;font-size:24px;font-weight:600;box-shadow:inset 0 1px 0 #fff}
.blender .software-icon{background:#ebe0ff;color:#7960b4}
.home-download-card h3{font-size:22px;margin:21px 0 12px}.home-download-card>p{font-size:13px;line-height:1.9;margin-bottom:22px}
.home-download-card button,.home-coming{margin-top:auto}.home-coming{font-size:13px;color:#8898ae;border:1px solid #dce4ef;border-radius:10px;padding:10px 15px;background:#ffffff88}
.home-download-card .download-note{margin:12px 0 0;font-size:12px}.home-download-card ol{font-size:11px;color:#8295ad;padding-left:15px;margin-bottom:0}
.home-pricing{background:radial-gradient(ellipse at 50% 30%,#eff5ff,transparent 75%);border-radius:32px}
.home-plan{position:relative;overflow:hidden;border-radius:22px;border-color:#d3e3f5;background:linear-gradient(150deg,#f0f7ff,#fff 72%);box-shadow:inset 0 1px 0 #fff,0 8px 24px #37689b0a;transition:transform .22s,box-shadow .22s}
.home-plan:nth-child(2){background:linear-gradient(150deg,#edf6ff,#fff 72%)}.home-plan:nth-child(4){background:linear-gradient(150deg,#f2efff,#fff 72%);border-color:#e1dcf2}
.home-plan.featured{background:linear-gradient(150deg,#eaf2ff,#fff 75%);border-color:#a5cafa;box-shadow:inset 0 1px 0 #fff,0 8px 24px #37689b10}
.home-plan:hover{transform:translateY(-4px);box-shadow:0 16px 35px #37689b1a}
.home-plan:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 30%,#ffffff90 50%,transparent 70%);transform:translateX(-140%);transition:transform .7s}
.home-plan:hover:before{transform:translateX(140%)}
.home-recharge{background:linear-gradient(125deg,#eaf3ff,#f5f9ff);border-radius:22px;box-shadow:inset 0 1px 0 #fff}.home-recharge h3{font-size:21px;margin-bottom:9px}
@media(max-width:1100px){.home-demo-stage{gap:25px;padding:26px}.home-tools{gap:5px}.home-capabilities button{padding:8px}.home-download-card{padding:25px}.home-model-tools select{max-width:160px}}
@media(max-width:700px){.home-agent-hero{padding-top:40px}.home-composer{padding:20px;border-radius:25px}.home-composer textarea{font-size:16px}.home-capabilities button{padding:8px 7px;font-size:12px}.home-model-tools{width:100%;justify-content:flex-start}.home-model-tools #homeStart{margin-left:auto}.home-model-tools select{max-width:calc(55% - 30px);font-size:12px}.home-demo-stage{grid-template-columns:1fr;padding:23px;gap:25px}.home-product-copy h3{font-size:24px}.home-download{margin:0;padding:48px 18px}.home-download-grid{grid-template-columns:1fr}.home-download-card{min-height:270px}.home-flow{grid-template-columns:repeat(3,1fr);gap:5px;width:100%;font-size:11px}.home-flow li:before{display:grid;margin-bottom:8px}.home-pricing{border-radius:0}}
/* Blue / lilac glass material pass. Decorative layers never intercept input. */
:root{--text:#202d49;--muted:#69778f;--accent:#3668f7;--line:#dae2f7}
body{background:radial-gradient(ellipse 1000px 640px at 43% 40px,#e4eaff 0,transparent 78%),radial-gradient(ellipse 580px 440px at 89% 400px,#e3f5ff80,transparent 75%),#f6f8fd}
.site-header.is-scrolled{background:linear-gradient(120deg,#ffffff9e,#edf2ff99);border-color:#ffffffd9;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #c4d5f653,0 9px 30px #546d9916;backdrop-filter:blur(30px) saturate(160%);-webkit-backdrop-filter:blur(30px) saturate(160%)}
.hero h1{color:#253559}.eyebrow{color:#536ff0}
.home-composer{position:relative;border-radius:27px;border:1px solid #bfcdf5;background:radial-gradient(ellipse at 95% 0,#deebff70,transparent 70%),linear-gradient(125deg,#ffffffb5,#ecf0ffb8 65%,#eaf5ffcf);box-shadow:inset 0 1px 0 #ffffffed,inset 0 -2px 0 #ffffffb3,0 18px 45px #637cb01b,0 3px 9px #6878a609;padding:25px 26px 20px}
.home-composer:focus-within{border-color:#9baff0;box-shadow:inset 0 1px 0 #fff,inset 0 -2px 0 #ffffffcb,0 18px 48px #596eed24}
.home-composer textarea{min-height:112px;font-size:17px}.home-composer textarea::placeholder{color:#8490ac}
.home-tools{display:flex;flex-wrap:nowrap;align-items:center;gap:10px;margin-top:17px;min-height:36px}
.home-tool-options{display:flex;align-items:center;gap:12px;min-width:0;flex:1}
.home-add{width:30px;height:34px;flex:0 0 30px;font-size:24px;color:#667caa}
.home-capabilities{flex:none;gap:3px}.home-capabilities button{display:flex;align-items:center;height:34px;padding:0 9px;font-size:12px;color:#65769a}
.home-capabilities button[aria-pressed=true]{background:#dce7ffb0;color:#365fe4;box-shadow:inset 0 1px 0 #ffffffa6}
.home-capabilities button:hover{background:#dce7ff80}
.home-model-tools{flex:0 1 auto;min-width:0;gap:4px;margin-left:auto;width:auto;margin-top:0;flex-wrap:nowrap}
.home-select{max-width:170px;flex:0 1 auto;min-width:70px}
.home-select-trigger{height:34px;font-size:12px!important;padding:0 23px 0 8px!important;line-height:34px;color:#5a6d95!important}
.home-select-trigger:after{content:"";width:5px;height:5px;border-right:1.4px solid currentColor;border-bottom:1.4px solid currentColor;transform:rotate(45deg);right:9px;top:13px}
.home-select-menu{position:fixed;bottom:auto;right:auto;min-width:230px;background:linear-gradient(135deg,#fffffff2,#eff3fff7);border-color:#ffffffc9;box-shadow:inset 0 1px 0 #fff,0 12px 40px #4a61852b;backdrop-filter:blur(22px);color:#536785;font:13px/1.7 "Microsoft YaHei",sans-serif}
.home-select-menu button{font:inherit;border:0;background:transparent;color:inherit;cursor:pointer}
#homeStart{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;padding:0;border:1px solid #5c83f5;border-radius:50%;color:#fff;background:linear-gradient(140deg,#638af9,#4566e9);box-shadow:inset 0 1px 0 #ffffff91,inset 0 -1px 0 #ced6ff66,0 4px 10px #456ce72a;transition:transform .18s,box-shadow .18s}
#homeStart:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 #ffffffb5,0 6px 15px #456ce743}
#homeStart svg{width:18px;height:18px;display:block;stroke-width:1.8}
.home-down{width:34px;height:34px;background:#eaf0ff80;border-color:#cedaf1;box-shadow:inset 0 1px 0 #fff;color:#879cc1;transition:background .2s,transform .2s}
.home-down svg{width:18px;height:18px;stroke-width:1.6}.home-down:hover{background:#e0e9ff;transform:translateY(2px)}
.home-examples button{background:#ffffff70;border-color:#dce4f8;color:#7485a6}
.primary{background:linear-gradient(115deg,#386cf8,#6466ed);box-shadow:inset 0 1px 0 #ffffff5c,inset 0 -1px 0 #dfe9ff75,0 4px 13px #536be825}.primary:hover{background:linear-gradient(115deg,#2c61f0,#5c58e3)}
.secondary{background:linear-gradient(140deg,#ffffffd1,#edf2ffb3);border-color:#d3dff5;color:#5376b4;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #fff8}
.home-demo-stage{background:radial-gradient(ellipse at 90% 10%,#dcf0ff80,transparent 60%),linear-gradient(140deg,#e9edfc,#edf4ff 60%,#eaf4fc);border-color:#d7e2f7;box-shadow:inset 0 1px 0 #fff,0 16px 45px #576e9110}
.home-product-frame{border-color:#d3def3;background:#f7f9ffb0;box-shadow:inset 0 1px 0 #fff,0 14px 35px #4b629922}.home-frame-bar{background:linear-gradient(110deg,#eff2ff,#f5faff);border-color:#dee5f6}
.home-product-tabs button[aria-selected=true]{background:#e1e8ffc9;box-shadow:inset 0 1px 0 #fff;border-color:#cedbfa;color:#4268df}
.home-download-grid{gap:22px}
.home-download-card{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 95% 5%,#c7dcff9c,transparent 57%),linear-gradient(145deg,#edf2ff,#e7f1ff);border-color:#c9dbf7;box-shadow:inset 0 1px 0 #fff,inset 0 -2px 0 #ffffffb3,0 10px 28px #627dac14;transition:transform .22s,box-shadow .22s}
.home-download-card.blender{background:radial-gradient(ellipse at 95% 5%,#ddd1ffb0,transparent 57%),linear-gradient(145deg,#f3f0ff,#eaf0ff);border-color:#d9d5f2}
.home-download-card.more{background:radial-gradient(ellipse at 95% 5%,#bbebfa9c,transparent 57%),linear-gradient(145deg,#eef8ff,#e4f0fe);border-color:#c9e2f1}
.home-download-card:hover{transform:translateY(-3px);box-shadow:inset 0 1px 0 #fff,inset 0 -2px 0 #ffffffb3,0 18px 35px #6077a61c}
.home-download-card:after{content:"";position:absolute;z-index:-1;right:-25px;bottom:-55px;width:210px;height:210px;border:1px solid #9abff040;border-radius:50%;box-shadow:0 0 0 20px #aac7ee0a,0 0 0 40px #aac7ee07;pointer-events:none}
.software-icon{position:relative;isolation:isolate;width:58px;height:58px;border:1px solid #b6d0ff;background:linear-gradient(145deg,#80b1ff,#4872f1);color:#fff;border-radius:16px;box-shadow:inset 0 1px 0 #ffffffcb,inset 0 -2px 0 #ffffff61,0 6px 14px #4c79dd33;text-shadow:0 1px 2px #2446bd66}
.software-icon:before,.software-icon:after{content:"";position:absolute;z-index:-1;inset:2px;border:1px solid #ffffff98;border-radius:15px;background:linear-gradient(145deg,#d0e3ffbb,#6e96ef66);transform:translate(7px,7px);box-shadow:inset 0 1px 0 #fff5}
.software-icon:before{transform:translate(12px,12px);opacity:.35}.software-icon svg{width:30px;height:30px;stroke-width:1.6}
.blender .software-icon{background:linear-gradient(145deg,#aea0f9,#7965da);border-color:#b6a8ed;color:white}
.more .software-icon{background:linear-gradient(145deg,#83d3ef,#5792e7);border-color:#b4daf1;color:white}
.home-download-card h3{margin-top:29px;color:#273859}.home-coming{background:#f5f7ff91;border-color:#cbd8ee;box-shadow:inset 0 1px 0 #fff;color:#7c8ead}
.home-pricing{background:radial-gradient(ellipse at 95% 40%,#e8e0ff55,transparent 65%),radial-gradient(ellipse at 5% 40%,#e0eeff77,transparent 65%)}
.home-plan{--tier:#638be9;border-color:#cadbf5;background:linear-gradient(150deg,#e7f0ffe6,#f7fafff0 65%);box-shadow:inset 0 1px 0 #fff,inset 0 -2px 0 #ffffffa6,0 8px 24px #536f9910}
.home-plan:nth-child(2){--tier:#5974ee;background:linear-gradient(150deg,#e8ecffe8,#f7fafff0 65%)}
.home-plan.featured{--tier:#6975ef;border-color:#b8c6f5;background:linear-gradient(150deg,#e8e9ffe6,#f7fafff0 65%);box-shadow:inset 0 1px 0 #fff,inset 0 -2px 0 #ffffffa6,0 8px 24px #536f9915}
.home-plan:nth-child(4){--tier:#9181d9;border-color:#d6d0ef;background:linear-gradient(150deg,#eeebffe6,#fbfafff0 65%)}
.home-plan:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--tier),transparent);opacity:.65;pointer-events:none}
.home-plan-label{color:#6c7eb0}.home-plan h3{color:#344362}.home-plan-price{color:#3f5dbc;font-size:34px}.home-plan li{border-bottom-color:#cedaf045}
.home-tier-icon{display:block;position:relative;width:32px;height:27px;margin:0 0 19px 1px;background:linear-gradient(145deg,#b6ccff,var(--tier));border:1px solid #ffffffab;border-radius:7px;box-shadow:inset 0 1px 0 #fff8,inset 0 -1px 0 #ffffffb0,0 4px 9px #708aca2e;transform:rotate(-7deg)}
.home-tier-icon:before{content:"";position:absolute;width:18px;height:12px;top:-6px;left:2px;z-index:-1;background:var(--tier);border-radius:5px;border:1px solid #ffffffa1}
.home-tier-icon:after{content:"";position:absolute;inset:5px;background:linear-gradient(120deg,#ffffff80,transparent);border-radius:3px}
.home-plan.featured button{background:linear-gradient(115deg,#4c79f1,#7776e4)}
.home-recharge{background:radial-gradient(ellipse at 0 50%,#d9e8ffb3,transparent 65%),linear-gradient(120deg,#e7ecff,#eef7ff);border-color:#cad9f4;box-shadow:inset 0 1px 0 #fff,inset 0 -2px 0 #ffffffa6,0 10px 25px #657aad0d;gap:22px}
.home-recharge>div:first-child{position:relative;padding-left:64px}
.home-recharge>div:first-child:before{content:"";position:absolute;left:0;top:8px;width:43px;height:43px;border-radius:50%;border:1px solid #94baff;background:linear-gradient(140deg,#95c4ff,#6383f3 70%,#9391fa);box-shadow:inset 0 0 0 4px #e7f0ff88,inset 0 1px 0 #fff,2px 4px 0 #b1c3f877,0 6px 15px #5675d424;transform:rotate(-15deg)}
.home-recharge>div:first-child:after{content:"✦";position:absolute;left:11px;top:8px;color:#e9f4ff;font-size:25px;text-shadow:0 1px 2px #6183d5}
.home-pack{background:linear-gradient(145deg,#ffffffc9,#e8efffc9);border-color:#c2d3f3;color:#5471bd;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #ffffffab,0 3px 8px #6883b611;transition:transform .18s,border-color .18s}.home-pack:hover{transform:translateY(-2px);border-color:#9db6ec}.home-pack b{font-size:15px}.home-pack span{color:#7e91b5}
@media(max-width:900px){.home-tool-options{gap:6px}.home-capabilities button{padding-inline:6px}.home-select{max-width:140px}}
@media(max-width:700px){.home-composer{padding:21px 17px 16px}.home-tools{gap:5px;flex-wrap:nowrap}.home-tool-options{overflow-x:auto;scrollbar-width:none;padding:2px 0;gap:9px}.home-tool-options::-webkit-scrollbar{display:none}.home-model-tools{flex:none;margin-left:0;gap:5px;width:auto}.home-select{max-width:140px;min-width:90px;flex:none}.home-capabilities button{padding-inline:7px;font-size:12px}.home-capabilities{gap:0}.home-tools #homeStart{margin-left:0;flex:0 0 34px}.home-download-card{padding:27px}.home-recharge>div:first-child{padding-left:58px}.home-recharge h3{font-size:18px}}
@media(pointer:coarse){.home-add,#homeStart{width:40px;height:44px;flex-basis:40px}.home-tools{min-height:44px}.home-select-trigger,.home-capabilities button{height:44px;line-height:44px}.home-select-trigger:after{top:18px}}
/* Quiet tier materials: animation belongs to the hovered CTA, never the card. */
.home-add{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;min-height:34px;padding:0;line-height:1;border:1px solid #cbd8f2;border-radius:50%;background:linear-gradient(145deg,#ffffff73,#dde8ff6b);box-shadow:inset 0 1px 0 #ffffffbb;color:#7085b4}
.home-add svg{display:block;width:17px;height:17px;pointer-events:none;stroke-width:1.7}
.home-add:hover{background:linear-gradient(145deg,#f3f7ffc9,#d8e5ffc9);border-color:#aec4ef}
.home-plan{--tier:#4d91d8;--tier-rgb:77,145,216;--tier-head:#bbdcff;--tier-body:#e1efff;--tier-text:#477dad;--cta-a:#c7def7;--cta-b:#e0eeff;--cta-text:#3e6596}
.home-plan[data-plan=creator]{--tier:#758cac;--tier-rgb:117,140,172;--tier-head:#d1deef;--tier-body:#e8eff8;--tier-text:#627792;--cta-a:#d4e0f0;--cta-b:#e8eff9;--cta-text:#506a8d}
.home-plan[data-plan=advanced]{--tier:#9b7ad1;--tier-rgb:155,122,209;--tier-head:#d7c7f4;--tier-body:#eee6fb;--tier-text:#8868b1;--cta-a:#ddd0f5;--cta-b:#eee6ff;--cta-text:#76569e}
.home-plan[data-plan=pro]{--tier:#b59857;--tier-rgb:181,152,87;--tier-head:#efd89d;--tier-body:#f7efdb;--tier-text:#9d813f;--cta-a:#edddb6;--cta-b:#faf0d5;--cta-text:#8a723d}
.home-plan,.home-plan:nth-child(2),.home-plan.featured,.home-plan:nth-child(4){isolation:isolate;background:linear-gradient(150deg,var(--tier-body),#f7faff 88%);border-color:color-mix(in srgb,var(--tier) 32%,#e1e7f2);box-shadow:inset 0 1px 0 #fff,inset 0 -2px 0 #ffffffa6,0 8px 24px #536f9910;transition:none}
.home-plan:hover{transform:none;box-shadow:inset 0 1px 0 #fff,inset 0 -2px 0 #ffffffa6,0 8px 24px #536f9910}
.home-plan:before,.home-plan:after,.home-plan:hover:before{content:none;display:none;animation:none;transition:none}
.home-plan-head{position:relative;margin:-26px -23px 20px;padding:0 23px 21px;border-bottom:1px solid color-mix(in srgb,var(--tier) 22%,transparent);background:repeating-linear-gradient(125deg,transparent 0 8px,#ffffff20 8px 9px),linear-gradient(125deg,var(--tier-body),var(--tier-head));box-shadow:inset 0 1px 0 #fff7}
.home-plan-head .home-plan-label{display:block;min-height:42px;margin:0 -23px 22px;padding:10px 23px;font-size:12px;color:var(--tier-text);font-weight:600;background:linear-gradient(115deg,var(--tier-head),color-mix(in srgb,var(--tier-head) 72%,white));border-bottom:1px solid #ffffff85}
.home-plan-head h3{margin:0;padding-right:46px;font-size:19px;color:#38485f}
.home-plan-head .home-tier-icon{position:absolute;right:24px;bottom:23px;margin:0;background:linear-gradient(145deg,#ffffffd9,var(--tier));box-shadow:inset 0 1px 0 #ffffffb3,0 4px 9px #708aca21}
.home-plan-price{color:var(--tier-text)}.home-plan.featured .home-plan-price{font-weight:650}
.home-plan .home-plan-cta,.home-plan.featured .home-plan-cta{position:relative;isolation:isolate;overflow:hidden;width:100%;min-height:44px;padding:11px 14px;border:1px solid color-mix(in srgb,var(--tier) 45%,#d7e2f0);border-radius:11px;color:var(--cta-text);background:linear-gradient(115deg,var(--cta-a),var(--cta-b));box-shadow:inset 0 1px 0 #ffffffdb,inset 0 -1px 0 #ffffffc4,0 4px 12px rgba(var(--tier-rgb),.12);font:600 13px/1.5 "Microsoft YaHei",sans-serif;transition:border-color .2s;animation:none;transform:none}
.home-plan-cta:after{content:"";position:absolute;left:20%;bottom:0;width:60%;height:2px;border-radius:50%;background:linear-gradient(90deg,transparent,#ffffffec,transparent);opacity:0;pointer-events:none}
.home-plan .home-plan-cta:hover,.home-plan .home-plan-cta:focus-visible{border-color:color-mix(in srgb,var(--tier) 65%,#d7e2f0);animation:home-cta-energy 2.8s ease-in-out infinite}
.home-plan-cta:hover:after,.home-plan-cta:focus-visible:after{animation:home-cta-wave 2.8s ease-in-out infinite}
@keyframes home-cta-energy{0%,100%{box-shadow:inset 0 1px 0 #ffffffdb,inset 0 -1px 0 #ffffffc4,0 4px 12px rgba(var(--tier-rgb),.12),0 0 0 1px rgba(var(--tier-rgb),.06)}50%{box-shadow:inset 0 1px 0 #ffffffed,inset 0 -1px 0 #fff,0 4px 16px rgba(var(--tier-rgb),.2),0 0 0 4px rgba(var(--tier-rgb),.035)}}
@keyframes home-cta-wave{0%,100%{opacity:.3;transform:scaleX(.7)}50%{opacity:.9;transform:scaleX(1.2)}}
@media(max-width:700px){.home-tools .home-add{flex:0 0 34px}.home-plan-head{margin:-24px -24px 20px;padding-inline:24px}.home-plan-head .home-plan-label{margin-inline:-24px;padding-inline:24px}}
@media(pointer:coarse){.home-tools .home-add{width:44px;height:44px;min-height:44px;flex-basis:44px}.home-tools #homeStart{width:44px;height:44px;flex-basis:44px}}
/* Gentle, local feedback: only the hovered card and its own button respond. */
.home-plan,.home-plan:nth-child(2),.home-plan.featured,.home-plan:nth-child(4){transition:transform .26s ease,box-shadow .26s ease,border-color .26s ease;transform-origin:center;z-index:0}
@media(hover:hover){.home-plan:hover{transform:translateY(-2px) scale(1.015);z-index:2;border-color:color-mix(in srgb,var(--tier) 52%,#e1e7f2);box-shadow:inset 0 1px 0 #fff,inset 0 -2px 0 #ffffffa6,0 15px 30px rgba(var(--tier-rgb),.16)}}
.home-plan-head .home-tier-icon{width:36px;height:36px;bottom:16px;background:none;border:0;border-radius:0;box-shadow:none;transform:none;color:var(--tier-text);filter:drop-shadow(0 2px 2px #ffffff85)}
.home-tier-icon:before,.home-tier-icon:after{content:none;display:none}.home-tier-icon svg{display:block;width:100%;height:100%}
.home-plan-cta:before{content:"";position:absolute;inset:-50% auto -50% -55%;width:35%;background:linear-gradient(90deg,transparent,#ffffff80,transparent);transform:translateX(0) skewX(-22deg);opacity:0;pointer-events:none}
.home-plan-cta:hover:before,.home-plan-cta:focus-visible:before{animation:home-cta-glint 3.8s ease-in-out infinite}
@keyframes home-cta-glint{0%{transform:translateX(0) skewX(-22deg);opacity:0}12%{opacity:.7}65%{transform:translateX(470%) skewX(-22deg);opacity:.7}75%,100%{transform:translateX(470%) skewX(-22deg);opacity:0}}
.home-composer:after{content:"";position:absolute;left:12%;bottom:0;width:20%;height:2px;border-radius:100%;background:linear-gradient(90deg,transparent,#88a9fa,#f6fbff,#8bb4ff,transparent);box-shadow:0 1px 4px #779cfa55;pointer-events:none;animation:home-composer-edge 6s ease-in-out infinite}
@keyframes home-composer-edge{0%{transform:translateX(-50%);opacity:0}16%{opacity:.8}72%{opacity:.8}88%,100%{transform:translateX(350%);opacity:0}}
.home-product-copy h3{color:#2d4468}.home-product-copy p{color:#536985}.home-flow{color:#58719a}
.home-product-copy .secondary{color:#3f65a4;border-color:#b8cbea;background:linear-gradient(140deg,#f7faff,#dfeaff);font-weight:600;box-shadow:inset 0 1px 0 #fff,0 3px 9px #536f9910}
.home-frame-bar{color:#4d6488;font-size:13px;font-weight:600;background:linear-gradient(110deg,#e5ecff,#f0f7ff)}
#productZoom{min-height:30px;padding:6px 11px;border:1px solid #b9cbed;border-radius:9px;color:#3566b9;font:600 12px/1.5 "Microsoft YaHei",sans-serif;background:linear-gradient(140deg,#fafdff,#dce8ff);box-shadow:inset 0 1px 0 #fff;cursor:pointer}
#productZoom:hover{border-color:#8cace3;background:linear-gradient(140deg,#eff5ff,#cfdeff)}
.home-plan .home-plan-cta:hover,.home-plan .home-plan-cta:focus-visible{color:color-mix(in srgb,var(--cta-text) 85%,#172b49);background:linear-gradient(115deg,color-mix(in srgb,var(--tier) 55%,white),color-mix(in srgb,var(--tier) 35%,white));border-color:var(--tier)}
.home-download-card.ps:hover{border-color:#91b4ee;box-shadow:inset 0 1px 0 #fff,0 18px 35px #5075bb29;transform:translateY(-4px)}
#downloadButton{position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s,filter .2s}
#downloadButton:hover{filter:saturate(1.25);transform:translateY(-1px);box-shadow:inset 0 1px 0 #ffffff9c,inset 0 -1px 0 #ffffffa0,0 7px 18px #416bed40}
#downloadButton:before{content:"";position:absolute;inset:-50% auto -50% -55%;width:35%;pointer-events:none;background:linear-gradient(90deg,transparent,#ffffff70,transparent);opacity:0}
#downloadButton:hover:before{animation:home-cta-glint 3.8s ease-in-out infinite}
.home-pack:hover,.home-pack:focus-visible{background:linear-gradient(140deg,#bcd6ff,#dfebff);border-color:#81a8ed;color:#2456b3;box-shadow:inset 0 1px 0 #fff,0 5px 14px #6383bf25}.home-pack:hover span,.home-pack:focus-visible span{color:#4267a2}.home-pack b{color:#3c62ab}.home-pack:hover b{color:#214c9e}
.home-select-menu{min-width:200px;max-width:min(310px,80vw);padding:4px;border-radius:11px;border-color:#c9d6ef;box-shadow:inset 0 1px 0 #fff,0 8px 24px #4a61851c}
.home-select-menu button{padding:7px 9px!important;border-radius:7px;line-height:1.55}
/* Account overlays share the homepage's blue-white glass and compact controls. */
#accountModal .modal-card{box-sizing:border-box;max-height:calc(100dvh - 40px);overflow:auto;padding:26px 28px;border-radius:23px;border-color:#d2def5;background:radial-gradient(ellipse at 100% 0,#dce8ff88,transparent 60%),linear-gradient(140deg,#fcfdff,#f0f5ff);box-shadow:inset 0 1px 0 #fff,0 24px 80px #33476b33}
#accountForm [hidden]{display:none!important}#accountForm label{margin:12px 0;font-size:13px}#accountForm input:not([type=checkbox]){box-sizing:border-box;min-height:42px;padding:10px 12px;font-size:14px;border-color:#c5d5ef;background:#ffffffb5;box-shadow:inset 0 1px 0 #fff;border-radius:10px}
#accountForm input:focus,.homepage-agent .account-security-dialog input:focus{outline:0;border-color:#88a9e7;box-shadow:0 0 0 3px #4a7beb12}
#accountForm .account-security-link{display:block;width:auto;margin:9px 0 0 auto;padding:5px 0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#5275b0;font:13px/1.6 "Microsoft YaHei",sans-serif}
#accountForm .account-security-link:hover{color:#245fc3;text-decoration:underline;text-underline-offset:3px}
#accountForm label button{margin-top:2px;min-height:36px;padding:7px 12px;border:1px solid #becfeb;border-radius:9px;background:linear-gradient(140deg,#f3f7ff,#dfeaff);color:#3f66a5;font:500 13px/1.5 "Microsoft YaHei",sans-serif;cursor:pointer}
#accountForm label button:hover{background:#d3e3ff;border-color:#92b1e3}#accountForm .submit{min-height:42px;font-size:14px;border-radius:11px}#accountForm .form-message:empty{min-height:0;margin:0}
.homepage-agent .account-security-dialog{box-sizing:border-box;width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:24px 26px;border:1px solid #d0dcf3;border-radius:23px;color:#293e60;background:radial-gradient(ellipse at 100% 0,#dbe7ff90,transparent 65%),linear-gradient(140deg,#fcfdff,#eff4ff);box-shadow:inset 0 1px 0 #fff,0 24px 80px #33476b33;scrollbar-width:thin}
.homepage-agent .account-security-dialog::backdrop{background:#263c605e;backdrop-filter:blur(8px)}
.homepage-agent .account-security-dialog form{gap:10px}.homepage-agent .account-security-dialog h2{font-size:22px;margin:0 0 2px}.homepage-agent .account-security-dialog p{font-size:12px;line-height:1.7;margin:0 0 5px;color:#677c9c}.homepage-agent .account-security-dialog p:empty{display:none}
.homepage-agent .account-security-dialog label{margin:0;font-size:13px;color:#526c92;gap:6px}.homepage-agent .account-security-dialog input{min-height:40px;padding:9px 12px;border-color:#c5d5ef;border-radius:10px;background:#ffffffb5;font:14px/1.5 "Microsoft YaHei",sans-serif;color:#293e60}
.homepage-agent .account-security-dialog button{min-height:36px;padding:8px 12px;border:1px solid #bfcfeb;border-radius:10px;color:#4467a1;background:linear-gradient(140deg,#f7faff,#dfeaff);font:500 13px/1.5 "Microsoft YaHei",sans-serif}
.homepage-agent .account-security-dialog button:hover{background:#d7e5ff;border-color:#94b0e1}.homepage-agent .account-security-dialog button[type=submit]{color:#fff;background:linear-gradient(115deg,#4777ef,#7478e7);border-color:#6685e5}
@media(max-width:480px){#accountModal .modal-card{padding:22px 20px}.homepage-agent .account-security-dialog{padding:22px 20px}}
/* Equal-weight, vivid glass CTAs for all four tiers. */
.home-plan{--cta-a:#1265c8;--cta-b:#237bd7;--cta-text:#fff;--cta-hover-a:#075bbe;--cta-hover-b:#1777d6}
.home-plan[data-plan=creator]{--cta-a:#3b59cb;--cta-b:#506cd6;--cta-text:#fff;--cta-hover-a:#2b49bf;--cta-hover-b:#3e60d4}
.home-plan[data-plan=advanced]{--cta-a:#7941c9;--cta-b:#9255dc;--cta-text:#fff;--cta-hover-a:#6d30c3;--cta-hover-b:#8744d8}
.home-plan[data-plan=pro]{--cta-a:#f5b432;--cta-b:#ffd66b;--cta-text:#553506;--cta-hover-a:#f4a719;--cta-hover-b:#ffcc4b}
.home-plan .home-plan-cta,.home-plan.featured .home-plan-cta{border-color:var(--cta-a);text-shadow:0 1px 1px #00000012;transition:background .2s,border-color .2s,color .2s}
.home-plan .home-plan-cta:hover,.home-plan .home-plan-cta:focus-visible{color:var(--cta-text);background:linear-gradient(115deg,var(--cta-hover-a),var(--cta-hover-b));border-color:var(--cta-hover-a)}
.home-product-media{aspect-ratio:1910/866;background:#111315}
.home-plugin-shot{display:block;position:relative;margin-top:18px;padding:0;border:1px solid #bfd2f3;border-radius:12px;overflow:hidden;background:#eff4fc;cursor:zoom-in;box-shadow:inset 0 1px 0 #fff}
.home-plugin-shot img{display:block;width:100%;height:auto;aspect-ratio:1916/1142;object-fit:contain}.home-plugin-shot span{display:block;padding:7px 10px;background:linear-gradient(120deg,#e9f1ff,#f7faff);color:#3e68ac;font:500 12px/1.5 "Microsoft YaHei",sans-serif;text-align:right}
.home-plugin-shot:hover{border-color:#82a9e7;box-shadow:0 5px 16px #5277ac22}
/* Keep idle CTAs translucent; hover/focus restores the existing vivid palette. */
.home-plan .home-plan-cta,.home-plan.featured .home-plan-cta{color:color-mix(in srgb,var(--cta-a) 70%,#243657);border-color:color-mix(in srgb,var(--cta-a) 48%,white);background:linear-gradient(115deg,color-mix(in srgb,var(--cta-a) 24%,white),color-mix(in srgb,var(--cta-b) 28%,white));text-shadow:none}
.home-plan[data-plan=pro] .home-plan-cta{color:#876119}
.home-plan .home-plan-cta:hover,.home-plan .home-plan-cta:focus-visible{color:var(--cta-text);background:linear-gradient(115deg,var(--cta-a),var(--cta-b));border-color:var(--cta-a)}
.home-download-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}.home-download-card{padding:25px;min-height:0;display:flex;flex-direction:column;gap:14px}
.home-software-heading{display:flex;align-items:center;gap:17px}.home-download-card .software-icon{width:45px;height:45px;border-radius:13px;flex:0 0 45px;font-size:18px}.home-download-card .software-icon:before,.home-download-card .software-icon:after{border-radius:12px}
.home-download-card h3{margin:0;font-size:20px}.home-download-card>p{margin:0;font-size:13px;line-height:1.8;min-height:47px}.home-download-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:auto}
.home-download-card button,.home-download-card .home-coming{margin-top:0}.home-download-card .home-coming{align-self:flex-start;font-size:12px;padding:8px 12px}
.home-download-card .download-note{font-size:11px;min-height:18px;margin:0;color:#697f9f}.home-plugin-link{border:0;padding:5px 0;color:#476da7;background:transparent;font:12px/1.5 "Microsoft YaHei",sans-serif;cursor:zoom-in;white-space:nowrap}.home-plugin-link:hover{color:#245bc0;text-decoration:underline;text-underline-offset:3px}
#homePlayFlow{display:inline-flex;align-items:center;justify-content:center;gap:8px}#homePlayFlow svg{width:17px;height:17px;flex:none;stroke-width:1.7}
.home-rotation-control{display:flex;justify-content:center;margin:-10px 0 17px}.home-rotation-control button{padding:3px 10px;border:0;border-radius:7px;color:#7588a9;background:transparent;font:12px/1.5 "Microsoft YaHei",sans-serif}.home-rotation-control button:hover{background:#e4ecff;color:#4268b0}
/* Stable, explicitly laid-out registration form, without delayed field reflow. */
#accountModal{scroll-behavior:auto}#accountModal .modal-card{scrollbar-gutter:stable;scroll-behavior:auto}
#accountForm[data-account-mode=register]{display:grid;grid-template-columns:1fr 1fr;column-gap:14px;row-gap:11px;margin-top:17px}
#accountForm[data-account-mode=register]>label{margin:0;grid-column:1/-1}#accountForm[data-account-mode=register] #nameField{grid-column:1}
#accountForm[data-account-mode=register]>label:has(input[name=account]){grid-column:2}#accountForm[data-account-mode=register]>label:has(input[name=password]){grid-column:1}#accountForm[data-account-mode=register]>label:has(input[name=confirmPassword]){grid-column:2}
#accountForm[data-account-mode=register] .registration-code{grid-template-columns:1fr auto;align-items:end;column-gap:10px}#accountForm[data-account-mode=register] .registration-code>span{grid-column:1/-1}#accountForm[data-account-mode=register] .registration-code input{grid-column:1}#accountForm[data-account-mode=register] .registration-code button{grid-column:2;min-height:42px;margin:0;padding:9px 12px;white-space:nowrap}
#accountForm[data-account-mode=register]>p,#accountForm[data-account-mode=register]>.submit{grid-column:1/-1;margin:0}#accountForm[data-account-mode=register] .agreement{margin:0;font-size:11px}
#accountForm input{letter-spacing:normal;transition:border-color .15s,box-shadow .15s}#accountForm input:autofill{font-size:14px}
@media(max-width:700px){.home-download-grid{grid-template-columns:1fr}}@media(max-width:480px){.home-download-card{padding:24px}#accountForm[data-account-mode=register]{column-gap:10px;row-gap:10px}#accountForm input:not([type=checkbox]){font-size:13px;padding-inline:9px}#accountForm[data-account-mode=register] .registration-code button{font-size:12px;padding-inline:9px}}
@media(max-width:360px){#accountForm[data-account-mode=register]{grid-template-columns:1fr}#accountForm[data-account-mode=register] #nameField,#accountForm[data-account-mode=register]>label:has(input[name=account]),#accountForm[data-account-mode=register]>label:has(input[name=password]),#accountForm[data-account-mode=register]>label:has(input[name=confirmPassword]){grid-column:1}}
.password-control{position:relative;min-width:0}#accountForm .password-control input,.homepage-agent .account-security-dialog .password-control input{padding-right:39px}
#accountForm .password-eye,.homepage-agent .account-security-dialog .password-eye{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:32px;min-height:32px;height:32px;margin:0;padding:0;border:0;border-radius:7px;background:transparent;color:#7589aa;box-shadow:none;cursor:pointer}
#accountForm .password-eye:hover,.homepage-agent .account-security-dialog .password-eye:hover{background:#dce7fc;color:#3965af}.password-eye svg{width:18px;height:18px;stroke-width:1.6}.password-eye[aria-pressed=true]{color:#3868c7!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.home-plan:hover{transform:none}.home-plan-cta:before,.home-plan-cta:after,#downloadButton:before{display:none}.home-composer:after{opacity:.45}}

/* site-notices.56e5294fc97225a7.css */
html body #toast,html body .site-glass-notice,html body .cc-asset-toast{--notice-glow:90,174,236;background:rgba(17,22,28,.80)!important;color:#d8e8f3!important;border:1px solid rgba(var(--notice-glow),.26)!important;border-radius:9px!important;backdrop-filter:blur(14px) saturate(115%);-webkit-backdrop-filter:blur(14px) saturate(115%);box-shadow:0 5px 20px #0003,0 0 12px rgba(var(--notice-glow),.09)!important;font-size:12px!important;line-height:1.5!important;padding:8px 13px!important}
html body [data-severity="error"].site-glass-notice,html body #toast[data-severity="error"]{--notice-glow:230,105,112;color:#f2d9dc!important}
html body #toast{position:fixed!important;bottom:24px!important;left:50%!important;max-width:min(440px,calc(100vw - 32px));z-index:12000!important;display:block!important;visibility:hidden;opacity:0;transform:translate(-50%,5px)!important;transition:opacity .18s,transform .18s;pointer-events:none}
html body #toast.visible,html body #toast.show{visibility:visible;opacity:1;transform:translate(-50%,0)!important;animation:site-notice-pulse .8s ease-out 1!important}
html body .cc-asset-toast{animation:site-notice-pulse .8s ease-out 1!important}
html body .site-glass-notice:empty{display:none}
@keyframes site-notice-pulse{45%{box-shadow:0 5px 20px #0003,0 0 20px rgba(var(--notice-glow),.24)}}
@media(prefers-reduced-motion:reduce){html body #toast,html body .cc-asset-toast{animation:none!important;transition:none!important}}

/* workspace-glass-polish.319ee8b98118f923.css */
/* One surface language; opaque fallback remains legible without backdrop filtering. */
:root{--xs-glass:linear-gradient(135deg,#f9fcffed,#e8f0fbe0);--xs-line:#bccfe8;--xs-ink:#29476c;--xs-muted:#5c7595;--xs-shadow:0 12px 32px #2d52701c,inset 0 1px #ffffffef}
html[data-theme=dark]{--xs-glass:linear-gradient(135deg,#293544eb,#192733ed);--xs-line:#657f9859;--xs-ink:#e3effe;--xs-muted:#a8bed6;--xs-shadow:0 12px 32px #08152533,inset 0 1px #cedfff25}
#userCenterButton.user-button{gap:10px;border:1px solid #b9cff1;background:linear-gradient(125deg,#fff,#edf4ff);box-shadow:inset 0 1px #fff,0 3px 12px #4473a914;border-radius:24px;padding:5px 6px 5px 7px;color:#294b7b}
#userCenterButton #userName{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
#userAvatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.home-workspace-label{padding:9px 14px;border-radius:20px;background:linear-gradient(125deg,#3474ef,#5168e8);color:white;font-weight:600;font-size:13px;white-space:nowrap;box-shadow:inset 0 1px #ffffff60,0 3px 9px #3560d126}
#userCenterButton:hover .home-workspace-label{background:linear-gradient(125deg,#1b63ed,#4058d7)}
html body #userActions{flex:0 0 auto;max-width:100%;min-width:0}
html body #userCenterButton{display:flex!important;align-items:center!important;justify-content:center;flex-wrap:nowrap;max-width:100%;height:44px;min-height:44px;white-space:nowrap}
html body #userCenterButton #userAvatar{display:grid!important;place-items:center;flex:0 0 30px!important;width:30px!important;min-width:30px!important;max-width:30px!important;height:30px!important;min-height:30px!important;max-height:30px!important;padding:0!important;border-radius:50%!important;overflow:hidden;background:#e3efff}
html body #userCenterButton #userAvatar img{display:block;width:30px!important;height:30px!important;max-width:30px!important;object-fit:cover}
html body #userCenterButton .home-workspace-label{display:block!important;flex:0 0 auto;width:auto!important;height:auto!important;min-width:0;padding:8px 12px!important;line-height:18px;border-radius:18px!important}
html body .xe-cloud-entry{display:inline-flex;align-items:center;justify-content:center;gap:6px}.xe-cloud-entry svg{width:19px;height:19px;flex:none}
html body .cc #ccLibrary>.xe-cloud-tool{position:static!important;inset:auto!important;width:38px;height:38px;min-height:38px;padding:8px!important;flex:0 0 38px;border-radius:11px!important;box-shadow:none;z-index:auto}
html body .cc #ccLibrary>.xe-cloud-tool svg{width:21px;height:21px}
html body .cc #ccLibrary>.xe-cloud-tool svg,html body .cc #ccLibrary>.xe-cloud-tool svg *{fill:none!important;stroke:currentColor!important;stroke-width:1.7!important}
html:root[data-theme=light] body .cc .cc-body .cc-side-shell,html:root[data-theme=light] body .cc .cc-body .cc-side-shell #ccInspector{background:linear-gradient(135deg,#f5faffd9,#e0ebf6d6)!important;color:#29476c!important;border-color:#b8cce5!important;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);box-shadow:inset 0 1px #fff,0 6px 22px #27436717!important}
html:root[data-theme=light] body .cc .cc-body .cc-side-shell .cc-panel-navigation{background:linear-gradient(125deg,#ffffffd6,#e0edffd4)!important;border-bottom:1px solid #b9cfea!important}
html:root[data-theme=light] body .cc .cc-body .cc-side-shell #ccInspector :is(.cc-panel-head,.cc-panel-section,.cc-panel-navigation,.cc-panel-tabs){border-color:#bfd1e8!important}
html:root[data-theme=light] body .cc .cc-body .cc-side-shell #ccInspector button{color:#31577f!important}
html[data-theme=light] body .cc :is(.cc-tool-island,.cc-side-rail,.cc-zoom,.cc-quick-create,.cc-island-popover,.cc-context-menu,.cc-tool-menu,.cc-side-shell,.cc-menu,.cc-panel-navigation),html[data-theme=light] body #contextMenu{background:var(--xs-glass)!important;border:1px solid var(--xs-line)!important;color:var(--xs-ink)!important;box-shadow:var(--xs-shadow)!important;backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%)}
html[data-theme=light] body .cc :is(.cc-island-popover,.cc-context-menu,.cc-tool-menu,.cc-menu),html[data-theme=light] body #contextMenu{border-radius:13px!important;padding:6px!important}
html[data-theme=light] body .cc :is(.cc-menu-divider,.cc-island-popover hr,.cc-context-menu hr,.cc-tool-menu hr),html[data-theme=light] body #contextMenu hr{border:0!important;height:1px!important;background:var(--xs-line)!important;margin:7px 5px!important;opacity:1!important}
html[data-theme=light] body .cc :is(.cc-inspector,.cc-panel-navigation,.cc-panel-head,.cc-panel-scroll,.cc-local-links,.cc-panel-section,.cc-assistant,.cc-assistant-chat){background:transparent!important;color:var(--xs-ink)!important;border-color:var(--xs-line)!important}
html[data-theme=light] body .cc #ccInspector :is(h2,h3,b,strong,label,button,summary),html[data-theme=light] body .cc :is(.cc-panel-navigation button,.cc-island-popover button,.cc-context-menu button,.cc-tool-menu button){color:var(--xs-ink)!important}
html[data-theme=light] body .cc #ccInspector :is(p,small,.muted,.cc-panel-empty){color:var(--xs-muted)!important}
html[data-theme=light] body .cc #ccInspector :is(input,select,textarea){background:#ffffffb8!important;color:#29476c!important;border-color:#b9cce7!important;box-shadow:inset 0 1px 3px #23426406}
html[data-theme=light] body .cc #ccInspector :is(button.active,[aria-pressed=true]),html[data-theme=light] body .cc .cc-panel-navigation button.active{color:#245fcf!important;background:#d8e7ffba!important;border-color:#9bbceb!important}
html[data-theme=light] body .cc :is(.cc-island-popover,.cc-context-menu,.cc-tool-menu) button:hover,html[data-theme=light] body #contextMenu button:hover{background:#6b9ff02b!important;color:var(--xs-ink)!important}
html:root[data-theme=light] body .cc #ccQuickCreate{background:linear-gradient(135deg,#f7fbffd9,#e1ecf9db)!important;color:#29476c!important;border:1px solid #aabfdf!important;backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);box-shadow:inset 0 1px #fff,0 12px 30px #203f6b26!important;border-radius:13px!important}
html:root[data-theme=light] body .cc #ccQuickCreate :is(button,small,.cc-menu-icon){color:#31547e!important}html:root[data-theme=light] body .cc #ccQuickCreate button:hover{background:#bed8ff70!important}
html[data-theme=light] body .cc #ccQuickCreate hr{height:1px!important;background:var(--xs-line)!important;border:0!important;opacity:1!important;margin:7px 5px!important}
html[data-theme=light] body .cc #ccQuickCreate .cc-create-catalog>section+section{border-top:1px solid var(--xs-line)!important;margin-top:6px;padding-top:6px}
html body .xm-folder-icon{font-size:0;width:38px;height:28px;position:relative;display:block;border:1px solid #7ea3d6;border-radius:4px;background:linear-gradient(145deg,#d9eaff,#84b2ed);box-shadow:inset 0 1px #f6fbff,0 4px 7px #436eac1c;margin:9px 0 6px}
html body .xm-folder-icon:before{content:'';position:absolute;left:1px;top:-6px;width:16px;height:7px;border:1px solid #87a8d4;border-bottom:0;background:#c4ddfb;border-radius:3px 4px 0 0}
html body .folder-icon path:first-child{fill:#b9d5fa;stroke:#80a6d9}html body .folder-icon path:last-child{fill:#dcecff;stroke:#8aaedb}
html body .xs-view-toggle{display:inline-grid!important;place-items:center;min-width:30px;height:30px;padding:5px!important}html body .xs-view-toggle svg{width:18px;height:18px;fill:none!important;stroke:currentColor!important}
html[data-theme=light] body .workspace>.topbar{background:var(--xs-glass)!important;border-bottom:1px solid var(--xs-line)!important;backdrop-filter:blur(16px);box-shadow:0 2px 12px #29456b0b}
html[data-theme=light] body .topbar :is(.sidebar-icon-button,.top-actions>button,.top-actions>.quiet){background:var(--xs-glass)!important;border:1px solid var(--xs-line)!important;color:var(--xs-ink)!important;box-shadow:inset 0 1px #ffffff8a,0 3px 9px #2544630b;border-radius:12px}
html[data-theme=light] body .cc>.cc-head :is(button,summary){background:var(--xs-glass);border:1px solid var(--xs-line);color:var(--xs-ink);box-shadow:inset 0 1px #ffffff60}
html[data-theme=light] body .cc :is(.cc-topbar button,.cc-header button,.cc-actions button),html[data-theme=light] body .workspace-header :is(button,.user-button){border:1px solid var(--xs-line);background:var(--xs-glass);color:var(--xs-ink);box-shadow:inset 0 1px #ffffff66,0 3px 10px #28476a0c;backdrop-filter:blur(10px)}
html[data-theme=light] body .cc-gallery :is(.cc-card,.cc-gallery-toolbar){background:linear-gradient(135deg,#ffffffed,#edf4ffd9)!important;border-color:#bed2ef!important;box-shadow:inset 0 1px #fff,0 6px 18px #2b568b0c;color:#29476c}
html[data-theme=light] body .cc-gallery .cc-card-preview{background:radial-gradient(ellipse at 70% 20%,#cfddff,transparent 65%),linear-gradient(135deg,#edf7ff,#dceaff)!important}
html[data-theme=light] body .cc-gallery .cc-card-preview svg{color:#5482c5;filter:drop-shadow(0 3px 6px #5683c825)}
/* A visible disk platter and arm distinguish this from a box or an air conditioner. */
html body .drive-icon{transform:none!important;filter:drop-shadow(0 4px 4px #4978ab22)}

html body .drive-icon rect:nth-child(2){fill:#92b4de;stroke:#7799c3}
html body .drive-icon circle{filter:none}
html body .drive-icon circle:nth-child(3){fill:#e8f4ff}html body .drive-icon circle:nth-child(4){fill:none}html body .drive-icon circle:nth-child(5){fill:#769fcb}html body .drive-icon circle:nth-child(7){fill:#acc6e4}html body .drive-icon circle:nth-child(9){fill:#22c5cf}
html body #files .drive-card{border-radius:16px!important;min-height:132px;backdrop-filter:blur(12px)}
html body #files .drive-card .filename{font-size:14px;font-weight:650}
html body .drive-card progress,html body #capacityMeter{appearance:none;-webkit-appearance:none;height:7px!important;min-height:7px;border:0!important;border-radius:10px;overflow:hidden;background:#b9c9df4d;box-shadow:inset 0 1px 2px #47648515}
html body .drive-card progress::-webkit-progress-bar,html body #capacityMeter::-webkit-progress-bar{background:#b9c9df4d;border-radius:10px}
html body .drive-card progress::-webkit-progress-value,html body #capacityMeter::-webkit-progress-value{border-radius:10px;background:linear-gradient(90deg,#4689f4,#5abada);box-shadow:inset 0 1px #ffffff77}
html body .drive-card progress::-moz-progress-bar{border-radius:10px;background:linear-gradient(90deg,#4689f4,#5abada)}
.xm-drive-icon{height:54px;width:46px;border-radius:8px;transform:rotate(-8deg);background:linear-gradient(135deg,#f7fbff,#a8c5ea);box-shadow:inset 0 1px #fff,inset 0 -5px #779bc7,0 7px 12px #365c8c22}
.xm-drive-icon::before{width:28px;height:28px;left:7px;top:7px;bottom:auto;border-radius:50%;background:radial-gradient(circle,#6f94c0 0 3px,#dceeff 4px 8px,#a4c8ed 9px 10px,#e7f3ff 11px);border:1px solid #89acd7}
.xm-drive-icon::after{width:21px;height:5px;right:1px;bottom:17px;border-radius:3px;transform:rotate(48deg);background:#7196c6;border:1px solid #547cad;box-shadow:none}
.xm-file-cover{position:relative;background:linear-gradient(135deg,#dfeaff66,#c1d5ee55)}
.xm-file-cover:before,html body .thumbnail-pending:before{content:'';position:absolute;width:26px;height:26px;left:50%;top:50%;transform:translate(-50%,-50%);background:url('/favicon-xiaoxiangsu.png') center/contain no-repeat;opacity:.4}
.xm-file-cover img{opacity:0;transition:opacity .22s ease;position:relative;z-index:1}.xm-file-cover img.xm-loaded{opacity:1}.xm-file-cover:has(.xm-loaded):before{display:none}
html body .thumbnail-pending{position:relative}.file .cover img{object-fit:contain}
@media(max-width:560px){#userCenterButton #userName{display:none}.home-workspace-label{padding:8px 11px}#userCenterButton.user-button{gap:5px}}
@media(prefers-reduced-motion:reduce){.xm-file-cover img{transition:none}}

/* workspace-light-completion.d419bf3787b6ae3c.css */
/* Light-only accents and complete nested surfaces. Dark theme stays with original styles. */
html[data-theme=light]{--lc-ink:#244267;--lc-muted:#506b90;--lc-line:#b8cdeb;--lc-blue:#2166e3;--lc-panel:linear-gradient(130deg,#f4faffdf,#e2edffe8)}
html[data-theme=light] body .workspace{background:radial-gradient(ellipse at 95% 5%,#d7e6ff77,transparent 52%),radial-gradient(ellipse at 0 100%,#d9f5fa77,transparent 50%),#f2f6fd}
/* Scope to the complete history subtree, not only its outside container. */
html:root[data-theme=light] body .cc .cc-side-shell #ccInspector :is(.cc-history-layout,.cc-history-body,.cc-history-toolbar,.cc-history-pagination,.cc-task-list,.cc-history-empty){background:transparent!important;color:var(--lc-ink)!important;border-color:var(--lc-line)!important}
html:root[data-theme=light] body .cc .cc-side-shell #ccInspector .cc-history-item{background:linear-gradient(135deg,#ffffffcc,#e5efffb8)!important;border:1px solid #b6cdee!important;border-radius:12px!important;padding:12px!important;margin:10px 0!important;box-shadow:inset 0 1px #fff,0 5px 12px #3c64a012}
html:root[data-theme=light] body .cc .cc-side-shell #ccInspector :is(.cc-history-heading,.cc-history-heading b,.cc-history-help,.cc-history-prompt,.cc-history-prompt summary,.cc-history-facts,.cc-history-expiry,.cc-history-item small,.cc-history-item time,.cc-history-pagination span){color:var(--lc-ink)!important}
html:root[data-theme=light] body .cc .cc-side-shell #ccInspector :is(.cc-history-facts,.cc-history-expiry,.cc-history-heading small){color:var(--lc-muted)!important}
html:root[data-theme=light] body .cc .cc-side-shell #ccInspector :is(.cc-history-pagination,.cc-history-actions){border-color:var(--lc-line)!important}
html:root[data-theme=light] body .cc .cc-side-shell #ccInspector :is(.cc-history-add,.cc-history-pagination button){background:linear-gradient(135deg,#e2ecff,#cbdfff)!important;color:#2459a9!important;border:1px solid #a8c3ec!important;border-radius:8px;box-shadow:inset 0 1px #fff}
html:root[data-theme=light] body .cc .cc-side-shell #ccInspector button:disabled{color:#617792!important;background:#dce6f2!important;opacity:.72!important;box-shadow:none!important}
html:root[data-theme=light] body .cc .cc-panel-navigation :is(.cc-panel-tabs,button[data-panel-group],.cc-panel-subtabs){background:transparent!important;color:var(--lc-ink)!important;border-color:var(--lc-line)!important}
html:root[data-theme=light] body .cc .cc-panel-navigation button[data-panel-group].active{background:linear-gradient(125deg,#d5e9ff,#dce0ff)!important;color:#215ac4!important;box-shadow:inset 0 1px #fff!important}
html:root[data-theme=light] body .cc #ccAssistantHost{--text:#244267;--muted:#587396;--line:#b8cdeb;--panel:#eaf3ff;--surface:#f6faff;color:var(--lc-ink)!important;background:var(--lc-panel)!important}
html:root[data-theme=light] body :is(#ccAssistantHost .ca-head,#ccAssistantHost .ca-settings,#ccAssistantHost .ca-messages,#ccAssistantHost .ca-welcome,#ccAssistantHost .ca-composer,#ccAssistantHost .ca-state,.ca-popover){color:var(--lc-ink)!important;background:var(--lc-panel)!important;border-color:var(--lc-line)!important}
html:root[data-theme=light] body #ccAssistantHost :is(button,input,textarea,select,.ca-settings-choice){color:var(--lc-ink)!important;background:#f6faffd9!important;border-color:var(--lc-line)!important}
html:root[data-theme=light] body #ccAssistantHost :is(.ca-state,.ca-settings-note,.ca-empty,small){color:var(--lc-muted)!important}
html:root[data-theme=light] body .ca-popover button{background:transparent!important;color:var(--lc-ink)!important}.ca-popover button:focus-visible{outline:2px solid #4a88eb;outline-offset:-2px}
html:root[data-theme=light] body .cc #ccInspector :is(.cc-local-links,.cc-media-manager,.cc-asset-grid article,.cc-identity-guide,.cc-model-capacity,.cc-submit-review){background:#e9f2ffd9!important;color:var(--lc-ink)!important;border-color:var(--lc-line)!important}
html:root[data-theme=light] body .cc #ccInspector :is(.cc-identity-label,.cc-identity-card dt,.cc-identity-card dd,.cc-identity-guide b,.cc-reference-help){color:var(--lc-ink)!important}
/* Membership uses blue, cyan, violet and amber accents with consistently dark readable text. */
html[data-theme=light] .mp-page{--text:#244267;--muted:#526d91;--line:#b7cdea;color:#244267}
html[data-theme=light] body .mp-card{--plan-accent:#286cd5;--plan-tint:#d4e7ff;background:linear-gradient(145deg,#f7fbff,var(--plan-tint))!important;border:1px solid color-mix(in srgb,var(--plan-accent) 35%,white)!important;box-shadow:inset 0 1px #fff,0 10px 26px #335f9a14!important}
html[data-theme=light] body .mp-card:nth-child(2){--plan-accent:#087d9d;--plan-tint:#d1eff4}html[data-theme=light] body .mp-card:nth-child(3){--plan-accent:#7946cc;--plan-tint:#e6dcfa}html[data-theme=light] body .mp-card:nth-child(4){--plan-accent:#99621b;--plan-tint:#f6e5c9}
html[data-theme=light] body .mp-card :is(h2,h3,.mp-price,.mp-price span,.mp-price small,.mp-description,.mp-period-note,.mp-period-note small,.mp-period-note span,.mp-benefits span,li){color:#28446b!important}
html[data-theme=light] body .mp-card :is(.mp-emblem,.mp-benefits strong){color:var(--plan-accent)!important}
html[data-theme=light] body .mp-card .mp-ribbon{background:linear-gradient(110deg,var(--plan-tint),#ffffff77)!important;color:var(--plan-accent)!important;border-bottom:1px solid color-mix(in srgb,var(--plan-accent) 28%,white)!important}
html[data-theme=light] body .mp-card .mp-cta{color:#fff!important;background:linear-gradient(110deg,var(--plan-accent),color-mix(in srgb,var(--plan-accent) 75%,#62baff))!important;border:1px solid color-mix(in srgb,var(--plan-accent) 65%,white)!important;box-shadow:inset 0 1px #ffffff77,0 5px 12px #304e7914!important}
html[data-theme=light] body .mp-card .mp-cta:disabled{opacity:.72!important}
html[data-theme=light] body .mp-page :is(.mp-period,.mp-recharge,.mp-pack,.mp-unit-notice){background:linear-gradient(130deg,#f7fbff,#daeaff)!important;color:#29476c!important;border-color:#b5cbed!important}
html[data-theme=light] body .mp-page :is(.mp-footnotes,.mp-disclosure,.mp-recharge-head p,.mp-pack-price,.mp-period button,.mp-period span){color:#49688f!important}
html[data-theme=light] body .mp-page .mp-period button.active{background:#286de5!important;color:white!important}
html:root[data-theme=light] body .mp-page .mp-period button[aria-pressed=true],html:root[data-theme=light] body .mp-page .mp-period button[aria-pressed=true] :is(b,small,span){background:#286de5!important;color:#fff!important}
html[data-theme=light] body .cc .cc-history-pagination:has(button:first-child:disabled):has(button:last-child:disabled){display:none!important}
/* Dialog owns its size; the file list is the only scroll container. */
html body dialog.agent-cloud-picker.xm-browser[open]{box-sizing:border-box!important;display:flex!important;flex-direction:column;gap:10px;width:var(--xm-width,480px)!important;height:var(--xm-height,440px)!important;min-width:min(340px,calc(100vw - 16px));min-height:320px;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 24px)!important;resize:none;overflow:hidden!important;padding:14px!important;border-radius:16px!important;line-height:1.4}
html body dialog.xm-browser header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;padding:0}
html body dialog.xm-browser header h2{font-size:15px;margin:0}html body dialog.xm-browser header p{display:none}
html body dialog.xm-browser button{font:inherit;font-size:12px;min-height:0;border-radius:8px;line-height:1.4;box-shadow:none}
html body dialog.xm-browser .agent-cloud-close{display:grid;place-items:center;flex:0 0 28px;width:28px!important;height:28px!important;min-height:28px!important;padding:0!important;margin:0;background:color-mix(in srgb,var(--theme-text) 7%,transparent);color:var(--theme-text);border:1px solid var(--line);font-size:19px}
html body dialog.xm-browser .agent-cloud-search{display:flex;flex:0 0 auto;gap:8px;margin:0}html body dialog.xm-browser .agent-cloud-search input{height:32px;min-height:32px;min-width:0;flex:1;padding:6px 10px;margin:0;font-size:12px}html body dialog.xm-browser .agent-cloud-search button{height:32px;padding:5px 13px;flex:none}
html body dialog.xm-browser .xm-path{flex:0 0 auto;padding:0;margin:0;min-height:24px;max-height:26px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;gap:5px}
html body dialog.xm-browser .xm-files{flex:1 1 0;min-height:0;max-height:none!important;overflow:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable;align-content:start;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:3px;margin:0}
html body dialog.xm-browser .xm-files>button{min-height:100px;padding:8px;gap:5px;align-self:start;border-radius:11px}
html body dialog.xm-browser .xm-drive-icon{transform:rotate(-6deg) scale(.8);margin:0;height:54px;flex:none}html body dialog.xm-browser .xm-files small{font-size:10px}
html body dialog.xm-browser p[role=status]{flex:0 0 auto;margin:0;font-size:11px;min-height:16px;line-height:1.5}
html body dialog.xm-browser footer{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:15px;margin:0;padding:7px 0 0;border-top:1px solid var(--line);font-size:12px}
html body dialog.xm-browser footer button{width:auto!important;min-width:64px;height:28px!important;padding:4px 10px!important;margin:0}
html body dialog.xm-browser :is(footer,.xm-path)[hidden]{display:none!important}
html[data-theme=light] body dialog.xm-browser{background:linear-gradient(135deg,#f4fbfff5,#dfebfff2)!important;border-color:#a8c5ee;box-shadow:inset 0 1px #fff,0 18px 50px #25497533;backdrop-filter:blur(18px)}
html[data-theme=light] body dialog.xm-browser .xm-drive{background:linear-gradient(135deg,#fff,#dceaff)!important;border-color:#adcaf0;box-shadow:inset 0 1px #fff,0 4px 10px #4f7ab515}
html[data-theme=light] body dialog.xm-browser .xm-drive:nth-child(2){background:linear-gradient(135deg,#f5ffff,#cceff1)!important;border-color:#a2d6df}html[data-theme=light] body dialog.xm-browser .xm-drive:nth-child(3){background:linear-gradient(135deg,#faf8ff,#e0dafa)!important;border-color:#c5b7ec}
.xe-guide{position:relative;padding:12px 30px 12px 16px;border:1px solid var(--line);border-radius:12px;font-size:12px}.xe-guide p{margin:0}.xe-guide-dismiss{position:absolute;right:7px;top:7px;display:grid;place-items:center;width:22px;height:22px;min-height:0;padding:0;font-size:16px;background:transparent;border:0;color:var(--theme-text-muted)}
html body #userCenterButton .home-workspace-label{padding:9px 17px!important;font-size:14px!important;background:linear-gradient(110deg,#1767ec,#4e5de7)!important;box-shadow:0 4px 12px #2864db33,inset 0 1px #ffffff55;font-weight:650}
@media(max-width:420px){html body dialog.agent-cloud-picker.xm-browser[open]{width:calc(100vw - 16px)!important;min-width:0;height:var(--xm-height,420px)!important;min-height:260px}html body dialog.xm-browser .xm-files>button{padding:6px}.xm-files strong{font-size:11px}}
html body dialog.xm-browser .xm-resize{position:absolute;bottom:2px;right:3px;width:18px;height:18px!important;min-height:0!important;padding:0!important;background:transparent!important;border:0!important;color:var(--theme-text-muted);cursor:nwse-resize;touch-action:none;line-height:1}
html[data-theme=light] body .mp-card :is(.mp-value,.mp-value span,.mp-value small,.mp-value b,.mp-benefits small){color:#345174!important}

/* account-ui-unified.b2088502b3682e14.css */
/* One account surface, independent of page palette and legacy account skins. */
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface.xa-auth-surface{box-sizing:border-box!important;width:min(440px,calc(100vw - 32px))!important;max-width:none!important;max-height:calc(100dvh - 32px)!important;margin:auto!important;padding:24px!important;border:1px solid #ccdef5!important;border-radius:20px!important;color:#263e60!important;background:linear-gradient(145deg,#fff 0%,#f1f7ff 100%)!important;box-shadow:0 24px 80px #24436a30!important;overflow:auto!important;scrollbar-width:thin;color-scheme:light}
body #accountModal{padding:16px!important;background:#263c605e!important;backdrop-filter:blur(8px)}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface::backdrop{background:#263c605e!important;backdrop-filter:blur(8px)}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .xa-auth-form{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:12px!important;margin:0!important;padding:0!important;width:100%!important;text-align:left!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .xa-auth-form>*{grid-column:1/-1!important;min-width:0}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .dialog-heading{display:block!important;margin:0 36px 4px 0!important;padding:0!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .xa-auth-title{padding-right:20px!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .modal-brand{display:block!important;margin:0 36px 16px 0!important;padding:0!important;text-align:left!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .modal-brand>span{display:none!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .xa-auth-title{display:block!important;margin:0!important;padding:0!important;color:#263e60!important;font:700 22px/1.4 "Microsoft YaHei",sans-serif!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .xa-auth-hint{display:block!important;margin:6px 0 0!important;color:#677e9b!important;font:13px/1.6 "Microsoft YaHei",sans-serif!important}
body .xa-auth-form>#accountDialogHint{margin:0!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .xa-auth-tabs{display:flex!important;gap:4px!important;padding:4px!important;margin:0 0 2px!important;border:1px solid #d7e4f6!important;border-radius:11px!important;background:#eaf2fd!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .xa-auth-tabs button{flex:1!important;height:36px!important;min-height:36px!important;padding:6px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#657c9c!important;box-shadow:none!important;font:600 14px/1.5 "Microsoft YaHei",sans-serif!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .xa-auth-tabs button.active{background:#fff!important;color:#236aca!important;box-shadow:0 2px 8px #28558212!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface label{display:grid!important;gap:6px!important;margin:0!important;color:#486180!important;font:600 13px/1.5 "Microsoft YaHei",sans-serif!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface input:not([type=checkbox]){box-sizing:border-box!important;width:100%!important;height:42px!important;min-height:42px!important;padding:9px 12px!important;border:1px solid #cadcf4!important;border-radius:9px!important;background:#fff!important;color:#263e60!important;outline:none!important;font:400 14px/1.5 "Microsoft YaHei",sans-serif!important;letter-spacing:normal!important;box-shadow:none!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface input::placeholder{color:#91a3bb!important;opacity:1}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface input:focus{border-color:#5797ed!important;box-shadow:0 0 0 3px #398bea15!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .password-control{position:relative!important;width:100%!important;min-width:0}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .password-control input{padding-right:38px!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .password-eye{position:absolute!important;right:4px!important;top:50%!important;transform:translateY(-50%)!important;display:grid!important;place-items:center!important;width:32px!important;height:32px!important;min-height:32px!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;color:#6c86ac!important;box-shadow:none!important;border-radius:7px!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .password-eye svg{width:18px!important;height:18px!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .password-eye:hover{background:#e8f1ff!important;color:#236aca!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .xa-auth-code{display:flex!important;gap:8px!important;align-items:center!important;margin:0!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .xa-auth-code input{min-width:0!important;flex:1!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .xa-auth-code button{flex:0 0 auto!important;height:42px!important;min-height:42px!important;padding:8px 12px!important;margin:0!important;border:1px solid #bcd4f5!important;border-radius:9px!important;background:#eaf3ff!important;color:#2868b9!important;box-shadow:none!important;font:500 13px/1.5 "Microsoft YaHei",sans-serif!important;white-space:nowrap!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .xa-auth-code button:hover{background:#dcecff!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .xa-auth-submit{height:42px!important;min-height:42px!important;padding:9px!important;margin:0!important;border:1px solid #2874db!important;border-radius:10px!important;background:#327fe5!important;color:#fff!important;box-shadow:0 5px 14px #327fe521!important;font:600 14px/1.5 "Microsoft YaHei",sans-serif!important;transform:none!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .xa-auth-submit:hover{background:#246dd0!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface button:disabled{opacity:.6!important;cursor:not-allowed!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .account-agreement,body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .agreement{display:flex!important;align-items:flex-start!important;gap:8px!important;font-size:12px!important;font-weight:400!important;line-height:1.6!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface input[type=checkbox]{flex:0 0 auto!important;width:15px!important;height:15px!important;margin:2px 0 0!important;accent-color:#327fe5}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .form-message,body .xa-auth-form>p{min-height:0!important;margin:0!important;color:#667e9c;font-size:12px!important;line-height:1.6!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface p:empty,body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .register-link{display:none!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .account-security-link{justify-self:end!important;width:auto!important;min-height:0!important;margin:0!important;padding:2px 0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#2868b9!important;font:400 13px/1.6 "Microsoft YaHei",sans-serif!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .account-security-link:hover{color:#174f9d!important;text-decoration:underline}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .xa-auth-close{position:absolute!important;right:16px!important;top:16px!important;display:grid!important;place-items:center!important;width:32px!important;height:32px!important;min-height:32px!important;margin:0!important;padding:0!important;border:0!important;border-radius:9px!important;background:#eaf2fd!important;color:#5b7496!important;font:24px/1 sans-serif!important;box-shadow:none!important;cursor:pointer}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .xa-auth-close:hover{background:#dceaff!important;color:#235caa!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .xa-auth-invite{margin:0!important;color:#6c829e!important;font:12px/1.6 "Microsoft YaHei",sans-serif!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .xa-auth-invite summary{cursor:pointer;list-style-position:inside}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .xa-auth-invite label{margin-top:6px!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface [hidden],body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface label[style*="display: none"]{display:none!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface[data-auth-mode=login] .xa-auth-half{grid-column:1/-1}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface[data-auth-mode=register] .xa-auth-half,body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface.account-security-dialog .xa-auth-half{grid-column:auto!important}
body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface button:focus-visible,body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface .xa-auth-invite summary:focus-visible{outline:2px solid #327fe5!important;outline-offset:2px}
@media(max-width:480px){body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface.xa-auth-surface{padding:20px!important}body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface[data-auth-mode=register] .xa-auth-half,body :is(#loginDialog,#accountModal .modal-card,.account-security-dialog).xa-auth-surface.xa-auth-surface.xa-auth-surface.account-security-dialog .xa-auth-half{grid-column:1/-1!important}}

/* creative-tools.956727666bbff674.css */

#creative-tools{--xx-bg:#fff;--xx-ink:#192c47;--xx-muted:#64768e;--xx-line:#e2eaf3;--xx-soft:#f4f8fd;--xx-blue:#277bf0;--xx-blue-soft:#eaf3ff;--xx-radius:16px;--xx-gap:20px;color-scheme:light;background:var(--xx-bg);color:var(--xx-ink);font:14px/1.65 "Microsoft YaHei","PingFang SC","Segoe UI",sans-serif;min-height:920px;position:relative;isolation:isolate}
#creative-tools *{box-sizing:border-box}
#creative-tools [hidden]{display:none!important}
#creative-tools h1,#creative-tools h2,#creative-tools h3,#creative-tools p{margin:0}
#creative-tools h1{font-size:34px;line-height:1.35;letter-spacing:-1px;font-weight:600}
#creative-tools h2{font-size:20px;font-weight:600;letter-spacing:-.4px}
#creative-tools h3{font-size:16px;font-weight:600}
#creative-tools button,#creative-tools input,#creative-tools select{font:inherit}
#creative-tools button{min-height:36px;border:1px solid var(--xx-line);border-radius:9px;background:#fff;color:var(--xx-ink);padding:7px 13px;white-space:nowrap}
#creative-tools button:hover{background:var(--xx-soft)}
#creative-tools button:disabled{opacity:.46}
#creative-tools button.xx-primary{background:var(--xx-blue);border-color:var(--xx-blue);color:#fff;box-shadow:0 4px 12px #277bf020}
#creative-tools button.xx-quiet{background:transparent;border-color:transparent;color:var(--xx-muted);padding-left:5px;padding-right:5px}
#creative-tools button[aria-pressed=true]{border-color:#a8c9f5;background:var(--xx-blue-soft);color:#236bc3}
#creative-tools button.xx-primary[aria-pressed=true]{background:var(--xx-blue);color:#fff}
#creative-tools input,#creative-tools select{width:100%;min-width:0;padding:8px 10px;border:1px solid var(--xx-line);border-radius:8px;background:var(--xx-soft);color:var(--xx-ink)}
#creative-tools input[type=range]{padding:0;accent-color:var(--xx-blue);border:0;background:transparent}
#creative-tools input[type=checkbox]{width:14px;height:14px;accent-color:var(--xx-blue);padding:0;margin:0}
#creative-tools .xx-chrome{padding:10px 26px 0;background:#fff}
#creative-tools .xx-preview-label{font-size:11px;color:#7b8b9e;margin-bottom:8px;letter-spacing:.5px;padding-right:95px}
#creative-tools .xx-nav{display:flex;align-items:center;gap:24px;min-height:62px;border:1px solid var(--xx-line);border-radius:16px;padding:10px 18px;box-shadow:0 6px 24px #275b9409;background:#fff}
#creative-tools .xx-brand{display:flex;align-items:center;gap:8px;min-width:100px;font-size:17px;font-weight:600;white-space:nowrap}
#creative-tools .xx-brand img{height:28px;width:28px;object-fit:contain}
#creative-tools .xx-nav-links{display:flex;align-items:center;gap:20px;flex:1;justify-content:center}
#creative-tools .xx-nav-links button{font-size:13px;border:0;background:none;border-radius:0;padding:9px 0;color:var(--xx-muted)}
#creative-tools .xx-nav-links button.xx-active{color:var(--xx-blue);box-shadow:inset 0 -2px var(--xx-blue)}
#creative-tools .xx-account{display:flex;align-items:center;gap:10px;font-size:12px}
#creative-tools .xx-account .xx-primary{font-size:12px;padding:7px 12px;min-height:34px}
#creative-tools .xx-container{padding:0 46px 34px;max-width:1240px;margin:auto}
#creative-tools .xx-eyebrow{font-size:11px;letter-spacing:1.8px;text-transform:uppercase;color:#6b86a7;margin-bottom:12px}
#creative-tools .xx-hero{padding:57px 0 36px;display:flex;gap:28px;align-items:end;justify-content:space-between}
#creative-tools .xx-hero p{color:var(--xx-muted);margin-top:12px;max-width:510px}
#creative-tools .xx-hero em{font-style:normal;color:var(--xx-blue)}
#creative-tools .xx-trust{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:#6c8198;margin-top:20px}
#creative-tools .xx-trust span{display:flex;align-items:center;gap:6px}
#creative-tools .xx-dot{width:5px;height:5px;border-radius:50%;background:#80a99c;display:inline-block}
#creative-tools .xx-tiny-note{font-size:11px;color:#8b9bad;white-space:nowrap;margin-bottom:4px}
#creative-tools .xx-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 17px}
#creative-tools .xx-section-heading h2{font-size:15px}
#creative-tools .xx-section-heading span{font-size:12px;color:var(--xx-muted)}
#creative-tools .xx-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--xx-gap)}
#creative-tools .xx-tool-card{border:1px solid var(--xx-line);border-radius:var(--xx-radius);overflow:hidden;background:#fff;transition:box-shadow .16s,transform .16s}
#creative-tools .xx-tool-card:hover{box-shadow:0 14px 35px #2849700d;transform:translateY(-2px)}
#creative-tools .xx-card-art{height:180px;position:relative;overflow:hidden;background:#f0f5fa;border-bottom:1px solid var(--xx-line)}
#creative-tools .xx-card-art svg{height:100%;width:100%;display:block}
#creative-tools .xx-card-art.xx-art-camera{background:#edf3f8}
#creative-tools .xx-card-tag{position:absolute;left:12px;top:12px;background:#ffffffed;border:1px solid #e1e9f3;border-radius:6px;padding:3px 7px;font-size:11px;color:#6282a1}
#creative-tools .xx-card-copy{padding:20px}
#creative-tools .xx-card-copy h3{font-size:17px}
#creative-tools .xx-card-copy p{font-size:12px;color:var(--xx-muted);min-height:42px;margin-top:7px}
#creative-tools .xx-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:20px}
#creative-tools .xx-card-foot small{font-size:11px;color:#7a8da2}
#creative-tools .xx-card-foot button{font-size:12px;padding:6px 11px;min-height:32px}
#creative-tools .xx-card-foot b{font-weight:400;color:var(--xx-blue)}
#creative-tools .xx-bridge{display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--xx-soft);border:1px solid var(--xx-line);border-radius:12px;padding:19px 22px;margin-top:25px}
#creative-tools .xx-bridge h3{font-size:13px;margin-bottom:3px}
#creative-tools .xx-bridge p{font-size:12px;color:var(--xx-muted)}
#creative-tools .xx-bridge button{font-size:12px}
#creative-tools .xx-footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding-top:26px;margin-top:30px;border-top:1px solid var(--xx-line);color:#8a99aa;font-size:11px}
#creative-tools .xx-directory{display:grid;grid-template-columns:1fr .9fr;gap:28px;align-items:stretch}
#creative-tools .xx-directory-list{display:grid;gap:12px}
#creative-tools .xx-directory-row{padding:18px;border:1px solid var(--xx-line);border-radius:12px;display:flex;align-items:center;gap:15px;background:#fff}
#creative-tools .xx-directory-row .xx-number{font:13px ui-monospace,monospace;color:#9aaec4;align-self:start;margin-top:3px}
#creative-tools .xx-directory-row h3{font-size:15px}
#creative-tools .xx-directory-row p{font-size:12px;color:var(--xx-muted);margin-top:5px}
#creative-tools .xx-directory-row button{margin-left:auto;min-width:38px;padding:6px}
#creative-tools .xx-directory-showcase{background:#f0f5fa;border:1px solid var(--xx-line);border-radius:var(--xx-radius);position:relative;overflow:hidden;min-height:315px;display:flex;flex-direction:column}
#creative-tools .xx-directory-showcase svg{flex:1;width:100%;min-height:250px}
#creative-tools .xx-directory-showcase p{font-size:12px;color:#6c8299;text-align:center;padding:14px;border-top:1px solid var(--xx-line);background:#f8fbfe}
#creative-tools .xx-breadcrumb{font-size:12px;color:#8190a3;display:flex;align-items:center;gap:8px;padding:24px 0 16px}
#creative-tools .xx-breadcrumb button{font-size:12px;min-height:28px;padding:2px 0;border:0;color:#6786ab;background:transparent}
#creative-tools .xx-tool-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:23px}
#creative-tools .xx-tool-heading h1{font-size:26px;letter-spacing:-.5px}
#creative-tools .xx-tool-heading p{font-size:13px;color:var(--xx-muted);margin-top:5px}
#creative-tools .xx-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:7px;background:#f0f7f4;color:#648b7c;font-size:11px;white-space:nowrap}
#creative-tools .xx-editor{display:grid;grid-template-columns:minmax(0,1fr) 260px;border:1px solid var(--xx-line);border-radius:var(--xx-radius);overflow:hidden;background:#fff}
#creative-tools .xx-work{min-width:0;background:#f5f8fc;display:flex;flex-direction:column}
#creative-tools .xx-work-toolbar{min-height:48px;display:flex;justify-content:space-between;align-items:center;padding:9px 15px;gap:10px;background:#fff;border-bottom:1px solid var(--xx-line);font-size:12px;flex-wrap:wrap}
#creative-tools .xx-work-toolbar button{font-size:11px;min-height:28px;padding:3px 7px}
#creative-tools .xx-segment{display:flex;align-items:center;gap:3px}
#creative-tools .xx-segment button{font-size:11px;min-height:29px;border-color:transparent;background:transparent}
#creative-tools .xx-segment button[aria-pressed=true]{background:var(--xx-blue-soft);color:#2675d8}
#creative-tools .xx-view{height:365px;min-height:330px;flex:1;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;touch-action:none}
#creative-tools .xx-view svg{display:block;width:100%;height:100%}
#creative-tools .xx-view-dark{background:#18222c;color:#c8d7e4}
#creative-tools .xx-view-caption{position:absolute;left:16px;bottom:12px;font-size:11px;color:#c4d3df;pointer-events:none}
#creative-tools .xx-stage-tag{position:absolute;left:14px;top:13px;font-size:11px;background:#ffffffdc;border:1px solid #e0e8ef;color:#67839e;padding:3px 8px;border-radius:6px;pointer-events:none}
#creative-tools .xx-work-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#fff;padding:11px 15px;border-top:1px solid var(--xx-line);font-size:11px;color:#7e90a4}
#creative-tools .xx-work-bottom button{font-size:11px;min-height:27px;padding:2px 7px}
#creative-tools .xx-props{border-left:1px solid var(--xx-line);padding:19px;background:#fff;display:flex;flex-direction:column;gap:15px}
#creative-tools .xx-props h2{font-size:13px}
#creative-tools .xx-props p{font-size:11px;color:#7a8ca0}
#creative-tools .xx-field{display:block;font-size:12px}
#creative-tools .xx-field-head{display:flex;justify-content:space-between;gap:6px;align-items:center;margin-bottom:7px;color:#617791;font-size:12px}
#creative-tools .xx-field-head output{font-size:12px;color:#263f5c;font-variant-numeric:tabular-nums}
#creative-tools .xx-lenses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
#creative-tools .xx-lenses button{padding:5px 2px;font-size:11px;min-height:30px}
#creative-tools .xx-two-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}
#creative-tools .xx-file-sample{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--xx-line);border-radius:9px;font-size:12px}
#creative-tools .xx-file-sample .xx-mini-art{width:42px;height:45px;background:#f0f6fa;border-radius:5px;flex:none;overflow:hidden}
#creative-tools .xx-file-sample svg{width:100%;height:100%}
#creative-tools .xx-file-sample small{font-size:11px;color:#8c9caf;display:block}
#creative-tools .xx-choices{display:grid;gap:8px}
#creative-tools .xx-check{display:flex;align-items:center;gap:7px;font-size:12px;color:#5a728c}
#creative-tools .xx-separator{height:1px;background:var(--xx-line)}
#creative-tools .xx-notice{padding:10px 11px;border-radius:8px;background:var(--xx-soft);font-size:11px;color:#6f839b;line-height:1.7}
#creative-tools .xx-actions{display:flex;flex-direction:column;gap:7px;margin-top:auto}
#creative-tools .xx-actions button{width:100%;font-size:12px}
#creative-tools .xx-help{border:1px solid var(--xx-line);border-radius:12px;background:#fff;margin-top:18px}
#creative-tools .xx-help summary{font-size:12px;color:#5b7391;padding:13px 16px;list-style-position:inside}
#creative-tools .xx-help .xx-help-body{padding:0 20px 17px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
#creative-tools .xx-help-body h3{font-size:12px;margin-bottom:5px}
#creative-tools .xx-help-body p{font-size:11px;color:#788ba0}
#creative-tools .xx-tool-links{display:flex;justify-content:center;flex-wrap:wrap;gap:18px;font-size:11px;color:#8095ad;margin-top:24px}
#creative-tools .xx-tool-links button{font-size:11px;border:0;background:transparent;min-height:26px;padding:2px 0;color:#6581a1}
#creative-tools .xx-depth-comparison{position:relative;width:100%;height:100%;background:#e6edf1}
#creative-tools .xx-depth-comparison>.xx-original,#creative-tools .xx-depth-comparison>.xx-result{position:absolute;inset:0}
#creative-tools .xx-depth-comparison .xx-result{clip-path:inset(0 0 0 var(--xx-split,50%))}
#creative-tools .xx-divider{position:absolute;left:var(--xx-split,50%);top:0;bottom:0;width:2px;background:#fff;pointer-events:none;box-shadow:0 0 0 1px #415b7430}
#creative-tools .xx-divider:after{content:'↔';position:absolute;top:48%;left:-15px;width:32px;height:32px;background:#fff;border:1px solid #dde6ee;border-radius:50%;display:grid;place-items:center;color:#6c86a1;font-size:14px}
#creative-tools .xx-comparison-label{position:absolute;top:14px;font-size:11px;background:#ffffffdc;padding:3px 8px;border-radius:5px;color:#667c94;pointer-events:none}
#creative-tools .xx-comparison-label.xx-left{left:14px}
#creative-tools .xx-comparison-label.xx-right{right:14px}
#creative-tools .xx-style-presets{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#creative-tools .xx-style-presets button{padding:0;overflow:hidden;white-space:normal;min-height:78px}
#creative-tools .xx-style-presets .xx-swatch{height:46px;display:block;overflow:hidden;background:#e7f0f1}
#creative-tools .xx-style-presets .xx-swatch svg{height:100%;width:100%;display:block}
#creative-tools .xx-style-presets .xx-preset-name{display:block;font-size:11px;padding:5px}
#creative-tools .xx-mode-tabs{display:flex;border-bottom:1px solid var(--xx-line);padding:0 14px;background:#fff;gap:20px}
#creative-tools .xx-mode-tabs button{font-size:12px;border:0;border-radius:0;min-height:42px;padding:8px 0;color:#7a8da3;background:transparent}
#creative-tools .xx-mode-tabs button[aria-pressed=true]{box-shadow:inset 0 -2px var(--xx-blue);color:var(--xx-blue)}
#creative-tools .xx-modal{position:absolute;inset:100px 20px auto;z-index:30;max-width:390px;margin:0 auto;padding:25px;background:#fff;border:1px solid var(--xx-line);border-radius:17px;box-shadow:0 18px 90px #192c4738}
#creative-tools .xx-modal h2{font-size:20px;margin-bottom:9px}
#creative-tools .xx-modal p{font-size:12px;color:#75869b;margin-bottom:18px}
#creative-tools .xx-modal .xx-modal-actions{display:flex;gap:8px;flex-wrap:wrap}
#creative-tools .xx-alert{padding:9px 14px;background:#eff7f4;border:1px solid #dcece5;color:#5d8876;font-size:12px;border-radius:9px;margin-top:16px}
#creative-tools .xx-ai-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;width:100%;padding:30px;text-align:center;background:#f1f5fc;color:#6c829d}
#creative-tools .xx-ai-box h2{font-size:20px;color:#344d6c}
#creative-tools .xx-ai-box p{font-size:12px;max-width:360px}
@media(max-width:850px){#creative-tools .xx-container{padding:0 24px 28px}#creative-tools .xx-chrome{padding:10px 14px 0}#creative-tools .xx-nav{gap:12px;padding:9px 12px}#creative-tools .xx-nav-links{gap:15px}#creative-tools .xx-nav-links .xx-nav-optional{display:none}#creative-tools .xx-tool-grid{gap:12px}#creative-tools .xx-card-copy{padding:15px}#creative-tools .xx-card-art{height:155px}#creative-tools .xx-editor{grid-template-columns:minmax(0,1fr) 238px}#creative-tools .xx-props{padding:15px}#creative-tools .xx-directory{gap:16px}}
@media(max-width:650px){#creative-tools .xx-nav-links{justify-content:flex-end}#creative-tools .xx-nav-links .xx-nav-home{display:none}#creative-tools .xx-account .xx-workspace{display:none}#creative-tools .xx-hero{padding:35px 0 25px;display:block}#creative-tools h1{font-size:28px}#creative-tools .xx-tiny-note{margin-top:15px}#creative-tools .xx-tool-grid{grid-template-columns:1fr}#creative-tools .xx-card-art{height:170px}#creative-tools .xx-card-copy p{min-height:0}#creative-tools .xx-card-foot{margin-top:14px}#creative-tools .xx-directory{grid-template-columns:1fr}#creative-tools .xx-directory-showcase{min-height:245px}#creative-tools .xx-directory-showcase svg{min-height:210px}#creative-tools .xx-editor{grid-template-columns:1fr}#creative-tools .xx-props{border-left:0;border-top:1px solid var(--xx-line);gap:14px}#creative-tools .xx-view{height:330px}#creative-tools .xx-hero p{font-size:13px}#creative-tools .xx-help .xx-help-body{grid-template-columns:1fr;gap:12px}#creative-tools .xx-bridge{align-items:start;padding:16px;flex-direction:column;gap:10px}#creative-tools .xx-tool-heading{align-items:start}#creative-tools .xx-tool-heading h1{font-size:23px}#creative-tools .xx-pill{font-size:11px;padding:4px 6px}#creative-tools .xx-footer{margin-top:20px}#creative-tools .xx-breadcrumb{padding-top:18px}#creative-tools{min-height:1440px}#creative-tools .xx-card-copy h3{font-size:17px}}
@media(pointer:coarse){#creative-tools button,#creative-tools select{min-height:44px}#creative-tools .xx-nav-links button{min-height:44px}#creative-tools input,#creative-tools select{font-size:16px}#creative-tools .xx-check{min-height:36px}}
@media(prefers-reduced-motion:reduce){#creative-tools .xx-tool-card{transition:none;transform:none}}
#creative-tools{--xx-bg:#eaf0f7;--xx-ink:#162a44;--xx-muted:#52677f;--xx-line:#d3deeb;min-height:660px}
#creative-tools .xx-chrome{background:transparent;padding-top:10px}
#creative-tools .xx-preview-label{color:#52677f}
#creative-tools .xx-nav{box-shadow:0 5px 16px #203b5810;border-color:#d6e0ec}
#creative-tools .xx-hero{padding:26px 0 24px;display:block}
#creative-tools .xx-hero h1{font-size:27px;letter-spacing:-.5px;line-height:1.4}
#creative-tools .xx-hero p{font-size:13px;margin-top:6px;max-width:none;color:#52677f}
#creative-tools .xx-tool-card{border-color:#cfdae7;box-shadow:0 8px 22px #1836560c}
#creative-tools .xx-tool-card:hover{box-shadow:0 12px 28px #1836561c;transform:translateY(-3px)}
#creative-tools .xx-card-art{height:245px;background:#dce6ee}
#creative-tools .xx-card-copy{padding:20px}
#creative-tools .xx-card-title{display:flex;align-items:center;justify-content:space-between;gap:8px}
#creative-tools .xx-card-copy h3{font-size:20px;letter-spacing:-.5px}
#creative-tools .xx-card-copy p{font-size:13px;line-height:1.8;color:#52677f;min-height:47px;margin-top:8px}
#creative-tools .xx-free{color:#137347;background:#e2f4e9;border:1px solid #b9dfc9;padding:3px 8px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap}
#creative-tools .xx-card-tag{color:#294969;background:#f9fcffed;border-color:#d1deec}
#creative-tools .xx-card-foot{margin-top:20px;align-items:stretch;flex-direction:column;gap:12px}
#creative-tools .xx-card-foot small{color:#63768c;font-size:11px}
#creative-tools .xx-card-foot button{background:var(--xx-blue);border-color:var(--xx-blue);color:#fff;font-size:13px;min-height:40px;width:100%;box-shadow:0 4px 10px #277bf01a}
#creative-tools .xx-card-foot b{color:#fff;margin-left:6px}
#creative-tools .xx-bridge{background:#dce7f5;border-color:#c9d9ed;margin-top:22px;padding:15px 20px}
#creative-tools .xx-bridge p{color:#52677f}
#creative-tools .xx-footer{color:#63768c;margin-top:25px;padding-top:19px}
@media(max-width:850px){#creative-tools .xx-card-copy{padding:15px}#creative-tools .xx-card-art{height:210px}#creative-tools .xx-card-copy h3{font-size:18px}#creative-tools .xx-free{padding:3px 6px;font-size:11px}}
@media(max-width:650px){#creative-tools{min-height:1440px}#creative-tools .xx-hero{padding:20px 0}#creative-tools .xx-hero h1{font-size:23px}#creative-tools .xx-hero p{font-size:12px;letter-spacing:-.4px}#creative-tools .xx-card-art{height:230px}#creative-tools .xx-card-copy h3{font-size:20px}#creative-tools .xx-free{font-size:12px}#creative-tools .xx-card-copy p{min-height:0}#creative-tools .xx-tool-grid{gap:18px}}
#creative-tools button{transition:background .16s,box-shadow .16s,transform .16s}
#creative-tools button:not(:disabled):active{transform:translateY(1px)}
#creative-tools button.xx-primary:not(:disabled):hover,#creative-tools .xx-card-foot button:not(:disabled):hover{background:#1769d9;box-shadow:0 5px 15px #277bf033;transform:translateY(-1px)}
#creative-tools .xx-card-foot b{display:inline-block;transition:transform .16s}
#creative-tools .xx-card-foot button:hover b{transform:translate(3px,-2px)}
#creative-tools .xx-tool-card{position:relative}
#creative-tools button.xx-card-hit{position:absolute;inset:0;z-index:1;width:100%;height:100%;padding:0;border:0;border-radius:inherit;background:transparent;box-shadow:none;transform:none}
#creative-tools .xx-card-foot button{position:relative;z-index:2}
#creative-tools .xx-breadcrumb{gap:13px;padding:18px 0}
#creative-tools .xx-breadcrumb button{background:#fff;border:1px solid #b9cce1;border-radius:8px;padding:7px 13px;color:#24578e;min-height:36px;box-shadow:0 2px 5px #18365608}
#creative-tools .xx-breadcrumb button:hover{background:#f4f8fe;border-color:#7da9dc}
#creative-tools input[type=range]{appearance:none;-webkit-appearance:none;height:26px;background:transparent;border:0;border-radius:0;cursor:ew-resize}
#creative-tools input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:linear-gradient(to right,#4085dc 0%,#4085dc var(--xx-fill,50%),#dce5ef var(--xx-fill,50%),#dce5ef 100%)}
#creative-tools input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:11px;height:11px;margin-top:-4px;background:#fff;border:1.5px solid #4085dc;border-radius:50%;box-shadow:0 1px 4px #22518b30;transition:box-shadow .15s,transform .15s}
#creative-tools input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 4px #277bf014}
#creative-tools input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15);box-shadow:0 0 0 5px #277bf01c}
#creative-tools input[type=range]::-moz-range-track{height:3px;background:#dce5ef;border-radius:3px}
#creative-tools input[type=range]::-moz-range-progress{height:3px;background:#4085dc}
#creative-tools input[type=range]::-moz-range-thumb{width:9px;height:9px;background:#fff;border:1.5px solid #4085dc;border-radius:50%}
#creative-tools input[type=range]:disabled{opacity:.35;cursor:default}
#creative-tools .xx-depth-comparison[data-preview=original] .xx-result,#creative-tools .xx-depth-comparison[data-preview=original] .xx-right,#creative-tools .xx-depth-comparison:not([data-preview=compare]) .xx-divider{display:none}
#creative-tools .xx-depth-comparison[data-preview=result] .xx-left{display:none}
#creative-tools .xx-depth-comparison[data-preview=result] .xx-result{clip-path:none}
#creative-tools .xx-preview-tools{display:flex;gap:4px;flex-wrap:wrap}
#creative-tools .xx-preview-tools button{min-height:30px;padding:4px 9px}
#creative-tools .xx-field:has(input:disabled) .xx-field-head{opacity:.5}
@media(pointer:coarse){#creative-tools input[type=range]{height:44px}#creative-tools input[type=range]::-webkit-slider-thumb{width:13px;height:13px;margin-top:-5px}#creative-tools .xx-preview-tools button{min-height:44px}}
@media(prefers-reduced-motion:reduce){#creative-tools button,#creative-tools .xx-card-foot b{transition:none!important;transform:none!important}}

body.creative-tools-page{background:#eaf0f7;min-width:320px}
.creative-tools-page .site-header{background:#fff;border:1px solid #d6e0ec;box-shadow:0 5px 16px #203b5810;position:relative;top:auto;max-width:1160px;margin:20px auto 0}
.creative-tools-page .site-header nav{gap:22px;flex-wrap:wrap}
.creative-tools-page .site-header nav a[aria-current=page]{color:#277bf0;border-bottom:2px solid #277bf0;padding-bottom:5px}
#creative-tools{max-width:1240px;margin:auto;padding-top:3px}
#creative-tools a{color:inherit;text-decoration:none}
#creative-tools a.xx-tool-card{display:block}
#creative-tools .xx-back{display:inline-flex;align-items:center;background:white;border:1px solid #b9cce1;border-radius:8px;padding:7px 13px;color:#24578e;min-height:36px}
#creative-tools .xx-empty{padding:40px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;color:#52677f;width:100%}
#creative-tools .xx-empty b{font-size:18px;color:#243d59}
#creative-tools .xx-upload{border:1px dashed #abc4dd;border-radius:12px;background:#ecf3fc;margin:20px;min-height:300px}
#creative-tools .xx-depth-comparison img{width:100%;height:100%;object-fit:contain;display:block}
#creative-tools .xx-progress{font-size:12px;padding:10px 14px;background:#e9f3ff;color:#2764a2;border-radius:8px}
#creative-tools .xx-file-name{overflow-wrap:anywhere;white-space:normal;font-size:12px}
#creative-tools .xx-downloads{display:grid;grid-template-columns:1fr 1fr;gap:6px}
#creative-tools .xx-error{color:#a53d32;background:#fff1ec}
#creative-tools .xx-props details{font-size:12px}
#creative-tools .xx-props details>div{padding-top:12px}
#creative-tools .xx-card-foot>span{display:flex;align-items:center;justify-content:center;background:#277bf0;color:#fff;border-radius:9px;min-height:40px;transition:background .16s,transform .16s}
#creative-tools .xx-tool-card:hover .xx-card-foot>span{background:#1769d9;transform:translateY(-1px)}
#creative-tools .xx-tool-card:hover b.xx-arrow{transform:translate(3px,-2px)}
#creative-tools .xx-arrow{display:inline-block;margin-left:7px;transition:transform .16s}
#creative-tools .xx-card-foot small{min-height:18px}
#creative-tools .xx-small-note{font-size:12px;color:#52677f;margin:12px 0}
#toolHelp{max-width:460px;width:calc(100% - 32px);padding:25px;border:1px solid #c9d9eb;border-radius:16px;color:#243d59;background:#fff}
#toolHelp::backdrop{background:#132a4666;backdrop-filter:blur(4px)}
#toolHelp h2{font-size:20px}#toolHelp p{font-size:14px;line-height:1.8}#toolHelp>div{display:flex;gap:12px;align-items:center;flex-wrap:wrap}#toolHelp button,#toolHelp a{border:1px solid #bfd1e7;border-radius:8px;padding:9px 13px;background:#edf4ff;color:#24578e;text-decoration:none;cursor:pointer}
.creative-tools-page .brand img{display:block;object-fit:contain}
#creative-tools textarea{font:inherit;width:100%;padding:10px;border:1px solid #c9d9eb;border-radius:9px;color:#243d59;background:#f6f9fd;resize:vertical}
#creative-tools [data-camera-stage]>svg{display:block;width:100%;height:100%}
#creative-tools a.xx-tool-card:focus-visible{outline:3px solid #277bf0;outline-offset:4px}
#creative-tools .xx-card-copy{color:#162a44}
.creative-tools-page #guestActions.hidden{display:none}.creative-tools-page #userActions:not(.visible){display:none}
@media(max-width:700px){.creative-tools-page .site-header{margin:10px;width:calc(100% - 20px)}.creative-tools-page .site-header nav{gap:12px}#creative-tools .xx-card-art{height:210px}#creative-tools .xx-container{padding:0 18px 25px}}
@media(prefers-reduced-motion:reduce){#creative-tools *{transition:none!important}}
/* Image dimensions must never participate in workspace sizing. */
#creative-tools .xx-editor{height:680px;max-height:calc(100dvh - 240px);min-height:520px}
#creative-tools .xx-work{height:100%;min-height:0;overflow:hidden}
#creative-tools .xx-view{height:0;min-height:0;flex:1 1 0;position:relative;overflow:hidden}
#creative-tools .xx-view>img,#creative-tools .xx-view>[data-comparison],#creative-tools .xx-view>[data-camera-stage]{position:absolute;inset:0;width:100%;height:100%;min-width:0;min-height:0}
#creative-tools .xx-view>img{object-fit:contain}
#creative-tools .xx-props{height:100%;min-height:0;overflow:auto;overscroll-behavior:contain}
#creative-tools .xx-work-toolbar,#creative-tools .xx-work-bottom{flex-shrink:0}
#creative-tools .xx-upload{width:calc(100% - 40px);min-height:0;margin:20px;height:calc(100% - 40px);justify-content:center}
#creative-tools .xx-view svg.cc-camera-axes{max-width:58px;max-height:58px}
#creative-tools .xx-view [data-camera-navigation]{display:contents}
@media(max-width:650px){#creative-tools .xx-editor{height:auto;max-height:none;min-height:0}#creative-tools .xx-work{height:auto}#creative-tools .xx-view{height:340px;min-height:0;flex:0 0 340px}#creative-tools .xx-props{height:auto;overflow:visible}}

/* creative-tools-navigation.7f99defb0dbe413e.css */
#creative-tools .cc-camera-viewport-navigation{position:absolute;right:5px;top:5px;width:100px;height:102px;z-index:2;cursor:default;}
#creative-tools .cc-camera-viewport-navigation svg.cc-camera-viewcube{display:block;width:100px;height:102px;overflow:visible;}
#creative-tools .xx-view svg.cc-camera-axes{position:absolute;left:6px;bottom:5px;width:58px;height:58px;pointer-events:none;}
#creative-tools .cc-camera-axes path{stroke-width:1.5;stroke-linecap:round;fill:none;}
#creative-tools .cc-camera-axes text{font-size:9px;font-weight:600;font-family:system-ui,sans-serif;}
#creative-tools .cc-viewcube-face{cursor:pointer;outline:none;}
#creative-tools .cc-viewcube-face polygon{fill:#35404b;stroke:#b5c7d552;stroke-width:.65;stroke-linejoin:round;}
#creative-tools .cc-viewcube-face text{fill:#d7e0e8;font-size:8px;font-family:system-ui,sans-serif;pointer-events:none;}
#creative-tools .cc-viewcube-face:hover polygon,#creative-tools .cc-viewcube-face:focus-visible polygon,#creative-tools .cc-viewcube-face[aria-pressed=true] polygon{fill:#48677d;stroke:#9cd5f4;}
#creative-tools .cc-viewcube-corner{cursor:pointer;outline:none;}
#creative-tools .cc-viewcube-corner circle{fill:transparent;stroke:transparent;stroke-width:1;}
#creative-tools .cc-viewcube-corner:hover circle,#creative-tools .cc-viewcube-corner:focus-visible circle{fill:#9ccce8bb;stroke:#e6f6ff;}
#creative-tools .cc-camera-viewcube .cc-viewcube-orbit{fill:none;stroke:#bacada6b;stroke-width:5;cursor:grab;outline:none;}
#creative-tools .cc-camera-viewcube .cc-viewcube-elevation{fill:none;stroke:#bacada5c;stroke-width:4;stroke-linecap:round;cursor:ns-resize;outline:none;}
#creative-tools .cc-camera-viewcube :is(.cc-viewcube-orbit,.cc-viewcube-elevation):is(:hover,:focus-visible){stroke:#8cc8ee;}
#creative-tools .cc-camera-viewcube:focus-visible{outline:1px solid #8cc8ee;outline-offset:-1px;border-radius:9px;}
#creative-tools .cc-camera-viewport-navigation.cc-camera-viewcube-v2{width:102px;height:102px;right:2px;top:2px;opacity:.84;transition:opacity .14s;}
#creative-tools .cc-camera-viewcube-v2:hover,#creative-tools .cc-camera-viewcube-v2:focus-within{opacity:1;}
#creative-tools .cc-camera-viewcube-v2 svg.cc-camera-viewcube{width:102px;height:102px;overflow:visible;}
#creative-tools .cc-camera-viewcube-v2 .cc-viewcube-region{cursor:grab;outline:none;}
#creative-tools .cc-camera-viewcube-v2 .cc-viewcube-region:active{cursor:grabbing;}
#creative-tools .cc-camera-viewcube-v2 .cc-viewcube-passive{pointer-events:none;}
#creative-tools .cc-camera-viewcube-v2 .cc-viewcube-surface{stroke:#728392;stroke-width:.65;stroke-linejoin:round;}
#creative-tools .cc-camera-viewcube-v2 .cc-viewcube-hit{fill:transparent!important;stroke:transparent!important;stroke-width:5;stroke-linejoin:round;pointer-events:all;}
#creative-tools .cc-camera-viewcube-v2 .cc-viewcube-face .cc-viewcube-hit{stroke-width:1;}
#creative-tools .cc-camera-viewcube-v2 .cc-viewcube-region:is(:hover,:focus-visible) .cc-viewcube-surface{fill:#a6cce9!important;stroke:#4288b9;stroke-width:1.2;}
#creative-tools .cc-camera-viewcube-v2 .cc-viewcube-region[aria-pressed=true] .cc-viewcube-surface{stroke:#5188ad;stroke-width:1.1;}
#creative-tools .cc-camera-viewcube-v2 text.cc-viewcube-label{fill:#344352;font-family:system-ui,'Microsoft YaHei',sans-serif;font-size:.42px!important;font-weight:600;pointer-events:none;stroke:none;}
#creative-tools .cc-camera-viewcube-v2 .cc-viewcube-compass-shadow{fill:#000;opacity:.16;pointer-events:none;}
#creative-tools .cc-camera-viewcube-v2 .cc-viewcube-compass-base{fill:#ced7df;stroke:none;cursor:grab;}
#creative-tools .cc-camera-viewcube-v2 .cc-viewcube-compass:active{cursor:grabbing;}
#creative-tools .cc-camera-viewcube-v2 .cc-viewcube-compass-ticks{fill:none;stroke:#6f8495;stroke-width:.65;pointer-events:none;}
#creative-tools .cc-camera-viewcube-v2 .cc-viewcube-compass-guide{fill:none;stroke:transparent;stroke-width:0;pointer-events:none;}
#creative-tools .cc-camera-viewcube-v2 .cc-viewcube-cardinal rect{fill:transparent;stroke:none;}
#creative-tools .cc-camera-viewcube-v2 .cc-viewcube-cardinal text{fill:#a6b7c5;font:600 9px system-ui,sans-serif;pointer-events:none;}
#creative-tools .cc-camera-viewcube-v2 .cc-viewcube-cardinal{cursor:grab;outline:none;}
#creative-tools .cc-camera-viewcube-v2 .cc-viewcube-cardinal:is(:hover,:focus-visible) rect{fill:#75b8e62e;stroke:#75b8e666;}
#creative-tools .cc-camera-viewcube-v2 .cc-viewcube-compass:focus-visible .cc-viewcube-compass-base{stroke:#78b5e0;stroke-width:1.5;}
#creative-tools .cc-camera-viewcube-v2 .cc-viewcube-tool{cursor:pointer;outline:none;opacity:.5;}
#creative-tools .cc-camera-viewcube-v2:hover .cc-viewcube-tool,#creative-tools .cc-camera-viewcube-v2:focus-within .cc-viewcube-tool{opacity:.9;}
#creative-tools .cc-camera-viewcube-v2 .cc-viewcube-tool rect{fill:transparent;stroke:none;}
#creative-tools .cc-camera-viewcube-v2 .cc-viewcube-tool path{fill:none;stroke:#a8bac8;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round;}
#creative-tools .cc-camera-viewcube-v2 .cc-viewcube-home path{fill:#a8bac8;stroke:none;}
#creative-tools .cc-camera-viewcube-v2 .cc-viewcube-tool:is(:hover,:focus-visible) rect{fill:#75b8e62b;stroke:#75b8e655;stroke-width:1;}
#creative-tools .cc-camera-viewcube-v2 .cc-camera-viewcube:focus-visible{outline:1px solid #8bb6d3;outline-offset:-3px;}
#creative-tools .cc-camera-viewcube-v2 svg:focus-visible .cc-viewcube-home path{fill:#9ccde9;opacity:1;}
#creative-tools .cc-camera-viewcube-v2 svg:has(.cc-viewcube-compass:focus-visible) .cc-viewcube-compass-base{stroke:#8bb6d3!important;stroke-width:.7!important;}
#creative-tools .xx-view .cc-camera-viewport-navigation.cc-camera-viewcube-v2{right:8px;top:8px;bottom:auto;width:116px;height:116px;opacity:.95}
#creative-tools .cc-camera-viewcube-v2 svg.cc-camera-viewcube{width:116px;height:116px}
#creative-tools .xx-view svg.cc-camera-axes{bottom:26px}
#creative-tools .xx-view-caption{right:132px;pointer-events:none}
#creative-tools .xx-view [data-camera-cube] [role=button]{cursor:pointer}
#creative-tools .xx-view .cc-camera-viewcube-v2 [role=button]:focus-visible{outline:1px solid #91c6eb;outline-offset:1px}
@media(pointer:coarse){#creative-tools .xx-view .cc-camera-viewport-navigation.cc-camera-viewcube-v2{width:132px;height:132px}#creative-tools .cc-camera-viewcube-v2 svg.cc-camera-viewcube{width:132px;height:132px}#creative-tools .xx-view-caption{right:145px}}

/* creative-video-depth.dea0640e37b191fc.css */
#creative-tools .xx-tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
#creative-tools .xx-card-copy{padding:16px}
#creative-tools .xx-card-copy h3{font-size:18px}
#creative-tools .vd-card-art{height:100%;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#34404e}
#creative-tools .vd-card-art>div{overflow:hidden;height:100%}
#creative-tools .vd-card-art>div:last-of-type{filter:grayscale(1) contrast(1.4)}
#creative-tools .vd-card-art span{position:absolute;bottom:14px;left:16px;right:16px;color:#fff;background:#172839cf;border-radius:8px;padding:6px 10px;font-size:12px;text-align:center}
#creative-tools .vd-stage{touch-action:auto}
#creative-tools .vd-comparison{position:absolute;inset:0;overflow:hidden}
#creative-tools .vd-comparison>video,#creative-tools .vd-depth,#creative-tools .vd-depth canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
#creative-tools .vd-depth{clip-path:inset(0 0 0 var(--vd-split,50%));background:#e6edf1}
#creative-tools .vd-divider{position:absolute;z-index:3;left:calc(var(--vd-split,50%) - 14px);top:0;bottom:0;width:28px;cursor:col-resize;touch-action:none;opacity:0;outline:none;transition:opacity .12s;pointer-events:auto}
#creative-tools .vd-divider::before{content:'';position:absolute;inset:0 auto 0 13px;width:2px;background:#ffffffed;box-shadow:0 0 0 1px #415b7426}
#creative-tools .vd-divider svg{position:absolute;left:2px;top:50%;width:24px;height:32px;transform:translateY(-50%);padding:3px;background:#ffffffed;border-radius:8px;box-shadow:0 2px 10px #172d4430;fill:none;stroke:#4d697f;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
@media(hover:hover){#creative-tools .vd-comparison:hover .vd-divider{opacity:1}}
#creative-tools .vd-comparison.is-dragging .vd-divider,#creative-tools .vd-divider:focus-visible{opacity:1}
#creative-tools .vd-original-label,#creative-tools .vd-depth-label{position:absolute;top:12px;background:#ffffffe8;padding:4px 8px;border-radius:6px;font-size:11px;color:#52677f;pointer-events:none}
#creative-tools .vd-original-label{left:12px}#creative-tools .vd-depth-label{right:12px}
#creative-tools .vd-comparison[data-preview=original] .vd-depth,#creative-tools .vd-comparison[data-preview=original] .vd-depth-label,#creative-tools .vd-comparison[data-preview=result] .vd-original-label,#creative-tools .vd-comparison:not([data-preview=compare]) .vd-divider{display:none}
#creative-tools .vd-comparison[data-preview=result] .vd-depth{clip-path:none}
#creative-tools .vd-playback{display:flex;gap:10px;align-items:center;padding:10px 14px;border-top:1px solid #d3deeb;background:#fff;flex-shrink:0}
#creative-tools .vd-playback button{font-size:12px;min-width:95px}
#creative-tools .vd-playback input{min-width:0;flex:1}
#creative-tools .vd-playback output{font-size:11px;min-width:96px;text-align:right;font-variant-numeric:tabular-nums}
#creative-tools .vd-editor progress{display:block;width:100%;height:5px;border:0;appearance:none;border-radius:3px;background:#e1e9f3;flex-shrink:0}
#creative-tools .vd-editor progress::-webkit-progress-bar{background:#e1e9f3;border-radius:3px}#creative-tools .vd-editor progress::-webkit-progress-value{background:#277bf0;border-radius:3px}
#creative-tools .vd-editor [data-vd-status]{min-height:48px;flex-shrink:0;overflow-wrap:anywhere}
#creative-tools .vd-editor .xx-notice{flex-shrink:0}
#creative-tools .vd-secondary-action{display:grid;min-height:36px;height:36px}
#creative-tools .vd-secondary-action>button{grid-area:1/1;width:100%;height:36px}
#creative-tools .vd-editor .xx-actions>button{min-height:36px;height:36px}
#creative-tools .vd-editor .xx-actions>button:is(:hover,:active),#creative-tools .vd-secondary-action>button:is(:hover,:active){transform:none}
#creative-tools .vd-depth video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
#creative-tools .vd-source-spec{display:grid;grid-template-columns:68px minmax(0,1fr);gap:12px 8px;padding:14px;background:#f3f7fc;border-radius:10px;font-size:12px;flex-shrink:0}
#creative-tools .vd-source-spec span{color:#7a8ca0}#creative-tools .vd-source-spec b{font-weight:500;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
#creative-tools .vd-progress-box{height:112px;min-height:112px;flex:0 0 112px;box-sizing:border-box;border-radius:10px;background:#e9f3ff;padding:12px;display:grid;grid-template-rows:36px 32px 5px;gap:6px;overflow:hidden;font-size:12px;color:#2764a2}
#creative-tools .vd-progress-box [data-vd-status],#creative-tools .vd-progress-box [data-vd-detail]{margin:0;min-height:0;line-height:18px;overflow:hidden;overflow-wrap:anywhere;animation:none;transition:none;font-variant-numeric:tabular-nums}
#creative-tools .vd-progress-box [data-vd-detail]{font-size:11px;color:#7086a0;line-height:16px}
#creative-tools .vd-progress-box progress{margin:0;align-self:end}
#creative-tools .vd-editor .xx-props{scrollbar-width:thin;scrollbar-color:#b8c9d9 transparent;scrollbar-gutter:stable;padding-right:16px}
#creative-tools .vd-editor .xx-props::-webkit-scrollbar{width:7px}
#creative-tools .vd-editor .xx-props::-webkit-scrollbar-track{background:transparent;margin-block:12px}
#creative-tools .vd-editor .xx-props::-webkit-scrollbar-thumb{background:#b8c9d9;border:2px solid transparent;background-clip:padding-box;border-radius:9px}
#creative-tools .vd-editor .xx-props::-webkit-scrollbar-thumb:hover{background-color:#819fb9}
#creative-tools .vd-editor .xx-props::-webkit-scrollbar-button{display:none;width:0;height:0}
#creative-tools .vd-timeline-wrap{position:relative;min-width:0;flex:1}
#creative-tools .vd-timeline-wrap input{display:block;width:100%;margin:0;position:relative;z-index:1}
#creative-tools .vd-stage>.vd-completed-track{position:absolute;z-index:4;bottom:0;left:0;right:0;height:4px;overflow:hidden;background:#36a78b20;pointer-events:none}
#creative-tools .vd-completed-track i{display:block;height:100%;width:var(--vd-completed,0%);background:#36a78b;transition:width .2s linear}
#creative-tools .vd-processing-strip{height:44px;min-height:44px;flex:none;display:flex;align-items:center;gap:9px;padding:0 14px;background:#f7fafc;border-top:1px solid #e4edf3;font-size:11px;color:#71869a;font-variant-numeric:tabular-nums}
#creative-tools .vd-processing-strip [data-vd-processed-label]{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#creative-tools .vd-processing-strip button{min-width:0;min-height:26px;padding:3px 7px;border-color:transparent;background:transparent;font-size:11px;color:#287b71}
#creative-tools .vd-processing-strip button:hover{background:#e7f3ef}
#creative-tools .vd-process-dot{width:6px;height:6px;border-radius:50%;background:#9eafbf;flex:none}
#creative-tools [data-processing=true] .vd-process-dot{background:#36a78b;box-shadow:0 0 0 3px #36a78b17}
#creative-tools .vd-progress-box{position:relative;background:linear-gradient(135deg,#f4f8fc,#f0f7f5);border:1px solid #dce9ec;padding-left:12px;padding-right:12px;grid-template-rows:36px 32px 5px}
#creative-tools .vd-progress-box [data-vd-status]{padding-right:64px;font-size:12px;line-height:18px;color:#335b71}
#creative-tools .vd-progress-box [data-vd-percent]{position:absolute;right:12px;top:15px;font-size:16px;line-height:1;letter-spacing:-.5px;font-weight:500;color:#258e7a;font-variant-numeric:tabular-nums}
#creative-tools .vd-progress-ring{display:none;position:absolute;bottom:26px;right:12px;width:10px;height:10px;border:1.5px solid #c7ded7;border-top-color:#329e86;border-radius:50%}
#creative-tools [data-processing=true] .vd-progress-ring{display:block;animation:vd-process-rotate 1.4s linear infinite}
#creative-tools .vd-progress-box [data-vd-detail]{padding-right:18px}
#creative-tools .vd-progress-box progress::-webkit-progress-value{background:linear-gradient(90deg,#80c7b5,#329e86);transition:width .2s linear}
#creative-tools .vd-progress-box progress::-moz-progress-bar{background:#329e86}
#creative-tools .vd-progress-box .vd-accessible-progress{position:absolute!important;width:1px!important;height:1px!important;left:0;top:0;overflow:hidden;clip-path:inset(50%);pointer-events:none}
#creative-tools .vd-energy-track{grid-row:3;grid-column:1;position:relative;align-self:end;height:5px;width:100%;border-radius:5px;background:#dce7ec;overflow:hidden}
#creative-tools .vd-energy-fill{display:block;position:relative;height:100%;width:var(--vd-completed,0%);border-radius:inherit;background:linear-gradient(90deg,#80c7b5,#2eaa8e);overflow:hidden;transition:width .2s linear}
#creative-tools .vd-energy-flow{display:none;position:absolute;top:0;bottom:0;left:-54px;width:54px;background:linear-gradient(105deg,transparent 5%,#defff040 30%,#effff9d9 58%,transparent 95%);filter:blur(.3px);pointer-events:none}
#creative-tools .vd-energy-tip{display:none;position:absolute;right:0;top:0;bottom:0;width:10px;border-radius:3px;background:linear-gradient(90deg,transparent,#c5f8e9b3);pointer-events:none}
#creative-tools [data-processing=true] .vd-energy-flow{display:block;animation:vd-energy-sweep 1.8s cubic-bezier(.2,.65,.4,1) infinite}
#creative-tools [data-processing=true] .vd-energy-tip{display:block;animation:vd-energy-pulse 1.8s ease-in-out infinite}
@keyframes vd-energy-sweep{0%{left:-54px;opacity:0}12%{opacity:.9}85%{opacity:.9}100%{left:100%;opacity:0}}
@keyframes vd-energy-pulse{0%,100%{opacity:.35}55%{opacity:.95}}
@media(prefers-reduced-motion:reduce){#creative-tools [data-processing=true] .vd-energy-flow,#creative-tools [data-processing=true] .vd-energy-tip{animation:none;display:none}#creative-tools .vd-energy-fill{transition:none}}
#creative-tools .vd-progress-legend{white-space:nowrap;font-size:10px;color:#8296a7}
#creative-tools .vd-empty-depth{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;background:#edf3f6;color:#718b9b;font-size:13px;text-align:center;padding:18px}
#creative-tools .vd-empty-depth span{font-size:11px;max-width:180px}
#creative-tools .vd-comparison[data-depth-available=false] .vd-depth-label{display:none}
@keyframes vd-process-rotate{to{transform:rotate(360deg)}}
#creative-tools [data-vd-recovery-slot]{margin-top:12px}
#creative-tools [data-vd-recovery-slot] button{font-size:11px;min-height:30px}
#creative-tools [data-vd-recovery-status]{height:16px;margin:4px 0 0;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#creative-tools .vd-media-license{display:block;margin-top:8px;font-size:9px;color:#8296a7}
#creative-tools .vd-media-license a{color:inherit}
#creative-tools .vd-editor .xx-file-name{margin:0 0 16px;font-size:13px;color:#33536d}
#creative-tools .vd-progress-box{display:grid;height:126px;min-height:126px;flex-basis:126px;grid-template-rows:42px 8px 18px;gap:10px;padding:14px;margin-top:16px}
#creative-tools .vd-progress-box [data-vd-percent]{position:static;grid-row:1;font-size:34px;line-height:42px;letter-spacing:-1px;color:#249a82}
#creative-tools .vd-progress-box .vd-energy-track{grid-row:2;height:8px;align-self:center}
#creative-tools .vd-progress-box [data-vd-status]{grid-row:3;padding:0;min-height:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;line-height:18px}
#creative-tools .vd-recovery-control .xx-check{margin:0 0 8px;font-size:12px}
#creative-tools .vd-save-path{display:flex;gap:6px;align-items:center}
#creative-tools .vd-save-path input{flex:1;min-width:0;width:0;height:34px;font-size:11px;cursor:pointer;text-overflow:ellipsis}
#creative-tools .vd-save-path button{flex:none;height:34px;white-space:nowrap}
#creative-tools .vd-recovery-control input[type=checkbox]{accent-color:#277bf0;width:14px;height:14px}
#creative-tools .vd-editor .xx-actions{margin-top:10px}
/* A compact, content-safe inspector: scroll the page, never the control panel. */
#creative-tools .vd-editor.xx-editor{height:clamp(520px,calc(100dvh - 230px),640px);min-height:520px;max-height:none}
#creative-tools .vd-editor .xx-props{height:auto;min-height:0;overflow:visible;overscroll-behavior:auto;scrollbar-gutter:auto;padding:16px;gap:12px;justify-content:flex-start}
#creative-tools .vd-editor .xx-file-name{margin:0;line-height:20px;min-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}
#creative-tools .vd-editor .vd-source-spec{margin:0;padding:12px;gap:6px 8px;line-height:18px;font-size:12px;border:1px solid #e9eef5;background:#f6f8fc}
#creative-tools .vd-editor .vd-progress-box{margin:0;height:96px;min-height:96px;flex-basis:96px;padding:10px 12px;grid-template-rows:34px 6px 16px;gap:6px;background:#f4faf8;border-color:#e1eee9}
#creative-tools .vd-editor .vd-progress-box [data-vd-percent]{font-size:32px;line-height:34px;letter-spacing:-1px}
#creative-tools .vd-editor .vd-progress-box .vd-energy-track{height:6px}
#creative-tools .vd-editor .vd-progress-box [data-vd-status]{line-height:16px}
#creative-tools .vd-editor [data-vd-recovery-slot]{margin:0;flex-shrink:0}
#creative-tools .vd-editor .vd-recovery-control .xx-check{margin:0 0 6px;line-height:18px;min-height:18px}
#creative-tools .vd-editor [data-vd-recovery-status]{height:14px;line-height:14px;margin:2px 0 0}
#creative-tools .vd-editor .xx-actions{margin:0;gap:0;flex-shrink:0}
#creative-tools .vd-editor .xx-actions [data-vd-main]{height:40px;min-height:40px;border-radius:9px;background:#2563eb;border:1px solid #2563eb;color:#fff;font-weight:500;opacity:1;box-shadow:0 3px 9px #2563eb1f;transform:none;transition:background .15s,box-shadow .15s}
#creative-tools .vd-editor .xx-actions [data-vd-main]:not(:disabled):hover{background:#1d4ed8;border-color:#1d4ed8;box-shadow:0 4px 12px #2563eb2b;transform:none}
#creative-tools .vd-editor .xx-actions [data-vd-main]:disabled{background:#e7eefb;border-color:#dce6f8;color:#8ca2c5;box-shadow:none;opacity:1}
#creative-tools .vd-editor .vd-save-path button{background:#fff;border-color:#dce4ef;color:#4d6480;box-shadow:none}
@media(pointer:coarse){#creative-tools .vd-editor .xx-actions [data-vd-main],#creative-tools .vd-editor .vd-save-path button{height:44px;min-height:44px}#creative-tools .vd-editor .vd-save-path input{height:44px}}
@media(max-width:650px){#creative-tools .vd-editor.xx-editor{height:auto;min-height:0;max-height:none}#creative-tools .vd-editor .xx-props{padding:16px;gap:12px;overflow:visible}}
@media(prefers-reduced-motion:reduce){#creative-tools [data-processing=true] .vd-progress-ring{animation:none}#creative-tools .vd-completed-track i{transition:none}}
@media(max-width:650px){#creative-tools .vd-timeline-wrap{min-width:100px}#creative-tools .vd-processing-strip{padding:0 8px;gap:4px;height:52px;min-height:52px;flex-wrap:wrap;align-content:center}#creative-tools .vd-processing-strip [data-vd-processed-label]{flex-basis:calc(100% - 15px)}#creative-tools .vd-processing-strip button{margin-left:auto;padding:0 4px;min-height:20px}#creative-tools .vd-processing-strip button+button{margin-left:0}#creative-tools .vd-progress-legend{display:none}}
@media(max-width:1100px){#creative-tools .xx-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){#creative-tools .xx-tool-grid{grid-template-columns:1fr}#creative-tools .vd-playback{flex-wrap:wrap}#creative-tools .vd-playback input{min-width:100px}#creative-tools .vd-playback output{width:100%;text-align:center}#creative-tools .xx-card-copy h3{font-size:20px}}

/* media-controls.2544e5fb37814722.css */
button.xs-media-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;vertical-align:middle;line-height:1;box-sizing:border-box}
button.xs-media-button svg[data-xs-media-icon]{display:block!important;flex:0 0 18px;width:18px!important;height:18px!important;fill:currentColor!important;stroke:none!important;pointer-events:none}
button.xs-media-button .xs-media-label{line-height:1.2;pointer-events:none}
button.xs-media-button svg[data-xs-media-icon=loading]{animation:xs-media-loading 1s linear infinite}
@keyframes xs-media-loading{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){button.xs-media-button svg[data-xs-media-icon=loading]{animation:none}}
#creative-tools .vd-playback [data-vd-action=play]{width:112px;min-width:112px;height:36px;flex:none;transition:background-color .15s,border-color .15s,color .15s}
#creative-tools .vd-playback [data-vd-action=play]:is(:hover,:focus,:active){transform:none;translate:none}
.cc-video-player .cc-transport button.xs-media-button,.voice-player-controls button.xs-media-button{min-width:30px;transform:none!important;translate:none!important;transition:background-color .15s,color .15s}
.cte.cte .cte-play-controls>button.xs-media-button{height:24px;min-height:24px;transition:background-color .15s,color .15s}

/* creative-tools-polish.05002148b437437b.css */
body.creative-tools-page{background:#f6f8ff}
#creative-tools{--xx-blue:#5377ee;--xx-blue-soft:#edf2ff;--xx-line:#e2e9fc;--xx-ink:#253553;background:linear-gradient(155deg,#f8faff,#f3f6ff 65%,#f8f6ff)}
#creative-tools .xx-hero h1{font-weight:600;letter-spacing:-1px}
#creative-tools .xx-tool-grid{gap:24px}
#creative-tools button.xx-tool-card{display:block;width:100%;height:auto;min-height:0;padding:0;text-align:left;white-space:normal;font:inherit;color:inherit;border:1px solid #e2e9fc;border-radius:18px;background:#fff;box-shadow:0 8px 24px #7396e50a;overflow:hidden}
#creative-tools button.xx-tool-card:hover{border-color:#bccdf9;box-shadow:0 14px 32px #688de219;transform:translateY(-3px)}
#creative-tools .xx-card-art{height:auto;aspect-ratio:3/2;background:#f0f4ff;border:0}
#creative-tools .xx-card-art img.xx-tool-cover{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
#creative-tools .xx-tool-card:hover img.xx-tool-cover{transform:scale(1.025)}
#creative-tools .xx-card-tag{background:#fffffff0;border-color:#ffffffb0;backdrop-filter:blur(10px);color:#41506a;font-size:11px;box-shadow:0 2px 8px #1725370a}
#creative-tools .xx-card-copy{padding:22px}
#creative-tools .xx-card-title h3{font-size:19px;font-weight:600;color:#253247}
#creative-tools .xx-free{color:#23845b;background:#edf9f1;border-color:#d8efe2}
#creative-tools button.xx-primary,#creative-tools .xx-card-foot>span{background:linear-gradient(115deg,#edf3ff,#f0edff);border:1px solid #d9e3fd;color:#4b62c4;box-shadow:inset 0 1px 0 #ffffffc0,0 3px 9px #6d8de50a}
#creative-tools button.xx-primary:hover,#creative-tools .xx-tool-card:hover .xx-card-foot>span{background:linear-gradient(115deg,#e2edff,#e9e3ff);border-color:#bfcffb;color:#3d53b5}
#creative-tools .xx-tool-links button{padding:0;min-height:0;border:0;background:transparent;color:#536984;font:inherit;font-size:12px}
#creative-tools button.xx-back,#creative-tools button.xx-footer-link{padding:0;min-height:0;border:0;background:transparent;color:#60738e;font:inherit;font-size:12px}
#creative-tools .xx-editor .xx-props{scrollbar-width:none;scrollbar-gutter:auto;overscroll-behavior:auto}
#creative-tools .xx-editor .xx-props::-webkit-scrollbar{display:none;width:0;height:0}
#creative-tools .xx-editor .xx-props::-webkit-scrollbar-button{display:none}
#creative-tools .xx-props:focus-visible{outline:2px solid #93a9c7;outline-offset:-2px}
#creative-tools .xx-tool-card:focus-visible{outline:3px solid #839bbb;outline-offset:4px}
@media(max-width:700px){#creative-tools .xx-card-art{height:auto}#creative-tools .xx-tool-grid{gap:18px}}
@media(prefers-reduced-motion:reduce){#creative-tools .xx-tool-card:hover,#creative-tools .xx-tool-card:hover img.xx-tool-cover{transform:none}}

/* creative-id-photo-v2.66bf903e504186db.css */
#creative-tools .id-v2{grid-template-columns:minmax(0,1fr) 298px;height:720px;max-height:calc(100vh - 200px);min-height:540px}
#creative-tools .id-v2 .xx-work{min-width:0;background:#eef1f7}
#creative-tools .id-v2 .xx-work-toolbar{gap:8px;padding:12px 16px;flex-wrap:wrap}
#creative-tools .id-v2 .xx-work-bottom{gap:8px;padding:12px 14px;font-size:11px;min-height:48px}
#creative-tools .id-v2 .xx-work-bottom>span{flex:1;min-width:0}
#creative-tools .id-v2 .xx-props{gap:16px;padding:18px}
#creative-tools .id-v2 .xx-props h2{margin:0;font-size:14px;color:#293c5c}
#creative-tools .id-stage{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-height:300px;padding:26px 22px 26px 76px;overflow:hidden;background:#e7ebf3;border-top:1px solid #dde4ef;border-bottom:1px solid #dde4ef}
#creative-tools .id-stage[data-board=dark]{background:#293140}
#creative-tools .id-stage[data-board=checker]{background-color:#edf0f5;background-image:linear-gradient(45deg,#e2e7ef 25%,transparent 25%),linear-gradient(-45deg,#e2e7ef 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e2e7ef 75%),linear-gradient(-45deg,transparent 75%,#e2e7ef 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}
#creative-tools .id-preview{display:block;max-width:100%;max-height:100%;width:auto;height:auto;border:1px solid #bdc8da;box-shadow:0 6px 24px #253d6824;touch-action:none;cursor:move;background-color:#fff;background-image:linear-gradient(45deg,#e1e6ee 25%,transparent 25%),linear-gradient(-45deg,#e1e6ee 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e1e6ee 75%),linear-gradient(-45deg,transparent 75%,#e1e6ee 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}
#creative-tools .id-preview[data-mode=move]{cursor:move}
#creative-tools .id-preview[data-mode=crop],#creative-tools .id-preview[data-mode=pen],#creative-tools .id-preview[data-mode=sample],#creative-tools .id-preview[data-mode=erase],#creative-tools .id-preview[data-mode=restore]{cursor:crosshair}
#creative-tools .id-preview[data-mode=sheet]{cursor:default}
#creative-tools .id-stage[data-board=dark] .id-preview{border-color:#697b98;background:#475164}
#creative-tools .id-rail{position:absolute;z-index:2;left:12px;top:16px;bottom:16px;display:flex;flex-direction:column;gap:3px;align-self:flex-start;overflow:auto;scrollbar-width:none;padding:5px;border:1px solid #d8e1f0;border-radius:13px;background:#fffffff5;box-shadow:0 3px 12px #3d537d0a}
#creative-tools .id-rail button{padding:5px 3px;min-height:44px;width:42px;border:1px solid transparent;background:none;color:#677c99;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;font-size:10px;line-height:1.2;border-radius:7px;flex-shrink:0}
#creative-tools .id-rail button svg{width:20px;height:20px}
#creative-tools .id-rail button:hover{background:#edf3ff;color:#466bd9}
#creative-tools .id-rail button[aria-pressed=true]{background:#e8efff;border-color:#cddcfd;color:#4669d1}
#creative-tools .id-rail button:disabled{opacity:.35;cursor:default}
#creative-tools .id-rail i{height:1px;background:#e6ebf5;flex-shrink:0;margin:4px}
#creative-tools .id-board-picker{position:absolute;right:10px;bottom:8px;display:flex;gap:5px;background:#ffffffdd;border:1px solid #d4deee;border-radius:16px;padding:4px}
#creative-tools .id-board-picker button{width:18px;height:18px;min-height:18px;border-radius:50%;padding:0;border:1px solid #c1cde0}
#creative-tools .id-board-picker [data-id-board=light]{background:#e7ebf3}
#creative-tools .id-board-picker [data-id-board=dark]{background:#293140}
#creative-tools .id-board-picker [data-id-board=checker]{background:conic-gradient(#fff 25%,#ccd5e1 0 50%,#fff 0 75%,#ccd5e1 0)}
#creative-tools .id-board-picker button[aria-pressed=true]{outline:2px solid #9bb6f5;outline-offset:1px}
#creative-tools .id-empty{max-width:340px;display:flex;flex-direction:column;align-items:center;gap:13px;text-align:center;color:#6a7f9c}
#creative-tools .id-empty>b{font-size:18px;color:#2c405e}
#creative-tools .id-empty p{font-size:12px;line-height:1.8;margin:0}
#creative-tools .id-empty small{font-size:11px}
#creative-tools .id-empty svg{width:58px;height:58px;color:#9ab1e9}
#creative-tools .id-size-info{font-size:11px;color:#7a8da9;margin-top:-6px;line-height:1.7}
#creative-tools .id-colors{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap;margin-top:8px}
#creative-tools .id-colors button{padding:0;min-height:0;border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:10px;color:#70839d}
#creative-tools .id-colors button>i{width:29px;height:29px;display:block;background:var(--id-color);border:1px solid #cfdaeb;border-radius:50%;box-shadow:inset 0 0 0 2px #fff}
#creative-tools .id-colors button[aria-pressed=true]{background:none;color:#4567c8}
#creative-tools .id-colors button[aria-pressed=true]>i{outline:2px solid #9db6f5;outline-offset:2px}
#creative-tools .id-custom-color{display:flex;flex-direction:column;gap:5px;align-items:center;font-size:10px;color:#70839d}
#creative-tools .id-custom-color input{width:29px;height:29px;min-height:29px;border:1px solid #cfdaeb;border-radius:50%;padding:3px;cursor:pointer;background:#fff}
#creative-tools .id-context-box{border:1px solid #e1e8f8;background:#f7f9fe;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:9px;font-size:12px}
#creative-tools .id-context-box>b{font-size:12px;color:#3b5275}
#creative-tools .id-context-box p{margin:0;font-size:11px;line-height:1.7;color:#7b8da6}
#creative-tools .id-context-box button{font-size:12px;padding:8px}
#creative-tools .id-notice{margin:0;font-size:11px;color:#7b8da7;line-height:1.7}
#creative-tools .id-check{display:flex;align-items:center;gap:7px;font-size:12px;color:#657c9b}
#creative-tools .id-check input{width:15px;min-height:15px;height:15px}
#creative-tools .id-export-settings{display:flex;flex-direction:column;gap:12px;padding-top:16px;border-top:1px solid #e0e7f6}
#creative-tools .id-limit-field{display:grid;grid-template-columns:minmax(0,1fr) 74px;gap:7px}
#creative-tools .id-limit-presets{display:flex;gap:5px;flex-wrap:wrap}
#creative-tools .id-limit-presets button{padding:4px 7px;font-size:11px;min-height:28px;background:#f6f9ff}
#creative-tools .id-size-report{display:flex;flex-direction:column;gap:5px;padding:9px 10px;background:#f0f5ff;border-radius:8px;font-size:11px;color:#6981a4;word-break:break-word}
#creative-tools .id-v2 .xx-progress{margin:0;line-height:1.7;font-size:12px}
#creative-tools .id-v2 button.xx-primary{background:#4b5fe2!important;color:#fff!important;border-color:#4b5fe2;opacity:1;box-shadow:0 3px 10px #4b5fe226}
#creative-tools .id-v2 button.xx-primary:not(:disabled):hover{background:#6440dc!important;color:#fff!important;border-color:#6440dc;box-shadow:0 4px 12px #6440dc30;transform:none}
#creative-tools .id-v2 button.xx-primary:disabled{background:#dce3f3!important;color:#526483!important;border-color:#dce3f3;opacity:1;box-shadow:none}
#creative-tools .id-cut-row{position:relative;display:flex;align-items:center}
#creative-tools .id-cut-row [data-id-action=cut]{width:100%;padding-left:34px;padding-right:34px}
#creative-tools .id-v2 .id-cut-row [data-id-action=cancel]{position:absolute;right:6px;width:28px;min-height:28px;padding:0;border:0;background:#ffffff26;color:white;font-size:21px;line-height:28px}
#creative-tools .id-v2 .id-inline-status{display:none!important}
#creative-tools .id-size-report{min-height:50px}
#creative-tools .id-v2 button[aria-busy=true]{position:relative;padding-left:34px;padding-right:34px;cursor:progress}
#creative-tools .id-v2 button[aria-busy=true]::before{content:"";position:absolute;left:12px;top:calc(50% - 7px);width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:id-photo-busy-spin .85s linear infinite;pointer-events:none}
@keyframes id-photo-busy-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#creative-tools .id-v2 button[aria-busy=true]::before{animation-duration:2.4s}}
#creative-tools .id-v2 [hidden]{display:none!important}
#creative-tools .id-v2 input:focus-visible,#creative-tools .id-v2 button:focus-visible,#creative-tools .id-v2 select:focus-visible{outline:2px solid #9eb8f5;outline-offset:2px}
@media(min-width:1101px){#creative-tools .xx-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:651px) and (max-width:1100px){#creative-tools .xx-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#creative-tools .id-v2{grid-template-columns:minmax(0,1fr) 270px}#creative-tools .id-stage{padding-left:67px;padding-right:12px}}
@media(max-width:650px){#creative-tools .id-v2{height:auto;max-height:none;min-height:0;grid-template-columns:1fr}#creative-tools .id-v2 .xx-work{height:auto}#creative-tools .id-stage{height:500px;flex:0 0 500px;padding:24px 14px 24px 68px}#creative-tools .id-preview{max-height:450px}#creative-tools .id-rail{left:6px;top:12px;bottom:12px;padding:3px}#creative-tools .id-rail button{width:39px;min-height:45px}#creative-tools .id-v2 .xx-work-toolbar{padding:11px}#creative-tools .id-v2 .xx-props{height:auto;overflow:visible;padding:18px}#creative-tools .id-v2 .xx-work-bottom{padding:10px 12px}#creative-tools .id-empty>b{font-size:16px}}

/* creative-tools-unified.0c71a83285217e18.css */
/* One interaction language for the four creative utilities; excludes overview cards. */
#creative-tools .xx-editor button{border-radius:8px;transition:background .15s,border-color .15s,box-shadow .15s;transform:none}
#creative-tools .xx-editor button:not(:disabled):is(:hover,:active){transform:none}
#creative-tools .xx-editor .xx-actions button.xx-primary{background:#2563eb;border:1px solid #2563eb;border-radius:8px;color:#fff;opacity:1;box-shadow:0 3px 9px #2563eb1f;min-height:40px}
#creative-tools .xx-editor .xx-actions button.xx-primary:not(:disabled):hover{background:#1d4ed8;border-color:#1d4ed8;color:#fff;transform:none}
#creative-tools .xx-editor .xx-actions button.xx-primary:disabled{background:#e7eefb;border-color:#dce6f8;color:#8ca2c5;box-shadow:none;opacity:1}
#creative-tools .xx-editor button[aria-pressed=true]{background:#edf3ff;border-color:#adc6fa;color:#2157bf}
#creative-tools .xi-editor{height:clamp(530px,calc(100dvh - 230px),650px);min-height:530px;max-height:none;grid-template-columns:minmax(0,1fr) 280px}
#creative-tools .xi-editor .xx-props{height:auto;min-width:0;overflow:visible;padding:16px;gap:12px}
#creative-tools .xi-editor .xx-file-name{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:20px;min-height:20px}
#creative-tools .xi-editor .xx-work{display:flex;flex-direction:column;min-height:0}
#creative-tools .xi-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;flex-shrink:0;border-bottom:1px solid #e2e9f2}
#creative-tools .xi-toolbar button{font-size:11px;padding:5px 8px;min-height:30px}
#creative-tools .xi-views{display:flex;gap:4px}
#creative-tools .xi-stage{position:relative;flex:1;min-height:150px;background:#f4f7fb;overflow:hidden;--xi-split:50%}
#creative-tools .xi-original,#creative-tools .xi-result,#creative-tools .xi-result>img,#creative-tools .xi-result>canvas{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
#creative-tools .xi-result{clip-path:inset(0 0 0 var(--xi-split));background:#f4f7fb}
#creative-tools .xi-stage[data-view=original] .xi-result,#creative-tools .xi-stage:not([data-view=compare]) .xi-divider{display:none}
#creative-tools .xi-stage[data-view=result] .xi-result{clip-path:none}
#creative-tools .xi-divider{position:absolute;z-index:2;left:calc(var(--xi-split) - 14px);width:28px;top:0;bottom:0;cursor:col-resize;touch-action:none;opacity:0;transition:opacity .12s}
#creative-tools .xi-divider:before{content:'';position:absolute;left:13px;width:2px;top:0;bottom:0;background:#fff;box-shadow:0 0 0 1px #415b7426}
#creative-tools .xi-divider>span{position:absolute;left:1px;top:50%;width:26px;height:30px;background:#fff;border-radius:6px;text-align:center;line-height:30px;color:#526b80}
@media(hover:hover){#creative-tools .xi-stage:hover .xi-divider{opacity:1}}
#creative-tools .xi-stage.is-dragging .xi-divider,#creative-tools .xi-divider:focus-visible{opacity:1;outline:none}
#creative-tools .xi-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:#71869d;font-size:12px;background:#f4f7fb}
#creative-tools .xi-info{display:grid;grid-template-columns:62px 1fr;padding:12px;gap:8px;background:#f6f8fc;border:1px solid #e9eef5;border-radius:10px;font-size:11px;color:#72869b}
#creative-tools .xi-info b{color:#344e68;font-weight:500;overflow-wrap:anywhere}
#creative-tools .xi-task{padding:12px;border-radius:10px;background:#f4faf8;border:1px solid #e1eee9;display:grid;gap:8px}
#creative-tools .xi-task>b{font-size:22px;font-weight:500;color:#26977e}
#creative-tools .xi-task-bar{height:6px;background:#dce8e9;overflow:hidden;border-radius:6px}
#creative-tools .xi-task-bar i{display:block;width:0;height:100%;border-radius:6px;background:#36a78b}
#creative-tools [data-processing=true] .xi-task-bar i{width:35%;animation:xi-compute 1.4s ease-in-out infinite}
#creative-tools [data-processing=false] .xi-task:has([data-xd-stage]) .xi-task-bar i{width:0}
#creative-tools [data-depth-state=done] .xi-task:has([data-xd-stage]) .xi-task-bar i{width:100%}
#creative-tools .xi-task:has([data-xd-stage]) [data-xd-status],#creative-tools .xi-status{font-size:11px;line-height:18px;height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#creative-tools .xi-editor .xx-actions{margin:0}
#creative-tools .xc-tabs,#creative-tools .xc-channels,#creative-tools .xc-presets,#creative-tools .xc-history{display:flex;gap:5px}
#creative-tools .xc-tabs>button{flex:1;font-size:12px;padding:6px}
#creative-tools .xc-channels>button{flex:1;font-size:11px;padding:5px 2px;min-width:0}
#creative-tools .xc-presets>button,#creative-tools .xc-history>button{font-size:11px;padding:4px 10px;min-height:28px}
#creative-tools [data-xc-controls]{height:258px;flex:none;display:flex;flex-direction:column;gap:16px}
#creative-tools .xc-field{margin:0;gap:8px}
#creative-tools .xc-field output{font-size:11px;font-variant-numeric:tabular-nums}
#creative-tools .xc-history{margin-top:auto}
#creative-tools .xc-curve{display:block;width:100%;height:174px;background:#f6f8fc;border:1px solid #e3eaf4;border-radius:8px;touch-action:none;flex-shrink:0}
#creative-tools .xc-grid{fill:none;stroke:#dce4ef;stroke-width:.6}
#creative-tools .xc-diagonal{stroke:#b5c5d8;stroke-width:.8;stroke-dasharray:3;fill:none}
#creative-tools [data-xc-line]{fill:none;stroke:#2563eb;stroke-width:2}
#creative-tools [data-xc-point]{fill:#fff;stroke:#2563eb;stroke-width:2;cursor:ns-resize;outline:none}
#creative-tools [data-xc-point]:focus{fill:#c9ddff;stroke-width:3}
#creative-tools .xc-curve+button{align-self:flex-start;font-size:11px;padding:4px 9px;min-height:26px}
@keyframes xi-compute{0%{transform:translateX(-100%)}100%{transform:translateX(400%)}}
@media(max-width:850px){#creative-tools .xi-editor{grid-template-columns:minmax(0,1fr) 260px}}
@media(max-width:650px){#creative-tools .xi-editor{height:auto;min-height:0;grid-template-columns:1fr}#creative-tools .xi-stage{height:340px;flex:0 0 340px}#creative-tools .xi-editor .xx-props{height:auto;overflow:visible}#creative-tools .xi-toolbar{flex-wrap:wrap}}
@media(pointer:coarse){#creative-tools .xi-toolbar button,#creative-tools .xi-editor .xx-actions button,#creative-tools .xc-tabs button{min-height:44px}}
@media(prefers-reduced-motion:reduce){#creative-tools [data-processing=true] .xi-task-bar i{animation:none;transform:none}}
/* Controls size themselves: fixed 258px formerly let sliders collide with history. */
#creative-tools .xc-editor{height:auto;min-height:640px;max-height:none}
#creative-tools .xc-editor .xx-work{height:auto;min-height:560px}
#creative-tools .xc-editor .xx-props{height:auto;gap:12px;overflow:visible}
#creative-tools .xc-editor [data-xc-controls]{height:auto;min-height:260px;flex:none;gap:14px}
#creative-tools .xc-editor .xc-field{flex:none;min-height:52px}
#creative-tools .xc-editor .xc-history{margin:4px 0 0;flex:none;position:relative;clear:both}
#creative-tools .xc-editor .xc-curve{height:auto;aspect-ratio:220/160;max-height:230px;flex:none;cursor:crosshair}
#creative-tools .xc-point-hit{fill:transparent;stroke:none;cursor:move;pointer-events:all}
#creative-tools .xc-point-dot{fill:#fff;stroke:#2563eb;stroke-width:2;pointer-events:none}
#creative-tools [data-xc-point]{stroke:none;cursor:move}
#creative-tools [data-xc-point][data-selected=true] .xc-point-dot,#creative-tools [data-xc-point]:focus .xc-point-dot{fill:#c9ddff;stroke-width:3}
#creative-tools .xc-cross{stroke:#a0b5d1;stroke-width:.7;stroke-dasharray:3;fill:none;pointer-events:none}
#creative-tools .xc-point-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:11px;color:#6c8199}
#creative-tools .xc-point-fields label{display:flex;align-items:center;gap:6px;white-space:nowrap;min-width:0}
#creative-tools .xc-point-fields input{width:0;flex:1;min-width:0;height:32px;font-size:12px;font-variant-numeric:tabular-nums}
#creative-tools .xc-curve-actions{display:flex;gap:6px}
#creative-tools .xc-curve-actions button{font-size:11px;min-height:28px;padding:4px 8px}
#creative-tools .xc-curve-hint{font-size:10px;line-height:16px;color:#8294a9;margin:0}
#creative-tools .xc-editor [data-xc-line],#creative-tools .xc-editor .xc-point-dot{stroke:var(--xc-line-color,#2563eb)}
@media(max-width:650px){#creative-tools .xc-editor{min-height:0}#creative-tools .xc-editor .xx-work{min-height:0}}

/* creative-camera-studio.e6b05d8dcb20ef26.css */
#creative-tools .cs-editor.xx-editor{height:auto;max-height:none;min-height:0;grid-template-columns:64px minmax(0,1fr) 318px;align-items:stretch;overflow:hidden;overflow-anchor:none;background:#fff}
#creative-tools .cs-editor [hidden]{display:none!important}
#creative-tools .cs-work{display:flex;flex-direction:column;min-width:0;min-height:640px;height:auto;max-height:none;background:#f3f5f8}
#creative-tools .cs-tools{display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px 6px;background:#f9fafc;border-right:1px solid #e4e9f1}
#creative-tools .cs-tools button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:48px;min-height:44px;padding:6px 0;border-color:transparent;background:transparent;color:#68788e;font-size:10px;line-height:1.2}
#creative-tools .cs-tools button svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
#creative-tools .cs-tools button:hover:not(:disabled){background:#edf1f7;border-color:#e1e7f0;color:#324867}
#creative-tools .cs-tools button[aria-pressed=true]{background:#e8effc;color:#255cba;border-color:#c7d8f4}
#creative-tools .cs-tools i{height:1px;width:27px;background:#e1e7ef;margin:6px 0;flex:none}
#creative-tools .cs-format{color:#8c99aa;font-size:10px}
#creative-tools .cs-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px;background:#fff;border-bottom:1px solid #e2e9f2}
#creative-tools .cs-toolbar-actions{display:flex;gap:6px}
#creative-tools .cs-toolbar-actions [data-cs=undo],#creative-tools .cs-toolbar-actions [data-cs=redo]{width:32px;min-width:32px;padding:3px;font-size:21px;line-height:1;color:#647b99}
#creative-tools .cs-toolbar-actions button:disabled{opacity:.35}
#creative-tools .cs-toolbar-actions svg{display:block;width:17px;height:17px;margin:auto;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#creative-tools .cs-stage{display:flex;align-items:center;justify-content:center;position:relative;flex:1;min-height:420px;padding:12px;overflow:hidden}
#creative-tools .cs-frame{position:relative;flex:none;overflow:hidden;border-radius:9px;box-shadow:0 0 0 1px #dce4ee}
#creative-tools .cs-frame>canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}
#creative-tools .cs-frame>canvas:focus-visible{outline:2px solid #2563eb;outline-offset:-2px}
#creative-tools .cs-navigation{position:absolute;inset:0;pointer-events:none}
#creative-tools .cs-navigation .cc-camera-viewport-navigation{pointer-events:auto;right:5px;top:5px}
#creative-tools .cs-navigation .cc-camera-axes{position:absolute;left:8px;bottom:8px;width:58px;height:58px;pointer-events:none}
#creative-tools .cs-caption{display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap;padding:10px 14px;color:#75859b;font-size:12px;line-height:1.5}
#creative-tools .cs-objectbar{padding:10px 12px;background:#fff;border-top:1px solid #e2e9f2;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
#creative-tools .cs-objectbar>span{font-size:12px;color:#7b8ba0;margin-right:auto}
#creative-tools .cs-props{overflow:visible;height:auto;max-height:none;gap:12px;padding:16px;min-width:0}
#creative-tools .cs-parameters{display:flex;flex-direction:column;gap:12px;min-width:0}
#creative-tools .cs-section{display:flex;flex-direction:column;gap:10px;padding-bottom:12px;border-bottom:1px solid #e5ebf3;flex:none}
#creative-tools .cs-section h2{font-size:14px;margin:0;color:#263a56;line-height:24px}
#creative-tools .cs-section-head{display:flex;justify-content:space-between;align-items:center;gap:8px}
#creative-tools .cs-note{margin:0;color:#8492a5;font-size:11px;line-height:1.4}
#creative-tools .cs-add{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
#creative-tools .cs-add button{padding:6px 0;font-size:12px}
#creative-tools .cs-label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#74859d}
#creative-tools .cs-label .cs-select-button{width:100%;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;border:1px solid #e0e5ed;border-radius:7px;background:#f8f9fb;color:#34455f;font:inherit;font-size:12px;min-height:34px;height:34px;text-align:left;outline:none;box-shadow:none}
#creative-tools .cs-select-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#creative-tools .cs-select-button svg{width:14px;height:14px;fill:none;stroke:#7f8ea3;stroke-width:1.5;flex:none;transition:transform .15s}
#creative-tools .cs-select-button[aria-expanded=true]{background:#fff;border-color:#b3c2d6;box-shadow:0 0 0 2px #859bb518}
#creative-tools .cs-select-button[aria-expanded=true] svg{transform:rotate(180deg)}
#creative-tools .cs-select-button:focus-visible{outline:2px solid #9eaec5;outline-offset:2px}
#creative-tools .cs-transform{display:flex;flex-direction:column;gap:7px}
#creative-tools .cs-transform>div{display:grid;grid-template-columns:48px repeat(3,minmax(0,1fr));gap:5px;align-items:center;font-size:11px;color:#7b8ba0}
#creative-tools .cs-transform label{position:relative;min-width:0}
#creative-tools .cs-transform small{position:absolute;top:8px;left:6px;font-size:10px;color:#8b9bb1;pointer-events:none}
#creative-tools .cs-transform input{box-sizing:border-box;width:100%;height:30px;padding:4px 2px 4px 18px;min-width:0;border:1px solid #e1e7f0;border-radius:6px;background:#f8faff;font-size:11px;color:#304563}
#creative-tools .cs-transform input:focus{outline:1px solid #78a4f6}
#creative-tools .cs-pivot-row{display:flex;align-items:center;gap:7px;font-size:11px;color:#7b8ba0}
#creative-tools .cs-pivot-row>span{width:41px;flex:none}
#creative-tools .cs-pivot-row .xx-segment{display:flex;flex:1;gap:3px}
#creative-tools .cs-pivot-row button{flex:1;padding:4px 6px;font-size:11px;min-height:28px}
#creative-tools .cs-pivot-row button[aria-pressed=true]{background:#e8effc;border-color:#b9cef3;color:#255cba}
#creative-tools .cs-pivot-row button:hover:not(:disabled){background:#edf3fc;border-color:#c7d8f4}
#creative-tools .cs-pivot-row button:disabled{opacity:.4}
#creative-tools .cs-color-row{display:flex;gap:5px;align-items:center;flex-wrap:wrap}
#creative-tools .cs-color-row label{display:flex;align-items:center;gap:6px;font-size:12px;color:#74859d;margin-right:auto}
#creative-tools .cs-color-row input[type=color]{width:30px;height:28px;padding:2px;border:1px solid #dce4ef;background:#fff;border-radius:6px;cursor:pointer}
#creative-tools .cs-color-row button{font-size:11px;padding:5px 7px;min-height:28px}
#creative-tools .cs-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#creative-tools .cs-lenses{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}
#creative-tools .cs-lenses button{padding:6px 0;font-size:12px;min-width:0}
#creative-tools .cs-lenses small{font-size:9px;margin-left:1px}
#creative-tools .cs-toggles{display:flex;gap:12px;font-size:12px;color:#6b809b;flex-wrap:wrap}
#creative-tools .cs-toggles label{display:flex;align-items:center;gap:4px}
#creative-tools .cs-toggles input{accent-color:#2563eb;margin:0;width:14px;height:14px}
#creative-tools .cs-export{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0}
#creative-tools .cs-export button{font-size:12px;padding:8px}
#creative-tools .cs-background-colors{display:grid;grid-template-columns:1fr 1fr 70px;gap:8px}
#creative-tools .cs-background-colors>label{display:flex;flex-direction:column;gap:4px;font-size:10px;color:#7e8da1;min-width:0}
#creative-tools .cs-background-colors input[type=color]{width:100%;height:29px;min-height:0;padding:3px;border:1px solid #e1e6ee;border-radius:6px;background:#f9fafc;cursor:pointer}
#creative-tools .cs-background-colors input[type=number]{width:100%;box-sizing:border-box;height:29px;min-height:0;padding:4px 7px;border:1px solid #e1e6ee;border-radius:6px;background:#f9fafc;font-size:12px;color:#394b65}
#creative-tools .cs-background-colors input:disabled{opacity:.4;cursor:default}
#creative-tools .cs-output{border-bottom:0;padding-bottom:0}
#creative-tools .cs-lighting{display:block;font-size:12px}
#creative-tools .cs-lighting>summary{display:flex;align-items:center;justify-content:space-between;gap:6px;color:#324965;font-size:13px;font-weight:600;cursor:pointer;list-style:none}
#creative-tools .cs-lighting>summary:after{content:'＋';font-size:15px;font-weight:400;color:#8a9ab0}
#creative-tools .cs-lighting[open]>summary:after{content:'−'}
#creative-tools .cs-lighting>summary::-webkit-details-marker{display:none}
#creative-tools .cs-lighting>summary small{font-size:10px;color:#94a0b2;font-weight:400;margin-left:auto}
#creative-tools .cs-light-controls{display:flex;flex-direction:column;gap:12px;padding-top:14px}
#creative-tools .cs-light-row{display:grid;grid-template-columns:43px minmax(0,1fr) 27px 28px;gap:7px;align-items:center;font-size:11px;color:#75869d}
#creative-tools .cs-light-row input[type=range]{width:100%;height:16px;min-height:0;padding:0;accent-color:#537cdf;cursor:pointer}
#creative-tools .cs-light-row output{font-size:10px;text-align:right;color:#597393;font-variant-numeric:tabular-nums}
#creative-tools .cs-light-row input[type=color]{width:28px;height:25px;padding:2px;border:1px solid #e1e6ee;border-radius:5px;background:#f9fafc}
#creative-tools .cs-light-angles{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#creative-tools .cs-light-angles label{display:flex;flex-direction:column;gap:4px;font-size:10px;color:#7e8da1}
#creative-tools .cs-light-angles input{box-sizing:border-box;min-width:0;width:100%;height:29px;padding:4px 7px;border:1px solid #e1e6ee;border-radius:6px;background:#f9fafc;color:#394b65;font-size:12px}
#creative-tools .cs-shadow-toggle{display:flex;align-items:center;gap:6px;font-size:11px;color:#6e829b}
#creative-tools .cs-output output{font-size:11px;color:#60758f;font-variant-numeric:tabular-nums}
#creative-tools .cs-output-dimensions{display:grid;grid-template-columns:minmax(0,1fr) 8px minmax(0,1fr) 79px;align-items:end;gap:5px;font-size:11px;color:#8995a5}
#creative-tools .cs-output-dimensions>label{display:flex;flex-direction:column;gap:4px;min-width:0;font-size:10px}
#creative-tools .cs-output-dimensions>span{line-height:30px}
#creative-tools .cs-output-dimensions input[type=number]{width:100%;height:30px;min-height:0;padding:5px 7px;border:1px solid #e1e6ee;border-radius:6px;background:#f9fafc;box-sizing:border-box;font-size:12px;color:#394b65}
#creative-tools .cs-output-dimensions .cs-lock{display:flex;flex-direction:row;align-items:center;gap:4px;height:30px;white-space:nowrap;font-size:10px;color:#7b8ba1}
#creative-tools .cs-output-dimensions input[type=checkbox]{width:12px;height:12px;min-height:0}
#creative-tools .cs-status{min-height:30px;margin:0;font-size:11px;color:#7386a1;line-height:1.5;overflow-wrap:anywhere}
#creative-tools[data-rendered-page=camera] .xx-tool-links{display:none}
#creative-tools[data-rendered-page=camera]{overflow-anchor:none}
.cs-select-menu{position:fixed;z-index:10010;box-sizing:border-box;padding:5px;border:1px solid #e2e7ef;border-radius:9px;background:#fff;box-shadow:0 10px 32px #243a5824;overflow:auto;font:12px/1.5 "Microsoft YaHei","PingFang SC",system-ui,sans-serif;scrollbar-width:thin;scrollbar-color:#ccd5e1 transparent;color:#354761}
.cs-select-menu [role=option]{padding:8px 10px;border-radius:5px;cursor:pointer;min-height:30px;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-select-menu [role=option][aria-selected=true]{color:#295fad;background:#f1f5fc}
.cs-select-menu [role=option].is-active{color:#2d4669;background:#eaf0f8}
.cs-context-menu{position:fixed;z-index:10020;width:220px;max-width:calc(100vw - 16px);box-sizing:border-box;padding:6px;background:#fff;border:1px solid #dde5ef;border-radius:10px;box-shadow:0 12px 38px #233b602a;font:12px/1.5 "Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:#354761;overflow:auto;scrollbar-width:thin;scrollbar-color:#cad4e1 transparent}
.cs-context-title{font-size:10px;color:#8b99ab;padding:4px 10px 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-context-menu button{display:block;box-sizing:border-box;width:100%;padding:7px 10px;min-height:31px;border:0;background:transparent;border-radius:5px;text-align:left;font:inherit;color:inherit;cursor:pointer;outline:none}
.cs-context-menu button:not(:disabled):is(:hover,:focus-visible){background:#edf2fa;color:#2a527f}
.cs-context-menu button:disabled{color:#bbc4d0;cursor:default}
.cs-context-menu button.cs-context-danger:not(:disabled){color:#a65b60}
.cs-context-menu button.cs-context-danger:not(:disabled):is(:hover,:focus-visible){background:#fff0f0}
.cs-context-separator{height:1px;margin:5px 6px;background:#e7ecf3}
@media(max-width:1100px){#creative-tools .cs-editor.xx-editor{grid-template-columns:58px minmax(0,1fr) 296px}#creative-tools .cs-toolbar{flex-wrap:wrap;padding:10px}#creative-tools .cs-props{padding:12px}#creative-tools .cs-tools{padding-inline:4px}#creative-tools .cs-tools button{width:46px}}
@media(max-width:800px){#creative-tools .cs-editor.xx-editor{grid-template-columns:54px minmax(0,1fr);grid-template-rows:auto auto}#creative-tools .cs-work{min-height:490px}#creative-tools .cs-stage{min-height:350px;flex-basis:350px}#creative-tools .cs-tools{padding:9px 3px;gap:1px}#creative-tools .cs-tools button{min-height:39px;width:44px;padding:4px 0}#creative-tools .cs-tools i{margin:4px 0}#creative-tools .cs-props{grid-column:1/-1;border-left:0;border-top:1px solid #e2e9f2;display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:16px;padding:16px}#creative-tools .cs-output,#creative-tools .cs-status{grid-column:1/-1}#creative-tools .cs-caption{font-size:10px;padding:8px}#creative-tools .cs-toolbar button{padding:5px 7px;font-size:10px}}
@media(max-width:520px){#creative-tools .cs-props{display:flex;gap:14px}#creative-tools .cs-work{min-height:480px}#creative-tools .cs-stage{min-height:300px;flex-basis:300px;padding:8px}#creative-tools .cs-toolbar{padding:8px;gap:4px}#creative-tools .cs-toolbar-actions{gap:4px}#creative-tools .cs-navigation .cc-camera-viewport-navigation{transform:scale(.85);transform-origin:top right}#creative-tools .cs-caption{font-size:9px}}
/* An editor-sized viewport, independently scrolling parameters and a pinned
   export footer: folding lighting must not resize or split the work area. */
@media(min-width:801px){#creative-tools .cs-editor.xx-editor{height:clamp(720px,calc(100dvh - 220px),860px);max-height:none;min-height:0;grid-template-rows:minmax(0,1fr);align-items:stretch}#creative-tools .cs-work{height:100%;min-height:0}#creative-tools .cs-tools{min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#cad4e2 transparent}#creative-tools .cs-props{box-sizing:border-box;height:100%;min-height:0;overflow:hidden}#creative-tools .cs-parameters{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c5cfde transparent;padding-right:5px;margin-right:-5px}#creative-tools .cs-parameters::-webkit-scrollbar{width:5px}#creative-tools .cs-parameters::-webkit-scrollbar-thumb{background:#c5cfde;border-radius:5px}#creative-tools .cs-parameters::-webkit-scrollbar-track{background:transparent}#creative-tools .cs-output{flex:none;padding-top:12px;border-top:1px solid #e5ebf3}#creative-tools .cs-status{min-height:16px;max-height:32px;overflow:auto;flex:none}}
@media(min-width:521px) and (max-width:800px){#creative-tools .cs-parameters{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:16px}#creative-tools .cs-lighting{grid-column:1/-1}}

/* creative-vector-tool.891bd92d70137f78.css */
/* Compact vector controls; the page scrolls naturally on small screens. */
#creative-tools .xv-editor{height:auto;min-height:490px;max-height:none;grid-template-columns:minmax(0,1fr) 246px;grid-template-rows:auto}
#creative-tools .xv-editor .xx-work{height:auto;min-height:490px}
#creative-tools .xv-editor .xi-stage{min-height:330px;background:#f4f7fb}
#creative-tools .xv-editor .xx-props{height:auto;min-height:0;overflow:visible;padding:20px;gap:22px;scrollbar-gutter:auto}
#creative-tools .xv-editor .xx-file-name{font-size:11px;opacity:.7}
#creative-tools .xv-editor .xx-field{margin:0;gap:8px}
#creative-tools .xv-editor .xx-field-head{font-size:12px}
#creative-tools .xv-editor input[type=range]{width:100%;height:16px;margin:0;accent-color:#2563eb}
#creative-tools .xv-editor .xv-invert{display:flex;align-items:center;gap:8px;font-size:12px}
#creative-tools .xv-editor .xx-actions{margin-top:auto;padding:0;position:static}
#creative-tools .xv-editor .xx-actions button{width:100%;min-height:42px}
#creative-tools .xv-editor [data-v-status]{min-height:18px;font-size:11px;line-height:18px;margin:0;color:#8392a8}
#creative-tools .xv-editor .xx-work-bottom{min-height:38px;padding:6px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px}
#creative-tools .xv-editor .xx-work-bottom button{font-size:11px;min-height:26px;padding:2px 8px}
@media(max-width:650px){#creative-tools .xv-editor{grid-template-columns:1fr;min-height:0}#creative-tools .xv-editor .xx-work{min-height:0}#creative-tools .xv-editor .xi-stage{height:300px;min-height:0;flex:0 0 300px}#creative-tools .xv-editor .xx-props{gap:16px;padding:18px}}

/* creative-tool-cards.947e89d09e9a452a.css */
/* Compact toolbox cards with restrained glass and hover light. */
#creative-tools button.xx-tool-card,#creative-tools button.xx-tool-card:hover{transform:none;transition:border-color .2s,box-shadow .2s}
#creative-tools .xx-tool-card img.xx-tool-cover,#creative-tools .xx-tool-card:hover img.xx-tool-cover{transform:none;transition:none}
#creative-tools .xx-card-copy{padding:20px 22px}
#creative-tools .xx-card-title{justify-content:flex-start;align-items:baseline;flex-wrap:wrap;column-gap:10px;row-gap:4px}
#creative-tools .xx-card-meta{font-size:11px;font-weight:400;line-height:1.6;letter-spacing:0;color:#71839b;white-space:nowrap}
#creative-tools .xx-card-copy p{min-height:0;margin-top:8px;line-height:1.7}
#creative-tools .xx-card-foot{margin-top:14px;gap:0}
#creative-tools .xx-card-foot>span{position:relative;isolation:isolate;overflow:hidden;transition:background .3s,border-color .3s,box-shadow .3s,transform .3s}
#creative-tools .xx-card-foot>span::after{content:"";position:absolute;inset:-60% auto -60% -65%;width:40%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.85),transparent);transform:skewX(-18deg);opacity:0}
#creative-tools .xx-card-foot>span:hover,#creative-tools .xx-tool-card:focus-visible .xx-card-foot>span{box-shadow:inset 0 1px 0 #fff,0 0 18px #8aa5f12e;border-color:#b2c5fc}
#creative-tools .xx-card-foot>span:hover::after,#creative-tools .xx-tool-card:focus-visible .xx-card-foot>span::after{animation:xx-card-light 3.4s ease-in-out infinite}
#creative-tools .xx-card-tag{background:rgba(248,251,255,.48);border:1px solid rgba(255,255,255,.72);backdrop-filter:blur(16px) saturate(145%);-webkit-backdrop-filter:blur(16px) saturate(145%);box-shadow:inset 0 1px 0 #ffffffb3,0 3px 12px #32466e0c;color:#3e526e}
@keyframes xx-card-light{0%{left:-65%;opacity:0}15%{opacity:.8}65%{left:135%;opacity:0}100%{left:135%;opacity:0}}
@media(max-width:850px){#creative-tools .xx-card-copy{padding:17px}#creative-tools .xx-card-title{gap:4px 8px}}
@media(prefers-reduced-motion:reduce){#creative-tools .xx-card-foot>span::after{animation:none!important}#creative-tools .xx-card-foot>span{transition:none}}

#creative-tools .xx-footer{justify-content:center;text-align:center;line-height:1.8}

#creative-tools .xx-card-art::after{content:"免费";position:absolute;right:12px;bottom:12px;padding:3px 9px;border:1px solid rgba(128,204,167,.36);border-radius:6px;background:rgba(235,250,241,.78);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#198454;font-size:12px;font-weight:600;line-height:1.6;box-shadow:inset 0 1px 0 #ffffffb3;pointer-events:none}

/* creative-tool-cards.6fec913f4ec1151e.css */
/* Compact toolbox cards with restrained glass and hover light. */
#creative-tools .xx-card-copy{padding:20px 22px}
#creative-tools .xx-card-title{justify-content:flex-start;align-items:baseline;flex-wrap:wrap;column-gap:10px;row-gap:4px}
#creative-tools .xx-card-meta{font-size:11px;font-weight:400;line-height:1.6;letter-spacing:0;color:#71839b;white-space:nowrap}
#creative-tools .xx-card-copy p{min-height:0;margin-top:8px;line-height:1.7}
#creative-tools .xx-card-foot{margin-top:14px;gap:0}
#creative-tools .xx-card-foot>span{position:relative;isolation:isolate;overflow:hidden;transition:background .3s,border-color .3s,box-shadow .3s,transform .3s}
#creative-tools .xx-card-foot>span::after{content:"";position:absolute;inset:-60% auto -60% -65%;width:40%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.85),transparent);transform:skewX(-18deg);opacity:0}
#creative-tools .xx-card-foot>span:hover,#creative-tools .xx-tool-card:focus-visible .xx-card-foot>span{box-shadow:inset 0 1px 0 #fff,0 0 18px #8aa5f12e;border-color:#b2c5fc}
#creative-tools .xx-card-foot>span:hover::after,#creative-tools .xx-tool-card:focus-visible .xx-card-foot>span::after{animation:xx-card-light 3.4s ease-in-out infinite}
#creative-tools .xx-card-tag{background:rgba(248,251,255,.48);border:1px solid rgba(255,255,255,.72);backdrop-filter:blur(16px) saturate(145%);-webkit-backdrop-filter:blur(16px) saturate(145%);box-shadow:inset 0 1px 0 #ffffffb3,0 3px 12px #32466e0c;color:#3e526e}
@keyframes xx-card-light{0%{left:-65%;opacity:0}15%{opacity:.8}65%{left:135%;opacity:0}100%{left:135%;opacity:0}}
@media(max-width:850px){#creative-tools .xx-card-copy{padding:17px}#creative-tools .xx-card-title{gap:4px 8px}}
@media(prefers-reduced-motion:reduce){#creative-tools .xx-card-foot>span::after{animation:none!important}#creative-tools .xx-card-foot>span{transition:none}}

#creative-tools .xx-footer{justify-content:center;text-align:center;line-height:1.8}

/* creative-tool-cards.6fec913f4ec1151e.css */
/* Compact toolbox cards with restrained glass and hover light. */
#creative-tools .xx-card-copy{padding:20px 22px}
#creative-tools .xx-card-title{justify-content:flex-start;align-items:baseline;flex-wrap:wrap;column-gap:10px;row-gap:4px}
#creative-tools .xx-card-meta{font-size:11px;font-weight:400;line-height:1.6;letter-spacing:0;color:#71839b;white-space:nowrap}
#creative-tools .xx-card-copy p{min-height:0;margin-top:8px;line-height:1.7}
#creative-tools .xx-card-foot{margin-top:14px;gap:0}
#creative-tools .xx-card-foot>span{position:relative;isolation:isolate;overflow:hidden;transition:background .3s,border-color .3s,box-shadow .3s,transform .3s}
#creative-tools .xx-card-foot>span::after{content:"";position:absolute;inset:-60% auto -60% -65%;width:40%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.85),transparent);transform:skewX(-18deg);opacity:0}
#creative-tools .xx-card-foot>span:hover,#creative-tools .xx-tool-card:focus-visible .xx-card-foot>span{box-shadow:inset 0 1px 0 #fff,0 0 18px #8aa5f12e;border-color:#b2c5fc}
#creative-tools .xx-card-foot>span:hover::after,#creative-tools .xx-tool-card:focus-visible .xx-card-foot>span::after{animation:xx-card-light 3.4s ease-in-out infinite}
#creative-tools .xx-card-tag{background:rgba(248,251,255,.48);border:1px solid rgba(255,255,255,.72);backdrop-filter:blur(16px) saturate(145%);-webkit-backdrop-filter:blur(16px) saturate(145%);box-shadow:inset 0 1px 0 #ffffffb3,0 3px 12px #32466e0c;color:#3e526e}
@keyframes xx-card-light{0%{left:-65%;opacity:0}15%{opacity:.8}65%{left:135%;opacity:0}100%{left:135%;opacity:0}}
@media(max-width:850px){#creative-tools .xx-card-copy{padding:17px}#creative-tools .xx-card-title{gap:4px 8px}}
@media(prefers-reduced-motion:reduce){#creative-tools .xx-card-foot>span::after{animation:none!important}#creative-tools .xx-card-foot>span{transition:none}}

#creative-tools .xx-footer{justify-content:center;text-align:center;line-height:1.8}

/* creative-tool-cards.357ca3fb420f90f9.css */
/* Compact toolbox cards with restrained glass and hover light. */
#creative-tools .xx-card-copy{padding:20px 22px}
#creative-tools .xx-card-title{justify-content:flex-start;align-items:baseline;flex-wrap:wrap;column-gap:10px;row-gap:4px}
#creative-tools .xx-card-meta{font-size:11px;font-weight:400;line-height:1.6;letter-spacing:0;color:#71839b;white-space:nowrap}
#creative-tools .xx-card-copy p{min-height:0;margin-top:8px;line-height:1.7}
#creative-tools .xx-card-foot{margin-top:14px;gap:0}
#creative-tools .xx-card-foot>span{position:relative;isolation:isolate;overflow:hidden;transition:background .3s,border-color .3s,box-shadow .3s,transform .3s}
#creative-tools .xx-card-foot>span::after{content:"";position:absolute;inset:-60% auto -60% -65%;width:40%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.85),transparent);transform:skewX(-18deg);opacity:0}
#creative-tools .xx-card-foot>span:hover,#creative-tools .xx-tool-card:focus-visible .xx-card-foot>span{box-shadow:inset 0 1px 0 #fff,0 0 18px #8aa5f12e;border-color:#b2c5fc}
#creative-tools .xx-card-foot>span:hover::after,#creative-tools .xx-tool-card:focus-visible .xx-card-foot>span::after{animation:xx-card-light 3.4s ease-in-out infinite}
#creative-tools .xx-card-tag{background:rgba(248,251,255,.48);border:1px solid rgba(255,255,255,.72);backdrop-filter:blur(16px) saturate(145%);-webkit-backdrop-filter:blur(16px) saturate(145%);box-shadow:inset 0 1px 0 #ffffffb3,0 3px 12px #32466e0c;color:#3e526e}
@keyframes xx-card-light{0%{left:-65%;opacity:0}15%{opacity:.8}65%{left:135%;opacity:0}100%{left:135%;opacity:0}}
@media(max-width:850px){#creative-tools .xx-card-copy{padding:17px}#creative-tools .xx-card-title{gap:4px 8px}}
@media(prefers-reduced-motion:reduce){#creative-tools .xx-card-foot>span::after{animation:none!important}#creative-tools .xx-card-foot>span{transition:none}}

#creative-tools .xx-footer{justify-content:center;text-align:center;line-height:1.8}

#creative-tools .xx-card-art::after{content:"免费";position:absolute;right:12px;bottom:12px;padding:3px 9px;border:1px solid rgba(128,204,167,.36);border-radius:6px;background:rgba(235,250,241,.78);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#198454;font-size:12px;font-weight:600;line-height:1.6;box-shadow:inset 0 1px 0 #ffffffb3;pointer-events:none}

/* creative-utilities.75f648d453c6378a.css */
#creative-tools .cu-shell{background:#fff;border:1px solid #e1e9f7;border-radius:16px;overflow:hidden;box-shadow:0 8px 28px #688de209}
#creative-tools .cu-shell button{font-size:12px;min-height:34px;transition:background .18s,border-color .18s,box-shadow .18s;white-space:normal}
#creative-tools .cu-shell button:hover:not(:disabled){background:#edf3ff;border-color:#afc6f8}
#creative-tools .cu-shell button.xx-primary{background:#2563eb;border-color:#2563eb;color:white;box-shadow:0 3px 9px #2563eb18}
#creative-tools .cu-shell button.xx-primary:hover:not(:disabled){background:#1d4ed8}
#creative-tools .cu-shell button:disabled{opacity:.45;cursor:default}
#creative-tools .cu-project-bar{display:flex;align-items:center;gap:16px;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e7edf7;background:#fcfdff;flex-wrap:wrap}
#creative-tools .cu-history,#creative-tools .cu-project-actions{display:flex;gap:6px}
#creative-tools .cu-save{font-size:11px;color:#7c8da4;flex:1;min-width:120px}
#creative-tools .cu-shell h3{font-size:13px;font-weight:600;margin:0;color:#354968}
#creative-tools .cu-hint{font-size:11px;color:#8190a6;line-height:1.8;margin:0}
#creative-tools .cu-loading{padding:40px;text-align:center;color:#8092ab}
#creative-tools .cu-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px;border-bottom:1px solid #e7edf7}
#creative-tools .cu-toolbar>label{display:flex;align-items:center;gap:6px;font-size:11px;color:#7386a0}
#creative-tools .cu-field{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#6b7f9c;margin:0;min-width:0}
#creative-tools .cu-shell input:not([type=checkbox]):not([type=file]),#creative-tools .cu-shell select,#creative-tools .cu-shell textarea{width:100%;min-width:0;border:1px solid #e1e8f3;border-radius:7px;background:#fafcff;color:#334862;padding:8px 10px;font:12px/1.6 "Microsoft YaHei",sans-serif;box-sizing:border-box}
#creative-tools .cu-shell input[type=color]{padding:3px!important;height:32px}
#creative-tools .cu-shell textarea{resize:vertical}
#creative-tools .cu-shell :is(input,textarea,select):focus-visible{outline:2px solid #a9c6f8;outline-offset:1px}
#creative-tools .cu-two-fields,#creative-tools .cu-button-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#creative-tools .cu-rule{height:1px;background:#e8edf6;margin:2px 0}
#creative-tools .cu-side{padding:18px;display:flex;flex-direction:column;gap:14px;border-left:1px solid #e5ebf5;min-width:0;background:#fff}
#creative-tools .cu-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
#creative-tools .cu-section-head select{width:65px;padding:3px}
#creative-tools .cu-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:320px;color:#91a0b3;font-size:12px;text-align:center;padding:20px}
#creative-tools .cu-empty b{font-weight:500;color:#647b9b;font-size:16px}
#creative-tools .cu-text-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px}
#creative-tools .cu-text-panes{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:18px;min-width:0;align-content:start;background:#fcfdff}
#creative-tools .cu-text-pane{display:flex;flex-direction:column;gap:10px;min-width:0;font-size:12px;color:#526b8a}
#creative-tools .cu-text-pane>span{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
#creative-tools .cu-text-pane small{color:#99a5b8;font-size:10px}
#creative-tools .cu-text-pane textarea{height:430px;min-height:260px;background:white!important;font-size:13px!important}
#creative-tools .cu-diff-section{padding:18px;border-top:1px solid #e6edf8}
#creative-tools .cu-diff-section .cu-section-head span{font-size:11px;color:#8b99ae}
#creative-tools .cu-diff{margin-top:12px;max-height:420px;overflow:auto;background:#fafcff;border-radius:8px;min-height:50px;font-size:12px}
#creative-tools .cu-diff pre{margin:0;padding:5px 12px;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.8 "Microsoft YaHei",monospace}
#creative-tools .cu-added{background:#e9f8ef;color:#258554}
#creative-tools .cu-removed{background:#fff0ef;color:#b96262}
#creative-tools .cu-same{color:#8190a6}
#creative-tools .cu-size-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px}
#creative-tools .cu-size-work{display:flex;flex-direction:column;min-width:0;background:#f7f9fd}
#creative-tools .cu-size-stage{display:flex;align-items:center;justify-content:center;min-height:440px;padding:18px;flex:1;min-width:0;touch-action:none}
#creative-tools .cu-size-stage svg{display:block;width:100%;height:100%;max-height:650px;min-height:360px;overflow:visible;user-select:none}
#creative-tools [data-size-object]{cursor:move}
#creative-tools [data-size-resize]{cursor:nwse-resize}
#creative-tools .cu-size-bottom{padding:10px 14px;font-size:11px;color:#889ab1;border-top:1px solid #e4ebf6}
#creative-tools .cu-layers{display:flex;flex-wrap:wrap;gap:5px;max-height:140px;overflow:auto}
#creative-tools .cu-layers button{min-height:26px;font-size:10px;padding:3px 7px}
#creative-tools .cu-layers button[aria-pressed=true]{background:#edf3ff;border-color:#adbef5}
#creative-tools .cu-pdf-actions,#creative-tools .cu-story-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 16px}
#creative-tools .cu-pdf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:16px;padding:4px 18px 22px;background:#fafcff}
#creative-tools .cu-pdf-card{background:#fff;border:1px solid #e1e9f7;border-radius:10px;overflow:hidden;min-width:0}
#creative-tools .cu-pdf-card-head{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;font-size:11px;color:#69819e}
#creative-tools .cu-pdf-card-head label{display:flex;align-items:center;gap:6px}
#creative-tools .cu-drag{cursor:grab;min-height:24px!important;padding:1px 6px!important;font-size:17px!important}
#creative-tools button.cu-pdf-preview{width:100%;height:210px;border:0;border-radius:0;background:#f0f3f8;display:flex;align-items:center;justify-content:center;padding:12px;overflow:hidden}
#creative-tools .cu-pdf-preview canvas,#creative-tools .cu-pdf-preview img{display:block;max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 2px 8px #263e6015}
#creative-tools .cu-file-label{padding:10px;font-size:10px;color:#8697ad;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}
#creative-tools .cu-pdf-page-actions{display:flex;gap:4px;padding:0 8px 10px}
#creative-tools .cu-pdf-page-actions button{font-size:10px;flex:1;padding:4px;min-height:28px}
#creative-tools .cu-pdf-dialog,#creative-tools .cu-script-dialog{border:1px solid #dfe8f7;border-radius:14px;width:min(900px,90vw);max-height:88dvh;padding:20px;background:#fff;color:#3b516e;box-shadow:0 18px 80px #18315735}
#creative-tools dialog::backdrop{background:#15273e55;backdrop-filter:blur(4px)}
#creative-tools [data-pdf-large]{display:flex;justify-content:center;padding-top:16px;overflow:auto;max-height:70dvh}
#creative-tools [data-pdf-large] canvas,#creative-tools [data-pdf-large] img{max-width:100%;object-fit:contain;height:auto}
#creative-tools .cu-inline-field{display:flex;align-items:center;gap:8px;min-width:0}
#creative-tools .cu-inline-field input{width:180px!important}
#creative-tools .cu-inline-field select{width:76px!important}
#creative-tools .cu-story-total{font-size:12px;color:#68809e;margin-right:auto}
#creative-tools .cu-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:4px 18px 22px;background:#fafcff}
#creative-tools .cu-shot{min-width:0;border:1px solid #e0e9f7;border-radius:12px;padding:14px;background:white;display:flex;flex-direction:column;gap:12px}
#creative-tools .cu-shot-head{display:flex;align-items:center;gap:8px;color:#8b9ab0;font-size:11px}
#creative-tools .cu-shot-head>b{font-size:20px;font-weight:500;color:#5c7ab3}
#creative-tools .cu-shot-head>div{display:flex;gap:4px;margin-left:auto}
#creative-tools .cu-shot-head button{padding:3px 7px;font-size:10px;min-height:26px}
#creative-tools .cu-shot-image{display:flex;align-items:center;justify-content:center;width:100%;max-height:280px;background:#f2f6fc!important;padding:0!important;overflow:hidden;color:#8a9fbc!important}
#creative-tools .cu-shot-image img{width:100%;height:100%;object-fit:contain}
#creative-tools .cu-shot-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#creative-tools .cu-shot-remove-image{align-self:flex-end;font-size:10px!important;min-height:24px!important;padding:2px 6px!important}
#creative-tools .cu-script-dialog textarea{width:100%;margin:14px 0}
@media(max-width:900px){#creative-tools .cu-size-layout{grid-template-columns:minmax(0,1fr) 230px}#creative-tools .cu-text-layout{grid-template-columns:1fr}#creative-tools .cu-text-layout .cu-side{border-left:0;border-top:1px solid #e4ebf6;display:grid;grid-template-columns:1fr 1fr}#creative-tools .cu-text-layout .cu-side .cu-rule{display:none}}
@media(max-width:650px){#creative-tools .cu-project-bar{gap:8px;padding:10px}#creative-tools .cu-save{order:3;flex-basis:100%}#creative-tools .cu-project-actions{margin-left:auto}#creative-tools .cu-size-layout{grid-template-columns:1fr}#creative-tools .cu-size-stage{min-height:280px;padding:10px}#creative-tools .cu-size-stage svg{min-height:250px}#creative-tools .cu-size-layout .cu-side{border-left:0;border-top:1px solid #e5ebf5}#creative-tools .cu-text-panes{grid-template-columns:1fr;padding:12px}#creative-tools .cu-text-pane textarea{height:220px;min-height:160px}#creative-tools .cu-story-grid{grid-template-columns:1fr;padding:4px 12px 16px}#creative-tools .cu-pdf-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:4px 12px 16px;gap:10px}#creative-tools .cu-pdf-preview{height:150px!important}#creative-tools .cu-pdf-page-actions{flex-wrap:wrap}#creative-tools .cu-shot-head>div{gap:2px}#creative-tools .cu-shot-head button{padding:3px 5px}#creative-tools .cu-text-layout .cu-side{display:flex}#creative-tools .cu-story-toolbar .cu-inline-field{width:100%}#creative-tools .cu-story-toolbar .cu-inline-field input{flex:1}#creative-tools .cu-toolbar{padding:10px}}

#creative-tools .cu-size-layout .cu-side{padding:16px;gap:10px}#creative-tools .cu-size-layout .cu-field{gap:4px}#creative-tools .cu-size-layout .cu-field input{padding:6px 8px}#creative-tools .cu-text-layout .cu-side{gap:11px}#creative-tools .cu-text-layout .cu-button-grid button{white-space:nowrap;padding:7px 5px}
#creative-tools .cu-size-layout{align-items:start}
#creative-tools .cu-size-work{height:clamp(500px,calc(100dvh - 300px),720px);position:sticky;top:90px}
#creative-tools .cu-size-stage{height:0;min-height:0;box-sizing:border-box;overflow:hidden;flex:1 1 0}
#creative-tools .cu-size-stage svg{height:100%;min-height:0;max-height:none}
#creative-tools [data-size-properties]{border:0;padding:0;margin:0;min-width:0;display:flex;flex-direction:column;gap:10px}
#creative-tools [data-size-properties]:disabled{opacity:.5}
#creative-tools [data-size-live]{color:#527bb2}
@media(max-width:650px){#creative-tools .cu-size-work{height:440px;position:static}#creative-tools .cu-size-stage svg{min-height:0}}
.cu-spinner{display:inline-block;width:15px;height:15px;border:2px solid #cfdcf1;border-top-color:#5d88de;border-radius:50%;animation:cu-spin .9s linear infinite;flex:none}
@keyframes cu-spin{to{transform:rotate(360deg)}}
#creative-tools .cu-pdf-progress{display:flex;align-items:center;gap:10px;padding:14px 18px;background:#f1f6ff;color:#6383b4;font-size:12px;border-bottom:1px solid #e1eafa}
#creative-tools .cu-pdf-progress[hidden]{display:none}
#creative-tools .cu-thumb-loading{display:flex;align-items:center;gap:8px;color:#889dbb;font-size:11px}
#creative-tools .cu-pdf-preview{position:relative}
#creative-tools .cu-pdf-preview.is-loading>canvas,#creative-tools .cu-pdf-preview.is-loading>img{opacity:.6}
#creative-tools .cu-pdf-preview.is-loading:has(canvas,img)::after{content:"";position:absolute;left:calc(50% - 9px);top:calc(50% - 9px);width:18px;height:18px;border:2px solid #c8d7f0;border-top-color:#5d88de;border-radius:50%;animation:cu-spin .9s linear infinite}
#creative-tools .cu-pdf-card.is-selected{border-color:#bad0fa;box-shadow:0 0 0 1px #e9f0fc}
#creative-tools .cu-pdf-dialog{width:min(1160px,94vw);padding:14px;box-sizing:border-box;max-height:92dvh}
#creative-tools .cu-pdf-view-toolbar{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
#creative-tools .cu-pdf-view-toolbar b,#creative-tools .cu-pdf-view-toolbar output{font-size:12px;color:#647d9e}
#creative-tools .cu-pdf-view-toolbar output{min-width:42px;text-align:center}
#creative-tools .cu-pdf-view-gap{flex:1}
#creative-tools .cu-pdf-view-status{display:flex;gap:8px;align-items:center;font-size:11px;color:#8b9db6;min-height:32px;padding:8px 0}
#creative-tools .cu-pdf-viewport{width:100%;height:65dvh;overflow:auto;background:#e8edf5;border-radius:8px;overscroll-behavior:contain}
#creative-tools [data-pdf-large]{display:flex;justify-content:flex-start;min-width:100%;width:max-content;box-sizing:border-box;padding:20px;max-height:none;overflow:visible}
#creative-tools .cu-pdf-page-layer{position:relative;flex:none;margin:0 auto;background:white;box-shadow:0 2px 15px #233c6417}
#creative-tools .cu-pdf-page-layer>canvas{display:block;max-width:none;width:100%;height:100%;object-fit:fill}
#creative-tools .cu-pdf-page-layer .textLayer{position:absolute;inset:0;overflow:clip;text-align:initial;line-height:1;transform-origin:0 0;text-size-adjust:none;forced-color-adjust:none;caret-color:CanvasText;user-select:text}
#creative-tools .textLayer :is(span,br){position:absolute;color:transparent;white-space:pre;cursor:text;transform-origin:0% 0%;user-select:text}
#creative-tools .textLayer span.markedContent{top:0;height:0}
#creative-tools .textLayer ::selection{background:#739ee87a;color:transparent}
#creative-tools .textLayer[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}
#creative-tools .textLayer[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}
#creative-tools .textLayer[data-main-rotation="270"]{transform:rotate(270deg) translateX(-100%)}
#creative-tools .cu-pdf-text-dialog{border:1px solid #dce6f5;border-radius:12px;padding:20px;width:min(840px,90vw);color:#3b516e}
#creative-tools .cu-pdf-text-dialog textarea{margin-top:12px;white-space:pre-wrap;min-height:280px}
@media(prefers-reduced-motion:reduce){.cu-spinner,#creative-tools .cu-pdf-preview.is-loading::after{animation-duration:2s}}
#creative-tools .cu-story-guide{display:flex;align-items:center;gap:16px;justify-content:space-between;padding:16px 18px;background:linear-gradient(110deg,#f2f6ff,#f8faff);border-bottom:1px solid #e4ebf7}
#creative-tools .cu-story-guide b{font-size:13px;font-weight:500;color:#5475a7}
#creative-tools .cu-story-guide p{font-size:11px;color:#8397b5;line-height:1.8;margin:5px 0 0}
#creative-tools [data-story-office]{display:flex;align-items:center;justify-content:center;gap:7px}
@media(max-width:650px){#creative-tools .cu-story-guide{align-items:flex-start;flex-direction:column;gap:8px}#creative-tools .cu-pdf-view-gap{display:none}#creative-tools .cu-pdf-dialog{padding:10px}#creative-tools .cu-pdf-view-toolbar{gap:5px}}
/* Compact PDF workbench and anchored viewer. */
#creative-tools .cu-pdf-topbar{display:flex;align-items:center;gap:10px;padding:12px 16px;flex-wrap:wrap;border-bottom:1px solid #e7edf6}
#creative-tools [data-pdf-history-slot],#creative-tools .cu-pdf-selection,#creative-tools .cu-pdf-batch,#creative-tools .cu-pdf-export{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
#creative-tools [data-pdf-save-slot]{margin-left:auto;font-size:11px;color:#8b9bb1}
#creative-tools .cu-pdf-paper-label{display:flex;align-items:center;gap:7px;font-size:11px;color:#7c8da7}
#creative-tools .cu-pdf-paper-label select{width:auto;min-height:32px;padding:4px 8px}
#creative-tools .cu-pdf-actions{gap:10px;padding:10px 16px}
#creative-tools .cu-pdf-actions button{font-size:11px;min-height:32px;padding:6px 11px}
#creative-tools .cu-pdf-export{margin-left:auto}
#creative-tools .cu-pdf-export-menu{position:relative;font-size:11px}
#creative-tools .cu-pdf-export-menu summary{list-style:none;cursor:pointer;padding:8px 10px;border:1px solid #dce6f5;border-radius:8px}
#creative-tools .cu-pdf-export-menu>div{position:absolute;right:0;top:calc(100% + 6px);z-index:20;background:#fff;border:1px solid #dfe7f4;border-radius:10px;box-shadow:0 8px 28px #243c6320;padding:7px;min-width:220px;display:grid;gap:5px}
#creative-tools .cu-pdf-export-menu small{font-size:10px;color:#91a0b5;padding:6px;line-height:1.6}
#creative-tools .cu-pdf-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;padding:4px 16px 16px}
#creative-tools .cu-pdf-card-head{padding:5px 8px}
#creative-tools .cu-pdf-card-head button.cu-drag{font-size:10px;min-height:24px;padding:3px 7px;cursor:grab}
#creative-tools button.cu-pdf-preview{height:190px;padding:6px}
#creative-tools .cu-file-label{padding:0;margin:5px 8px;line-height:16px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#creative-tools .cu-pdf-page-actions{padding:0 6px 6px;gap:3px}
#creative-tools .cu-pdf-page-actions button{min-height:25px;padding:3px;font-size:10px}
#creative-tools [data-pdf-remove]{color:#bf6c77;flex:.65}
#creative-tools .cu-pdf-dialog{width:calc(100vw - 32px);max-width:1600px;height:calc(100dvh - 32px);max-height:calc(100dvh - 32px);padding:0;overflow:hidden;border-radius:12px}
#creative-tools .cu-pdf-dialog[open]{display:flex;flex-direction:column}
#creative-tools .cu-pdf-view-toolbar{flex:none;padding:8px 12px;gap:12px;border-bottom:1px solid #e5ebf4}
#creative-tools .cu-pdf-view-toolbar button{min-height:30px;padding:5px 10px;font-size:11px}
#creative-tools .cu-pdf-nav,#creative-tools .cu-pdf-view-modes,#creative-tools .cu-pdf-zoom-tools{display:flex;align-items:center;gap:5px}
#creative-tools .cu-pdf-nav{margin-right:auto}
#creative-tools .cu-pdf-view-modes button[aria-pressed=true]{background:#eaf1ff;border-color:#aac4ff;color:#326be0}
#creative-tools .cu-pdf-view-status{padding:4px 12px;min-height:24px;box-sizing:border-box;font-size:10px;flex:none}
#creative-tools .cu-pdf-viewport{height:auto;min-height:0;flex:1;border-radius:0;background:#e9edf3;scrollbar-width:thin;scrollbar-color:#bfc9d8 transparent;overflow-anchor:none;outline:none}
#creative-tools [data-pdf-large]{box-sizing:border-box;display:flex;width:max-content;min-width:100%;min-height:100%;padding:16px}
#creative-tools .cu-pdf-page-slot{position:relative;flex:none;margin:auto}
#creative-tools .cu-pdf-page-layer{margin:0;transform-origin:0 0}
#creative-tools .cu-pdf-view-help{flex:none;font-size:10px;text-align:center;color:#8b9bb1;padding:5px}
#creative-tools .cu-pdf-viewport.is-hand{cursor:grab;user-select:none}
#creative-tools .cu-pdf-viewport.is-hand .textLayer{pointer-events:none;user-select:none}
#creative-tools .cu-pdf-viewport.is-panning{cursor:grabbing;user-select:none}
#creative-tools .textLayer>:not(.markedContent),#creative-tools .textLayer .markedContent span:not(.markedContent){z-index:1}
#creative-tools .textLayer span[role=img]{user-select:none;cursor:default}
#creative-tools .textLayer br::selection{background:transparent}
#creative-tools .textLayer .endOfContent{display:block;position:absolute;inset:100% 0 0;z-index:0;cursor:default;user-select:none}
#creative-tools .textLayer.selecting .endOfContent{top:0}
@media(max-width:650px){#creative-tools .cu-pdf-topbar{gap:7px;padding:10px}#creative-tools .cu-pdf-export{margin-left:0;flex-basis:100%;justify-content:flex-end}#creative-tools .cu-pdf-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:4px 10px 12px}#creative-tools .cu-pdf-dialog{width:calc(100vw - 8px);height:calc(100dvh - 8px);max-height:calc(100dvh - 8px)}#creative-tools .cu-pdf-view-toolbar{gap:5px;padding:6px}#creative-tools .cu-pdf-view-toolbar button{padding:4px 7px}#creative-tools .cu-pdf-nav{margin-right:0}#creative-tools .cu-pdf-view-modes{margin-left:auto}#creative-tools .cu-pdf-view-help{font-size:9px}#creative-tools [data-pdf-save-slot]{display:none}}
/* Three-pane composition workspace: panels never stretch the canvas. */
#creative-tools .cu-size-layout{display:grid;grid-template-columns:136px minmax(0,1fr) 252px;height:clamp(460px,58dvh,660px);min-height:0;align-items:stretch}
#creative-tools .cu-size-tools{min-width:0;min-height:0;overflow:auto;padding:12px 10px;border-right:1px solid #e4ebf6;display:flex;flex-direction:column;gap:12px;background:#fcfdff;scrollbar-width:thin}
#creative-tools .cu-size-shapes{display:grid;gap:6px}
#creative-tools .cu-size-shapes button{min-height:32px;font-size:11px;padding:6px}
#creative-tools .cu-size-options{display:grid;gap:9px;font-size:11px;color:#7c8da5}
#creative-tools .cu-size-options label{display:flex;align-items:center;gap:5px}
#creative-tools .cu-size-layer-head{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e5ebf4;padding-top:12px}
#creative-tools .cu-size-layer-head button{font-size:10px;min-height:24px;padding:3px 6px}
#creative-tools .cu-size-tools .cu-layers{display:grid;max-height:none;overflow:visible;gap:5px}
#creative-tools .cu-size-tools .cu-layers button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}
#creative-tools .cu-size-layout>.cu-side{min-height:0;overflow:auto;scrollbar-width:thin;padding:14px;gap:10px}
#creative-tools .cu-size-layout .cu-two-fields,#creative-tools .cu-size-layout .cu-button-grid{gap:7px}
#creative-tools .cu-size-layout .cu-side input,#creative-tools .cu-size-layout .cu-side select{padding:6px 8px}
#creative-tools .cu-size-layout .cu-side button{min-height:30px;font-size:11px;padding:5px 6px}
#creative-tools .cu-size-reference{margin-top:5px}
#creative-tools .cu-size-work{height:100%;position:relative;top:auto;min-height:0;overflow:hidden}
#creative-tools .cu-size-viewbar{display:flex;justify-content:space-between;align-items:center;gap:5px;padding:8px 10px;border-bottom:1px solid #e3eaf5;background:#fff;flex:none;flex-wrap:wrap}
#creative-tools .cu-size-viewbar>div{display:flex;align-items:center;gap:4px}
#creative-tools .cu-size-viewbar button{font-size:11px;min-height:29px;padding:4px 8px}
#creative-tools .cu-size-viewbar button[aria-pressed=true]{background:#eaf1ff;color:#2563eb;border-color:#b4caf7}
#creative-tools [data-size-zoom-label]{font-size:11px;color:#6d84a4;min-width:40px;text-align:center}
#creative-tools .cu-size-layout .cu-size-stage{display:block;position:relative;min-height:0;padding:0;flex:1;overflow:hidden;outline:none;background:#edf1f7;touch-action:none}
#creative-tools .cu-size-layout .cu-size-stage svg{position:absolute;display:block;max-height:none;min-height:0;max-width:none;overflow:visible;flex:none;user-select:none}
#creative-tools .cu-size-stage.is-hand,#creative-tools .cu-size-stage.is-hand [data-size-object]{cursor:grab}
#creative-tools .cu-size-stage.is-panning,#creative-tools .cu-size-stage.is-panning [data-size-object]{cursor:grabbing}
#creative-tools .cu-size-bottom{flex:none;padding:8px 10px;min-height:30px;font-size:10px;box-sizing:border-box;background:#fcfdff}
#creative-tools .cu-size-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border-top:1px solid #e3eaf5;flex-wrap:wrap;background:#fff}
#creative-tools .cu-size-footer>div{display:flex;gap:6px;flex-wrap:wrap}
#creative-tools .cu-size-footer button{min-height:32px;padding:6px 10px;font-size:11px}
@media(max-width:1000px) and (min-width:651px){#creative-tools .cu-size-layout{grid-template-columns:108px minmax(0,1fr) 222px}#creative-tools .cu-size-tools{padding:10px 7px}}
@media(max-width:650px){#creative-tools .cu-size-layout{grid-template-columns:1fr;height:auto;max-height:none}#creative-tools .cu-size-tools{border-right:0;border-bottom:1px solid #e4ebf6;padding:9px;gap:8px;max-height:210px}#creative-tools .cu-size-tools>h3,#creative-tools .cu-size-tools>.cu-hint,#creative-tools .cu-size-layer-head{display:none}#creative-tools .cu-size-shapes{grid-template-columns:repeat(3,minmax(0,1fr))}#creative-tools .cu-size-options{display:flex;flex-wrap:wrap;gap:10px}#creative-tools .cu-size-tools .cu-layers{display:flex;flex-wrap:wrap}#creative-tools .cu-size-layout .cu-size-work{height:420px}#creative-tools .cu-size-layout>.cu-side{max-height:420px;border-left:0;border-top:1px solid #e4ebf6}#creative-tools .cu-size-footer{padding:9px}#creative-tools .cu-size-footer>div{display:grid;grid-template-columns:1fr 1fr;width:100%}#creative-tools .cu-size-footer .cu-hint{font-size:10px}}
#creative-tools [data-size-overlays] text{font-size:var(--cu-size-label)}

#creative-tools .cu-size-arrange-dock{display:flex;align-items:center;gap:10px;padding:9px 12px;border-top:1px solid #e4ebf5;background:#fcfdff;flex-wrap:wrap}
#creative-tools .cu-size-arrange-dock strong{font-size:11px;color:#687f9f;font-weight:500}
#creative-tools .cu-size-arrange-dock .cu-field{flex-direction:row;align-items:center;gap:7px;margin:0}
#creative-tools .cu-size-arrange-dock select{width:170px;padding:5px 7px;font-size:11px}
#creative-tools .cu-size-arrange-dock .cu-button-grid{display:flex;flex:1;gap:5px;flex-wrap:wrap}
#creative-tools .cu-size-arrange-dock button{min-height:29px;font-size:10px;padding:4px 7px}
@media(max-width:650px){#creative-tools .cu-size-arrange-dock{padding:9px;gap:8px}#creative-tools .cu-size-arrange-dock .cu-button-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));flex-basis:100%}#creative-tools .cu-size-arrange-dock select{width:190px}#creative-tools .cu-size-arrange-dock button{padding:4px;font-size:10px}}
/* Storyboard: compact reference images, generous writing space, explicit saving. */
#creative-tools .cu-story-save-info{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 16px;border-bottom:1px solid #e6edf7;background:#fbfdff;flex-wrap:wrap;font-size:11px;color:#8b9bb2}
#creative-tools [data-story-save-status]{color:#459573}
#creative-tools [data-story-save-status][data-phase=saving]{color:#678ec2}
#creative-tools [data-story-save-status][data-phase=error]{color:#c15b60}
#creative-tools .cu-story-grid{grid-template-columns:minmax(0,1fr);gap:12px;padding:4px 16px 18px}
#creative-tools .cu-shot{display:grid;grid-template-columns:156px minmax(0,1fr);gap:10px 16px;padding:12px}
#creative-tools .cu-shot-head{grid-column:1/-1}
#creative-tools .cu-shot-head>b{font-size:17px}
#creative-tools .cu-shot-reference{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0}
#creative-tools button.cu-shot-image{width:100%;height:112px;min-height:0;max-height:112px;aspect-ratio:auto!important;font-size:11px}
#creative-tools .cu-shot-reference .cu-shot-remove-image{align-self:center}
#creative-tools .cu-shot-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;min-width:0}
#creative-tools .cu-shot-fields{grid-column:1/-1;grid-template-columns:minmax(120px,1.6fr) repeat(2,minmax(80px,1fr)) minmax(76px,.8fr);gap:8px}
#creative-tools .cu-shot-main textarea{min-height:138px;line-height:1.8;resize:vertical}
#creative-tools .cu-shot-fields input,#creative-tools .cu-shot-fields select{padding:6px 8px}
#creative-tools .cu-story-toolbar .cu-inline-field:first-child{flex:1}
#creative-tools .cu-story-toolbar .cu-inline-field:first-child input{min-width:100px;max-width:360px}
@media(max-width:800px){#creative-tools .cu-shot{grid-template-columns:116px minmax(0,1fr);gap:10px}#creative-tools button.cu-shot-image{height:90px;max-height:90px}#creative-tools .cu-shot-main{grid-template-columns:minmax(0,1fr)}#creative-tools .cu-shot-fields{grid-template-columns:repeat(2,minmax(0,1fr))}#creative-tools .cu-shot-main textarea{min-height:120px}}
@media(max-width:500px){#creative-tools .cu-story-grid{padding:4px 10px 12px}#creative-tools .cu-shot{grid-template-columns:minmax(0,1fr);padding:10px}#creative-tools .cu-shot-head{flex-wrap:wrap}#creative-tools .cu-shot-head>div{gap:3px}#creative-tools .cu-shot-reference{flex-direction:row;justify-content:flex-start;gap:10px}#creative-tools button.cu-shot-image{width:116px;height:76px;max-height:76px}#creative-tools .cu-shot-main{grid-template-columns:minmax(0,1fr)}#creative-tools .cu-story-save-info{padding:9px 12px;gap:5px}#creative-tools .cu-shot-main textarea{min-height:135px}}
/* Compact page drag handle, independent of generic button typography. */
#creative-tools .cu-shell .cu-pdf-card-head{min-height:28px;box-sizing:border-box;padding:3px 7px}
#creative-tools .cu-shell .cu-pdf-card-head button.cu-drag{display:flex;align-items:center;justify-content:center;width:23px;height:23px;min-height:23px;padding:0;font-size:0;line-height:1;border-color:transparent;background:transparent;border-radius:5px;flex:none}
#creative-tools .cu-shell .cu-pdf-card-head button.cu-drag svg{display:block;width:14px;height:14px;pointer-events:none}
#creative-tools .cu-shell .cu-pdf-card-head button.cu-drag:hover{background:#edf3ff;border-color:#ceddf5}
/* Text utilities focus on cleanup, lists and practical comparison. */
#creative-tools .cu-text-practical .cu-text-layout{grid-template-columns:minmax(0,1fr) 272px;align-items:start}
#creative-tools .cu-text-work{min-width:0;background:#fcfdff}
#creative-tools .cu-text-practical .cu-text-panes{padding:14px;gap:12px}
#creative-tools .cu-text-practical .cu-text-pane textarea{height:490px;min-height:260px;line-height:1.85!important}
#creative-tools .cu-text-operations{max-height:610px;overflow:auto;scrollbar-width:thin;padding:14px;gap:14px}
#creative-tools .cu-text-operations section{display:grid;gap:8px}
#creative-tools .cu-text-operations .cu-button-grid{gap:6px}
#creative-tools .cu-text-operations button{font-size:11px;min-height:31px;padding:5px 7px}
#creative-tools .cu-text-result-actions{display:flex;gap:7px;flex-wrap:wrap;padding:0 14px 14px}
#creative-tools .cu-text-result-actions button{font-size:11px;min-height:31px;padding:5px 9px}
#creative-tools .cu-text-extra{font-size:11px;color:#6c819f}
#creative-tools .cu-text-extra summary{cursor:pointer;padding:7px 0}
#creative-tools .cu-text-extra[open]{display:grid;gap:8px}
#creative-tools .cu-text-compare-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
#creative-tools .cu-text-compare-head select{width:auto;min-width:150px;padding:5px 8px}
#creative-tools .cu-text-compare-head>span{font-size:11px;color:#8495ad}
#creative-tools .cu-text-only{display:flex;gap:5px;align-items:center;font-size:11px;color:#7c8fa9}
#creative-tools .cu-text-list-controls{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
#creative-tools .cu-text-list-controls[hidden]{display:none}
#creative-tools .cu-text-list-controls button{font-size:11px;min-height:30px;padding:5px 9px}
#creative-tools .cu-text-list-controls button[aria-pressed=true]{background:#eaf1ff;border-color:#afc7f8;color:#326be0}
#creative-tools .cu-word-diff{padding:12px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.9}
#creative-tools .cu-word-diff .cu-added{border-radius:2px;text-decoration:underline;text-decoration-color:#5ca477}
#creative-tools .cu-word-diff .cu-removed{text-decoration:line-through}
@media(max-width:850px){#creative-tools .cu-text-practical .cu-text-layout{grid-template-columns:1fr}#creative-tools .cu-text-operations{max-height:440px;border-left:0;border-top:1px solid #e4ebf6}#creative-tools .cu-text-operations .cu-button-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){#creative-tools .cu-text-practical .cu-text-pane textarea{height:250px;min-height:180px}#creative-tools .cu-text-practical .cu-text-panes{padding:12px}#creative-tools .cu-text-operations .cu-button-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#creative-tools .cu-text-compare-head{gap:8px}#creative-tools .cu-diff-section{padding:12px}}
#creative-tools .cu-text-only[hidden]{display:none}
/* Quiet icon workspace: tools left, arrange top, compact inspector, layers below. */
#creative-tools .cu-size-layout{grid-template-columns:50px minmax(0,1fr) 264px;align-items:stretch}
#creative-tools .cu-size-tools{padding:9px 6px;gap:12px;overflow:visible;align-items:center;border-right:1px solid #e6edf7;background:#fcfdff}
#creative-tools .cu-size-mode-icons,#creative-tools .cu-size-shapes,#creative-tools .cu-size-options{display:flex;flex-direction:column;align-items:center;gap:5px;width:100%}
#creative-tools .cu-size-shapes,#creative-tools .cu-size-options{border-top:1px solid #e6edf7;padding-top:10px}
#creative-tools .cu-shell button.cu-size-icon{display:flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;min-height:32px;padding:0;font-size:0;line-height:1;border-color:transparent;background:transparent;border-radius:7px}
#creative-tools .cu-shell button.cu-size-icon svg{display:block;width:18px;height:18px;flex:none;pointer-events:none}
#creative-tools .cu-shell button.cu-size-icon:hover:not(:disabled){background:#edf3ff;border-color:#c5d7f8}
#creative-tools .cu-shell button.cu-size-icon[aria-pressed=true]{background:#e9f1ff;color:#2869d8;border-color:#bfd1f4}
#creative-tools .cu-size-options label{display:flex;align-items:center;justify-content:center;position:relative;width:32px;height:30px;cursor:pointer;border:1px solid transparent;border-radius:7px;box-sizing:border-box;color:#7b8da7}
#creative-tools .cu-size-options input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
#creative-tools .cu-size-options label:has(input:checked){color:#3677dc;background:#edf3ff;border-color:#d4e2fa}
#creative-tools .cu-size-options label:has(input:focus-visible){outline:2px solid #98baf2}
#creative-tools .cu-size-tools .cu-size-fill{width:30px;height:30px;gap:0;border-top:1px solid #e5ecf6;padding-top:8px;box-sizing:content-box}
#creative-tools .cu-size-tools input[type=color]{width:30px!important;height:30px!important;min-height:30px;border-radius:7px;padding:3px!important;background:white}
#creative-tools .cu-size-tools input[type=color]:disabled{opacity:.4}
#creative-tools .cu-size-fill-placeholder{width:25px;height:25px;border:1px solid #dce5f3;border-radius:5px;background:linear-gradient(135deg,#f7f9fc 48%,#cc9ba2 49%,#cc9ba2 52%,#f7f9fc 53%)}
#creative-tools .cu-size-layout>.cu-side{padding:13px;gap:12px;overflow:visible;max-height:none;align-self:stretch}
#creative-tools .cu-size-layout .cu-field{font-size:10px;gap:4px}
#creative-tools .cu-size-layout .cu-side input,#creative-tools .cu-size-layout .cu-side select{height:32px;min-height:32px;padding:4px 7px;font-size:11px}
#creative-tools .cu-size-board-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
#creative-tools .cu-size-name-field{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:5px}
#creative-tools .cu-size-layout [data-size-properties]{gap:10px}
#creative-tools .cu-size-layout .cu-side .cu-hint{font-size:10px;line-height:1.7}
#creative-tools .cu-size-arrange-dock{padding:7px 10px;gap:12px;border-top:0;border-bottom:1px solid #e5ecf6;flex-wrap:wrap;background:#fcfdff}
#creative-tools .cu-size-arrange-dock .cu-size-reference{font-size:10px;gap:6px;flex:none}
#creative-tools .cu-size-arrange-dock select{width:92px;height:30px;min-height:30px;padding:3px 6px;font-size:10px}
#creative-tools .cu-size-arrange-dock .cu-button-grid{display:flex;flex:none;gap:3px;flex-wrap:wrap}
#creative-tools .cu-size-arrange-dock [data-size-align="space-x"],#creative-tools .cu-size-arrange-dock [data-size-copy]{margin-left:8px}
#creative-tools .cu-size-zoom-icons{display:flex;align-items:center;gap:4px;margin-left:auto}
#creative-tools .cu-size-zoom-icons button:not(.cu-size-icon){width:28px;min-height:28px;height:28px;padding:0}
#creative-tools .cu-size-layers-dock{display:flex;align-items:center;gap:10px;padding:9px 12px;border-top:1px solid #e5ecf6;background:#fcfdff;flex-wrap:wrap;min-height:42px;box-sizing:border-box}
#creative-tools .cu-size-layers-dock>strong{font-size:11px;font-weight:500;color:#6f839f}
#creative-tools .cu-size-layers-dock>[data-size-all]{font-size:10px;min-height:25px;padding:3px 7px}
#creative-tools .cu-size-layers-dock .cu-layers{display:flex;flex:1;flex-wrap:wrap;min-width:0;max-height:none;overflow:visible;gap:5px}
#creative-tools .cu-size-layers-dock .cu-layers button{font-size:10px;min-height:25px;padding:3px 8px;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:1000px) and (min-width:651px){#creative-tools .cu-size-layout{grid-template-columns:46px minmax(0,1fr) 244px}#creative-tools .cu-size-tools{padding:9px 4px}#creative-tools .cu-size-arrange-dock{gap:6px}#creative-tools .cu-size-arrange-dock .cu-button-grid{gap:1px}}
@media(max-width:650px){#creative-tools .cu-size-layout{grid-template-columns:44px minmax(0,1fr);height:auto}#creative-tools .cu-size-tools{grid-column:1;grid-row:1;max-height:none;border-bottom:0;border-right:1px solid #e5ecf6;padding:8px 3px;gap:10px}#creative-tools .cu-size-layout .cu-size-work{grid-column:2;grid-row:1;height:440px}#creative-tools .cu-size-layout>.cu-side{grid-column:1/-1;grid-row:2;border-top:1px solid #e5ecf6;overflow:visible;max-height:none}#creative-tools .cu-size-layout .cu-size-shapes,#creative-tools .cu-size-layout .cu-size-options{display:flex;flex-direction:column;gap:4px}#creative-tools .cu-size-layout .cu-side .cu-section-head select{width:65px}#creative-tools .cu-size-arrange-dock{padding:6px;gap:5px}#creative-tools .cu-size-arrange-dock .cu-button-grid{display:flex;flex:1;flex-basis:auto;flex-wrap:wrap;gap:1px}#creative-tools .cu-size-arrange-dock .cu-size-icon{width:28px;height:28px;min-height:28px}#creative-tools .cu-size-zoom-icons{margin-left:auto}#creative-tools .cu-size-layers-dock{padding:8px;gap:6px}}
#creative-tools .cu-size-layers-dock .cu-layers button:focus-visible{outline:2px solid #95b7f2;outline-offset:1px}
@media(max-width:650px){#creative-tools .cu-size-arrange-dock .cu-size-reference{order:1}#creative-tools .cu-size-zoom-icons{order:2}#creative-tools .cu-size-arrange-dock .cu-button-grid{order:3;flex-basis:100%}#creative-tools .cu-shell .cu-size-arrange-dock button.cu-size-icon{width:26px;height:26px;min-height:26px}}
/* Storyboard editor: two compact header rows, distinct shots and paged editing. */
#creative-tools .cu-story-pagination label{white-space:nowrap;flex:none}
#creative-tools .cu-shell .cu-story-pagination input[data-story-jump]{width:56px;min-width:56px;max-width:56px;flex:0 0 56px}
@media(max-width:550px){#creative-tools .cu-story-grid{scroll-margin-top:135px}}
#creative-tools .cu-story-projectbar{display:block;padding:0;gap:0;background:#fcfdff}
#creative-tools .cu-story-mainbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px}
#creative-tools .cu-story-mainbar .cu-inline-field{display:flex;align-items:center;gap:7px;font-size:11px;color:#7c8fa9}
#creative-tools .cu-story-mainbar .cu-inline-field:first-child{flex:1;min-width:200px}
#creative-tools .cu-story-mainbar [data-story-title]{width:100%;max-width:310px;min-height:32px;padding:5px 8px}
#creative-tools .cu-story-mainbar [data-story-ratio]{width:70px;min-height:32px;padding:5px 7px}
#creative-tools .cu-story-mainbar .cu-story-total{font-size:11px;color:#7c91af;white-space:nowrap}
#creative-tools .cu-story-mainbar .cu-history{gap:4px}
#creative-tools .cu-story-mainbar .cu-history button{min-height:30px;padding:4px 8px;font-size:11px}
#creative-tools .cu-story-mainbar [data-story-save-status]{font-size:10px;white-space:nowrap;margin-left:auto}
#creative-tools .cu-story-mainbar [data-u-export]{background:#2563eb;border-color:#2563eb;color:#fff;min-height:32px;padding:5px 10px;font-size:11px}
#creative-tools .cu-story-commandbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:8px 14px;border-top:1px solid #e9eef7}
#creative-tools .cu-story-commandbar>button{min-height:30px;font-size:11px;padding:5px 10px}
#creative-tools .cu-story-commandbar .cu-save{flex:none;min-width:0;font-size:10px;color:#8495ae;margin-left:auto}
#creative-tools .cu-story-commandbar .cu-save[hidden]{display:none}
#creative-tools .cu-story-visible-range{font-size:10px;color:#93a1b5;margin-left:4px}
#creative-tools .cu-story-menu{position:relative;font-size:11px;color:#587091}
#creative-tools .cu-story-menu summary{cursor:pointer;list-style:none;border:1px solid #dfe7f5;border-radius:7px;padding:6px 10px;background:white;min-height:30px;box-sizing:border-box}
#creative-tools .cu-story-menu>div{position:absolute;z-index:30;top:calc(100% + 6px);left:0;width:180px;padding:6px;background:#fff;border:1px solid #dfe7f5;border-radius:9px;box-shadow:0 8px 25px #263f641c;display:grid;gap:5px}
#creative-tools .cu-story-menu button{min-height:31px;font-size:11px;padding:5px 8px;text-align:left}
#creative-tools .cu-story-grid{padding:12px 14px;gap:14px;background:#f3f6fc;scroll-margin-top:100px}
#creative-tools .cu-shot{grid-template-columns:124px minmax(0,1fr);gap:8px 12px;padding:10px 12px;border-color:#dbe5f4;border-left:3px solid #8db2ed;border-radius:9px;box-shadow:0 2px 6px #304e7510;background:#fff}
#creative-tools .cu-shot.is-alternate{background:#edf3fc;border-color:#d5e2f5;border-left-color:#b0a7dc}
#creative-tools .cu-shot-head{padding-bottom:6px;border-bottom:1px solid #e2eaf6}
#creative-tools .cu-shot-head>b{font-size:16px;font-weight:600;color:#587cb8}
#creative-tools .cu-shot.is-alternate .cu-shot-head>b{color:#8374b5}
#creative-tools .cu-shot-head button{min-height:24px;padding:2px 6px;font-size:10px}
#creative-tools button.cu-shot-image{height:86px;max-height:86px}
#creative-tools .cu-shot-main{gap:7px 10px}
#creative-tools .cu-shot-main .cu-field{gap:4px;font-size:10px}
#creative-tools .cu-shot-fields{gap:7px}
#creative-tools .cu-shot-fields input,#creative-tools .cu-shot-fields select{min-height:30px;height:30px;padding:4px 7px}
#creative-tools .cu-shot-main textarea{min-height:92px;height:92px;line-height:1.8;resize:vertical}
#creative-tools .cu-shot.is-alternate textarea,#creative-tools .cu-shot.is-alternate input,#creative-tools .cu-shot.is-alternate select{background:#fff}
#creative-tools .cu-story-pagination{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:12px 14px;border-top:1px solid #e1e9f5;background:#fcfdff;font-size:11px;color:#768ca9}
#creative-tools .cu-story-pagination label,#creative-tools .cu-story-page-buttons,#creative-tools .cu-story-pagination form{display:flex;align-items:center;gap:6px}
#creative-tools .cu-story-pagination select{width:70px;min-height:30px;padding:4px 7px}
#creative-tools .cu-story-pagination input{width:55px;min-height:30px;padding:4px 7px}
#creative-tools .cu-story-pagination button{min-height:30px;padding:4px 9px;font-size:11px}
#creative-tools [data-story-page-label]{min-width:45px;text-align:center}
@media(max-width:850px){#creative-tools .cu-story-mainbar .cu-inline-field:first-child{min-width:150px}#creative-tools .cu-story-mainbar{gap:8px}#creative-tools .cu-shot{grid-template-columns:100px minmax(0,1fr)}#creative-tools .cu-shot-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#creative-tools .cu-shot-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){#creative-tools .cu-story-mainbar{padding:9px 10px;gap:7px}#creative-tools .cu-story-mainbar .cu-inline-field:first-child{flex-basis:100%}#creative-tools .cu-story-mainbar .cu-history{margin-left:auto}#creative-tools .cu-story-mainbar [data-story-save-status]{margin-left:0;font-size:9px}#creative-tools .cu-story-mainbar [data-u-export]{margin-left:auto}#creative-tools .cu-story-commandbar{padding:7px 10px;gap:6px}#creative-tools .cu-story-visible-range{margin-left:auto;font-size:9px}#creative-tools .cu-story-grid{padding:10px;gap:12px}#creative-tools .cu-shot{grid-template-columns:1fr;padding:9px;border-left-width:3px}#creative-tools .cu-shot-reference{flex-direction:row;align-items:center;gap:9px}#creative-tools button.cu-shot-image{width:100px;height:64px;max-height:64px}#creative-tools .cu-shot-main{grid-template-columns:1fr}#creative-tools .cu-shot-main textarea{height:92px;min-height:92px}#creative-tools .cu-story-pagination{gap:9px;padding:10px 8px}#creative-tools .cu-story-page-buttons{gap:4px}}
@media(max-width:550px){#creative-tools .cu-shell .cu-story-grid{scroll-margin-top:135px}}

/* creative-tool-share.0cb24b900296ef93.css */
#creative-tools .xts-card-shell{position:relative;min-width:0;display:flex}
#creative-tools .xts-card-shell>.xx-tool-card{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;width:100%;height:auto;min-height:0}
#creative-tools .xts-card-shell .xx-card-art{flex:none}
#creative-tools .xts-card-shell .xx-card-copy{flex:1}
#creative-tools .xts-open{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #d8e3f2;background:#fff;color:#3d5a7f;font-size:12px;padding:7px 12px;min-height:36px;box-shadow:0 2px 5px #29476a05;transition:background .16s,box-shadow .16s,border-color .16s;transform:none}
#creative-tools .xts-open svg,.xts-dialog button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#creative-tools .xts-open:hover{border-color:#adc5ed;background:#edf4ff;box-shadow:0 3px 10px #3f72c915;transform:none}
#creative-tools .xts-open:focus-visible{outline:2px solid #3e79db;outline-offset:3px}
#creative-tools .xts-card-share{position:absolute;right:12px;top:12px;z-index:3;width:34px;min-height:34px;height:34px;padding:0;border-radius:9px;background:#fffffff0;backdrop-filter:blur(10px);color:#55739b}
#creative-tools .xx-breadcrumb>.xts-open{margin-left:auto;flex:none}
.xts-dialog{--xts-side:232px;--xts-gap:20px;box-sizing:border-box;width:min(860px,calc(100vw - 24px),calc((100dvh - 124px)*.857142857 + var(--xts-side) + var(--xts-gap) + 42px));max-width:none;max-height:calc(100dvh - 24px);padding:20px;border:1px solid #e2e9f3;border-radius:18px;background:#fafcff;color:#223b5d;box-shadow:0 28px 100px #152b5740;overflow:hidden;font-family:"Microsoft YaHei",sans-serif;animation:xts-arrive .22s ease-out}
.xts-dialog::backdrop{background:#162b4a78;backdrop-filter:blur(7px)}
.xts-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.xts-eyebrow{display:none}
.xts-top h2{font-size:20px;line-height:1.4;margin:0;font-weight:600;letter-spacing:-.5px}
.xts-dialog button{font:inherit;cursor:pointer;transition:background .16s,border-color .16s,box-shadow .16s;transform:none}
.xts-close{display:grid;place-items:center;flex:none;width:34px;height:34px;border:1px solid #e1e8f1;border-radius:10px;background:#fff;color:#788ba6;padding:6px}
.xts-close:hover{background:#edf3fc;color:#284c7f}
.xts-body{display:grid;grid-template-columns:minmax(0,1fr) var(--xts-side);gap:var(--xts-gap);align-items:center;min-height:0}
.xts-preview{display:flex;justify-content:center;align-items:center;min-width:0;aspect-ratio:960/1120;background:#eaf0fa;border:1px solid #dce6f3;border-radius:14px;overflow:hidden;box-shadow:0 8px 28px #35598410}
.xts-preview canvas{display:block;width:100%;height:auto;max-width:100%}
.xts-loading{font-size:13px;color:#7c8ea6}
.xts-info{min-width:0;padding:0}
.xts-label{display:inline-block;font-size:11px;color:#6482a7;letter-spacing:1px}
.xts-info h3{font-size:22px;margin:10px 0;line-height:1.5;font-weight:600;letter-spacing:-.5px}
.xts-description{font-size:12px;color:#7587a0;line-height:1.7;margin:0;text-wrap:balance}
.xts-badges{display:flex;gap:8px;margin:12px 0 18px}
.xts-badges span{font-size:11px;color:#4b8b75;background:#eaf5ef;border:1px solid #dcece4;padding:4px 8px;border-radius:5px}
.xts-actions{display:grid;gap:9px}
.xts-actions button{min-height:42px;border:1px solid #d7e2f2;border-radius:9px;background:#fff;color:#3e5e87;font-size:13px;padding:9px 14px;box-shadow:0 2px 4px #23427004}
.xts-actions button:hover{background:#eef4fd;border-color:#b0c7e9}
.xts-actions .xts-primary{background:#2967dd;border-color:#2967dd;color:#fff;box-shadow:0 5px 14px #2b6de12b}
.xts-actions .xts-primary:hover{background:#2159c5;border-color:#2159c5}
.xts-actions button:disabled{opacity:.45;cursor:wait}
.xts-dialog [hidden]{display:none!important}
.xts-dialog button:focus-visible,.xts-dialog input:focus-visible{outline:2px solid #4d84df;outline-offset:3px}
.xts-link-label{display:block;font-size:10px;color:#8b9ab0;margin-top:14px;line-height:1.6}
.xts-link-label input{box-sizing:border-box;display:block;width:100%;margin-top:7px;padding:8px 10px;font:11px/1.5 sans-serif;background:#f0f4fa;border:1px solid #e0e8f3;border-radius:7px;color:#617b9d;min-width:0}
.xts-status{font-size:11px;line-height:1.7;color:#7d90a9;min-height:38px;margin:10px 0 0}
/* Modal chrome must be fully visible on its first frame, even during canvas work. */
.xts-dialog{animation:none;opacity:1;translate:none}
.xts-dialog::backdrop{backdrop-filter:none}
@media(max-width:850px){.xts-dialog{--xts-side:220px}}
@media(max-height:560px){.xts-label,.xts-description,.xts-badges{display:none}.xts-info h3{font-size:18px;margin:0 0 12px}.xts-link-label{margin-top:10px}.xts-status{font-size:10px;min-height:30px;margin-top:8px}}
@media(max-width:700px){.xts-dialog{padding:14px;width:min(460px,calc(100vw - 20px));max-height:calc(100dvh - 20px);border-radius:16px}.xts-top{margin-bottom:12px}.xts-top h2{font-size:17px}.xts-body{grid-template-columns:1fr;gap:12px}.xts-preview{width:min(100%,340px,calc((100dvh - 248px)*.857142857));justify-self:center}.xts-info h3,.xts-label,.xts-description,.xts-badges{display:none}.xts-actions{grid-template-columns:1fr 1fr}.xts-link-label{font-size:0;margin-top:10px}.xts-link-label input{margin-top:0}.xts-status{font-size:10px;min-height:30px;line-height:1.5;margin:8px 0 0}.xts-close{width:36px;height:36px}#creative-tools .xts-card-share{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.xts-dialog{animation:none}.xts-dialog button,#creative-tools .xts-open{transition:none}}

/* creative-text-workspace.b9247c2d4a5a6b87.css */
/* Wide text editors with a categorized work dock, never a scrolling inspector. */
#creative-tools .ctw .cu-text-layout{display:block}
#creative-tools .ctw .cu-text-work{background:#fff}
#creative-tools .ctw .cu-text-panes{padding:16px;gap:16px;display:grid;grid-template-columns:1fr 1fr}
#creative-tools .ctw .cu-text-pane{min-width:0}
#creative-tools .ctw .cu-text-pane>span{display:flex;align-items:center;gap:10px;font-size:12px;color:#4d688d;min-height:30px}
#creative-tools .ctw .cu-text-pane small{margin-left:auto;color:#8a9bb1;font-size:10px}
#creative-tools .ctw .cu-text-pane textarea{height:clamp(250px,calc(100dvh - 440px),380px);min-height:200px;font-size:13px;line-height:1.85!important;background:#fcfdff;border-color:#dfe7f2;resize:vertical}
#creative-tools .ctw .ctw-editbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 16px 14px;flex-wrap:wrap}
#creative-tools .ctw .ctw-source{display:flex;align-items:center;gap:8px;color:#7d8ea6;font-size:11px}
#creative-tools .ctw .ctw-source select{width:180px;padding:5px 9px;font-size:11px;min-height:32px}
#creative-tools .ctw .ctw-result-actions{display:flex;gap:7px;flex-wrap:wrap}
#creative-tools .ctw .ctw-result-actions button{min-height:32px;padding:5px 10px;font-size:11px}
#creative-tools .ctw .ctw-editbar>[data-lt-run]{margin-right:auto;min-height:32px;width:112px;padding:5px 10px;font-size:11px}
#creative-tools .ctw .ctw-editbar>[data-lt-run][hidden]{display:inline-flex!important;justify-content:center;visibility:hidden;pointer-events:none}
#creative-tools .ctw .ctw-import{font-size:10px;min-height:25px;padding:3px 7px}
#creative-tools .ctw-dock{border-top:1px solid #e3ebf6;background:#f8faff}
#creative-tools .ctw-tabs{display:flex;align-items:center;gap:4px;padding:9px 14px;border-bottom:1px solid #e5ecf6;flex-wrap:wrap}
#creative-tools .ctw-tabs button{font-size:12px;min-height:32px;padding:6px 13px;border-color:transparent;background:transparent;color:#7589a4;box-shadow:none}
#creative-tools .ctw-tabs button[aria-selected=true]{background:#e8f0ff;border-color:#cbdcf9;color:#2e62ba}
#creative-tools .ctw-tabs>span{margin-left:auto;font-size:10px;color:#8c9cb1}
#creative-tools .ctw-panel{padding:16px;height:280px;overflow:auto;overflow-anchor:none;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c9d7e9 transparent}
#creative-tools .ctw-panel[hidden]{display:none!important}
#creative-tools .ctw-groups{display:grid;grid-template-columns:1fr 1fr;gap:24px}
#creative-tools .ctw-group{display:flex;flex-direction:column;gap:10px;min-width:0}
#creative-tools .ctw-group h3{font-size:12px}
#creative-tools .ctw-buttons{display:flex;gap:7px;flex-wrap:wrap}
#creative-tools .ctw-buttons button{min-height:32px;padding:6px 11px;font-size:11px;background:#fff}
#creative-tools .ctw-group p{margin:0;font-size:10px;color:#8a9ab0;line-height:1.7}
#creative-tools .ctw-format-grid{display:grid;grid-template-columns:1.25fr 1fr .85fr;gap:20px}
#creative-tools .ctw-group .cu-two-fields{gap:8px}
#creative-tools .ctw-group input{min-height:32px}
#creative-tools .ctw-group>button{align-self:flex-start;min-height:32px;font-size:11px}
#creative-tools .ctw .cu-diff-section{padding:0;border:0}
#creative-tools .ctw .cu-diff{max-height:300px;overflow:auto;scrollbar-width:thin}
#creative-tools .ctw-translation{display:grid;gap:10px}
#creative-tools .ctw-lt-opt{display:flex;align-items:center;gap:7px;font-size:12px;color:#36557c}
#creative-tools .ctw-lt-opt input{width:14px;height:14px;accent-color:#2563eb}
#creative-tools .ctw-lt-opt span{font-size:10px;color:#8c9db5;margin-left:5px}
#creative-tools .ctw-lt-intro p{margin:7px 0 0;font-size:11px;color:#8394ac;line-height:1.7}
#creative-tools .ctw-lt-controls{display:flex;align-items:flex-end;flex-wrap:wrap;gap:8px}
#creative-tools .ctw-lt-controls label{width:160px}
#creative-tools .ctw-lt-controls button{font-size:11px;min-height:36px;padding:6px 12px}
#creative-tools .ctw-lt-controls [hidden],#creative-tools .ctw-lt-progress[hidden]{display:none}
#creative-tools .ctw-lt-status{font-size:11px;line-height:1.6;color:#617fa2;margin:0;min-height:18px}
#creative-tools .ctw-lt-note{font-size:10px;color:#8b9cb3;line-height:1.6}
#creative-tools .ctw-lt-note a{color:#688cbb;text-decoration:underline}
#creative-tools .ctw-lt-progress{height:3px;overflow:hidden;background:#e3ebf6;border-radius:3px}
#creative-tools .ctw-lt-progress i{display:block;height:100%;width:0;background:#3d7cdb;transition:width .15s}
#creative-tools .ctw{overflow-anchor:none}
#creative-tools .ctw .cu-text-compare-head{align-items:flex-start;gap:10px;min-height:32px}
#creative-tools .ctw .ctw-group h3,#creative-tools .ctw .cu-text-compare-head h3{margin:0;min-height:20px;font:600 12px/20px "Microsoft YaHei","PingFang SC","Segoe UI",sans-serif;color:#36557c}
#creative-tools .ctw .cu-text-compare-head select{margin:0;font-size:11px;min-height:32px}
#creative-tools .ctw .cu-text-pane textarea:is(:focus,:focus-visible){outline:none!important;outline-offset:0;box-shadow:none!important;border:1px solid #8eafe0!important}
@media(max-width:850px){#creative-tools .ctw-format-grid{grid-template-columns:1fr 1fr}#creative-tools .ctw-format-grid>.ctw-group:last-child{grid-column:1/-1}#creative-tools .ctw-tabs>span{display:none}}
@media(max-width:600px){#creative-tools .ctw .cu-text-panes{grid-template-columns:1fr;padding:12px;gap:10px}#creative-tools .ctw .cu-text-pane textarea{height:220px;min-height:160px}#creative-tools .ctw .ctw-editbar{padding:0 12px 12px}#creative-tools .ctw .ctw-source{width:100%}#creative-tools .ctw .ctw-source select{flex:1}#creative-tools .ctw-groups,#creative-tools .ctw-format-grid{grid-template-columns:1fr;gap:18px}#creative-tools .ctw-format-grid>.ctw-group:last-child{grid-column:auto}#creative-tools .ctw-panel{padding:12px;height:420px}#creative-tools .ctw-tabs{gap:3px;padding:8px}#creative-tools .ctw-tabs button{padding:6px 8px;font-size:11px}#creative-tools .ctw .cu-text-pane>span{gap:6px}}

/* public-site-header.e2e22519a6bcd6ee.css */
/* The public pages share one header; editor and lesson content keep their styles. */
body .site-header.public-site-header{position:sticky;top:12px;z-index:50;display:flex;align-items:center;flex-wrap:nowrap;gap:24px;box-sizing:border-box;width:min(1280px,calc(100% - 48px));max-width:1280px;min-height:68px;margin:12px auto 0;padding:12px 24px;border:1px solid #ffffffd9;border-radius:18px;background:linear-gradient(120deg,#ffffff9e,#edf2ff99);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #c4d5f653,0 9px 30px #546d9916;backdrop-filter:blur(30px) saturate(160%);-webkit-backdrop-filter:blur(30px) saturate(160%);color:#273859;font:14px/1.5 "Microsoft YaHei",system-ui,sans-serif}
body .public-site-header *{box-sizing:border-box}
body .public-site-header a{text-decoration:none;color:inherit}
body .public-site-header .brand{display:flex;align-items:center;gap:10px;flex:none;font-size:18px;white-space:nowrap}
body .public-site-header .brand b{font-weight:700}
body .public-site-header .brand img{display:block;flex:0 0 34px;width:34px;height:34px;object-fit:contain}
body .public-site-header nav{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:28px;margin:0 auto;min-width:0}
body .public-site-header nav :is(a,button){position:relative;flex:none;font-size:14px;line-height:24px;white-space:nowrap;padding:0;border:0;color:#4f6582}
body .public-site-header nav :is(a,button):hover,body .public-site-header nav :is(a,button)[aria-current=page]{color:#276bc1}
body .public-site-header nav :is(a,button)[aria-current=page]:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;border-radius:2px;background:#77a7e8}
body .public-site-header .header-actions{display:flex;align-items:center;gap:14px;flex:none;margin:0}
body .public-site-header .user-actions{display:none}
body .public-site-header .user-actions.visible{display:flex}
html body #publicSiteHeader #userActions{position:relative}
html body #publicSiteHeader .public-account-menu{position:absolute;right:0;top:calc(100% + 10px);z-index:100;display:grid;gap:4px;min-width:172px;padding:7px;border:1px solid #dce5f3;border-radius:12px;background:#fffffff5;box-shadow:0 10px 30px #263e6126;backdrop-filter:blur(16px)}
html body #publicSiteHeader .public-account-menu :is(a,button){display:block;width:100%;padding:10px 12px;border:0;border-radius:7px;background:transparent;text-align:left;color:#3c587b;font:13px/1.5 "Microsoft YaHei",system-ui,sans-serif;cursor:pointer;white-space:nowrap;box-shadow:none;transform:none}
html body #publicSiteHeader .public-account-menu :is(a,button):hover,html body #publicSiteHeader .public-account-menu :is(a,button):focus-visible{background:#edf3ff;color:#2d5fba}
html body #publicSiteHeader .public-account-menu [data-public-logout]{border-top:1px solid #edf0f6;color:#af4c50}
html body #publicSiteHeader .public-account-menu p{max-width:220px;margin:3px 8px;font:11px/1.6 system-ui;color:#a34a4a}
body .public-site-header .header-actions.hidden,body .public-site-header [hidden]{display:none!important}
body .public-site-header .link-button,body .public-site-header .primary{font:inherit;cursor:pointer;white-space:nowrap;border:0;border-radius:10px;padding:9px 16px;margin:0}
body .public-site-header .link-button{padding:8px 0;background:transparent;color:#516884}
body .public-site-header .primary{color:#fff;background:linear-gradient(115deg,#386cf8,#6466ed);box-shadow:inset 0 1px 0 #ffffff5c,0 4px 13px #536be825}
html body .public-site-header #userCenterButton{display:flex!important;align-items:center!important;gap:10px;height:44px;min-height:44px;padding:5px 6px 5px 7px;border:1px solid #b9cff1;border-radius:24px;background:linear-gradient(125deg,#fff,#edf4ff);box-shadow:inset 0 1px #fff,0 3px 12px #4473a914;color:#294b7b;cursor:pointer;font:inherit;white-space:nowrap}
html body .public-site-header #userAvatar{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;margin:0;overflow:hidden;border-radius:50%;background:#e3efff}
html body .public-site-header #userAvatar img{display:block;width:30px;height:30px;object-fit:cover;border-radius:50%}
html body .public-site-header #userName{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
html body .public-site-header #userCenterButton .home-workspace-label{display:inline-block;margin:0;padding:7px 10px!important;border:1px solid #95b7e54d;border-radius:20px;background:#edf4fcaa!important;color:#315d93!important;box-shadow:inset 0 1px #fff8!important;font-size:13px!important;font-weight:550!important;white-space:nowrap}
body .public-site-header a:focus-visible,body .public-site-header button:focus-visible{outline:2px solid #478de6;outline-offset:4px}
@media(max-width:1100px){body .site-header.public-site-header{gap:16px}body .public-site-header nav{gap:18px}}
@media(max-width:800px){body .site-header.public-site-header{top:8px;width:calc(100% - 20px);min-height:62px;margin:8px auto 0;padding:10px 12px;gap:10px;flex-wrap:wrap}body .public-site-header .brand{font-size:16px}body .public-site-header .header-actions{margin-left:auto}body .public-site-header nav{order:3;flex:0 0 100%;width:100%;gap:18px;padding:3px 0;margin:0}body .public-site-header nav :is(a,button){font-size:12px}html body .public-site-header #userName{max-width:58px}html body .public-site-header #userCenterButton{gap:7px}html body .public-site-header #userCenterButton .home-workspace-label{font-size:12px!important;padding:6px 8px!important}}
@media(max-width:380px){body .public-site-header nav{gap:12px}body .public-site-header .brand{gap:7px;font-size:15px}html body .public-site-header #userName{max-width:42px}}

@media(max-width:560px){html body .public-site-header #userName{display:none}}

/* Keep navigation independent of the account pill and page-specific current-link styles. */
html{scrollbar-gutter:stable}
body #publicSiteHeader{display:grid;grid-template-columns:minmax(110px,1fr) auto minmax(220px,1fr);gap:24px}
body #publicSiteHeader .brand{justify-self:start}
body #publicSiteHeader nav{justify-self:center;margin:0;gap:28px}
body #publicSiteHeader .header-actions{justify-self:end;min-width:0;min-height:44px}
body #publicSiteHeader nav :is(a,button){display:block;margin:0;padding:0;border:0;background:none;font-family:inherit;font-size:14px;font-weight:400;line-height:24px;letter-spacing:0;text-decoration:none;white-space:nowrap}
body #publicSiteHeader nav :is(a,button):before{content:none}
body #publicSiteHeader nav :is(a,button):after{content:none}
body #publicSiteHeader nav :is(a,button)[aria-current=page]{padding:0;border:0;color:#276bc1}
body #publicSiteHeader nav :is(a,button)[aria-current=page]:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;border:0;border-radius:2px;background:#77a7e8}
@media(max-width:1100px){body #publicSiteHeader{grid-template-columns:minmax(96px,1fr) auto minmax(190px,1fr);gap:16px}body #publicSiteHeader nav{gap:18px}}
@media(max-width:900px){body #publicSiteHeader{display:flex;gap:10px;flex-wrap:wrap}body #publicSiteHeader .header-actions{margin-left:auto}body #publicSiteHeader nav{order:3;flex:0 0 100%;width:100%;gap:18px;padding:3px 0;margin:0}body #publicSiteHeader nav :is(a,button){font-size:12px}}
@media(max-width:380px){body #publicSiteHeader nav{gap:12px}}

body #publicSiteHeader nav button{cursor:pointer;background:transparent;border:0;font-family:inherit}

/* Shared public shell: fixed account geometry and identical directory headings. */
html body #publicSiteHeader{transform:none;transition:none;align-self:start}
html body #publicSiteHeader #userCenterButton,
html body #publicSiteHeader #userCenterButton:hover,
html body #publicSiteHeader #userCenterButton:active{transform:none;transition:background .15s,border-color .15s;line-height:21px}
html body #publicSiteHeader #userName{line-height:21px;font-weight:700}
html body #publicSiteHeader #userCenterButton .home-workspace-label{line-height:21px}
body:has(> #publicSiteHeader) > main:has(> #courseGallery){max-width:1240px;margin:0 auto;padding:0 46px 64px}
html body #creative-tools{padding-top:0}
html body #courseGallery .gallery-heading,
html body #creative-tools .xx-hero{display:block;margin:0;padding:26px 0 24px;font-family:"Microsoft YaHei","PingFang SC","Segoe UI",sans-serif}
html body #courseGallery .gallery-heading h1,
html body #creative-tools .xx-hero h1{margin:0;padding:0;font:600 27px/1.4 "Microsoft YaHei","PingFang SC","Segoe UI",sans-serif;letter-spacing:-.5px;color:#192c47}
html body #courseGallery .gallery-heading p,
html body #creative-tools .xx-hero p{margin:6px 0 0;padding:0;max-width:none;font:400 13px/1.65 "Microsoft YaHei","PingFang SC","Segoe UI",sans-serif;letter-spacing:0;color:#52677f}
@media(max-width:850px){body:has(> #publicSiteHeader)>main:has(> #courseGallery){padding-inline:24px}}
@media(max-width:700px){body:has(> #publicSiteHeader)>main:has(> #courseGallery){padding-inline:18px}html body #courseGallery .gallery-heading,html body #creative-tools .xx-hero{padding:20px 0}html body #courseGallery .gallery-heading h1,html body #creative-tools .xx-hero h1{font-size:23px}html body #courseGallery .gallery-heading p,html body #creative-tools .xx-hero p{font-size:12px}}
/* Where supported, keep public navigation visually continuous across documents. */
@view-transition{navigation:auto}
#publicSiteHeader{view-transition-name:public-navigation}
::view-transition-group(public-navigation){animation:none}
::view-transition-old(public-navigation){display:none}
::view-transition-new(public-navigation){animation:none;mix-blend-mode:normal}
@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}

/* Own the complete account-pill appearance; never inherit editor-page overrides. */
body:has(> #publicSiteHeader){min-width:0}
html body #publicSiteHeader nav{flex-wrap:nowrap}
@media(max-width:380px){html body #publicSiteHeader nav{gap:10px}html body #publicSiteHeader nav :is(a,button){font-size:11px}}
html body #publicSiteHeader #userCenterButton{justify-content:center;flex-wrap:nowrap;gap:10px;letter-spacing:0;font-family:"Microsoft YaHei",system-ui,sans-serif}
html body #publicSiteHeader #userCenterButton #userName{max-width:100px;margin:0;padding:0;font:600 13px/21px "Microsoft YaHei",system-ui,sans-serif;letter-spacing:0;color:#294b7b}
html body #publicSiteHeader #userCenterButton .home-workspace-label{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 auto;width:auto!important;height:32px!important;min-height:32px;min-width:0;margin:0;padding:5px 10px!important;border:1px solid #95b7e54d;border-radius:18px!important;font:550 13px/20px "Microsoft YaHei",system-ui,sans-serif!important;letter-spacing:0;background:#edf4fcaa!important;color:#315d93!important;box-shadow:inset 0 1px #fff8!important;transform:none}
html body #publicSiteHeader #userCenterButton:is(:hover,:active) .home-workspace-label{background:#e5eefb!important;border-color:#a6c1e6;transform:none}
@media(max-width:800px){html body #publicSiteHeader #userCenterButton{gap:7px}html body #publicSiteHeader #userCenterButton #userName{max-width:58px}html body #publicSiteHeader #userCenterButton .home-workspace-label{font-size:12px!important;padding-inline:8px!important}}

/* The first directory controls start exactly where the tools grid starts. */
html body #courseGallery .gallery-tools{align-items:center;gap:12px;margin:0 0 16px;font:400 12px/20px "Microsoft YaHei","PingFang SC","Segoe UI",sans-serif}
html body #courseGallery #courseFilters{align-items:center;gap:4px;font:inherit}
html body #courseGallery #courseFilters button{min-height:32px;margin:0;padding:6px 11px;font:inherit;border-radius:8px}
html body #courseGallery #courseSearch{height:34px;padding:6px 11px;font:inherit}
@media(max-width:600px){html body #courseGallery .gallery-tools{align-items:stretch;flex-direction:column;gap:10px}html body #courseGallery #courseSearch{width:100%}html body #courseGallery #courseFilters{gap:3px}html body #courseGallery #courseFilters button{padding-inline:9px}}
@media(max-width:380px){html body #courseGallery .gallery-heading p,html body #creative-tools .xx-hero p{min-height:3.3em}}

/* tool-header-scroll.13b6647dea06ada9.css */
html body #publicSiteHeader.public-site-header{transition:opacity .38s cubic-bezier(.22,.61,.36,1);will-change:opacity}html body #publicSiteHeader.public-site-header.tool-header-away{opacity:0;pointer-events:none}@media(prefers-reduced-motion:reduce){html body #publicSiteHeader.public-site-header{transition-duration:.15s}}

/* creative-tool-card-copy.b7fcb0346adad3a1.css */
/* One sentence, one line, and one consistent action position on every tool card. */
#creative-tools .xx-tool-card .xx-card-copy{display:flex;flex-direction:column;gap:0;min-height:0}
#creative-tools .xx-tool-card .xx-card-title{display:flex;align-items:baseline;flex-wrap:nowrap;gap:9px;min-width:0}
#creative-tools .xx-tool-card .xx-card-title h3{margin:0;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}
#creative-tools .xx-tool-card .xx-card-meta{flex:none;white-space:nowrap}
#creative-tools .xx-tool-card .xx-card-copy>p{flex:none;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:1.65em;min-height:1.65em;max-height:1.65em;line-height:1.65;margin:10px 0 16px}
#creative-tools .xx-tool-card .xx-card-foot{margin-top:auto;padding-top:0}

/* toolbox-audit-polish.8e23d5d75895920e.css */
/* Shared, readable states for every tool without changing editor geometry. */
#creative-tools button.xx-primary:disabled{opacity:1!important;background:#e5ebf5!important;border-color:#dbe3f0!important;color:#8191ab!important;box-shadow:none!important;cursor:not-allowed}
#creative-tools select:focus{outline:1px solid #a9c1ef;outline-offset:1px;box-shadow:none}
#creative-tools button:focus:not(:focus-visible){outline:none}
#creative-tools button:focus-visible,#creative-tools select:focus-visible{outline:2px solid #9ab8ee;outline-offset:2px}
#creative-tools .xd-editor [data-xd-stage]{font-size:20px;line-height:30px;white-space:nowrap}
#creative-tools .xd-editor [data-xd-status]{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;min-height:18px}

/* creative-camera-compact.c7936679d237970f.css */
/* Compact default workspace; advanced scene controls expand within parameters. */
#creative-tools[data-rendered-page=camera] .xx-breadcrumb{padding:10px 0 8px}
#creative-tools[data-rendered-page=camera] .xx-tool-heading{margin-bottom:12px}
#creative-tools[data-rendered-page=camera] .xx-tool-heading h1{font-size:24px;line-height:32px;margin:0}
#creative-tools[data-rendered-page=camera] .xx-tool-heading p{font-size:12px;line-height:18px;margin:4px 0 0}
#creative-tools .cs-tools{gap:2px;padding:6px 3px}
#creative-tools .cs-tools button{min-height:30px;height:30px;width:43px;padding:2px 0;gap:1px;font-size:9px}
#creative-tools .cs-tools button svg{width:17px;height:17px}
#creative-tools .cs-tools i{margin:3px 0;width:23px}
#creative-tools .cs-toolbar{padding:7px 9px;min-height:42px;flex-wrap:nowrap}
#creative-tools .cs-toolbar button{font-size:11px;padding:4px 7px;min-height:27px}
#creative-tools .cs-caption{padding:6px 10px;font-size:10px;min-height:28px}
#creative-tools .cs-props{gap:7px;padding:10px 12px}
#creative-tools .cs-parameters{gap:7px}
#creative-tools .cs-section{gap:6px;padding-bottom:7px}
#creative-tools .cs-section h2{font-size:12px;line-height:18px}
#creative-tools .cs-label{font-size:10px;gap:3px}
#creative-tools .cs-label .cs-select-button{height:27px;min-height:27px;padding:4px 7px;font-size:11px}
#creative-tools .cs-transform{gap:4px}
#creative-tools .cs-transform>div{grid-template-columns:40px repeat(3,minmax(0,1fr));gap:4px;font-size:10px}
#creative-tools .cs-transform input{height:25px;padding-block:2px;font-size:10px}
#creative-tools .cs-transform small{top:5px}
#creative-tools .cs-pivot-row{gap:5px;font-size:10px}
#creative-tools .cs-pivot-row>span{width:35px}
#creative-tools .cs-pivot-row button{min-height:23px;height:23px;padding:2px 4px;font-size:10px}
#creative-tools .cs-color-row{gap:4px}
#creative-tools .cs-color-row label{font-size:10px}
#creative-tools .cs-color-row input[type=color]{height:23px;width:27px}
#creative-tools .cs-color-row button{height:23px;min-height:23px;font-size:10px;padding:2px 5px}
#creative-tools .cs-lenses{gap:3px}
#creative-tools .cs-lenses button{height:25px;min-height:25px;font-size:10px;padding:2px 0}
#creative-tools .cs-two{gap:7px}
#creative-tools .cs-scene-options>summary,#creative-tools .cs-lighting>summary{font-size:11px;line-height:20px}
#creative-tools .cs-scene-options{padding:0;border:0}
#creative-tools .cs-scene-options .cs-background-colors{margin-top:7px}
#creative-tools .cs-scene-options .cs-toggles{margin-top:7px;font-size:10px;gap:9px}
#creative-tools .cs-light-controls{gap:8px;padding-top:8px}
#creative-tools .cs-output{gap:5px;padding-top:7px!important}
#creative-tools .cs-output>.cs-label{display:grid;grid-template-columns:55px minmax(0,1fr);align-items:center}
#creative-tools .cs-output-dimensions{gap:4px;grid-template-columns:minmax(0,1fr) 6px minmax(0,1fr) 65px}
#creative-tools .cs-output-dimensions input[type=number]{height:25px;padding:3px 5px;font-size:11px}
#creative-tools .cs-output-dimensions .cs-lock{height:25px;font-size:9px}
#creative-tools .cs-output-dimensions>label{gap:2px;font-size:9px}
#creative-tools .cs-output-dimensions>span{line-height:25px}
#creative-tools .cs-export button{height:30px;min-height:30px;font-size:11px;padding:4px}
#creative-tools .cs-status{height:16px;min-height:16px;max-height:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:10px}
.cs-import-state{position:absolute;top:12px;left:50%;transform:translateX(-50%);z-index:12;width:min(320px,calc(100% - 24px));padding:11px 13px;border:1px solid #d7e2f2;border-radius:10px;background:#ffffffed;box-shadow:0 6px 26px #2a405923;backdrop-filter:blur(12px);color:#365176}
.cs-import-state>div{display:flex;align-items:center;gap:7px;font-size:12px}
.cs-import-state button{margin-left:auto;min-height:23px;height:23px;padding:1px 6px;font-size:10px}
.cs-import-state>span{display:block;margin:5px 0 0;font-size:11px;line-height:17px;overflow-wrap:anywhere}
.cs-import-state progress{width:100%;height:4px;margin:8px 0 0;display:block;accent-color:#5483de}
.cs-import-spinner{width:13px;height:13px;border:1.5px solid #c4d5f2;border-top-color:#4378ce;border-radius:50%;animation:cs-import-spin .8s linear infinite;flex:none}
.cs-import-state[data-phase=error]{border-color:#ebc8c8;color:#a35454}
.cs-import-state:is([data-phase=done],[data-phase=error],[data-phase=canceled]) .cs-import-spinner{display:none}
@keyframes cs-import-spin{to{transform:rotate(360deg)}}
@media(min-width:801px){#creative-tools .cs-editor.xx-editor{height:clamp(480px,calc(100dvh - 205px),820px);grid-template-columns:52px minmax(0,1fr) 292px}#creative-tools .cs-stage{min-height:0;padding:10px}#creative-tools .cs-tools{overflow-y:auto;scrollbar-width:thin}#creative-tools .cs-parameters{padding-right:3px;margin-right:-3px}}
@media(min-width:801px) and (max-height:740px){#creative-tools .cs-editor.xx-editor{height:clamp(430px,calc(100dvh - 200px),620px)}#creative-tools .cs-props{padding:8px 10px;gap:5px}#creative-tools .cs-parameters{gap:5px}#creative-tools .cs-section{gap:4px;padding-bottom:5px}}
@media(max-width:800px){#creative-tools .cs-props{padding:12px}#creative-tools .cs-work{min-height:450px}#creative-tools .cs-toolbar{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.cs-import-spinner{animation-duration:2s}}
#creative-tools .cs-object-options>summary{font-size:11px;line-height:20px;color:#647c9d;cursor:pointer}
#creative-tools .cs-object-extras{display:flex;flex-direction:column;gap:6px;padding-top:7px}
#creative-tools .cs-status:empty{display:none}
@media(min-width:801px) and (max-height:900px){#creative-tools .cs-props{gap:5px}#creative-tools .cs-parameters{gap:5px}#creative-tools .cs-section{gap:4px;padding-bottom:5px}#creative-tools .cs-transform{gap:3px}#creative-tools .cs-transform input{height:23px}#creative-tools .cs-label .cs-select-button{height:25px;min-height:25px}#creative-tools .cs-lenses button{height:23px;min-height:23px}}
#creative-tools .cs-editor .cs-output .cs-export button{height:28px;min-height:28px!important;padding:3px 5px}
#creative-tools .cs-editor .cs-output{gap:3px}
@media(min-width:801px) and (max-height:740px){#creative-tools .cs-editor.xx-editor{height:clamp(430px,calc(100dvh - 203px),620px)}#creative-tools .cs-props{gap:3px}}
#creative-tools .cs-caption{flex-wrap:nowrap;align-items:center}
#creative-tools .cs-caption .cs-status{flex:1;min-width:0;height:15px;min-height:15px;line-height:15px}
#creative-tools .cs-caption:has(.cs-status:not(:empty)) .cs-idle-hint{display:none}
#creative-tools .cs-caption [data-cs-stats]{flex:none;margin-left:auto}
/* Give the studio a wide workspace and restore comfortable control sizes. */
@media(min-width:801px){
 #creative-tools[data-rendered-page=camera]{max-width:none}
 #creative-tools[data-rendered-page=camera]>.xx-container{width:min(calc(100% - 48px),calc((100dvh - 24px)*16/9));max-width:none;padding:0 0 24px}
 #creative-tools .cs-editor.xx-editor{width:100%;height:auto;aspect-ratio:16/9;min-height:520px;max-height:calc(100dvh - 24px);grid-template-columns:58px minmax(0,1fr) 312px}
 #creative-tools .cs-tools{gap:3px;padding:9px 4px}
 #creative-tools .cs-tools button{width:46px;height:37px;min-height:37px;font-size:10px;gap:2px}
 #creative-tools .cs-tools button svg{width:19px;height:19px}
 #creative-tools .cs-tools i{margin:4px 0}
 #creative-tools .cs-toolbar{min-height:48px;padding:9px 12px}
 #creative-tools .cs-toolbar button{font-size:12px;min-height:30px;padding:5px 9px}
 #creative-tools .cs-props{padding:13px 14px;gap:8px}
 #creative-tools .cs-parameters{gap:9px}
 #creative-tools .cs-section{gap:7px;padding-bottom:9px}
 #creative-tools .cs-section h2{font-size:13px;line-height:21px}
 #creative-tools .cs-label{font-size:11px;gap:4px}
 #creative-tools .cs-label .cs-select-button{height:30px;min-height:30px;font-size:12px;padding:5px 8px}
 #creative-tools .cs-transform{gap:5px}
 #creative-tools .cs-transform>div{font-size:11px;gap:5px}
 #creative-tools .cs-transform input{height:29px;font-size:11px;padding-top:4px;padding-bottom:4px}
 #creative-tools .cs-transform small{top:7px}
 #creative-tools .cs-lenses button{height:29px;min-height:29px;font-size:11px}
 #creative-tools .cs-object-options>summary,#creative-tools .cs-lighting>summary{font-size:12px;line-height:23px}
 #creative-tools .cs-output-dimensions input[type=number]{height:28px;font-size:12px}
 #creative-tools .cs-editor .cs-output .cs-export button{height:34px;min-height:34px!important;font-size:12px}
 #creative-tools .cs-caption{font-size:11px;padding:8px 12px;min-height:32px}
}
@media(min-width:801px) and (max-width:1100px){#creative-tools .cs-editor.xx-editor{grid-template-columns:54px minmax(0,1fr) 286px}#creative-tools .cs-props{padding:10px;gap:6px}#creative-tools .cs-section{gap:5px;padding-bottom:6px}#creative-tools .cs-parameters{gap:6px}}

/* product-tool-ui.a24abbfd73e02124.css */
/* Shared Xiaoxiangsu editing tools: one palette and one outline icon system. */
:root{--xx-tool-ink:#405570;--xx-tool-hover:#263e60;--xx-tool-active:#3068ed;--xx-tool-hover-bg:#f1f5ff;--xx-tool-active-bg:#eaf1ff;--xx-tool-active-border:#b6c9ff;--xx-tool-focus:#9bb8fa}
:is(#creative-tools,body.retouch-page) :is(.cs-tools,.id-rail,.cu-size-tools,.toolbar):is(.cs-tools,.id-rail,.cu-size-tools,.toolbar) :is(button,.cu-size-options label){color:var(--xx-tool-ink);border-radius:7px;box-shadow:none;transition:color .12s,background-color .12s,border-color .12s}
:is(#creative-tools,body.retouch-page) :is(.cs-tools,.id-rail,.cu-size-tools,.toolbar):is(.cs-tools,.id-rail,.cu-size-tools,.toolbar) button:not(:disabled){opacity:1}
:is(#creative-tools,body.retouch-page) :is(.cs-tools,.id-rail,.cu-size-tools,.toolbar):is(.cs-tools,.id-rail,.cu-size-tools,.toolbar) :is(button,.cu-size-options label):hover:not(:disabled){color:var(--xx-tool-hover);background:var(--xx-tool-hover-bg);border-color:#d7e2f6}
:is(#creative-tools,body.retouch-page) :is(.cs-tools,.id-rail,.cu-size-tools,.toolbar):is(.cs-tools,.id-rail,.cu-size-tools,.toolbar) :is(button.active,button[aria-pressed=true],.cu-size-options label:has(input:checked)):not(:disabled){color:var(--xx-tool-active);background:var(--xx-tool-active-bg);border-color:var(--xx-tool-active-border)}
:is(#creative-tools,body.retouch-page) :is(.cs-tools,.id-rail,.cu-size-tools,.toolbar):is(.cs-tools,.id-rail,.cu-size-tools,.toolbar) button:disabled{color:var(--xx-tool-ink);opacity:.35;cursor:default}
:is(#creative-tools,body.retouch-page) :is(.cs-tools,.id-rail,.cu-size-tools,.toolbar):is(.cs-tools,.id-rail,.cu-size-tools,.toolbar) :is(button:focus-visible,.cu-size-options label:has(input:focus-visible)){outline:2px solid var(--xx-tool-focus);outline-offset:2px}
:is(#creative-tools,body.retouch-page) :is(.cs-tools,.id-rail,.cu-size-tools,.toolbar):is(.cs-tools,.id-rail,.cu-size-tools,.toolbar) :is(button,label) svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
:is(#creative-tools,body.retouch-page) :is(.cs-tools,.id-rail,.cu-size-tools,.toolbar):is(.cs-tools,.id-rail,.cu-size-tools,.toolbar) :is(hr,i){border-color:#e1e7f0}
@media(prefers-reduced-motion:reduce){:is(#creative-tools,body.retouch-page) :is(.cs-tools,.id-rail,.cu-size-tools,.toolbar):is(.cs-tools,.id-rail,.cu-size-tools,.toolbar) :is(button,.cu-size-options label){transition:none}}

#creative-tools .xx-tool-card[data-tool-paid] .xx-card-art::after{content:none!important;display:none!important}#creative-tools .xx-tool-card[data-tool-paid] .xx-free{display:none!important}
/* tool-workspace-appearance.ed5205142d111e4f.css */
.tool-appearance{display:inline-flex;align-items:center;gap:5px;margin-left:auto;flex-shrink:0}:is(#creative-tools,body.retouch-page) .tool-appearance button{display:inline-flex;align-items:center;gap:4px;min-height:30px;padding:4px 8px;border:1px solid #cbd6e3;border-radius:6px;color:#52677e;background:#f5f8fc;font-size:12px;cursor:pointer}.tool-appearance svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
body.tool-workspace-expanded{overflow:hidden!important}:is(#creative-tools,body.retouch-page) .tool-workspace-max{position:fixed!important;inset:0!important;z-index:2000!important;max-width:none!important;width:100%!important;height:100dvh!important;padding:12px 20px!important;margin:0!important;overflow:auto!important;background:#f4f6fa}.tool-workspace-max .xx-editor{min-height:calc(100dvh - 185px)}
:is(#creative-tools,body.retouch-page) [data-tool-theme=dark]{--xx-bg:#242424;--xx-soft:#303030;--xx-line:#454545;--xx-ink:#dedede;--xx-muted:#ababab;--xx-blue:#3b82f6;--xx-blue-soft:#3d536f;--xx-tool-ink:#ababab;--xx-tool-hover:#dedede;--xx-tool-hover-bg:#404040;--xx-tool-active:#a9ceff;--xx-tool-active-bg:#3d536f;--xx-tool-active-border:#5c7d9f;--line:#454545;--blue:#3b82f6;color:#dedede;background:#242424;color-scheme:dark}
:is(#creative-tools,body.retouch-page) [data-tool-theme=dark] :is(.xx-props,.xx-work-toolbar,.xx-work-bottom,.cs-tools,.cs-props,.cs-toolbar,.cs-caption,.id-rail,.cu-size-tools,.cu-size-props,.cu-size-options,.toolbar,.properties,.panel,.xx-segment,.xx-drop,.id-empty){background:#303030!important;color:#dedede!important;border-color:#454545!important}
:is(#creative-tools,body.retouch-page) [data-tool-theme=dark] :where(button,input:not([type=range]):not([type=color]):not([type=checkbox]),select,textarea){background:#3b3b3b!important;color:#dedede!important;border-color:#454545!important;box-shadow:none!important}
:is(#creative-tools,body.retouch-page) [data-tool-theme=dark] :where(button[aria-pressed=true],button.active,button.xx-primary){background:#3d536f!important;color:#a9ceff!important;border-color:#5c7d9f!important}
:is(#creative-tools,body.retouch-page) [data-tool-theme=dark] :where(label,h2,h3,small,summary,.xx-hint,.xx-field,.id-notice){color:#ababab!important}
:is(#creative-tools,body.retouch-page) [data-tool-theme=dark] :where(button:hover:not(:disabled),summary:hover){background:#404040!important}
:is(#creative-tools,body.retouch-page) [data-tool-theme=dark] :is(.xx-view,.id-stage,.cs-stage){background:#242424!important}
@media(max-width:650px){.tool-appearance{gap:2px}:is(#creative-tools,body.retouch-page) .tool-appearance button{padding:3px 5px}.tool-workspace-max{padding:8px!important}}

body.retouch-page [data-tool-theme=dark] :is(.studioHeader,.toolbar,.side,.assetRail,.studioAssets,.layersPanel,.controls,.studioActions,.studioTabs,.workspace){background:#303030!important;color:#dedede!important;border-color:#454545!important}

body.retouch-page .studioShell[data-tool-theme=dark] :is(.params,.promptSection,.layerSection,.billing,.materials,.materialHead,.materialList,.viewTabs,.selectionbar,.comparebar,.workspace>nav,.projectMenuItems){background:#303030!important;color:#dedede!important;border-color:#454545!important}body.retouch-page .studioShell[data-tool-theme=dark] :is(#viewport,#empty){background:#242424!important;color:#ababab!important}body.retouch-page .studioShell[data-tool-theme=dark] .guide{background:#31584b!important;color:#8ee0b6!important}body.retouch-page .studioShell[data-tool-theme=dark] :is(h2,#empty b,#empty p,#zoom,.sectionHead,.creditLine){color:#ababab!important}

#creative-tools [data-tool-theme=dark] :is(.cu-shell,.cu-project-bar,.cu-toolbar,.cu-side,.cu-text-work,.cu-pdf-topbar,.cu-story-guide,.cu-story-toolbar,.ctw-dock,.ctw-tabs,.cu-shot,.ctw-panel,.cu-text-pane){background:#303030!important;color:#dedede!important;border-color:#454545!important}

/* tool-layout-unified.ea00b9ef51984530.css */
/* The ID-photo editor defines the shared page frame and regular workspace size. */
html body.creative-tools-page:not(.ap-full-workspace):not(.tool-workspace-expanded) #creative-tools>.xx-container{box-sizing:border-box;width:100%!important;max-width:1240px!important;margin:0 auto!important;padding:0 46px 34px!important}
html body.creative-tools-page:not(.ap-full-workspace):not(.tool-workspace-expanded) #creative-tools .xx-breadcrumb{box-sizing:border-box;display:flex;align-items:center;gap:13px;min-height:72px!important;margin:0!important;padding:18px 0!important;font-size:12px}
html body.creative-tools-page:not(.ap-full-workspace):not(.tool-workspace-expanded) #creative-tools .xx-tool-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 23px!important}
html body.creative-tools-page:not(.ap-full-workspace):not(.tool-workspace-expanded) #creative-tools .xx-tool-heading h1{font-size:26px!important;font-weight:600;line-height:1.35!important;letter-spacing:-.5px;margin:0}
html body.creative-tools-page:not(.ap-full-workspace):not(.tool-workspace-expanded) #creative-tools .xx-tool-heading p{font-size:13px!important;line-height:1.65!important;margin:5px 0 0!important}
#creative-tools .xx-breadcrumb .tool-appearance{order:1;margin-left:0}#creative-tools .xx-breadcrumb>.xts-open{order:2;margin-left:auto}
#creative-tools .xx-tool-grid>.xts-card-shell{min-width:0;display:flex;align-items:stretch}#creative-tools .xx-tool-grid>.xts-card-shell>.xx-tool-card{width:100%;min-width:0}
#creative-tools .xx-tool-card[data-animation-entry] .xx-card-art::after{display:none!important;content:none!important}
#creative-tools .xx-director-member{position:absolute;right:12px;bottom:12px;z-index:1;padding:3px 9px;border:1px solid #c9a65c;border-radius:6px;background:linear-gradient(135deg,#fff6dc 0%,#f1dca8 50%,#fcf0d0 100%);color:#79571f;box-shadow:inset 0 1px 0 #ffffffb3,0 2px 6px #6c4b1514;font-size:12px;font-weight:600;line-height:1.6;letter-spacing:.15px;white-space:nowrap}
/* A shared visual frame; each editor retains its own controls and content. */
@media(min-width:851px){
 html body.creative-tools-page:not(.ap-full-workspace):not(.tool-workspace-expanded) #creative-tools:not([data-rendered-page=animation]) .xx-editor,html body.ap-page-workspace:not(.ap-full-workspace):not(.tool-workspace-expanded) #creative-tools .ap-shell{box-sizing:border-box;height:720px!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;border-radius:16px!important}
 html body.retouch-page:not(.tool-workspace-expanded) .toolIntro{box-sizing:border-box;width:calc(100% - 92px)!important;max-width:1148px!important;margin:0 auto!important;padding:0!important}
 html body.retouch-page:not(.tool-workspace-expanded) .toolCrumb{box-sizing:border-box;display:flex;align-items:center;gap:13px;min-height:72px;margin:0;padding:18px 0;font-size:12px}
 html body.retouch-page:not(.tool-workspace-expanded) .toolHeading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 23px!important;padding:0!important}
 html body.retouch-page:not(.tool-workspace-expanded) .toolHeading h1{font-size:26px!important;line-height:1.35;font-weight:600;letter-spacing:-.5px;margin:0!important}
 html body.retouch-page:not(.tool-workspace-expanded) .toolHeading p{font-size:13px!important;line-height:1.65!important;margin:5px 0 0!important}
 html body.retouch-page:not(.tool-workspace-expanded) .studioShell{box-sizing:border-box;width:calc(100% - 92px)!important;max-width:1148px!important;height:720px!important;min-height:0!important;max-height:none!important;margin:0 auto 24px!important;border-radius:16px!important}
}
@media(max-width:850px){
 html body.creative-tools-page:not(.ap-full-workspace):not(.tool-workspace-expanded) #creative-tools>.xx-container{padding:0 24px 28px!important}
 html body.retouch-page:not(.tool-workspace-expanded) .toolIntro{box-sizing:border-box;width:100%!important;max-width:1240px!important;padding:0 24px!important;margin:0 auto!important}
 html body.retouch-page:not(.tool-workspace-expanded) .studioShell{box-sizing:border-box;width:calc(100% - 48px)!important;max-width:1148px!important;margin:0 auto 24px!important}
}
@media(max-width:700px){
 html body.creative-tools-page:not(.ap-full-workspace):not(.tool-workspace-expanded) #creative-tools>.xx-container{padding:0 18px 25px!important}
 html body.retouch-page:not(.tool-workspace-expanded) .toolIntro{padding:0 18px!important}
 html body.retouch-page:not(.tool-workspace-expanded) .studioShell{width:calc(100% - 36px)!important}
 html body.creative-tools-page:not(.ap-full-workspace):not(.tool-workspace-expanded) #creative-tools .xx-tool-heading{align-items:flex-start}
 html body.creative-tools-page:not(.ap-full-workspace):not(.tool-workspace-expanded) #creative-tools .xx-tool-heading h1{font-size:23px!important}
}

#creative-tools .xx-tool-grid{grid-auto-rows:1fr}#creative-tools .xx-tool-grid .xx-card-art{width:100%;height:auto!important;aspect-ratio:3/2!important}#creative-tools .xx-tool-grid .xx-card-art>svg,#creative-tools .xx-tool-grid .xx-card-art>img{display:block;width:100%;height:100%;object-fit:cover}#creative-tools .xx-tool-grid .xx-card-copy{display:flex;flex-direction:column}#creative-tools .xx-tool-grid .xx-card-foot{margin-top:auto;padding-top:16px}

html body.ap-page-workspace:not([data-ap-theme=dark]){--atc-bg:#e7ebf3;--atc-panel:#ffffff;--atc-field:#f6f8ff;--atc-popup:#ffffff;--atc-header:#f8faff;--atc-header-top:#ffffff;--atc-line:#e2e9fc;--atc-strong-line:#b6c9f1;--atc-text:#253553;--atc-muted:#6d819f;--atc-hover:#edf2ff;--atc-selection:#edf2ff;--atc-accent:#5377ee;--atc-accent-ink:#375ab3;--atc-library:#ffffff}
@media(min-width:851px){html body.creative-tools-page:not(.ap-full-workspace):not(.tool-workspace-expanded) #creative-tools:not([data-rendered-page=animation]) .xx-editor:not(.cs-editor){grid-template-columns:minmax(0,1fr) 298px!important}html body.retouch-page:not(.tool-workspace-expanded) .studioShell>main{grid-template-columns:58px minmax(0,1fr) 298px!important}}

html body.tool-workspace-expanded :is(header.site-header,#publicSiteHeader){display:none!important}html body.tool-workspace-expanded #creative-tools{position:relative;z-index:100001}

@media(min-width:851px){html body.creative-tools-page:not(.ap-full-workspace):not(.tool-workspace-expanded) #creative-tools .cu-shell{box-sizing:border-box;height:720px!important;min-height:0!important;max-height:none!important;overflow:auto;border-radius:16px!important;border:1px solid #e2e9fc}}

/* camera-workspace-ui.01388d0c4e79876d.css */
/* Camera composition uses the director's palette and compact software chrome. */
html body #creative-tools[data-rendered-page=camera] .cs-editor.cw-ready{--cw-bg:#e7edf3;--cw-panel:#edf3f8;--cw-field:#f7fafd;--cw-line:#d5dfeb;--cw-text:#253553;--cw-muted:#6d819f;--cw-selection:#edf2ff;--cw-accent:#375ab3;--cw-hover:#edf2ff;--cw-top1:#f7fafd;--cw-top2:#e6edf5;--cw-danger:#ae5b6d;display:grid!important;grid-template-columns:42px minmax(0,1fr) 280px!important;grid-template-rows:35px minmax(0,1fr)!important;gap:0;background:var(--cw-bg)!important;color:var(--cw-text);border-color:var(--cw-line);box-shadow:0 12px 32px #324b6c12;color-scheme:light;font-size:12px}
html body #creative-tools[data-rendered-page=camera] .cs-editor.cw-ready[data-tool-theme=dark]{--cw-bg:#242424;--cw-panel:#303030;--cw-field:#3b3b3b;--cw-line:#454545;--cw-text:#dedede;--cw-muted:#ababab;--cw-selection:#3d536f;--cw-accent:#a9ceff;--cw-hover:#404040;--cw-top1:#353535;--cw-top2:#292929;--cw-danger:#ef9ca3;color-scheme:dark}
html body #creative-tools[data-rendered-page=camera] .cs-editor.cw-ready>.cw-bar{grid-column:1/-1;grid-row:1;display:flex;align-items:center;gap:8px;height:35px;min-height:35px;box-sizing:border-box;padding:3px 10px;background:linear-gradient(var(--cw-top1),var(--cw-top2))!important;border-bottom:1px solid var(--cw-line);font-size:11px;color:var(--cw-text)}
html body #creative-tools[data-rendered-page=camera] .cs-editor.cw-ready :where(input:not([type=range]):not([type=color]):not([type=checkbox]),select,.cs-select-button,button){background:var(--cw-field)!important;color:var(--cw-text)!important;border-color:var(--cw-line)!important;box-shadow:none!important;font-size:11px;border-radius:4px}
html body #creative-tools[data-rendered-page=camera] .cs-editor.cw-ready :is(button,.cs-select-button):hover:not(:disabled){background:var(--cw-hover)!important;color:var(--cw-accent)!important}
html body #creative-tools[data-rendered-page=camera] .cs-editor.cw-ready button[aria-pressed=true]{background:var(--cw-selection)!important;color:var(--cw-accent)!important;border-color:transparent!important}
html body #creative-tools[data-rendered-page=camera] .cs-editor.cw-ready :is(h2,h3,summary,.cs-section-head){color:var(--cw-text)!important}
html body #creative-tools[data-rendered-page=camera] .cs-editor.cw-ready :is(label,small,.cs-note,.cs-format,.cs-transform,.cs-label,.cs-status,.cs-output output,.cs-light-row output){color:var(--cw-muted)!important}
html body #creative-tools[data-rendered-page=camera] .cs-editor.cw-ready :is(.cw-bar,.cs-toolbar) button{display:inline-flex;align-items:center;justify-content:center;height:27px;min-height:27px;padding:3px 6px;border:0!important;background:transparent!important;color:var(--cw-text)!important;box-shadow:none!important;cursor:pointer}
html body #creative-tools[data-rendered-page=camera] .cs-editor.cw-ready :is(.cw-bar,.cs-toolbar) button:hover:not(:disabled){background:var(--cw-hover)!important;color:var(--cw-accent)!important}
html body #creative-tools[data-rendered-page=camera] .cs-editor.cw-ready .cs-toolbar button[aria-pressed=true]{background:transparent!important;color:var(--cw-accent)!important;box-shadow:inset 0 -2px var(--cw-accent)!important}
html body #creative-tools[data-rendered-page=camera] .cw-bar svg{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
html body #creative-tools[data-rendered-page=camera] .cw-bar .cw-project-name{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:400;color:var(--cw-text);border:1px solid var(--cw-line);border-radius:4px;background:var(--cw-field)}
html body #creative-tools[data-rendered-page=camera] .cw-bar .cw-project-name svg{width:14px;height:14px;color:#a08350}
html body #creative-tools[data-rendered-page=camera] .cw-status{margin-left:auto;font-size:10px;color:var(--cw-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body #creative-tools[data-rendered-page=camera] .cw-bar .tool-appearance{margin-left:0;gap:4px}
html body #creative-tools[data-rendered-page=camera] .cw-bar .tool-appearance button{width:27px;padding:3px;font-size:0}
html body #creative-tools[data-rendered-page=camera] .cw-file-menu{position:relative;flex:none}
html body #creative-tools[data-rendered-page=camera] .cw-file-menu summary{list-style:none;cursor:pointer;padding:4px 7px;border-radius:4px;font-size:11px}
html body #creative-tools[data-rendered-page=camera] .cw-file-menu summary::-webkit-details-marker{display:none}
html body #creative-tools[data-rendered-page=camera] .cw-file-menu summary:hover,html body #creative-tools[data-rendered-page=camera] .cw-file-menu[open] summary{background:var(--cw-hover)}
html body #creative-tools[data-rendered-page=camera] .cw-file-menu>div{position:absolute;top:29px;left:0;z-index:30;min-width:180px;padding:5px;border:1px solid var(--cw-line);border-radius:5px;background:var(--cw-panel);box-shadow:0 8px 24px #0002}
html body #creative-tools[data-rendered-page=camera] .cw-file-menu>div button{width:100%;justify-content:flex-start;height:30px}
html body #creative-tools[data-rendered-page=camera] .cs-editor.cw-ready>.cs-tools{grid-column:1;grid-row:2;min-height:0;overflow-y:auto;padding:4px 2px;gap:2px;background:var(--cw-panel)!important;border-color:var(--cw-line)!important}
html body #creative-tools[data-rendered-page=camera] .cs-editor.cw-ready .cs-tools button{width:37px;height:31px;min-height:31px;padding:4px;flex:none;gap:0;border:1px solid transparent!important;background:transparent!important;color:var(--cw-muted)!important;border-radius:4px;box-shadow:none!important}
html body #creative-tools[data-rendered-page=camera] .cs-editor.cw-ready .cs-tools button span{display:none}
html body #creative-tools[data-rendered-page=camera] .cs-editor.cw-ready .cs-tools button:hover:not(:disabled),html body #creative-tools[data-rendered-page=camera] .cs-editor.cw-ready .cs-tools button[aria-pressed=true]{background:var(--cw-selection)!important;color:var(--cw-accent)!important}
html body #creative-tools[data-rendered-page=camera] .cs-editor.cw-ready .cs-tools button[data-cs=remove]{color:var(--cw-danger)!important}
html body #creative-tools[data-rendered-page=camera] .cs-editor.cw-ready .cs-tools svg{width:18px;height:18px}
html body #creative-tools[data-rendered-page=camera] .cs-editor.cw-ready .cs-tools i{height:1px;background:var(--cw-line);width:24px;margin:5px 0}
html body #creative-tools[data-rendered-page=camera] .cs-editor.cw-ready>.cs-work{grid-column:2;grid-row:2;display:flex;flex-direction:column;min-width:0;min-height:0!important;height:auto!important;overflow:hidden;background:var(--cw-bg)!important}
html body #creative-tools[data-rendered-page=camera] .cs-editor.cw-ready .cs-toolbar{flex:none;min-width:0;min-height:34px;box-sizing:border-box;padding:3px 6px;gap:6px;background:var(--cw-panel)!important;color:var(--cw-text)!important;border-color:var(--cw-line)!important}
html body #creative-tools[data-rendered-page=camera] .cs-editor.cw-ready .cs-toolbar-actions{gap:3px}
html body #creative-tools[data-rendered-page=camera] .cs-editor.cw-ready .cs-toolbar .xx-segment{gap:2px;background:transparent;border:0}
html body #creative-tools[data-rendered-page=camera] .cs-editor.cw-ready .cs-stage{flex:1;min-height:0!important;min-width:0;overflow:hidden;padding:0!important;background:var(--cw-bg)!important}
html body #creative-tools[data-rendered-page=camera] .cs-editor.cw-ready .cs-frame{max-width:100%;max-height:100%;border-radius:0;box-shadow:none}
html body #creative-tools[data-rendered-page=camera] .cs-editor.cw-ready .cs-caption{flex:none;min-height:23px;box-sizing:border-box;padding:4px 8px;font-size:10px;background:var(--cw-panel)!important;color:var(--cw-muted)!important;border-top:1px solid var(--cw-line)}
html body #creative-tools[data-rendered-page=camera] .cs-editor.cw-ready>.cs-props{grid-column:3;grid-row:2;box-sizing:border-box;display:flex;flex-direction:column;gap:0;min-width:0;min-height:0;height:100%;padding:0;overflow:hidden!important;background:var(--cw-panel)!important;color:var(--cw-text)!important;border-color:var(--cw-line)!important}
html body #creative-tools[data-rendered-page=camera] .cw-inspector-tabs{display:flex;align-items:center;flex:none;height:31px;padding:0 5px;border-bottom:1px solid var(--cw-line);background:var(--cw-top2)}
html body #creative-tools[data-rendered-page=camera] .cs-editor.cw-ready .cw-inspector-tabs button{flex:1;height:30px;min-height:30px;border:0!important;border-radius:0;background:transparent!important;padding:3px 4px;font-size:11px}
html body #creative-tools[data-rendered-page=camera] .cs-editor.cw-ready .cw-inspector-tabs button[aria-pressed=true]{color:var(--cw-accent)!important;box-shadow:inset 0 -2px var(--cw-accent)!important}
html body #creative-tools[data-rendered-page=camera] .cw-inspector-content{flex:1;min-height:0;overflow:auto;scrollbar-gutter:stable;padding:10px;overscroll-behavior:contain}
html body #creative-tools[data-rendered-page=camera] .cw-inspector-panel{display:flex;flex-direction:column;gap:10px}
html body #creative-tools[data-rendered-page=camera] .cs-editor.cw-ready .cs-section{gap:8px;margin:0;padding:0 0 10px;border-color:var(--cw-line)!important}
html body #creative-tools[data-rendered-page=camera] .cs-editor.cw-ready .cs-section :is(h2,summary){font-size:12px;line-height:24px;font-weight:600}
html body #creative-tools[data-rendered-page=camera] .cs-editor.cw-ready .cs-section h2::before{content:'⌄';display:inline-block;width:14px;color:var(--cw-accent);font-weight:400}
html body #creative-tools[data-rendered-page=camera] .cs-editor.cw-ready .cs-lighting>summary::after{color:var(--cw-muted)}
html body #creative-tools[data-rendered-page=camera] .cs-editor.cw-ready .cs-output{border-top:0;border-bottom:0;padding-top:0}
html body #creative-tools[data-rendered-page=camera] .cs-editor.cw-ready .cw-coordinates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
html body #creative-tools[data-rendered-page=camera] .cs-editor.cw-ready .cw-coordinates>div{display:flex;flex-direction:column;align-items:stretch;gap:5px;min-width:0;color:var(--cw-muted)}
html body #creative-tools[data-rendered-page=camera] .cs-editor.cw-ready .cw-coordinates>div>span{font-size:10px;line-height:20px;color:var(--cw-muted)}
html body #creative-tools[data-rendered-page=camera] .cs-editor.cw-ready .cw-coordinates input{height:28px;padding:3px 2px 3px 18px;font-size:11px}
html body #creative-tools[data-rendered-page=camera] .cs-editor.cw-ready .cw-coordinates small{top:7px}
html body #creative-tools[data-rendered-page=camera] .cs-editor.cw-ready .cw-transform-heading{margin:3px 0 0;font-size:12px;line-height:24px}
html body #creative-tools[data-rendered-page=camera] .cs-editor.cw-ready .cw-transform-heading::before{content:'⌄';display:inline-block;width:14px;color:var(--cw-accent);font-weight:400}
html body #creative-tools[data-rendered-page=camera] .cs-editor.cw-ready .cs-label button.cs-select-button{background:var(--cw-field)!important;color:var(--cw-text)!important}
html body #creative-tools[data-rendered-page=camera] .cs-editor.cw-ready .cs-status{flex:none;min-height:0;max-height:32px;padding:0 10px;margin:0;font-size:10px;background:var(--cw-panel)}
html body #creative-tools[data-rendered-page=camera] .cs-editor.cw-ready .cs-status:empty{display:none}
/* Filled swatches: remove the native white button and its inset double border. */
html body #creative-tools[data-rendered-page=camera] .cs-editor.cw-ready input[type=color]{appearance:none;-webkit-appearance:none;box-sizing:border-box;width:30px;height:24px;min-height:24px;padding:0;border:1px solid var(--cw-line);border-radius:4px;background:transparent;box-shadow:none;overflow:hidden;cursor:pointer;vertical-align:middle}
html body #creative-tools[data-rendered-page=camera] .cs-editor.cw-ready .cs-background-colors input[type=color]{width:100%;height:24px}
html body #creative-tools[data-rendered-page=camera] .cs-editor.cw-ready input[type=color]::-webkit-color-swatch-wrapper{padding:0}
html body #creative-tools[data-rendered-page=camera] .cs-editor.cw-ready input[type=color]::-webkit-color-swatch{border:0;border-radius:3px}
html body #creative-tools[data-rendered-page=camera] .cs-editor.cw-ready input[type=color]::-moz-color-swatch{border:0;border-radius:3px}
html body #creative-tools[data-rendered-page=camera] .cs-editor.cw-ready input[type=color]:hover:not(:disabled){border-color:var(--cw-accent)}
html body #creative-tools[data-rendered-page=camera] .cs-editor.cw-ready input[type=color]:focus-visible{outline:2px solid var(--cw-accent);outline-offset:2px}
html body #creative-tools[data-rendered-page=camera] .cs-editor.cw-ready input[type=color]:disabled{opacity:.4;cursor:default}
html body #creative-tools[data-rendered-page=camera] .cs-editor.cw-ready :is(.cs-tools,.cw-inspector-content){scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--cw-muted) 32%,var(--cw-panel)) transparent}
html body #creative-tools[data-rendered-page=camera] .cs-editor.cw-ready :is(.cs-tools,.cw-inspector-content)::-webkit-scrollbar{width:5px}
html body #creative-tools[data-rendered-page=camera] .cs-editor.cw-ready :is(.cs-tools,.cw-inspector-content)::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--cw-muted) 32%,var(--cw-panel));border-radius:5px}
body[data-cw-theme=dark] :is(.cs-select-menu,.cs-context-menu){background:#383838;border-color:#626262;color:#dedede;color-scheme:dark}
body[data-cw-theme=dark] :is(.cs-select-menu [role=option][aria-selected=true],.cs-select-menu [role=option].is-active,.cs-context-menu button:not(:disabled):hover){background:#3d536f;color:#a9ceff}
html body #creative-tools[data-rendered-page=camera] .cs-editor.cw-ready.tool-workspace-max{padding:0!important;border-radius:0!important;height:100dvh!important;min-height:0!important;max-height:none!important}
@media(max-width:800px){html body #creative-tools[data-rendered-page=camera] .cs-editor.cw-ready{grid-template-columns:42px minmax(0,1fr)!important;grid-template-rows:35px 440px auto!important;height:auto!important;max-height:none!important}html body #creative-tools[data-rendered-page=camera] .cs-editor.cw-ready>.cs-props{grid-column:1/-1;grid-row:3;height:360px}html body #creative-tools[data-rendered-page=camera] .cw-status{display:none}html body #creative-tools[data-rendered-page=camera] .cw-bar .tool-appearance{margin-left:auto}html body #creative-tools[data-rendered-page=camera] .cs-editor.cw-ready .cs-toolbar{flex-wrap:wrap}html body #creative-tools[data-rendered-page=camera] .cs-editor.cw-ready.tool-workspace-max{overflow:auto!important}}

/* tool-workspace-theme.3c77a1ba74a62802.css */
/* Director palette for editor chrome; image pixels, SVG artwork and paper stay intact. */
html :is(body.creative-tools-page #creative-tools,body.retouch-page) .tool-editor-surface[data-tool-theme]:not(.cw-ready){--te-bg:#e7edf3;--te-panel:#edf3f8;--te-field:#f7fafd;--te-header:#e6edf5;--te-top:#f7fafd;--te-line:#d5dfeb;--te-text:#253553;--te-muted:#6d819f;--te-hover:#edf2ff;--te-selection:#edf2ff;--te-accent:#375ab3;--te-action:#5267c8;--te-positive:#dcefe7;--te-positive-ink:#25816a;--te-danger:#ae5b6d;--xx-bg:var(--te-bg);--xx-soft:var(--te-panel);--xx-line:var(--te-line);--xx-ink:var(--te-text);--xx-muted:var(--te-muted);--xx-blue:#5377ee;--xx-blue-soft:var(--te-selection);--line:var(--te-line);--blue:#5377ee;background:var(--te-panel)!important;color:var(--te-text)!important;border-color:var(--te-line)!important;color-scheme:light}
html :is(body.creative-tools-page #creative-tools,body.retouch-page) .tool-editor-surface[data-tool-theme=dark]:not(.cw-ready){--te-bg:#242424;--te-panel:#303030;--te-field:#3b3b3b;--te-header:#292929;--te-top:#353535;--te-line:#454545;--te-text:#dedede;--te-muted:#ababab;--te-hover:#404040;--te-selection:#3d536f;--te-accent:#a9ceff;--te-action:#246fe8;--te-positive:#31584b;--te-positive-ink:#8ee0b6;--te-danger:#ef9ca3;--xx-blue:#3b82f6;--blue:#3b82f6;color-scheme:dark}
html :is(body.creative-tools-page #creative-tools,body.retouch-page) .tool-editor-surface[data-tool-theme]:not(.cw-ready) :is(.xx-props,.xx-work-bottom,.xi-info,.cu-side,.cu-size-tools,.cu-size-props,.cu-size-options,.cu-size-arrange-dock,.cu-size-layers-dock,.cu-story-pagination,.cu-text-work,.cu-text-panes,.cu-text-pane,.ctw-dock,.ctw-panel,.id-rail,.id-empty,.toolbar,.params,.promptSection,.layerSection,.billing,.materials,.materialHead,.materialList,.assetRail,.layersPanel,.controls){background:var(--te-panel)!important;color:var(--te-text)!important;border-color:var(--te-line)!important;box-shadow:none!important}
html :is(body.creative-tools-page #creative-tools,body.retouch-page) .tool-editor-surface[data-tool-theme]:not(.cw-ready) :is(.xx-work-toolbar,.xi-toolbar,.cu-toolbar,.cu-project-bar,.cu-pdf-topbar,.cu-story-toolbar,.ctw-tabs,.studioHeader,.workspace>nav,.viewTabs,.selectionbar,.comparebar,.studioAssets,.studioTabs,.studioActions,.cu-size-options){background:linear-gradient(var(--te-top),var(--te-header))!important;color:var(--te-text)!important;border-color:var(--te-line)!important;box-shadow:none!important}
html :is(body.creative-tools-page #creative-tools,body.retouch-page) .tool-editor-surface[data-tool-theme]:not(.cw-ready) :is(.xx-view,.xi-stage,.xi-empty,.xi-result,.xx-empty,.xx-drop,.cu-size-stage,#viewport,#empty){background:var(--te-bg)!important;color:var(--te-muted)!important;border-color:var(--te-line)!important}
html :is(body.creative-tools-page #creative-tools,body.retouch-page) .tool-editor-surface[data-tool-theme]:not(.cw-ready) :where(button,input:not([type=range]):not([type=color]):not([type=checkbox]):not([type=radio]),textarea,select){background:var(--te-field)!important;color:var(--te-text)!important;border-color:var(--te-line)!important;box-shadow:none!important;border-radius:5px}
html :is(body.creative-tools-page #creative-tools,body.retouch-page) .tool-editor-surface[data-tool-theme]:not(.cw-ready) :is(input,textarea)::placeholder{color:var(--te-muted);opacity:.8}
html :is(body.creative-tools-page #creative-tools,body.retouch-page) .tool-editor-surface[data-tool-theme]:not(.cw-ready) :is(button,input,textarea,select){transition:border-color .12s,box-shadow .12s!important}
html :is(body.creative-tools-page #creative-tools,body.retouch-page) .tool-editor-surface[data-tool-theme]:not(.cw-ready) button:hover:not(:disabled){background:var(--te-hover)!important;color:var(--te-accent)!important;border-color:var(--te-line)!important}
html :is(body.creative-tools-page #creative-tools,body.retouch-page) .tool-editor-surface[data-tool-theme]:not(.cw-ready) :is(button[aria-pressed=true],button.active,button[aria-selected=true]){background:var(--te-selection)!important;color:var(--te-accent)!important;border-color:transparent!important}
html :is(body.creative-tools-page #creative-tools,body.retouch-page) .tool-editor-surface[data-tool-theme]:not(.cw-ready) :is(button.xx-primary,button.primary){background:var(--te-action)!important;color:#fff!important;border-color:transparent!important;box-shadow:none!important}
html :is(body.creative-tools-page #creative-tools,body.retouch-page) .tool-editor-surface[data-tool-theme]:not(.cw-ready) :is(button,input,select,textarea):disabled{opacity:.45}
html :is(body.creative-tools-page #creative-tools,body.retouch-page) .tool-editor-surface[data-tool-theme]:not(.cw-ready) :is(h2,h3,h4,strong,b,summary,.sectionHead){color:var(--te-text)!important}
html :is(body.creative-tools-page #creative-tools,body.retouch-page) .tool-editor-surface[data-tool-theme]:not(.cw-ready) :is(label,small,output,.xx-hint,.xx-field,.xx-field-head,.id-notice,.cu-hint,.cu-field,.cu-save,.xi-info,.xi-label,.xc-label,.xc-slider-label,.ctw-source,.cu-text-pane>span,.accountState,#zoom,#selection,#status,.layerHelp,.billingStatus){color:var(--te-muted)!important}
html :is(body.creative-tools-page #creative-tools,body.retouch-page) .tool-editor-surface[data-tool-theme]:not(.cw-ready) :is(.xi-task,.guide){background:var(--te-positive)!important;color:var(--te-positive-ink)!important;border-color:var(--te-line)!important}
html :is(body.creative-tools-page #creative-tools,body.retouch-page) .tool-editor-surface[data-tool-theme]:not(.cw-ready) :is(.cu-project-bar,.xi-toolbar,.xx-work-toolbar,.ctw-tabs,.studioHeader,.workspace>nav) button{background:transparent!important;border-color:transparent!important;box-shadow:none!important;color:var(--te-text)!important}
html :is(body.creative-tools-page #creative-tools,body.retouch-page) .tool-editor-surface[data-tool-theme]:not(.cw-ready) :is(.cu-project-bar,.xi-toolbar,.xx-work-toolbar,.ctw-tabs,.studioHeader,.workspace>nav) button[aria-pressed=true]{color:var(--te-accent)!important;box-shadow:inset 0 -2px var(--te-accent)!important}
html :is(body.creative-tools-page #creative-tools,body.retouch-page) .tool-editor-surface[data-tool-theme]:not(.cw-ready) :is(.id-rail,.cu-size-tools,.toolbar) button{background:transparent!important;border-color:transparent!important;color:var(--te-muted)!important}
html :is(body.creative-tools-page #creative-tools,body.retouch-page) .tool-editor-surface[data-tool-theme]:not(.cw-ready) :is(.id-rail,.cu-size-tools,.toolbar) button:is(.active,[aria-pressed=true]){background:var(--te-selection)!important;color:var(--te-accent)!important}
html :is(body.creative-tools-page #creative-tools,body.retouch-page) .tool-editor-surface[data-tool-theme]:not(.cw-ready) :is(.xx-props,.cu-side,.params,.ctw-panel,.cu-size-props){scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--te-muted) 30%,var(--te-panel)) transparent}
html :is(body.creative-tools-page #creative-tools,body.retouch-page) .tool-editor-surface[data-tool-theme]:not(.cw-ready) input[type=color]{appearance:none;-webkit-appearance:none;padding:0!important;border:1px solid var(--te-line);border-radius:4px;background:transparent;box-shadow:none;overflow:hidden;min-height:24px;height:24px;cursor:pointer}
html :is(body.creative-tools-page #creative-tools,body.retouch-page) .tool-editor-surface[data-tool-theme]:not(.cw-ready) input[type=color]::-webkit-color-swatch-wrapper{padding:0}
html :is(body.creative-tools-page #creative-tools,body.retouch-page) .tool-editor-surface[data-tool-theme]:not(.cw-ready) input[type=color]::-webkit-color-swatch{border:0;border-radius:3px}
html :is(body.creative-tools-page #creative-tools,body.retouch-page) .tool-editor-surface[data-tool-theme]:not(.cw-ready) input[type=color]::-moz-color-swatch{border:0;border-radius:3px}
/* Portalled utility dialogs inherit the preference, even outside the editor. */
html[data-tool-appearance=dark] :is(body.creative-tools-page #creative-tools,body.retouch-page) dialog{background:#383838!important;color:#dedede!important;border-color:#626262!important;color-scheme:dark}
html[data-tool-appearance=dark] :is(body.creative-tools-page #creative-tools,body.retouch-page) dialog :is(input:not([type=color]):not([type=range]):not([type=checkbox]),textarea,select,button){background:#3b3b3b!important;color:#dedede!important;border-color:#626262!important}
html[data-tool-appearance=light] :is(body.creative-tools-page #creative-tools,body.retouch-page) dialog{background:#f3f7fb!important;color:#253553!important;border-color:#d5dfeb!important;color-scheme:light}
html[data-tool-appearance=dark] body.creative-tools-page>dialog{background:#383838!important;color:#dedede!important;border-color:#626262!important;color-scheme:dark}
html[data-tool-appearance=dark] body.creative-tools-page>dialog :is(input:not([type=color]):not([type=range]):not([type=checkbox]),textarea,select,button){background:#3b3b3b!important;color:#dedede!important;border-color:#626262!important}
html[data-tool-appearance=light] body.creative-tools-page>dialog{background:#f3f7fb!important;color:#253553!important;border-color:#d5dfeb!important;color-scheme:light}

/* creative-size-workspace.082ef62ee8a8fd65.css */
/* Scoped sizing prevents the export and layers docks from being clipped. */
html body #creative-tools .cu-shell.cu-size-workspace{display:flex;flex-direction:column;height:720px;min-height:0;box-sizing:border-box;border-radius:12px}
html body #creative-tools .cu-size-workspace [data-u-body]{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}
html body #creative-tools .cu-size-workspace .cu-project-bar{height:38px;min-height:38px;padding:0 12px;gap:10px;flex-wrap:nowrap;box-sizing:border-box}
html body #creative-tools .cu-size-workspace .cu-history{order:1}
html body #creative-tools .cu-size-workspace .cu-save{order:2;font-size:10px;min-width:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
html body #creative-tools .cu-size-workspace .cu-project-bar>.cu-size-chrome-icon{order:3}
html body #creative-tools .cu-size-workspace .tool-appearance{order:4;margin-left:0}
html body #creative-tools .cu-size-workspace .cu-project-bar :is(.cu-size-chrome-icon,.tool-appearance button){width:28px;height:28px;min-height:28px;padding:5px;display:inline-flex;align-items:center;justify-content:center;font-size:0;flex:none}
html body #creative-tools .cu-size-workspace svg{flex-shrink:0}
html body #creative-tools .cu-size-workspace :is(.cu-size-chrome-icon,.cu-size-swap,.cu-size-layer,.cu-size-order) svg{width:16px;height:16px}
html body #creative-tools .cu-size-workspace .cu-size-file-menu{position:relative;order:0;font-size:11px;flex:none}
html body #creative-tools .cu-size-file-menu summary{white-space:nowrap;cursor:pointer;padding:7px 8px;list-style:none}
html body #creative-tools .cu-size-file-menu>div{position:absolute;top:100%;left:0;width:150px;padding:6px;z-index:10;background:var(--te-panel);border:1px solid var(--te-line);border-radius:6px;box-shadow:0 8px 20px #0002}
html body #creative-tools .cu-size-file-menu>div button{display:block;width:100%;text-align:left;font-size:11px}
html body #creative-tools .cu-size-workspace .cu-size-arrange-dock{flex:none;min-height:42px;padding:4px 8px;gap:6px;box-sizing:border-box}
html body #creative-tools .cu-size-workspace .cu-size-layout{flex:1;height:auto;min-height:0;grid-template-columns:42px minmax(0,1fr) 264px}
html body #creative-tools .cu-size-workspace .cu-size-work{min-height:0;background:var(--te-bg)}
html body #creative-tools .cu-size-workspace .cu-size-stage{min-height:0}
html body #creative-tools .cu-size-workspace .cu-size-tools{padding:7px 4px;gap:8px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--te-line) transparent}
html body #creative-tools .cu-size-workspace .cu-size-tools :is(.cu-size-mode-icons,.cu-size-shapes,.cu-size-options){gap:3px}
html body #creative-tools .cu-size-workspace :is(.cu-size-shapes,.cu-size-options,.cu-size-fill){border-color:var(--te-line)}
html body #creative-tools .cu-size-workspace .cu-size-shapes,html body #creative-tools .cu-size-workspace .cu-size-options{padding-top:7px}
html body #creative-tools .cu-size-workspace .cu-size-tools input[type=color]{background:transparent!important}
html body #creative-tools .cu-size-workspace .cu-side{overflow:auto;padding:12px;gap:10px;scrollbar-gutter:stable;scrollbar-width:thin}
html body #creative-tools .cu-size-workspace .cu-rule{background:var(--te-line)}
html body #creative-tools .cu-size-workspace .cu-size-bottom{flex:none;background:var(--te-panel);color:var(--te-muted);border-color:var(--te-line);padding:5px 10px;font-size:10px;min-height:24px;box-sizing:border-box}
html body #creative-tools .cu-size-workspace .cu-size-footer{flex:none;padding:7px 10px;min-height:42px;gap:8px;border-color:var(--te-line);background:var(--te-header);box-sizing:border-box}
html body #creative-tools .cu-size-workspace .cu-size-footer button{font-size:11px;min-height:28px;padding:4px 8px}
html body #creative-tools .cu-size-workspace .cu-size-footer>.cu-hint{font-size:10px}
html body #creative-tools .cu-size-workspace .cu-size-layers-dock{height:80px;min-height:80px;flex:none;padding:6px 10px;align-items:flex-start;gap:8px;flex-wrap:nowrap;border-color:var(--te-line)}
html body #creative-tools .cu-size-workspace .cu-size-layers-dock>strong{padding-top:7px}
html body #creative-tools .cu-size-workspace .cu-size-layers-dock .cu-layers{display:flex;flex-wrap:wrap;max-height:66px;overflow:auto;align-content:flex-start;gap:4px;scrollbar-width:thin;scrollbar-color:var(--te-line) transparent}
html body #creative-tools .cu-size-workspace .cu-size-layer{display:flex;align-items:center;border:1px solid var(--te-line);border-radius:5px;padding:0 2px;background:var(--te-field);max-width:100%}
html body #creative-tools .cu-size-workspace .cu-size-layer:has([data-size-select][aria-pressed=true]){background:var(--te-selection);border-color:var(--te-accent)}
html body #creative-tools .cu-size-workspace .cu-size-layer button{display:inline-flex;align-items:center;justify-content:center;gap:5px;background:transparent!important;border:0!important;padding:3px;min-height:27px;color:var(--te-muted)!important}
html body #creative-tools .cu-size-workspace .cu-size-layer [data-size-select]{max-width:130px;color:var(--te-text)!important;justify-content:flex-start}
html body #creative-tools .cu-size-layer [data-size-select] span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
html body #creative-tools .cu-size-workspace .cu-size-layer :is([data-size-visible],[data-size-lock]){width:24px;flex:none}
html body #creative-tools .cu-size-workspace .cu-size-order{display:flex;flex-direction:column;gap:2px;flex:none}
html body #creative-tools .cu-size-workspace .cu-size-order button{display:flex;align-items:center;justify-content:center;padding:2px;width:26px;min-height:26px}
html body #creative-tools .cu-size-workspace .cu-size-ratio{display:flex;align-items:center;gap:6px;font-size:11px}
html body #creative-tools .cu-size-workspace .cu-size-ratio input{width:13px;height:13px;min-height:13px;accent-color:var(--te-action);margin:0}
html body #creative-tools .cu-size-workspace .cu-side>h3{display:flex;justify-content:space-between;align-items:center}
html body #creative-tools .cu-size-workspace .cu-size-swap{display:flex;justify-content:center;align-items:center;min-height:24px!important;height:24px;width:26px;padding:3px!important}
html body #creative-tools .cu-size-workspace .cu-size-danger{color:var(--te-danger)!important}
html body #creative-tools .tool-workspace-max:has(.cu-size-workspace){padding:0!important;overflow:hidden!important;background:var(--xx-bg)}
html body #creative-tools .tool-workspace-max:has(.cu-size-workspace)>:not(.cu-size-workspace):not(:has(.cu-size-workspace)){display:none!important}
html body #creative-tools .tool-workspace-max .cu-size-workspace{height:100dvh;border-radius:0;border:0}
@media(max-width:1100px){html body #creative-tools .cu-size-workspace .cu-size-footer>.cu-hint{display:none}}
@media(max-width:760px){html body #creative-tools .cu-shell.cu-size-workspace{height:auto;min-height:720px}html body #creative-tools .cu-size-workspace [data-u-body]{overflow:visible;flex:none}html body #creative-tools .cu-size-workspace .cu-size-layout{grid-template-columns:42px minmax(0,1fr);flex:none}html body #creative-tools .cu-size-workspace .cu-size-work{grid-column:2;grid-row:1;height:460px}html body #creative-tools .cu-size-workspace .cu-size-tools{grid-column:1;grid-row:1}html body #creative-tools .cu-size-workspace .cu-side{grid-column:1/-1;grid-row:2;max-height:420px;border-left:0;border-top:1px solid var(--te-line)}html body #creative-tools .cu-size-workspace .cu-size-footer>div{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:6px}html body #creative-tools .cu-size-workspace .cu-size-layers-dock{height:106px;min-height:106px}html body #creative-tools .cu-size-workspace .cu-size-layers-dock .cu-layers{max-height:92px}html body #creative-tools .tool-workspace-max:has(.cu-size-workspace){overflow:auto!important}html body #creative-tools .tool-workspace-max .cu-size-workspace{height:auto;min-height:100dvh}html body #creative-tools .cu-size-workspace .cu-project-bar{padding:0 6px;gap:4px}html body #creative-tools .cu-size-workspace .cu-save{font-size:9px}html body #creative-tools .cu-size-workspace .cu-size-arrange-dock .cu-button-grid{flex-basis:100%;order:2}}

html body #creative-tools .cu-size-workspace[data-tool-theme] .cu-size-layers-dock .cu-size-layer button[data-size-visible]{background:transparent!important;border-color:transparent!important}

/* tool-workspace-chrome.449fd3cb50e01468.css */
/* Consistent editor chrome. Scope interaction changes to tool controls, never artwork. */
html body :is(#creative-tools,.studioShell) :is(button,summary):is(:hover,:active){translate:none!important;scale:none!important}
html body #creative-tools :is(.tool-editor-surface,.ap-shell) button:not(.at-key,.ap-key,.ap-object-key,.an-overview-key,.ar-tree-fold,.cte-play-controls>button):is(:hover,:active),html body.retouch-page .studioShell button:is(:hover,:active){transform:none!important;transition-property:color,background-color,border-color,opacity!important}
html body #creative-tools#creative-tools .twc-ready{color:var(--te-text);background:var(--te-bg);overflow:hidden!important}
html body #creative-tools#creative-tools .twc-header{box-sizing:border-box;grid-column:1/-1;grid-row:1;display:flex;align-items:center;gap:12px;flex:0 0 35px;height:35px;min-height:35px;padding:0 12px;border-bottom:1px solid var(--te-line);background:linear-gradient(var(--te-top),var(--te-header));font-size:11px;color:var(--te-text);position:relative;z-index:25}
html body #creative-tools#creative-tools .twc-header :is(button,summary){height:27px;min-height:27px;padding:3px 7px;font-size:11px;border:1px solid transparent;background:transparent;color:var(--te-text);border-radius:5px;box-shadow:none;white-space:nowrap}
html body #creative-tools#creative-tools .twc-project-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:45%;color:var(--te-muted)}
html body #creative-tools#creative-tools .twc-storage-note{margin-left:auto;font-size:10px;color:var(--te-muted)}
html body #creative-tools#creative-tools .twc-header-actions{display:flex;align-items:center;gap:2px;margin-left:0;flex:none}
html body #creative-tools#creative-tools .twc-header-actions :is(button,.tool-appearance button){display:grid;place-items:center;width:28px;min-width:28px;padding:4px;font-size:0;line-height:1;background:transparent!important;border:0!important;color:var(--te-muted)!important}
html body #creative-tools#creative-tools .twc-header-actions .tool-appearance{display:flex;gap:2px;margin:0;padding:0;border:0;background:transparent}
html body #creative-tools#creative-tools .twc-header svg{width:17px;height:17px;display:block}
html body #creative-tools#creative-tools .twc-header :is(button,summary):hover:not(:disabled){background:var(--te-hover)!important;color:var(--te-accent)!important}
html body #creative-tools#creative-tools .twc-file-menu{position:relative;flex:none}
html body #creative-tools#creative-tools .twc-file-menu summary{list-style:none;cursor:pointer}
html body #creative-tools#creative-tools .twc-file-menu>div{position:absolute;top:31px;left:0;min-width:168px;padding:5px;display:grid;gap:3px;background:var(--te-panel);border:1px solid var(--te-line);border-radius:7px;box-shadow:0 8px 24px #0003}
html body #creative-tools#creative-tools .twc-file-menu>div button{text-align:left;height:30px}
html body #creative-tools#creative-tools .xx-editor.twc-ready{grid-template-rows:35px minmax(0,1fr)}
html body #creative-tools#creative-tools .xx-editor.twc-ready>.xx-work{grid-row:2;grid-column:1;min-height:0}
html body #creative-tools#creative-tools .xx-editor.twc-ready>.xx-props{grid-row:2;grid-column:2;min-height:0;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--te-muted) 32%,transparent) transparent}
html body #creative-tools#creative-tools #tool-workspace-id-photo{grid-template-columns:42px minmax(0,1fr) 280px!important}
html body #creative-tools#creative-tools #tool-workspace-id-photo>.xx-work{grid-column:2}
html body #creative-tools#creative-tools #tool-workspace-id-photo>.xx-props{grid-column:3}
html body #creative-tools#creative-tools #tool-workspace-id-photo>.id-rail{position:static;grid-row:2;grid-column:1;width:42px;min-width:0;max-height:none;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;margin:0;border:0;border-right:1px solid var(--te-line);border-radius:0;box-shadow:none;background:var(--te-panel);overflow:auto;scrollbar-width:thin}
html body #creative-tools#creative-tools #tool-workspace-id-photo>.id-rail button{flex:none;width:32px;height:32px;min-height:32px;padding:6px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--te-muted)}
html body #creative-tools#creative-tools .id-rail button>span{display:none}
html body #creative-tools#creative-tools .id-rail button>svg{width:19px;height:19px;margin:0}
html body #creative-tools#creative-tools .id-rail button[aria-pressed=true]{background:var(--te-selection)!important;color:var(--te-accent)!important;border-color:var(--te-accent)!important}
html body #creative-tools#creative-tools .twc-ready .xx-file-name{display:none}
html body #creative-tools#creative-tools .twc-ready .id-empty{background:transparent!important}
html body #creative-tools#creative-tools .cu-shell.twc-ready{display:flex;flex-direction:column}
html body #creative-tools#creative-tools .twc-ready>[data-u-body]{min-height:0;flex:1}
/* Text: the controls always fit; only long text and the comparison result scroll. */
html body #creative-tools#creative-tools #tool-workspace-text-tools>.cu-project-bar{flex:none;height:35px;min-height:35px;box-sizing:border-box;padding:3px 12px;gap:8px;flex-wrap:nowrap}
html body #creative-tools#creative-tools #tool-workspace-text-tools .cu-project-actions{display:none}
html body #creative-tools#creative-tools #tool-workspace-text-tools>.cu-project-bar button{height:27px;min-height:27px;font-size:11px;padding:3px 7px}
html body #creative-tools#creative-tools #tool-workspace-text-tools .cu-save{flex-basis:auto;order:0;font-size:10px}
html body #creative-tools#creative-tools #tool-workspace-text-tools :is([data-u-body],.ctw){display:flex;flex-direction:column;overflow:visible}
html body #creative-tools#creative-tools #tool-workspace-text-tools :is(.ctw,.cu-text-layout,.cu-text-work){flex:1;min-height:0}
html body #creative-tools#creative-tools #tool-workspace-text-tools :is(.cu-text-layout,.cu-text-work){display:flex;flex-direction:column;align-items:stretch;width:100%}
html body #creative-tools#creative-tools #tool-workspace-text-tools .cu-text-panes{flex:1;min-height:0;padding:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;align-content:stretch;grid-template-rows:minmax(0,1fr)}
html body #creative-tools#creative-tools #tool-workspace-text-tools .cu-text-pane{display:flex;flex-direction:column;min-height:0;min-width:0;gap:7px}
html body #creative-tools#creative-tools #tool-workspace-text-tools .cu-text-pane>span{flex:none;height:28px;min-height:28px;gap:7px;font-size:11px}
html body #creative-tools#creative-tools #tool-workspace-text-tools .cu-text-pane textarea{flex:1;min-height:80px;height:0;resize:none;overflow:auto;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--te-muted) 35%,transparent) transparent;line-height:1.75!important}
html body #creative-tools#creative-tools #tool-workspace-text-tools .ctw-editbar{flex:none;padding:0 12px 10px;flex-wrap:nowrap;gap:8px}
html body #creative-tools#creative-tools #tool-workspace-text-tools .ctw-source{gap:6px;font-size:11px}
html body #creative-tools#creative-tools #tool-workspace-text-tools .ctw-source select{width:150px}
html body #creative-tools#creative-tools #tool-workspace-text-tools .ctw-result-actions{gap:5px;flex-wrap:nowrap}
html body #creative-tools#creative-tools #tool-workspace-text-tools .ctw-editbar button{min-height:30px;font-size:11px;padding:4px 8px}
html body #creative-tools#creative-tools #tool-workspace-text-tools .ctw-dock{flex:none;min-height:0}
html body #creative-tools#creative-tools #tool-workspace-text-tools .ctw-tabs{min-height:35px;box-sizing:border-box;padding:4px 10px;gap:5px;flex-wrap:nowrap}
html body #creative-tools#creative-tools #tool-workspace-text-tools .ctw-tabs button{min-height:27px;padding:3px 8px;font-size:11px;white-space:nowrap}
html body #creative-tools#creative-tools #tool-workspace-text-tools .ctw-tabs>span{display:none}
html body #creative-tools#creative-tools #tool-workspace-text-tools .ctw-panel{height:185px;box-sizing:border-box;overflow:visible;padding:12px}
html body #creative-tools#creative-tools #tool-workspace-text-tools .ctw-group{gap:7px}
html body #creative-tools#creative-tools #tool-workspace-text-tools .ctw-buttons button{font-size:11px;padding:4px 7px;min-height:29px}
html body #creative-tools#creative-tools #tool-workspace-text-tools :is(.ctw-group h3,.cu-text-compare-head h3){font-size:12px}
html body #creative-tools#creative-tools #tool-workspace-text-tools .cu-diff-section{display:flex;flex-direction:column;height:100%;min-height:0}
html body #creative-tools#creative-tools #tool-workspace-text-tools .cu-diff{flex:1;min-height:0;overflow:auto;scrollbar-width:thin}
html body #creative-tools#creative-tools #tool-workspace-text-tools .cu-text-compare-head{flex:none}
/* Storyboard: remove the light seams and keep pagination beside the shot list. */
html body #creative-tools#creative-tools #tool-workspace-storyboard>.cu-project-bar{flex:none;border-color:var(--te-line);background:var(--te-header)}
html body #creative-tools#creative-tools #tool-workspace-storyboard :is(.cu-story-mainbar,.cu-story-commandbar){padding:5px 12px;gap:7px;border-color:var(--te-line);background:linear-gradient(var(--te-top),var(--te-header))}
html body #creative-tools#creative-tools #tool-workspace-storyboard .cu-story-mainbar [data-u-export]{display:none}
html body #creative-tools#creative-tools #tool-workspace-storyboard .cu-story-mainbar .cu-inline-field:first-child{min-width:100px}
html body #creative-tools#creative-tools #tool-workspace-storyboard [data-story-title]{height:28px;min-height:28px;max-width:230px}
html body #creative-tools#creative-tools #tool-workspace-storyboard :is(.cu-story-menu summary,.cu-story-menu>div){background:var(--te-panel)!important;color:var(--te-text)!important;border-color:var(--te-line)!important;box-shadow:none}
html body #creative-tools#creative-tools #tool-workspace-storyboard .cu-story-menu summary{min-height:28px;padding:4px 8px}
html body #creative-tools#creative-tools #tool-workspace-storyboard>[data-u-body]{display:flex;flex-direction:column;overflow:hidden}
html body #creative-tools#creative-tools #tool-workspace-storyboard .cu-story-grid{display:flex;flex-direction:column;flex:1;min-height:0;overflow:auto;padding:12px;gap:12px;background:var(--te-bg)!important;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--te-muted) 32%,transparent) transparent}
html body #creative-tools#creative-tools #tool-workspace-storyboard .cu-shot{flex:none;background:var(--te-panel)!important;border-color:var(--te-line)!important;box-shadow:none}
html body #creative-tools#creative-tools #tool-workspace-storyboard .cu-shot.is-alternate{background:color-mix(in srgb,var(--te-panel) 95%,var(--te-accent))!important}
html body #creative-tools#creative-tools #tool-workspace-storyboard .cu-story-pagination{flex:none;gap:9px;padding:7px 10px;border-color:var(--te-line);font-size:10px}
html body #creative-tools#creative-tools #tool-workspace-storyboard .cu-story-pagination button{min-height:27px;padding:3px 7px}
html body #creative-tools#creative-tools #tool-workspace-pdf-pages>[data-u-body],html body #creative-tools#creative-tools #tool-workspace-pdf-pages .cu-pdf-workspace{display:flex;flex-direction:column;min-height:0;flex:1}
html body #creative-tools#creative-tools #tool-workspace-pdf-pages .cu-pdf-grid{flex:1;min-height:0;overflow:auto;scrollbar-width:thin}
html body #creative-tools#creative-tools .twc-ready .cu-pdf-export-menu :is(summary,div){background:var(--te-panel)!important;color:var(--te-text)!important;border-color:var(--te-line)!important}
@media(max-width:850px){
 html body #creative-tools#creative-tools .xx-editor.twc-ready{height:auto!important;max-height:none!important;min-height:0!important;grid-template-columns:1fr!important;grid-template-rows:35px auto auto}
 html body #creative-tools#creative-tools .xx-editor.twc-ready>.xx-work{grid-column:1;grid-row:2;height:480px;min-height:0}
 html body #creative-tools#creative-tools .xx-editor.twc-ready>.xx-props{grid-column:1;grid-row:3;overflow:visible;height:auto}
 html body #creative-tools#creative-tools #tool-workspace-id-photo{grid-template-columns:42px minmax(0,1fr)!important}
 html body #creative-tools#creative-tools #tool-workspace-id-photo>.xx-work{grid-column:2}
 html body #creative-tools#creative-tools #tool-workspace-id-photo>.xx-props{grid-column:1/-1}
 html body #creative-tools#creative-tools .cu-shell.twc-ready{height:auto!important;min-height:720px;max-height:none!important}
 html body #creative-tools#creative-tools #tool-workspace-text-tools .cu-text-pane textarea{height:250px;flex:auto}
 html body #creative-tools#creative-tools #tool-workspace-text-tools .ctw-panel{height:auto;min-height:185px}
 html body #creative-tools#creative-tools #tool-workspace-storyboard .cu-story-grid{max-height:650px;flex:auto}
 html body #creative-tools#creative-tools #tool-workspace-pdf-pages .cu-pdf-grid{max-height:650px;flex:auto}
}
@media(max-width:600px){
 html body #creative-tools#creative-tools .twc-header{gap:7px;padding:0 8px}
 html body #creative-tools#creative-tools .twc-storage-note{display:none}
 html body #creative-tools#creative-tools .twc-header-actions{margin-left:auto}
 html body #creative-tools#creative-tools #tool-workspace-text-tools .cu-text-panes{grid-template-columns:1fr}
 html body #creative-tools#creative-tools #tool-workspace-text-tools .ctw-editbar{flex-wrap:wrap}
 html body #creative-tools#creative-tools #tool-workspace-text-tools .ctw-tabs{flex-wrap:wrap}
 html body #creative-tools#creative-tools #tool-workspace-text-tools :is(.ctw-groups,.ctw-format-grid){grid-template-columns:1fr;gap:16px}
 html body #creative-tools#creative-tools #tool-workspace-text-tools .cu-diff{max-height:250px}
 html body #creative-tools#creative-tools .ap-project>.ap-signin-notice{display:none!important}
 html body #creative-tools#creative-tools .ap-project>.apj-menubar{flex:1 1 0;min-width:0}
 html body #creative-tools#creative-tools .ap-project>:is(.apj-quick-save,.apt-theme-switch,[data-au=maximize]){flex:0 0 25px;min-width:25px}
 html body #creative-tools#creative-tools .apj-menubar .apj-current{width:100%;max-width:100%}
}
html body #creative-tools#creative-tools .twc-ready.tool-workspace-max{position:fixed!important;inset:10px!important;width:auto!important;height:calc(100dvh - 20px)!important;max-height:none!important;min-height:0!important;z-index:100002;border-radius:9px!important}

/* public-header-position.4c52a7e99b31f522.css */
/* Own both axes: late legacy account CSS must not offset or clip the public header. */
html body #publicSiteHeader.site-header.public-site-header{position:sticky;inset-inline:auto;left:auto;right:auto;bottom:auto;margin-inline:auto;height:auto;overflow:visible;float:none;transform:none;translate:none;rotate:none;scale:none;flex-shrink:0}
/* Show the current header layout rather than a snapshot from another document. */
@view-transition{navigation:none}
html body #publicSiteHeader{view-transition-name:none}

/* public-site-header.9cb48eae55e0afec.css */
/* The public pages share one header; editor and lesson content keep their styles. */
body .site-header.public-site-header{position:sticky;top:12px;z-index:50;display:flex;align-items:center;flex-wrap:nowrap;gap:24px;box-sizing:border-box;width:min(1280px,calc(100% - 48px));max-width:1280px;min-height:68px;margin:12px auto 0;padding:12px 24px;border:1px solid #ffffffd9;border-radius:18px;background:linear-gradient(120deg,#ffffff9e,#edf2ff99);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #c4d5f653,0 9px 30px #546d9916;backdrop-filter:blur(30px) saturate(160%);-webkit-backdrop-filter:blur(30px) saturate(160%);color:#273859;font:14px/1.5 "Microsoft YaHei",system-ui,sans-serif}
body .public-site-header *{box-sizing:border-box}
body .public-site-header a{text-decoration:none;color:inherit}
body .public-site-header .brand{display:flex;align-items:center;gap:10px;flex:none;font-size:18px;white-space:nowrap}
body .public-site-header .brand b{font-weight:700}
body .public-site-header .brand img{display:block;flex:0 0 34px;width:34px;height:34px;object-fit:contain}
body .public-site-header nav{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:28px;margin:0 auto;min-width:0}
body .public-site-header nav :is(a,button){position:relative;flex:none;font-size:14px;line-height:24px;white-space:nowrap;padding:0;border:0;color:#4f6582}
body .public-site-header nav :is(a,button):hover,body .public-site-header nav :is(a,button)[aria-current=page]{color:#276bc1}
body .public-site-header nav :is(a,button)[aria-current=page]:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;border-radius:2px;background:#77a7e8}
body .public-site-header .header-actions{display:flex;align-items:center;gap:14px;flex:none;margin:0}
body .public-site-header .user-actions{display:none}
body .public-site-header .user-actions.visible{display:flex}
html body #publicSiteHeader #userActions{position:relative}
html body #publicSiteHeader .public-account-menu{position:absolute;right:0;top:calc(100% + 10px);z-index:100;display:grid;gap:4px;min-width:172px;padding:7px;border:1px solid #dce5f3;border-radius:12px;background:#fffffff5;box-shadow:0 10px 30px #263e6126;backdrop-filter:blur(16px)}
html body #publicSiteHeader .public-account-menu :is(a,button){display:block;width:100%;padding:10px 12px;border:0;border-radius:7px;background:transparent;text-align:left;color:#3c587b;font:13px/1.5 "Microsoft YaHei",system-ui,sans-serif;cursor:pointer;white-space:nowrap;box-shadow:none;transform:none}
html body #publicSiteHeader .public-account-menu :is(a,button):hover,html body #publicSiteHeader .public-account-menu :is(a,button):focus-visible{background:#edf3ff;color:#2d5fba}
html body #publicSiteHeader .public-account-menu [data-public-logout]{border-top:1px solid #edf0f6;color:#af4c50}
html body #publicSiteHeader .public-account-menu p{max-width:220px;margin:3px 8px;font:11px/1.6 system-ui;color:#a34a4a}
body .public-site-header .header-actions.hidden,body .public-site-header [hidden]{display:none!important}
body .public-site-header .link-button,body .public-site-header .primary{font:inherit;cursor:pointer;white-space:nowrap;border:0;border-radius:10px;padding:9px 16px;margin:0}
body .public-site-header .link-button{padding:8px 0;background:transparent;color:#516884}
body .public-site-header .primary{color:#fff;background:linear-gradient(115deg,#386cf8,#6466ed);box-shadow:inset 0 1px 0 #ffffff5c,0 4px 13px #536be825}
html body .public-site-header #userCenterButton{display:flex!important;align-items:center!important;gap:10px;height:44px;min-height:44px;padding:5px 6px 5px 7px;border:1px solid #b9cff1;border-radius:24px;background:linear-gradient(125deg,#fff,#edf4ff);box-shadow:inset 0 1px #fff,0 3px 12px #4473a914;color:#294b7b;cursor:pointer;font:inherit;white-space:nowrap}
html body .public-site-header #userAvatar{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;margin:0;overflow:hidden;border-radius:50%;background:#e3efff}
html body .public-site-header #userAvatar img{display:block;width:30px;height:30px;object-fit:cover;border-radius:50%}
html body .public-site-header #userName{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
html body .public-site-header #userCenterButton .home-workspace-label{display:inline-block;margin:0;padding:7px 10px!important;border:1px solid #95b7e54d;border-radius:20px;background:#edf4fcaa!important;color:#315d93!important;box-shadow:inset 0 1px #fff8!important;font-size:13px!important;font-weight:550!important;white-space:nowrap}
body .public-site-header a:focus-visible,body .public-site-header button:focus-visible{outline:2px solid #478de6;outline-offset:4px}
@media(max-width:1100px){body .site-header.public-site-header{gap:16px}body .public-site-header nav{gap:18px}}
@media(max-width:800px){body .site-header.public-site-header{top:8px;width:calc(100% - 20px);min-height:62px;margin:8px auto 0;padding:10px 12px;gap:10px;flex-wrap:wrap}body .public-site-header .brand{font-size:16px}body .public-site-header .header-actions{margin-left:auto}body .public-site-header nav{order:3;flex:0 0 100%;width:100%;gap:18px;padding:3px 0;margin:0}body .public-site-header nav :is(a,button){font-size:12px}html body .public-site-header #userName{max-width:58px}html body .public-site-header #userCenterButton{gap:7px}html body .public-site-header #userCenterButton .home-workspace-label{font-size:12px!important;padding:6px 8px!important}}
@media(max-width:380px){body .public-site-header nav{gap:12px}body .public-site-header .brand{gap:7px;font-size:15px}html body .public-site-header #userName{max-width:42px}}

@media(max-width:560px){html body .public-site-header #userName{display:none}}

/* Keep navigation independent of the account pill and page-specific current-link styles. */
html{scrollbar-gutter:stable}
body #publicSiteHeader{display:grid;grid-template-columns:minmax(110px,1fr) auto minmax(220px,1fr);gap:24px}
body #publicSiteHeader .brand{justify-self:start}
html body #publicSiteHeader .brand b{font:inherit;font-weight:700;letter-spacing:0}
body #publicSiteHeader nav{justify-self:center;margin:0;gap:28px}
body #publicSiteHeader .header-actions{justify-self:end;min-width:0;min-height:44px}
body #publicSiteHeader nav :is(a,button){display:block;margin:0;padding:0;border:0;background:none;font-family:inherit;font-size:14px;font-weight:400;line-height:24px;letter-spacing:0;text-decoration:none;white-space:nowrap}
body #publicSiteHeader nav :is(a,button):before{content:none}
body #publicSiteHeader nav :is(a,button):after{content:none}
body #publicSiteHeader nav :is(a,button)[aria-current=page]{padding:0;border:0;color:#276bc1}
body #publicSiteHeader nav :is(a,button)[aria-current=page]:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;border:0;border-radius:2px;background:#77a7e8}
@media(max-width:1100px){body #publicSiteHeader{grid-template-columns:minmax(96px,1fr) auto minmax(190px,1fr);gap:16px}body #publicSiteHeader nav{gap:18px}}
@media(max-width:900px){body #publicSiteHeader{display:flex;gap:10px;flex-wrap:wrap}body #publicSiteHeader .header-actions{margin-left:auto}body #publicSiteHeader nav{order:3;flex:0 0 100%;width:100%;gap:18px;padding:3px 0;margin:0}body #publicSiteHeader nav :is(a,button){font-size:12px}}
@media(max-width:380px){body #publicSiteHeader nav{gap:12px}}

body #publicSiteHeader nav button{cursor:pointer;background:transparent;border:0;font-family:inherit}

/* Shared public shell: fixed account geometry and identical directory headings. */
html body #publicSiteHeader{left:auto;right:auto;bottom:auto;inset-inline:auto;height:auto;overflow:visible;transform:none;translate:none;transition:none;align-self:start}
html body #publicSiteHeader #userCenterButton,
html body #publicSiteHeader #userCenterButton:hover,
html body #publicSiteHeader #userCenterButton:active{transform:none;transition:background .15s,border-color .15s;line-height:21px}
html body #publicSiteHeader #userName{line-height:21px;font-weight:700}
html body #publicSiteHeader #userCenterButton .home-workspace-label{line-height:21px}
body:has(> #publicSiteHeader) > main:has(> #courseGallery){max-width:1240px;margin:0 auto;padding:0 46px 64px}
html body #creative-tools{padding-top:0}
html body #courseGallery .gallery-heading,
html body #creative-tools .xx-hero{display:block;margin:0;padding:26px 0 24px;font-family:"Microsoft YaHei","PingFang SC","Segoe UI",sans-serif}
html body #courseGallery .gallery-heading h1,
html body #creative-tools .xx-hero h1{margin:0;padding:0;font:600 27px/1.4 "Microsoft YaHei","PingFang SC","Segoe UI",sans-serif;letter-spacing:-.5px;color:#192c47}
html body #courseGallery .gallery-heading p,
html body #creative-tools .xx-hero p{margin:6px 0 0;padding:0;max-width:none;font:400 13px/1.65 "Microsoft YaHei","PingFang SC","Segoe UI",sans-serif;letter-spacing:0;color:#52677f}
@media(max-width:850px){body:has(> #publicSiteHeader)>main:has(> #courseGallery){padding-inline:24px}}
@media(max-width:700px){body:has(> #publicSiteHeader)>main:has(> #courseGallery){padding-inline:18px}html body #courseGallery .gallery-heading,html body #creative-tools .xx-hero{padding:20px 0}html body #courseGallery .gallery-heading h1,html body #creative-tools .xx-hero h1{font-size:23px}html body #courseGallery .gallery-heading p,html body #creative-tools .xx-hero p{font-size:12px}}
/* Use the actual header layout across documents instead of a stale snapshot. */
@view-transition{navigation:none}
#publicSiteHeader{view-transition-name:none}
::view-transition-group(public-navigation){animation:none}
::view-transition-old(public-navigation){display:none}
::view-transition-new(public-navigation){animation:none;mix-blend-mode:normal}
@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}

/* Own the complete account-pill appearance; never inherit editor-page overrides. */
body:has(> #publicSiteHeader){min-width:0}
html body #publicSiteHeader nav{flex-wrap:nowrap}
@media(max-width:380px){html body #publicSiteHeader nav{gap:10px}html body #publicSiteHeader nav :is(a,button){font-size:11px}}
html body #publicSiteHeader #userCenterButton{justify-content:center;flex-wrap:nowrap;gap:10px;letter-spacing:0;font-family:"Microsoft YaHei",system-ui,sans-serif}
html body #publicSiteHeader #userCenterButton #userName{max-width:100px;margin:0;padding:0;font:600 13px/21px "Microsoft YaHei",system-ui,sans-serif;letter-spacing:0;color:#294b7b}
html body #publicSiteHeader #userCenterButton .home-workspace-label{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 auto;width:auto!important;height:32px!important;min-height:32px;min-width:0;margin:0;padding:5px 10px!important;border:1px solid #95b7e54d;border-radius:18px!important;font:550 13px/20px "Microsoft YaHei",system-ui,sans-serif!important;letter-spacing:0;background:#edf4fcaa!important;color:#315d93!important;box-shadow:inset 0 1px #fff8!important;transform:none}
html body #publicSiteHeader #userCenterButton:is(:hover,:active) .home-workspace-label{background:#e5eefb!important;border-color:#a6c1e6;transform:none}
@media(max-width:800px){html body #publicSiteHeader #userCenterButton{gap:7px}html body #publicSiteHeader #userCenterButton #userName{max-width:58px}html body #publicSiteHeader #userCenterButton .home-workspace-label{font-size:12px!important;padding-inline:8px!important}}

/* The first directory controls start exactly where the tools grid starts. */
html body #courseGallery .gallery-tools{align-items:center;gap:12px;margin:0 0 16px;font:400 12px/20px "Microsoft YaHei","PingFang SC","Segoe UI",sans-serif}
html body #courseGallery #courseFilters{align-items:center;gap:4px;font:inherit}
html body #courseGallery #courseFilters button{min-height:32px;margin:0;padding:6px 11px;font:inherit;border-radius:8px}
html body #courseGallery #courseSearch{height:34px;padding:6px 11px;font:inherit}
@media(max-width:600px){html body #courseGallery .gallery-tools{align-items:stretch;flex-direction:column;gap:10px}html body #courseGallery #courseSearch{width:100%}html body #courseGallery #courseFilters{gap:3px}html body #courseGallery #courseFilters button{padding-inline:9px}}
@media(max-width:380px){html body #courseGallery .gallery-heading p,html body #creative-tools .xx-hero p{min-height:3.3em}}
/* Publishing is an account capability, not a public navigation item. */
html body #publicSiteHeader.has-publisher-access nav{gap:22px}
@media(min-width:801px) and (max-width:1100px){html body #publicSiteHeader.has-publisher-access{display:flex;flex-wrap:wrap;gap:10px 16px}html body #publicSiteHeader.has-publisher-access .header-actions{margin-left:auto}html body #publicSiteHeader.has-publisher-access nav{order:3;flex:0 0 100%;width:100%;padding:4px 0 0;gap:26px;margin:0}}
@media(max-width:800px){html body #publicSiteHeader.has-publisher-access nav{gap:16px}}
@media(max-width:600px){html body #publicSiteHeader.has-publisher-access nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px 12px;padding-top:6px}html body #publicSiteHeader.has-publisher-access nav :is(a,button){text-align:center;font-size:12px;line-height:24px}html body #publicSiteHeader.has-publisher-access nav [aria-current=page]:after{bottom:-2px;left:18%;right:18%}}

/* tool-workspace-surfaces.cda0bea154e0dfd9.css */
/* Editor surfaces follow the shared palette. Paper, images and exported artwork keep their colors. */
html body #creative-tools#creative-tools .tool-editor-surface[data-tool-theme] :is(.vd-source-spec,.vd-progress-box,.cu-pdf-card,.cu-diff){background:var(--te-field)!important;color:var(--te-text)!important;border-color:var(--te-line)!important;box-shadow:none}
html body #creative-tools#creative-tools .tool-editor-surface[data-tool-theme] :is(.vd-playback,.vd-processing-strip,.cu-pdf-actions,.cu-pdf-view-toolbar,.cu-pdf-view-status,.cu-pdf-view-help,.cu-pdf-progress,.cu-story-save-info){background:var(--te-panel)!important;color:var(--te-muted)!important;border-color:var(--te-line)!important}
html body #creative-tools#creative-tools .tool-editor-surface[data-tool-theme] :is(.cu-pdf-grid,.cu-pdf-viewport,.vd-empty-depth){background:var(--te-bg)!important;color:var(--te-muted)!important;border-color:var(--te-line)!important}
html body #creative-tools#creative-tools .tool-editor-surface[data-tool-theme] :is(.vd-source-spec span,.vd-progress-box [data-vd-status],.vd-progress-box [data-vd-detail],.cu-pdf-card-head,.cu-pdf-grid .cu-empty,.cu-file-label,.cu-text-compare-head>span,.ctw-group p,.ctw-lt-intro p,.ctw-lt-status){color:var(--te-muted)!important}
html body #creative-tools#creative-tools .tool-editor-surface[data-tool-theme] .vd-progress-box [data-vd-percent]{color:var(--te-text)!important}
html body #creative-tools#creative-tools .tool-editor-surface[data-tool-theme] :is(.vd-source-spec,.vd-progress-box,.cu-diff){border:1px solid var(--te-line);border-radius:6px}
html body #creative-tools#creative-tools .tool-editor-surface[data-tool-theme] .vd-energy-track{background:var(--te-line)}
html body #creative-tools#creative-tools .tool-editor-surface[data-tool-theme] .vd-energy-fill{background:var(--te-positive-ink)}
html body #creative-tools#creative-tools .tool-editor-surface[data-tool-theme] .vd-process-dot{background:var(--te-muted)}
html body #creative-tools#creative-tools .tool-editor-surface[data-tool-theme] .vd-depth:has(.vd-empty-depth:not([hidden])){background:var(--te-bg)}
html body #creative-tools#creative-tools .tool-editor-surface[data-tool-theme] :is(.vd-original-label,.vd-depth-label){background:var(--te-panel);color:var(--te-muted);border:1px solid var(--te-line)}
html body #creative-tools#creative-tools .tool-editor-surface.vd-editor[data-tool-theme] progress,
html body #creative-tools#creative-tools .tool-editor-surface.vd-editor[data-tool-theme] progress::-webkit-progress-bar{background:var(--te-line)}
html body #creative-tools#creative-tools .tool-editor-surface.vd-editor[data-tool-theme] progress::-webkit-progress-value{background:var(--te-positive-ink)}
html body #creative-tools#creative-tools .tool-editor-surface.vd-editor[data-tool-theme] progress::-moz-progress-bar{background:var(--te-positive-ink)}
/* Native select popups also need an explicit foreground and background. */
html body #creative-tools#creative-tools .tool-editor-surface[data-tool-theme] select option{background:var(--te-field);color:var(--te-text)}
html body #creative-tools#creative-tools .tool-editor-surface[data-tool-theme] select option:checked{background:var(--te-selection);color:var(--te-accent)}
html body #creative-tools#creative-tools .tool-editor-surface[data-tool-theme] :is(.cu-pdf-topbar,.cu-pdf-actions,.cu-story-mainbar,.cu-story-commandbar,.cu-size-arrange-dock){font-size:11px}
html body #creative-tools#creative-tools .tool-editor-surface[data-tool-theme] :is(.cu-pdf-topbar,.cu-pdf-actions,.cu-story-mainbar,.cu-story-commandbar,.cu-size-arrange-dock) :is(button,select,summary){font-family:inherit;font-size:11px;min-height:28px}
/* PDF chrome surrounds the original page pixels. */
html body #creative-tools#creative-tools .tool-editor-surface[data-tool-theme] .cu-pdf-card.is-selected{border-color:var(--te-accent)!important;box-shadow:0 0 0 1px var(--te-selection)}
html body #creative-tools#creative-tools .tool-editor-surface[data-tool-theme] :is(.cu-pdf-dialog,.cu-pdf-text-dialog){background:var(--te-panel)!important;color:var(--te-text)!important;border-color:var(--te-line)!important}
html body #creative-tools#creative-tools .tool-editor-surface[data-tool-theme] .cu-pdf-export-menu>div{box-shadow:0 8px 24px #0003}
/* Comparison highlights have readable, subdued colors in both modes. */
html body #creative-tools#creative-tools .tool-editor-surface[data-tool-theme] .cu-diff pre{color:var(--te-text)}
html body #creative-tools#creative-tools .tool-editor-surface[data-tool-theme] .cu-diff .cu-added{background:var(--te-positive);color:var(--te-positive-ink)}
html body #creative-tools#creative-tools .tool-editor-surface[data-tool-theme] .cu-diff .cu-removed{background:color-mix(in srgb,var(--te-danger) 16%,var(--te-field));color:var(--te-danger)}
/* Match the size board's project bar and icon sizes to the other workspaces. */
html body #creative-tools#creative-tools .cu-size-workspace .cu-project-bar{height:35px;min-height:35px;flex:0 0 35px;gap:10px;background:linear-gradient(var(--te-top),var(--te-header))!important;color:var(--te-text);border-color:var(--te-line);font-size:11px}
html body #creative-tools#creative-tools .cu-size-workspace .cu-project-bar :is(.cu-size-chrome-icon,.tool-appearance button){height:27px;min-height:27px;width:28px;padding:4px;background:transparent!important;border:0!important;color:var(--te-muted)!important;box-shadow:none!important}
html body #creative-tools#creative-tools .cu-size-workspace .cu-project-bar :is(.cu-size-chrome-icon,.tool-appearance button) svg{width:17px;height:17px}
html body #creative-tools#creative-tools .cu-size-workspace .cu-project-bar :is(.cu-size-chrome-icon,.tool-appearance button):hover:not(:disabled){background:var(--te-hover)!important;color:var(--te-accent)!important}
html body #creative-tools#creative-tools .cu-size-workspace .cu-size-file-menu summary{height:27px;min-height:27px;box-sizing:border-box;display:flex;align-items:center;padding:3px 7px;border-radius:5px}
html body #creative-tools#creative-tools .cu-size-workspace .cu-size-file-menu>div{top:31px}
/* Quiet scrollbars keep their space without creating a bright strip. */
html body #creative-tools#creative-tools .tool-editor-surface[data-tool-theme] :is(.vd-editor .xx-props,.cu-pdf-grid,.cu-pdf-viewport,.cu-diff){scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--te-muted) 30%,var(--te-panel)) transparent}
html body #creative-tools#creative-tools .tool-editor-surface[data-tool-theme] .xx-props::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--te-muted) 30%,var(--te-panel))}
/* ID photo borders and status cards use the same quiet lines as the inspector. */
html body #creative-tools#creative-tools .id-v2[data-tool-theme] :is(.id-stage,.id-export-settings,.id-context-box,.id-size-report,.id-board-picker){border-color:var(--te-line)!important}
html body #creative-tools#creative-tools .id-v2[data-tool-theme] :is(.id-context-box,.id-size-report,.id-board-picker){background:var(--te-field)!important;color:var(--te-muted)!important;box-shadow:none}
html body #creative-tools#creative-tools .id-v2[data-tool-theme] :is(.id-context-box p,.id-size-info,.id-empty p){color:var(--te-muted)!important}
html body #creative-tools#creative-tools .id-v2[data-tool-theme] .id-rail i{background:var(--te-line)}
html body #creative-tools#creative-tools .id-v2[data-tool-theme] .id-board-picker button{border-radius:3px;border-color:var(--te-line)!important}
html body #creative-tools#creative-tools .id-v2[data-tool-theme] .id-board-picker [data-id-board=light]{background:#e7ebf3!important}
html body #creative-tools#creative-tools .id-v2[data-tool-theme] .id-board-picker [data-id-board=dark]{background:#293140!important}
html body #creative-tools#creative-tools .id-v2[data-tool-theme] .id-board-picker [data-id-board=checker]{background:conic-gradient(#fff 25%,#aab4c2 0 50%,#fff 0 75%,#aab4c2 0)!important}
html body #creative-tools#creative-tools .id-v2[data-tool-theme] .id-board-picker button[aria-pressed=true]{outline:1px solid var(--te-accent);outline-offset:1px}
/* A compact, explicit canvas color control, separate from object fill. */
html body #creative-tools#creative-tools .cu-size-background{display:grid;grid-template-columns:minmax(0,1fr) 30px 84px;align-items:center;gap:7px;font-size:11px;color:var(--te-muted)}
html body #creative-tools#creative-tools .cu-size-background input[type=color]{width:30px;height:25px;min-height:25px;padding:0;border-radius:4px}
html body #creative-tools#creative-tools .cu-size-background input[type=text]{width:84px;min-width:0;height:27px;min-height:27px;padding:3px 6px;font:11px/1.4 ui-monospace,monospace}
/* Director-style rail: neutral buttons, thin icons, blue active tools, no tile outlines. */
html body #creative-tools#creative-tools .cu-size-workspace .cu-size-tools{padding:6px 4px;gap:8px;align-items:center;background:var(--te-panel)!important;border-color:var(--te-line)}
html body #creative-tools#creative-tools .cu-size-workspace :is(.cu-size-mode-icons,.cu-size-shapes,.cu-size-options){gap:3px;background:transparent!important}
html body #creative-tools#creative-tools .cu-size-workspace .cu-size-tools :is(button.cu-size-icon,.cu-size-options label){box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;min-height:32px;padding:6px;border:1px solid transparent!important;border-radius:4px!important;background:transparent!important;color:var(--te-muted)!important;box-shadow:none!important;transition:background-color .12s,color .12s!important}
html body #creative-tools#creative-tools .cu-size-workspace .cu-size-tools :is(button.cu-size-icon,.cu-size-options label) svg{width:20px;height:20px;stroke-width:1.5;color:inherit}
html body #creative-tools#creative-tools .cu-size-workspace .cu-size-tools :is(button.cu-size-icon,.cu-size-options label):hover:not(:disabled){background:var(--te-hover)!important;color:var(--te-text)!important}
html body #creative-tools#creative-tools .cu-size-workspace .cu-size-tools :is(button[aria-pressed=true],.cu-size-options label:has(input:checked)){background:var(--te-selection)!important;color:var(--te-accent)!important;border-color:transparent!important}
html body #creative-tools#creative-tools .cu-size-workspace .cu-size-tools :is(button:focus-visible,label:has(input:focus-visible)){outline:1px solid var(--te-accent);outline-offset:1px}
html body #creative-tools#creative-tools .cu-size-workspace .cu-size-tools :is(.cu-size-fill,.cu-size-fill-placeholder){border-color:var(--te-line);border-radius:4px}
html body #creative-tools#creative-tools .cu-size-workspace .cu-size-tools input[type=color]{border-radius:4px;padding:0!important}
/* Storyboard cards: quiet separators and stable reference-image controls. */
html body #creative-tools#creative-tools #tool-workspace-storyboard .cu-shot{border-radius:6px;border-left-width:2px}
html body #creative-tools#creative-tools #tool-workspace-storyboard .cu-shot-head{border-color:var(--te-line);color:var(--te-muted)}
html body #creative-tools#creative-tools #tool-workspace-storyboard .cu-shot-head>b{font-size:16px;line-height:24px;font-weight:600;font-variant-numeric:tabular-nums}
html body #creative-tools#creative-tools #tool-workspace-storyboard .cu-shot-head>div{gap:3px}
html body #creative-tools#creative-tools #tool-workspace-storyboard .cu-shot-head button{height:24px;min-height:24px;padding:2px 6px;border:1px solid transparent!important;border-radius:4px;background:transparent!important;color:var(--te-muted)!important;box-shadow:none!important}
html body #creative-tools#creative-tools #tool-workspace-storyboard .cu-shot-head button:hover:not(:disabled){background:var(--te-hover)!important;color:var(--te-text)!important}
html body #creative-tools#creative-tools #tool-workspace-storyboard .cu-shot-head [data-story-delete]:hover{color:var(--te-danger)!important}
html body #creative-tools#creative-tools #tool-workspace-storyboard .cu-shot-image,
html body #creative-tools#creative-tools #tool-workspace-storyboard .cu-shot-image:is(:hover,:active){background:var(--te-bg)!important;color:var(--te-muted)!important;border:1px solid var(--te-line)!important;border-radius:4px;box-shadow:none!important;transform:none!important;transition:none!important}
html body #creative-tools#creative-tools #tool-workspace-storyboard .cu-shot-image img{opacity:1;transform:none;transition:none;animation:none}
html body #creative-tools#creative-tools #tool-workspace-storyboard .cu-shot-remove-image{background:transparent!important;color:var(--te-muted)!important;border:1px solid transparent!important;box-shadow:none!important;border-radius:4px;transition:none!important}
html body #creative-tools#creative-tools #tool-workspace-storyboard .cu-shot-remove-image:hover{background:var(--te-hover)!important;color:var(--te-danger)!important}
html body #creative-tools#creative-tools #tool-workspace-storyboard :is(.cu-shot-image,.cu-shot-remove-image,.cu-shot-head button):focus-visible{outline:1px solid var(--te-accent);outline-offset:1px}
html body #creative-tools#creative-tools #tool-workspace-storyboard .cu-story-mainbar [data-story-save-status]{width:128px;max-width:128px;flex:0 0 128px;overflow:hidden;text-overflow:ellipsis;text-align:right;font-variant-numeric:tabular-nums;color:var(--te-muted)}
/* Text fields must paint in their chosen theme immediately, without a pale border tween. */
html body #creative-tools#creative-tools .ctw .cu-text-pane textarea{transition:none!important}
/* Storyboard: softly colored shot cards; theme is seeded before their first insertion. */
html body #creative-tools#creative-tools #tool-workspace-storyboard[data-tool-theme=light] .cu-shot[data-shot-tone="0"]{--story-card:#f3f7fc;--story-line:#d4dfed;--story-accent:#8ba7ca;--story-number:#4d6d99;--story-chip:#e3ecf8}
html body #creative-tools#creative-tools #tool-workspace-storyboard[data-tool-theme=light] .cu-shot[data-shot-tone="1"]{--story-card:#f2f8f5;--story-line:#d4e5dc;--story-accent:#8bafa0;--story-number:#557b68;--story-chip:#e1eee7}
html body #creative-tools#creative-tools #tool-workspace-storyboard[data-tool-theme=light] .cu-shot[data-shot-tone="2"]{--story-card:#f8f4fb;--story-line:#e2d6eb;--story-accent:#b39ac7;--story-number:#7b6393;--story-chip:#eee3f4}
html body #creative-tools#creative-tools #tool-workspace-storyboard[data-tool-theme=light] .cu-shot[data-shot-tone="3"]{--story-card:#fcf8f1;--story-line:#e9dfcb;--story-accent:#bca47e;--story-number:#8b7048;--story-chip:#f5ead6}
html body #creative-tools#creative-tools #tool-workspace-storyboard[data-tool-theme=dark] .cu-shot[data-shot-tone="0"]{--story-card:#2d333b;--story-line:#435061;--story-accent:#7395bf;--story-number:#aac8ef;--story-chip:#3b4d65}
html body #creative-tools#creative-tools #tool-workspace-storyboard[data-tool-theme=dark] .cu-shot[data-shot-tone="1"]{--story-card:#2d3634;--story-line:#42584e;--story-accent:#7aab98;--story-number:#add8c6;--story-chip:#3b554a}
html body #creative-tools#creative-tools #tool-workspace-storyboard[data-tool-theme=dark] .cu-shot[data-shot-tone="2"]{--story-card:#35313b;--story-line:#56495f;--story-accent:#a38abb;--story-number:#d2bde8;--story-chip:#514361}
html body #creative-tools#creative-tools #tool-workspace-storyboard[data-tool-theme=dark] .cu-shot[data-shot-tone="3"]{--story-card:#38342e;--story-line:#5f523e;--story-accent:#b59c74;--story-number:#e3cda8;--story-chip:#5c4d39}
html body #creative-tools#creative-tools #tool-workspace-storyboard .cu-shot[data-shot-tone]{background:var(--story-card)!important;border-color:var(--story-line)!important;border-left-color:var(--story-accent)!important;transition:none!important;animation:none!important}
html body #creative-tools#creative-tools #tool-workspace-storyboard .cu-shot[data-shot-tone] .cu-shot-head{border-color:var(--story-line)!important}
html body #creative-tools#creative-tools #tool-workspace-storyboard .cu-shot[data-shot-tone] .cu-shot-head>b{display:inline-flex;align-items:center;justify-content:center;min-width:31px;height:26px;box-sizing:border-box;padding:2px 6px;border-radius:4px;background:var(--story-chip)!important;color:var(--story-number)!important;font-size:14px;line-height:22px}
html body #creative-tools#creative-tools #tool-workspace-storyboard .cu-shot[data-shot-tone] .cu-shot-head>span{color:var(--story-number)!important}
html body #creative-tools#creative-tools #tool-workspace-storyboard :is(input,textarea,select,.cu-shot-head){transition:none!important;animation:none!important}

/* tool-select-ui.9f800427acaaf571.css */
/* Compact select controls, shared by all creative editors. */
.uts-control{display:inline-flex;vertical-align:middle;max-width:100%;min-width:0;flex-shrink:1;position:relative}.uts-control.uts-fluid{display:flex;width:100%}.uts-control>select[hidden]{display:none!important}
html body #creative-tools#creative-tools#creative-tools .uts-button,html body .studioShell.studioShell .uts-button{display:inline-flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;width:100%!important;min-width:0!important;height:28px!important;min-height:28px!important;margin:0!important;padding:3px 8px!important;border:1px solid var(--te-line,#454545)!important;border-radius:4px!important;background:var(--te-field,#3b3b3b)!important;color:var(--te-text,#dedede)!important;font:inherit!important;font-size:11px!important;font-weight:400!important;line-height:20px!important;box-shadow:none!important;outline:none!important;transform:none!important;transition:none!important;text-align:left!important;cursor:pointer}
.uts-button>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.uts-button>svg{flex:none;width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.3;opacity:.6}
html body #creative-tools#creative-tools#creative-tools .uts-button:hover,html body .studioShell.studioShell .uts-button:hover{border-color:var(--te-muted,#ababab)!important;background:var(--te-field,#3b3b3b)!important}
html body #creative-tools#creative-tools#creative-tools .uts-button:focus-visible,html body #creative-tools#creative-tools#creative-tools .uts-button[aria-expanded=true],html body .studioShell.studioShell .uts-button:focus-visible,html body .studioShell.studioShell .uts-button[aria-expanded=true]{border-color:var(--te-accent,#a9ceff)!important;outline:none!important;box-shadow:none!important}
html body #creative-tools#creative-tools#creative-tools .uts-button:disabled,html body .studioShell.studioShell .uts-button:disabled{opacity:.38!important;cursor:default!important;border-color:var(--te-line,#454545)!important}
.uts-menu{--us-panel:#303030;--us-line:#454545;--us-text:#dedede;--us-muted:#ababab;--us-hover:#3a3a3a;--us-selected:#354658;--us-accent:#a9ceff;color-scheme:dark}
.uts-menu[data-theme=light]{--us-panel:#f4f7fb;--us-line:#d5dfeb;--us-text:#253553;--us-muted:#6d819f;--us-hover:#e9eef5;--us-selected:#e1eaf7;--us-accent:#375ab3;color-scheme:light}
html body .uts-menu{position:fixed!important;z-index:2147483100!important;box-sizing:border-box!important;overflow:auto!important;padding:4px!important;border:1px solid var(--us-line)!important;border-radius:5px!important;background:var(--us-panel)!important;color:var(--us-text)!important;box-shadow:0 5px 18px #00000024!important;font:11px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif!important;scrollbar-width:thin;scrollbar-color:var(--us-line) transparent;animation:none!important;transition:none!important}
html body .uts-menu [role=option]{position:relative;box-sizing:border-box;min-height:27px;padding:5px 25px 5px 8px;border:0;border-radius:3px;color:inherit;background:transparent;cursor:pointer;white-space:normal;overflow-wrap:anywhere}
html body .uts-menu [role=option][aria-selected=true]{background:var(--us-selected);color:var(--us-accent)}html body .uts-menu [role=option].is-active{background:var(--us-hover)}html body .uts-menu [role=option][aria-selected=true]::after{content:"";position:absolute;right:9px;top:10px;width:6px;height:3px;border-left:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(-45deg);opacity:.65}html body .uts-menu [aria-disabled=true]{opacity:.35;cursor:default}.uts-group{padding:5px 8px 3px;color:var(--us-muted);font-size:10px}
/* Existing 3D selectors keep their compact toolbar sizing and share the same finish. */
html body #creative-tools#creative-tools#creative-tools .cs-select-button{border-width:1px!important;border-radius:4px!important;outline:none!important;box-shadow:none!important;transition:none!important;transform:none!important;background:var(--atc-field,var(--cw-field,#3b3b3b))!important;color:var(--atc-text,var(--cw-text,#dedede))!important;border-color:var(--atc-line,var(--cw-line,#454545))!important}
html body #creative-tools#creative-tools#creative-tools .cs-select-button:focus-visible,html body #creative-tools#creative-tools#creative-tools .cs-select-button[aria-expanded=true]{outline:none!important;box-shadow:none!important;border-color:var(--atc-accent-ink,var(--cw-accent,#a9ceff))!important}
html body.ap-page-workspace .cs-select-menu.cs-select-menu,html body .cs-select-menu.cs-select-menu{padding:4px!important;border-radius:5px!important;border-width:1px!important;box-shadow:0 5px 18px #00000024!important;animation:none!important;transition:none!important}
html body .cs-select-menu.cs-select-menu [role=option]{position:relative;padding:5px 25px 5px 8px!important;min-height:27px!important;border-radius:3px!important;font-size:11px!important}
html body .cs-select-menu.cs-select-menu [role=option][aria-selected=true]::after{content:""!important;position:absolute;right:9px;top:10px;width:6px;height:3px;border-left:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(-45deg);opacity:.65}
html body .cs-select-menu.cs-select-menu{--us-panel:#303030;--us-line:#454545;--us-text:#dedede;--us-hover:#3a3a3a;--us-selected:#354658;--us-accent:#a9ceff}
html[data-tool-appearance=light] body:not(.ap-page-workspace) .cs-select-menu.cs-select-menu,html body.ap-page-workspace[data-ap-theme=light] .cs-select-menu.cs-select-menu{--us-panel:#f4f7fb;--us-line:#d5dfeb;--us-text:#253553;--us-hover:#e9eef5;--us-selected:#e1eaf7;--us-accent:#375ab3}
html body.ap-page-workspace .cs-select-menu.cs-select-menu,html body .cs-select-menu.cs-select-menu{background:var(--us-panel)!important;color:var(--us-text)!important;border-color:var(--us-line)!important}
html body.ap-page-workspace .cs-select-menu.cs-select-menu [role=option],html body .cs-select-menu.cs-select-menu [role=option]{font-weight:400!important;color:var(--us-text)!important}
html body.ap-page-workspace .cs-select-menu.cs-select-menu [role=option][aria-selected=true],html body .cs-select-menu.cs-select-menu [role=option][aria-selected=true]{background:var(--us-selected)!important;color:var(--us-accent)!important}
html body.ap-page-workspace .cs-select-menu.cs-select-menu [role=option].is-active,html body .cs-select-menu.cs-select-menu [role=option].is-active{background:var(--us-hover)!important}

/* tool-page-frame.b2a2f776b7d2c522.css */
/* The placeholder occupies only the editor, never the title or site navigation. */
html body #creative-tools .tool-page-stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr);min-width:0;min-height:720px;isolation:isolate}
html body #creative-tools .tool-page-content,html body #creative-tools .tool-entry-placeholder{grid-area:1/1;min-width:0}
html body #creative-tools .tool-page-stage[data-pending=true]>.tool-page-content{visibility:hidden;pointer-events:none}
html body #creative-tools .tool-entry-placeholder{box-sizing:border-box;position:relative;z-index:2;display:flex;flex-direction:column;align-self:start;width:100%;height:720px;min-height:720px;border:1px solid #454545;border-radius:16px;background:#242424;color:#ababab;overflow:hidden;animation:none!important;transition:none!important}
html body #creative-tools .tool-entry-toolbar{display:flex;align-items:center;gap:10px;flex:0 0 35px;box-sizing:border-box;padding:0 16px;border-bottom:1px solid #454545;background:linear-gradient(#353535,#292929)}
.tool-entry-toolbar i{display:block;width:24px;height:6px;border-radius:3px;background:#ffffff15}.tool-entry-toolbar i:first-child{width:36px}.tool-entry-toolbar span{flex:1}
html body #creative-tools .tool-entry-body{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:24px;text-align:center;font-size:12px}
.tool-entry-mark{width:25px;height:25px;border:1px solid #ffffff22;border-radius:6px;box-shadow:inset 0 0 0 6px #ffffff05}.tool-entry-body p{margin:0;line-height:1.6}
html[data-tool-appearance=light] body #creative-tools .tool-entry-placeholder{background:#e7edf3;border-color:#d5dfeb;color:#6d819f}
html[data-tool-appearance=light] body #creative-tools .tool-entry-toolbar{background:linear-gradient(#f7fafd,#e6edf5);border-color:#d5dfeb}
html[data-tool-appearance=light] .tool-entry-toolbar i{background:#6d819f25}
html[data-tool-appearance=light] .tool-entry-mark{border-color:#6d819f40;box-shadow:inset 0 0 0 6px #6d819f08}
html body #creative-tools>.xx-container.tool-editor-surface{background:transparent!important;color:inherit!important;color-scheme:normal}
html body #creative-tools .tool-page-stage .tool-appearance{visibility:inherit}

/* Portrait inspector shares the workbench palette and keeps its tabs in view. */
html body #creative-tools#creative-tools .id-v2[data-tool-theme] .id-categorized-props{padding:0!important;gap:0!important;display:flex;flex-direction:column;overflow:hidden!important;min-height:0}
#creative-tools .id-prop-tabs{display:flex;flex:none;gap:0;padding:0 8px;border-bottom:1px solid var(--te-line,#454545);background:var(--te-header,#292929)}
html body #creative-tools#creative-tools .id-v2[data-tool-theme] .id-prop-tabs button{flex:1;min-width:0;min-height:43px;padding:9px 3px!important;font-size:11px!important;white-space:nowrap;border:0!important;border-radius:0!important;background:transparent!important;color:var(--te-muted,#aaa)!important;box-shadow:none!important;position:relative}
html body #creative-tools#creative-tools .id-v2[data-tool-theme] .id-prop-tabs button[aria-selected=true]{color:var(--te-accent,#a9ceff)!important}
#creative-tools .id-prop-tabs button[aria-selected=true]::after{content:'';position:absolute;bottom:0;left:10px;right:10px;height:2px;border-radius:2px;background:currentColor}
#creative-tools .id-prop-panel{display:flex;flex-direction:column;gap:15px;flex:1;min-height:0;padding:18px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--te-line,#454545) transparent}
#creative-tools .id-prop-panel .id-export-settings{padding-top:0;border-top:0;gap:14px}
#creative-tools .id-prop-panel [data-id-paint-settings],#creative-tools .id-prop-panel [data-id-sample-settings]{display:flex;flex-direction:column;gap:12px}
#creative-tools .id-prop-panel [data-id-brush-options] p{margin:0;font-size:11px;line-height:1.6;color:var(--te-muted,#aaa)}
#creative-tools .id-categorized-props>.xx-progress:not([hidden]){flex:none;padding:10px 16px!important;border-top:1px solid var(--te-line,#454545)}
#creative-tools .id-v2 .id-preview[data-id-brush-cursor=true]{cursor:none!important}
#creative-tools .id-brush-cursor{position:absolute;pointer-events:none;z-index:1;box-sizing:border-box;border:1px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #111b,inset 0 0 0 1px #1118;transform:translate(-50%,-50%);display:grid;place-items:center}
#creative-tools .id-brush-cursor i{position:absolute;width:var(--id-hardness);height:var(--id-hardness);box-sizing:border-box;border:1px dashed #fffa;border-radius:50%;filter:drop-shadow(0 0 1px #111)}
#creative-tools .id-brush-cursor span{color:#fff;font:12px/1 Arial,sans-serif;text-shadow:0 1px 1px #111,1px 0 1px #111;user-select:none}
@media(max-width:650px){html body #creative-tools#creative-tools .id-v2[data-tool-theme] .id-categorized-props{min-height:350px;max-height:560px}#creative-tools .id-prop-panel{max-height:480px;flex:1 1 auto}}

/* A quiet, centered import action shared by the image and video workspaces. */
#creative-tools .xi-stage{position:relative}
#creative-tools .tool-media-empty,body.retouch-page #empty.tool-media-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2;padding:20px;box-sizing:border-box;text-align:center}
#creative-tools .id-empty.tool-media-empty{max-width:none;gap:0}
#creative-tools .tool-media-empty[hidden],body.retouch-page #empty.tool-media-empty[hidden]{display:none!important}
html body #creative-tools#creative-tools .tool-media-empty>button,body.retouch-page .studioShell #empty.tool-media-empty>button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 18px!important;min-height:44px;min-width:128px!important;border:1px solid var(--te-line,var(--xx-line,#cbd6e3))!important;border-radius:8px!important;background:var(--te-field,var(--xx-soft,#f4f7fb))!important;color:var(--te-accent,var(--xx-ink,#526b90))!important;font:inherit!important;font-size:13px!important;font-weight:500!important;box-shadow:none!important;transform:none!important}
#creative-tools .tool-media-empty>button svg,body.retouch-page #empty.tool-media-empty>button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}
#creative-tools .xi-stage[data-media-empty=true]>:not(.tool-media-empty){visibility:hidden}
html body #creative-tools#creative-tools button.tool-media-close{flex:none;min-width:25px;width:25px;max-width:25px;min-height:25px;height:25px;padding:4px!important;border:0!important;background:transparent!important;color:var(--te-muted,#9aa8b8)!important;box-shadow:none!important}
#creative-tools .tool-media-close svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4}
#creative-tools .vd-output-settings{display:flex;flex-direction:column;gap:10px}
#creative-tools .vd-output-settings small{font-size:11px;line-height:1.6;color:var(--te-muted,#899bb2)}
#creative-tools .vd-output-settings .xx-error{color:var(--te-danger,#df8790)}
#creative-tools .vd-output-settings .xd-size-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#creative-tools .vd-output-settings .xd-size-fields label{display:flex;flex-direction:column;gap:5px;font-size:11px;min-width:0}
#creative-tools .vd-output-settings .xd-size-fields input{width:100%;min-width:0;box-sizing:border-box}
#creative-tools .vd-output-settings [data-vd-custom-size]{display:flex;flex-direction:column;gap:10px}
#creative-tools .vd-output-settings [hidden]{display:none!important}
body.retouch-page #empty.tool-media-empty{transform:none;max-width:none;margin:0;top:0;left:0;width:100%;height:100%}
body.retouch-page .studioShell button.tool-media-close{min-width:25px;width:25px;min-height:25px;height:25px;padding:4px;border:0!important;background:transparent!important;color:var(--xx-muted,#8b9bb0)!important;box-shadow:none!important}
body.retouch-page .tool-media-close svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4}

/* Preview navigation never changes the exported portrait crop. */
#creative-tools .id-v2 .id-stage .id-preview{position:absolute;max-width:none!important;max-height:none!important;flex:none;transform:none;box-sizing:content-box;border:0;outline:none}
#creative-tools .id-v2 .id-stage{padding:0;touch-action:none}
#creative-tools .id-v2 .id-preview[data-mode=hand],#creative-tools .id-v2 .id-stage[data-space=true] .id-preview{cursor:grab}
#creative-tools .id-v2 .id-stage[data-panning=true],#creative-tools .id-v2 .id-stage[data-panning=true] .id-preview{cursor:grabbing}
#creative-tools .id-v2 .id-view-tools{display:flex;align-items:center;gap:3px;margin-left:auto;flex-wrap:nowrap}
#creative-tools .id-v2 .id-view-tools button{min-width:30px;min-height:30px;padding:4px 7px;font-size:12px;line-height:1.4}
#creative-tools .id-v2 .id-view-tools output{min-width:42px;text-align:center;font-size:11px;font-variant-numeric:tabular-nums;color:var(--atc-muted,#94a3b8)}
#creative-tools .id-v2 .id-board-picker{z-index:4}
@media(max-width:650px){#creative-tools .id-v2 .xx-work-toolbar{gap:4px}#creative-tools .id-v2 .id-view-tools{gap:0}#creative-tools .id-v2 .id-view-tools button{min-width:27px;padding:4px}#creative-tools .id-v2 .xx-work-toolbar>[data-id-action=original]{font-size:11px}}






/* Keep the public tool-share surface light and isolated from workspace dialog themes. */
html{color-scheme:only light!important}
html body dialog.xts-dialog{
  background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='2' viewBox='0 0 2 2'%3E%3Cpath fill='%23fff' d='M0 0h2v2H0z'/%3E%3C/svg%3E")!important;background-repeat:repeat!important;color:#223b5d!important;border-color:#dbe5f1!important;
  color-scheme:light!important;box-shadow:0 28px 90px #173a6b2b!important;
}
html body dialog.xts-dialog .xts-top h2,html body dialog.xts-dialog .xts-info h3{color:#203b5d!important}
html body dialog.xts-dialog :is(.xts-label,.xts-description,.xts-link-label,.xts-status){color:#6f86a2!important}
html body dialog.xts-dialog .xts-close{background:#f5f8fc!important;color:#536c88!important;border-color:#d7e1ed!important}
html body dialog.xts-dialog .xts-info button{background:#fff!important;color:#356b9f!important;border-color:#cad8e7!important}
html body dialog.xts-dialog .xts-info button.xts-primary{background:#2f78da!important;color:#fff!important;border-color:#2f78da!important}
html body dialog.xts-dialog .xts-link-label input{background:#f7f9fc!important;color:#435a75!important;border-color:#d5dfeb!important}
html body dialog.xts-dialog,html body dialog.xts-dialog *{color-scheme:only light!important;forced-color-adjust:none!important}
html:has(body dialog.xts-dialog[open]){color-scheme:only light!important}
html body dialog.xts-dialog{position:relative!important;isolation:isolate}
html body dialog.xts-dialog>.xts-surface-bg{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:fill;border-radius:inherit;pointer-events:none}
html body dialog.xts-dialog>:not(.xts-surface-bg){position:relative;z-index:1}


/* PDF toolbar: primary actions above quiet page selection; scoped to this tool. */
html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-topbar{display:flex;align-items:center;justify-content:space-between;flex:none;gap:12px;padding:10px 16px;flex-wrap:wrap;border-bottom:1px solid var(--te-line,#e4e9f0);background:var(--te-panel,#fff)}
html body #creative-tools#creative-tools .cu-pdf-compact :is(.cu-pdf-primary-tools,.cu-pdf-export,.cu-pdf-export-split){display:flex;align-items:center;gap:6px;flex-wrap:nowrap}
html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-primary-tools{min-width:0}
html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-export{margin-left:auto;flex-basis:auto;gap:12px}
html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-topbar button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;font-size:12px;padding:6px 12px;white-space:nowrap;border-radius:7px;line-height:20px;box-sizing:border-box}
html body #creative-tools#creative-tools .cu-pdf-compact svg{display:block;width:16px;height:16px;flex:none;pointer-events:none}
html body #creative-tools#creative-tools .cu-pdf-compact [data-pdf-history-slot]{margin:0 3px 0 4px}
html body #creative-tools#creative-tools .cu-pdf-compact [data-pdf-history-slot] .cu-history{display:flex;gap:3px}
html body #creative-tools#creative-tools .cu-pdf-compact [data-pdf-history-slot] button{width:32px;padding:0;border-color:transparent!important;background:transparent!important;box-shadow:none!important}
html body #creative-tools#creative-tools .cu-pdf-compact [data-pdf-history-slot] button:not(:disabled):hover{background:var(--te-hover,#edf2fa)!important}
html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-paper-label{display:flex;align-items:center;gap:8px;margin:0;color:var(--te-muted,#728198);font-size:11px;white-space:nowrap}
html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-paper-label select{min-height:34px;height:34px;min-width:118px;width:auto;font-size:12px;border-radius:7px;padding:5px 28px 5px 10px}
html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-export-split{gap:0}
html body #creative-tools#creative-tools .cu-pdf-compact [data-pdf-merge]{border-radius:7px 0 0 7px!important;padding:6px 14px}
html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-export-menu{font-size:12px;position:relative}
html body #creative-tools#creative-tools .cu-pdf-compact :is(.cu-pdf-export-menu,.cu-pdf-options)>summary{list-style:none;display:flex;align-items:center;justify-content:center;box-sizing:border-box;cursor:pointer;min-height:34px;height:34px;width:32px;padding:0;border-radius:7px;border:1px solid transparent;outline-offset:2px}
html body #creative-tools#creative-tools .cu-pdf-compact summary::-webkit-details-marker{display:none}
html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-export-menu>summary{border-radius:0 7px 7px 0;background:var(--te-action,#246bea)!important;border-color:var(--te-action,#246bea)!important;border-left-color:#ffffff30!important;color:#fff!important}
html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-export-menu>summary:hover{background:color-mix(in srgb,var(--te-action,#246bea) 88%,#000)!important}
html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-options{position:relative;font-size:12px}
html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-options>summary{color:var(--te-muted,#728198);background:transparent}
html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-options>summary svg{stroke-width:3}
html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-options>summary:hover{background:var(--te-hover,#edf2fa)}
html body #creative-tools#creative-tools .cu-pdf-compact :is(.cu-pdf-export-menu,.cu-pdf-options)>div{position:absolute;top:calc(100% + 7px);right:0;z-index:40;width:224px;min-width:0;max-width:calc(100vw - 32px);padding:6px;display:grid;gap:1px;border:1px solid var(--te-line,#e1e7f0)!important;border-radius:9px;background:var(--te-panel,#fff)!important;color:var(--te-text,#354b68)!important;box-shadow:0 8px 24px #00000022}
html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-options>div{left:0;right:auto;width:270px}
html body #creative-tools#creative-tools .cu-pdf-compact :is(.cu-pdf-export-menu,.cu-pdf-options)>div>button{display:flex;justify-content:flex-start;text-align:left;width:100%;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:5px;min-height:32px;height:auto;padding:5px 10px;font-size:12px;color:var(--te-text,#354b68)!important}
html body #creative-tools#creative-tools .cu-pdf-compact :is(.cu-pdf-export-menu,.cu-pdf-options)>div>button:not(:disabled):hover{background:var(--te-hover,#edf2fa)!important}
html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-menu-label{font-size:10px;line-height:18px;padding:3px 10px;color:var(--te-muted,#728198);pointer-events:none}
html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-menu-label:not(:first-child){border-top:1px solid var(--te-line,#e4e9f0);margin-top:3px;padding-top:6px}
html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-options-panel p{padding:8px 10px;margin:0;line-height:1.65;font-size:11px;color:var(--te-muted,#728198);border-top:1px solid var(--te-line,#e4e9f0)}
html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-options-panel [hidden]{display:none}
html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-actions{display:flex;align-items:center;gap:12px;flex:none;padding:6px 16px;min-height:40px;box-sizing:border-box;flex-wrap:wrap;border-bottom:1px solid var(--te-line,#e4e9f0);background:var(--te-panel,#fff)}
html body #creative-tools#creative-tools .cu-pdf-compact :is(.cu-pdf-selection,.cu-pdf-batch){display:flex;align-items:center;gap:10px;flex-wrap:nowrap}
html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-select-all{display:flex;align-items:center;gap:7px;margin:0;font-size:12px;white-space:nowrap;cursor:pointer}
html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-select-all input{width:14px;height:14px;min-height:0;margin:0;flex:none;accent-color:#4b8aeb}
html body #creative-tools#creative-tools .cu-pdf-compact [data-pdf-count]{font-size:11px;margin:0;white-space:nowrap;min-width:82px;color:var(--te-muted,#728198);font-variant-numeric:tabular-nums}
html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-batch{gap:3px;border-left:1px solid var(--te-line,#e4e9f0);padding-left:10px}
html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-actions button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:27px;height:27px;padding:3px 7px;font-size:11px;line-height:20px;border:0!important;background:transparent!important;box-shadow:none!important;white-space:nowrap;border-radius:5px}
html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-actions button:not(:disabled):hover{background:var(--te-hover,#edf2fa)!important}
html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-actions button svg{width:14px;height:14px}
html body #creative-tools#creative-tools .cu-pdf-compact [data-pdf-save-slot]{margin-left:auto;min-width:0;font-size:10px;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--te-muted,#728198)}
html body #creative-tools#creative-tools .cu-pdf-compact [data-pdf-save-slot] .cu-save{margin:0;font-size:10px;white-space:nowrap}
html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-grid{padding-top:14px}
@media(max-width:650px){
 html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-topbar{gap:8px;padding:9px 10px}
 html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-topbar button{padding:5px 9px;font-size:11px}
 html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-export{gap:6px}
 html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-paper-label>span{display:none}
 html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-paper-label select{min-width:96px;max-width:116px;font-size:11px}
 html body #creative-tools#creative-tools .cu-pdf-compact [data-pdf-history-slot]{margin:0}
 html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-actions{padding:5px 10px;gap:8px}
 html body #creative-tools#creative-tools .cu-pdf-compact :is(.cu-pdf-selection,.cu-pdf-batch){gap:5px}
 html body #creative-tools#creative-tools .cu-pdf-compact [data-pdf-save-slot]{display:none}
 html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-options>div{left:auto;right:-100px;width:250px}
}
@media(max-width:460px){
 html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-topbar{display:grid;grid-template-columns:1fr;gap:8px}
 html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-primary-tools{gap:3px}
 html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-options{margin-left:auto}
 html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-options>div{right:0}
 html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-export{margin:0;justify-content:space-between;gap:8px}
 html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-paper-label>span{display:inline}
 html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-batch{padding-left:6px}
 html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-select-all{font-size:11px}
}

/* Preview and page ranges stay beside the existing actions without adding a new toolbar. */
html body #creative-tools#creative-tools .cu-pdf-compact [data-pdf-output-preview]{gap:5px}
html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-paper-label>.uts-control{display:inline-flex!important;flex:none}
html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-small-menu{position:relative;font-size:11px;flex:none}
html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-small-menu>summary{display:flex;align-items:center;gap:4px;cursor:pointer;list-style:none;min-height:27px;box-sizing:border-box;padding:3px 7px;border:0;border-radius:5px;line-height:20px;white-space:nowrap;color:var(--te-text,#354b68);outline-offset:2px}
html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-small-menu>summary::after{content:'';width:4px;height:4px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin:0 2px 3px}
html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-small-menu>summary:hover{background:var(--te-hover,#edf2fa)}
html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-small-menu>summary[aria-disabled=true]{opacity:.4;cursor:default}
html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-small-menu>div{position:absolute;top:calc(100% + 6px);left:0;width:260px;max-width:calc(100vw - 36px);box-sizing:border-box;z-index:40;background:var(--te-panel,#fff)!important;border:1px solid var(--te-line,#e0e6ef);border-radius:9px;padding:12px;color:var(--te-text,#354b68);box-shadow:0 8px 24px #0002;display:grid;gap:8px}
html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-small-menu label{font-size:11px;line-height:18px;margin:0}
html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-small-menu input{width:100%;min-width:0;min-height:32px;height:32px;box-sizing:border-box;border-radius:6px;font-size:12px;margin:0;padding:5px 8px}
html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-small-menu :is(.cu-pdf-menu-buttons,.cu-pdf-move-field){display:flex;gap:6px;align-items:center}
html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-small-menu .cu-pdf-move-field input{flex:1;width:0}
html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-small-menu button{background:var(--te-hover,#edf2fa)!important;min-height:29px;height:29px;padding:4px 8px}
html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-small-menu p{margin:0;font-size:10px;line-height:1.6;white-space:normal}
html body #creative-tools#creative-tools .cu-pdf-compact :is([data-pdf-range-error],[data-pdf-move-error]){color:#d08865}
html body #creative-tools#creative-tools .cu-pdf-compact :is([data-pdf-range-error],[data-pdf-move-error]):empty{display:none}
html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-page-actions{opacity:0;transition:opacity .15s ease;min-height:28px;box-sizing:border-box}
html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-card:is(:hover,:focus-within) .cu-pdf-page-actions{opacity:1}
html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-page-actions button{display:flex;align-items:center;justify-content:center;padding:3px 2px;flex:1;min-width:0;white-space:nowrap}
html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-page-actions svg{width:13px;height:13px}
html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-card.is-dragging{border-style:dashed}
html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-view-kind{flex:none;font-size:11px;line-height:20px;padding:4px 12px;background:var(--te-panel,#f1f5fb);color:var(--te-accent,#5277ae);border-bottom:1px solid var(--te-line,#e3e9f2)}
html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-view-kind[hidden]{display:none}
@media(hover:none){html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-page-actions{opacity:1}}
@media(prefers-reduced-motion:reduce){html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-page-actions{transition:none}}
@media(max-width:650px){
 html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-range-menu>div{left:auto;right:-36px}
 html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-move-menu>div{left:0}
}
@media(max-width:460px){
 html body #creative-tools#creative-tools .cu-pdf-compact [data-pdf-output-preview]{width:32px;padding:0;flex:none}
 html body #creative-tools#creative-tools .cu-pdf-compact [data-pdf-output-preview]>span{display:none}
 html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-actions{column-gap:6px;row-gap:1px}
 html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-batch{margin-left:0}
 html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-move-menu>div{left:0;right:auto}
 html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-small-menu>div{width:min(260px,calc(100vw - 76px))}
 html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-range-menu>div{right:-10px}
}
@media(max-width:360px){
 html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-paper-label>span:not(.uts-control){display:none}
 html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-paper-label .uts-control{width:88px!important}
 html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-paper-label select{min-width:88px;width:88px}
}

/* Card tools float on the preview, without reserving an empty footer. */
html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-grid{align-content:start;align-items:start;grid-auto-rows:max-content!important}
html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-card{position:relative;align-self:start}
html body #creative-tools#creative-tools .cu-pdf-compact button.cu-pdf-preview{height:auto!important;min-height:0!important;aspect-ratio:var(--cu-pdf-ratio,.707107);padding:5px!important;box-sizing:border-box}
html body #creative-tools#creative-tools .cu-pdf-compact .cu-file-label{margin:5px 8px 7px!important;line-height:18px!important;height:18px;padding:0!important}
html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-page-actions{position:absolute;left:8px;right:8px;bottom:36px;z-index:2;min-height:32px;padding:4px!important;gap:3px;border-radius:7px;border:1px solid var(--te-line,#dce6ef);background:var(--te-panel,#fff)!important;box-shadow:0 3px 12px #0003;opacity:0;transition:opacity .15s ease;box-sizing:border-box}
html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-page-actions button{height:26px!important;min-height:26px!important;max-height:26px;border:0!important;border-radius:4px!important;background:transparent!important;box-shadow:none!important}
html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-page-actions button:not(:disabled):hover{background:var(--te-hover,#edf2fa)!important}
html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-card:is(:hover,:focus-within) .cu-pdf-page-actions{opacity:1}
@media(hover:none){html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-page-actions{opacity:1}}
@media(prefers-reduced-motion:reduce){html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-page-actions{transition:none}}

/* Tighter card chrome with a translucent preview overlay. */
html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-card-head{height:24px!important;min-height:24px!important;padding:1px 6px!important}
html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-card-head button.cu-drag{width:21px!important;height:21px!important;min-height:21px!important}
html body #creative-tools#creative-tools .cu-pdf-compact button.cu-pdf-preview{padding:2px!important}
html body #creative-tools#creative-tools .cu-pdf-compact .cu-file-label{height:14px!important;line-height:14px!important;margin:3px 6px 4px!important;font-size:10px!important}
html body #creative-tools#creative-tools .cu-pdf-compact .cu-pdf-page-actions{bottom:26px;left:6px;right:6px;background:color-mix(in srgb,var(--te-panel,#fff) 72%,transparent)!important;border-color:color-mix(in srgb,var(--te-line,#dce6ef) 55%,transparent)!important;box-shadow:0 2px 8px #0002}