:root{font-family:'Avenir Next','Segoe UI',Arial,sans-serif;color:#302740;background:#faf9fd;font-synthesis:none;--pink:#ec70b4;--green:#d7fa60;--ink:#7844d5;--muted:#706780;--line:#ece7f4}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.46}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,[tabindex]:focus-visible,summary:focus-visible{outline:3px solid #8752d8;outline-offset:4px}a{color:inherit}header{height:82px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:20px}.brand{font-size:26px;letter-spacing:-1.2px;font-weight:800;text-decoration:none;display:flex;align-items:center;color:#403052}.brand>span:last-child{font-weight:450}.brand-icon{background:linear-gradient(135deg,#5fbcca,#8e50de);color:white;border-radius:13px;padding:4px 10px;margin-right:10px;box-shadow:0 4px 12px #8152bd25}.brand-icon span{font-size:19px;color:#fff}.privacy{font-size:12px;display:flex;align-items:center;gap:8px;background:#f4faf7;padding:9px 13px;border-radius:20px;color:#426856}.privacy i{width:7px;height:7px;background:#55a283;border-radius:50%}.text-button{border:1px solid #e1d5f2;background:white;color:#7344b4;border-radius:10px;padding:10px 16px;font-size:13px;font-weight:650;min-height:42px}main{max-width:1400px;margin:auto;padding:0 5%}.intro{display:flex;justify-content:space-between;align-items:center;padding:38px 5% 34px;margin:28px 0;background:linear-gradient(112deg,#f0e9ff 0%,#f7edfa 53%,#e5f6f5 100%);border-radius:26px;overflow:hidden;min-height:280px;gap:20px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:1.4px;color:#7956a4}.eyebrow>span{margin-right:7px;font-size:18px}h1{font-size:clamp(35px,4.3vw,58px);line-height:1.08;letter-spacing:-2px;margin:14px 0}h1 span{color:#8051c6}.intro p{font-size:15px;line-height:1.7;color:#776985;margin:14px 0}.hero-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.hero-chips span{font-size:10px;color:#756386;background:#ffffffa6;border:1px solid #fff;padding:6px 11px;border-radius:20px}.creative-scene{position:relative;flex:0 0 310px;height:230px}.scene-paper{position:absolute;width:245px;height:215px;top:0;left:30px;background:#fff;border-radius:18px;box-shadow:0 14px 30px #6e50951c;transform:rotate(7deg);border:1px solid #fff}.paper-dots{display:flex;gap:5px;padding:15px 17px 0}.paper-dots i{height:5px;width:5px;border-radius:50%;background:#ddd4ef}.scene-paper>svg{width:210px;display:block;margin:0 auto}.paper-caption{position:absolute;bottom:15px;left:0;right:0;text-align:center;font-size:12px;font-weight:700;color:#9282aa}.scene-label{position:absolute;left:-5px;bottom:-2px;background:white;box-shadow:0 7px 20px #69548315;border-radius:12px;padding:12px 17px;font-size:12px;font-weight:650;transform:rotate(-6deg);color:#6b49a0}.scene-cursor{position:absolute;right:-5px;bottom:7px;display:flex;align-items:end;gap:0}.scene-cursor b{font-size:11px;color:white;background:#8055df;padding:5px 10px;border-radius:6px;margin-bottom:-10px}.scene-spark{position:absolute;font-size:37px;z-index:1}.spark-one{left:-10px;top:15px;color:#b494dd}.spark-two{right:-6px;top:30px;color:#dc91b4}.steps{display:flex;gap:14px;margin:0 0 22px}.steps>div{flex:1;display:flex;align-items:center;gap:13px;background:white;border:1px solid var(--line);border-radius:15px;padding:17px 20px;font-size:15px;font-weight:700;color:#786c87}.steps b{font-size:16px;display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border-radius:13px;background:#f2edf9;color:#9675bc}.steps span{display:block;font-size:11px;font-weight:400;margin-top:3px;color:#847b8e}.steps i{margin-left:auto;font-size:22px;font-style:normal;color:#b8a2d4}.steps .active{border-color:#d5c1f4;background:#f7f2ff;color:#6733b1}.steps .active b{background:#8651d6;color:white}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:24px;align-items:start}.editor,.settings{background:white;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 5px 24px #49346104}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:23px 25px;border-bottom:1px solid #f2edf8}.panel-heading h2{font-size:17px;letter-spacing:-.3px;margin:0;font-weight:700}.panel-heading>span{font-size:11px;color:#81768e;max-width:50%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.drop{margin:24px;border:2px dashed #d9c9ef;border-radius:17px;background:radial-gradient(ellipse at center,#fcfaff,#f8f4fe);min-height:375px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;text-align:center;cursor:pointer}.drop.drag{border-color:#8b56d6;background:#eee1ff}.upload-icon{width:85px;height:85px;background:white;color:#9a74cf;display:grid;place-items:center;border-radius:23px;transform:rotate(-7deg);box-shadow:0 9px 24px #7553a412;border:1px solid #eee6f9}.drop h3{font-size:25px;letter-spacing:-.6px;margin:24px 0 0}.drop p{font-size:14px;color:#877594;margin:10px 0 23px}.primary{background:linear-gradient(100deg,#8d4ade,#6f4ad7);border:0;color:white;border-radius:12px;padding:16px 23px;font-weight:700;font-size:15px;display:flex;justify-content:space-between;gap:25px;align-items:center;min-height:52px;box-shadow:0 5px 13px #814fd024}.primary span{font-size:21px}.drop small{font-size:11px;line-height:1.6;color:#8a7d96;margin-top:20px}.tip{display:flex;gap:13px;align-items:center;background:#fbfaff;border-top:1px solid var(--line);padding:20px 24px}.tip>span{color:#9c78cb;font-size:25px}.tip p{font-size:12px;color:#867792;line-height:1.7;margin:0;flex:1}.tip strong{color:#69517e;font-weight:650}.tip a{display:inline-block;color:#7944b7;font-weight:600}.tip button{border:1px solid #e5d9f5;background:white;border-radius:10px;color:#7952a4;font-size:12px;padding:10px;min-height:44px}.tag{letter-spacing:1px;font-size:9px!important;background:#f4effb;padding:6px 9px;border-radius:6px}.settings fieldset{border:0;padding:23px;margin:0}.settings label{display:block;font-size:13px;font-weight:650;margin-bottom:18px}select,.unit-input{margin-top:8px;display:block;width:100%;background:#fdfcfe;border:1px solid #e6dfed;border-radius:10px;min-height:46px}select{padding:0 10px;font-size:13px;color:#665574}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.unit-input{display:flex;align-items:center;padding:0 12px;gap:8px}.unit-input input{width:100%;min-width:0;border:0;background:none;color:#453251;outline-offset:0;font-size:15px}.unit-input span{font-size:12px;color:#918099}.unit-input output{flex:1;font-size:15px}.hint{font-size:11px!important;color:#887a93;line-height:1.65;margin:-6px 0 16px}.hint strong{font-weight:650}hr{border:0;border-top:1px solid var(--line);margin:24px 0}.settings h3{font-size:14px;margin:0 0 18px;display:flex;justify-content:space-between;align-items:center}.lock{font-size:10px;color:#94809e;font-weight:400}.sizeinfo{font-size:11px;color:#796680;margin:-4px 0 15px}.download-panel{margin-top:20px;background:linear-gradient(130deg,#eee4fc,#f5eaf7);border:1px solid #e7d9f5;border-radius:20px;padding:25px}.download-panel .eyebrow{font-size:10px;color:#9273ad}.download-panel h2{font-size:24px;letter-spacing:-.6px;margin:10px 0;color:#633c89}.download-panel p{font-size:13px;line-height:1.6;color:#765d89;margin:0 0 18px}.download-panel>p:last-child{font-size:10px;margin:13px 0 0;text-align:center}.download-panel .primary{width:100%}.confirm{display:flex;align-items:flex-start;font-size:12px;line-height:1.6;gap:9px;margin:19px 0;color:#6b537c}input[type=checkbox]{accent-color:#8651d6;width:17px;height:17px;flex-shrink:0}.tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);padding:13px 18px}.tabs button{border:0;background:none;border-radius:10px;padding:12px 17px;font-size:13px;color:#8c799b;min-height:44px}.tabs button.selected{background:#eee4fa;color:#7541ad;font-weight:700}.tabs i{display:inline-block;width:7px;height:7px;background:#f04daa;border-radius:100%;margin-left:5px}.preview{height:460px;display:flex;align-items:safe center;justify-content:safe center;overflow:auto;background:#f7f5fa;padding:24px}.checkers{background-color:#fcfbfe;background-image:linear-gradient(45deg,#eeebf2 25%,transparent 25%),linear-gradient(-45deg,#eeebf2 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eeebf2 75%),linear-gradient(-45deg,transparent 75%,#eeebf2 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}canvas{display:block;flex-shrink:0}.preview-tools{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 17px;border-top:1px solid var(--line);font-size:11px;flex-wrap:wrap;color:#7c698c}.preview-tools button{background:white;border:1px solid #e7ddef;border-radius:8px;color:#7c558f;font-size:12px;padding:8px 11px;min-height:40px;min-width:40px}.preview-tools output{margin:0 7px}.preview-tools label{display:flex;align-items:center;gap:5px}.caption{font-size:12px;line-height:1.6;color:#776382;margin:0;padding:0 21px 18px}.progress-wrap{padding:20px 24px;font-size:13px;color:#77549c}.progress-wrap>div{display:flex;justify-content:space-between;margin-bottom:9px}progress{width:100%;height:8px;accent-color:#9a65d9}#message:not(:empty){font-size:13px;line-height:1.7;background:#eef8f3;border:1px solid #d6ebdf;color:#507b66;margin:20px;border-radius:12px;padding:15px}#message.error{background:#fff1f4;border-color:#f2c8d4;color:#964d61}.guide{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:28px;margin:45px 0 30px;padding:29px;background:#fff;border:1px solid var(--line);border-radius:20px}.guide h2{font-size:25px;line-height:1.2;letter-spacing:-.8px}.guide article b{font-size:10px;letter-spacing:1px;color:#ab85c8}.guide article h3{font-size:14px;margin:17px 0 10px}.guide p{font-size:12px;color:#75647f;line-height:1.8}.technical{border-top:1px solid var(--line);padding:21px 5px;font-size:12px;color:#84758f}.technical summary{cursor:pointer;font-weight:600;min-height:24px}.technical p{line-height:1.8;max-width:900px}.technical a{font-weight:700}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:25px 0 35px;font-size:11px;color:#796784}footer .brand{font-size:20px}.preparation{border:1px solid #e6ddf2;background:#fff;border-radius:14px;margin:0 0 23px;scroll-margin-top:20px}.preparation summary{cursor:pointer;padding:17px 23px;display:flex;align-items:center;justify-content:space-between;gap:18px;list-style:none}.preparation summary::-webkit-details-marker{display:none}.preparation summary b{display:block;font-size:14px;color:#78618b}.preparation summary small{display:block;font-size:12px;line-height:1.6;color:#7e6a8a;margin-top:4px}.prepare-toggle{font-size:24px;color:#a183ba;background:#f5effb;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;flex-shrink:0}.preparation[open] .prepare-toggle{transform:rotate(45deg)}.prepare-content{padding:4px 23px 23px}.prepare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.prepare-grid article{border-top:1px solid var(--line);padding-top:18px}.prepare-grid article>b{font-size:11px;color:#b493cd;letter-spacing:1px}.prepare-grid h3{font-size:14px;margin:9px 0}.prepare-grid p{font-size:12px;line-height:1.8;color:#73617f;margin:8px 0}.prepare-check{background:#f5effb;border-radius:12px;padding:16px 18px;font-size:12px;line-height:1.8;margin:22px 0 0;color:#86619d}[hidden]{display:none!important}@media(max-width:1100px){.workspace{grid-template-columns:minmax(0,1fr) 330px}.preview-tools{justify-content:center}.tip{flex-wrap:wrap}.creative-scene{transform:scale(.85);transform-origin:right center;flex-basis:265px}.steps>div{padding:15px;gap:10px}.steps i{display:none}.settings fieldset{padding:20px}.lock{font-size:9px}.guide{gap:20px;padding:23px}}@media(max-width:800px){main{padding:0 4%}header{height:72px;padding:0 4%}.privacy{display:none}.intro{padding:28px 6%;margin:20px 0;min-height:255px}.creative-scene{flex-basis:210px;transform:scale(.7)}.intro p{font-size:13px}h1{font-size:38px}.workspace{grid-template-columns:1fr}.steps span{font-size:10px}.steps>div{font-size:13px}.steps b{width:32px;height:32px;font-size:14px}.guide{grid-template-columns:1fr 1fr}.guide>div{grid-column:1/-1}.guide h2 br{display:none}.prepare-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.brand{font-size:23px}.text-button{font-size:12px;padding:9px 12px}.intro{position:relative;min-height:250px;padding:25px 22px}.intro-copy{position:relative;z-index:1;max-width:100%}.creative-scene{position:absolute;right:-68px;top:-42px;transform:scale(.46);transform-origin:center;opacity:.7;pointer-events:none}.intro h1{font-size:35px;margin-top:19px;letter-spacing:-1.5px}.intro .eyebrow{font-size:9px}.intro p{font-size:12px}.hero-chips span{font-size:9px}.steps{gap:7px}.steps>div{padding:12px 8px;gap:7px;align-items:center;font-size:11px;border-radius:12px}.steps b{width:25px;height:29px;border-radius:9px;font-size:12px}.steps span{display:none}.preparation summary{padding:15px}.preparation summary b{font-size:13px}.preparation summary small{font-size:11px}.panel-heading{padding:19px}.panel-heading h2{font-size:16px}.drop{min-height:335px;margin:16px;padding:20px 13px}.drop h3{font-size:24px}.drop p{font-size:12px}.drop small{font-size:10px}.tabs{padding:10px;gap:3px}.tabs button{padding:11px 12px;font-size:12px;flex:1}.preview{height:350px}.tip{padding:17px}.tip p{font-size:11px}.preview-tools{font-size:10px}.prepare-grid{grid-template-columns:1fr;gap:16px}.prepare-content{padding:0 16px 16px}.guide{gap:18px;padding:20px;margin-top:28px}.guide article:last-child{grid-column:1/-1}.guide h2{font-size:23px}footer{gap:15px;flex-wrap:wrap;font-size:10px}}@media(prefers-reduced-motion:no-preference){button,.drop,.primary{transition:background .2s,box-shadow .2s,transform .2s}.primary:not(:disabled):hover{box-shadow:0 7px 20px #814fd040;transform:translateY(-1px)}.drop:hover{border-color:#b696dc}.text-button:hover{background:#f5effc}}

@media(max-width:550px){.creative-scene{display:none}}
/* v4: optional contour/mask editing, kept outside the three-step default flow. */
.secondary,.preset-row button,.history-bar button{border:1px solid #d9c8ed;border-radius:10px;padding:11px 14px;background:#faf7ff;color:#7243a6;font-size:12px;font-weight:650;min-height:44px}.secondary[aria-pressed=true],.preset-row button[aria-pressed=true]{background:#8050ca;color:white}.wide{width:100%;margin:0 0 15px}.spaced{margin-top:0}.settings input[type=range],.advanced input[type=range]{display:block;width:100%;margin:13px 0 8px;accent-color:#8350d1}.settings label>output,.advanced label>output{float:right;color:#9471b3;font-size:12px}.preset-row{display:flex;gap:7px;margin:-5px 0 18px;flex-wrap:wrap}.preset-row button{flex:1;padding:8px 10px;white-space:nowrap}.edit-entry{display:flex;gap:10px;flex-wrap:wrap;padding:15px 21px;border-top:1px solid #ede5f6}.advanced{background:#faf7fe;border-top:1px solid #ece2f7;padding:20px 23px}.advanced h3{font-size:16px;margin:0 0 17px}.advanced h3 span{display:block;font-size:11px;color:#917a9f;font-weight:400;margin-top:5px}.advanced label{display:block;font-size:12px;font-weight:600;margin:0 0 18px}.editor-row{display:grid;grid-template-columns:1.4fr 1fr;gap:12px}.history-bar{padding:13px 21px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;border-top:1px solid #eee5f6}.history-bar span{font-size:11px;color:#876298;width:100%;line-height:1.6}.quality{background:#ffffffad;border:1px solid #e0d1ef;border-radius:10px;padding:12px;font-size:12px;line-height:1.6;color:#7c628f;margin:14px 0 9px}.quality.pass{background:#eef9f1;color:#367451;border-color:#b9dfc8}.quality.error{background:#fff0f1;color:#944d59;border-color:#e9c2c8}.download-panel .quality-note{font-size:10px;line-height:1.6;margin:0 0 13px}.preview.editing{touch-action:none}canvas.interactive{cursor:crosshair;touch-action:none}.tabs button:disabled{opacity:.6}.preset-row button:focus-visible,.secondary:focus-visible{outline:3px solid #8050ca;outline-offset:2px}@media(max-width:550px){.editor-row{grid-template-columns:1fr}.advanced{padding:18px}.edit-entry .secondary{flex:1}}

/* Plain-language editing choices with two illustrative outcomes. */
.cut-choice{border-top:1px solid #e4d6f0;margin-top:20px;padding-top:20px}.cut-examples{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 14px}.cut-examples>div{background:#fff;border:1px solid #e6d9f0;border-radius:12px;padding:12px}.cut-examples svg{display:block;width:100%;height:78px}.cut-examples svg circle:not([fill]),.cut-examples svg rect:not([fill]),.cut-examples svg path{fill:none;stroke:#ee009d;stroke-width:2;stroke-dasharray:4 3}.cut-examples b{font-size:12px;color:#574169}.cut-examples p{font-size:12px;line-height:1.6;color:#735e81;margin:6px 0 0}.advanced select{max-width:100%;width:100%}@media(max-width:550px){.cut-examples{grid-template-columns:1fr}}

.background-action{padding:18px 21px;border-top:1px solid #ede5f6;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.background-action p{width:100%;margin:0;font-size:12px;line-height:1.6;color:#725a85}.background-action #bgStatus{font-size:11px}.background-action .primary{min-height:44px}

.language-picker{display:flex;flex-direction:column;gap:3px;font-size:10px;color:#725a85;white-space:nowrap}.language-picker select{min-height:40px;width:110px;padding:7px 10px;border:1px solid #dccbea;border-radius:10px;background:#fff;color:#51366a;font:inherit;font-size:13px;cursor:pointer}.language-picker select:focus-visible{outline:3px solid #8050ca;outline-offset:2px}@media(max-width:550px){header{flex-wrap:wrap;gap:10px}.language-picker{margin-left:auto}.language-picker select{width:100px}}

/* v15: creative workbench, quiet controls and an image-first layout. */
:root{background:#f5f2ec;color:#29213c;--muted:#5d526b;--line:#e1dce8}header{height:auto;min-height:76px;padding:12px 3%;background:#fffefb}.brand{font-weight:900}.brand-icon{background:#7545cc;box-shadow:3px 3px 0 #d7fa60}main{max-width:1560px;padding:0 3%}.intro{margin:22px 0 18px;padding:24px 32px;min-height:190px;position:relative;background:#ede6fc;border:1px solid #d8c9ef;border-radius:24px;overflow:hidden}.intro h1{font-family:'Arial Rounded MT Bold','Trebuchet MS',sans-serif;font-size:clamp(34px,3.7vw,54px);font-weight:900;letter-spacing:-2px;margin:8px 0;line-height:1.02}.intro h1 span{color:#7036bd}.intro p{color:#463654;margin:12px 0;font-size:15px}.hero-chips{margin-top:12px}.hero-chips span{font-size:11px;color:#47385b;background:#fff;border-color:#ded2ed}.creative-scene{flex-basis:340px;height:175px;transform:none}.sticker-art{width:100%;height:100%;transform:rotate(-3deg)}.sticker-art svg{width:100%;height:100%;filter:drop-shadow(4px 6px 0 #39224d15)}.creative-note{position:absolute;bottom:0;right:5px;background:#29213c;color:white;padding:8px 14px;border-radius:6px;transform:rotate(-5deg);font-weight:750;font-size:13px}.steps{margin:0 0 16px;gap:12px}.steps>div{padding:12px 17px;border-color:#dcd5e5}.steps .active{background:#e9e0fa;border-color:#ac8fcd}.steps span{color:#61526e}.workspace{grid-template-columns:minmax(0,1fr) 335px;gap:22px}.editor{border:2px solid #d7c9e6;border-radius:22px;box-shadow:5px 6px 0 #e4dce9}.panel-heading{padding:17px 22px;background:#fffefb}.panel-heading h2{font-size:18px;font-weight:800}.panel-heading>span{color:#5e526c}.drop{margin:20px;min-height:430px;border:2px dashed #ab89d3;background:radial-gradient(circle at 80% 10%,#e6f3dc 0,transparent 35%),radial-gradient(circle at 15% 85%,#f9e1eb 0,transparent 36%),#faf8ff}.drop h3{font-size:30px;font-family:'Trebuchet MS',sans-serif;color:#362449}.drop p,.drop small{color:#5b4a6b}.upload-icon{color:#7947bd;border:2px solid #d7c6e8;box-shadow:5px 5px 0 #d7fa60}.primary{background:#7540c8;box-shadow:0 3px 0 #54259b}.preview{height:clamp(410px,58vh,690px)}.tabs button{color:#5c496a}.tabs button.selected{background:#e6d8fc;color:#572995}.caption,.hint,.sizeinfo,.lock,.settings label>output,.background-action p,.technical,.tip p,.tip strong{color:#5c4b6b}.hint{font-size:12px!important}.settings{border-color:#d7c9e6;border-radius:19px}.settings fieldset{padding:20px}.settings select{color:#40304e;border-color:#cabbda}.unit-input{border-color:#cabbda;background:white}.unit-input span{color:#62516e}.more-options{border-top:1px solid #dfd5e8;padding-top:15px;margin-top:20px}.more-options summary{cursor:pointer;min-height:44px;display:flex;justify-content:space-between;align-items:center;font-weight:750;color:#583778;list-style:none}.more-options summary::-webkit-details-marker{display:none}.more-options summary span{font-size:23px}.more-options[open] summary span{transform:rotate(45deg)}.more-content{padding-top:18px}.more-content .edit-entry{padding:12px 0 0}.more-content .edit-entry button{width:100%}.secondary{color:#59377b;border-color:#cbb8dd;background:white}.secondary[aria-pressed=true]{color:white;background:#7540c8}#toggleOffset{display:flex;justify-content:space-between;align-items:center;background:#eff7da;border:1px solid #bed38f;font-size:14px;color:#354d20}#offsetValue{font-weight:800;white-space:nowrap}.visual-examples{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 20px}.visual-examples figure{margin:0;background:#f7f4fc;border:1px solid #e4d9ef;border-radius:12px;padding:8px;text-align:center}.visual-examples svg{height:70px;width:100%;display:block}.visual-examples figcaption{font-size:11px;line-height:1.5;color:#574064}.inline-help{width:100%;font-size:12px;color:#604874}.inline-help summary{cursor:pointer;padding:6px 0}.inline-help p{padding:8px 0}.background-action{padding:16px 22px;background:#fffefb}.background-action .primary{font-size:14px}.background-action #bgStatus{color:#5c4b6b}.history-bar{background:#f6f0ff}.history-bar span{color:#57316c}.download-panel{background:#ece6f7;border-color:#d4c0e7;padding:22px}.download-panel h2{font-size:23px;color:#49305c}.download-panel p,.download-panel .eyebrow,.confirm{color:#5b436d}.download-panel .quality-note{font-size:11px}.export-preview{display:flex;align-items:center;gap:12px;margin:12px 0 8px;font-size:12px;font-weight:700;color:#513763}.export-preview svg{width:53px;height:45px;background:white;border-radius:7px;border:1px solid #decfea}.preparation{margin-top:26px}.preparation summary b,.preparation summary small{color:#5f486e}.guide{margin-top:24px}.quality{color:#5a406c}.quality.pass{color:#286041}.preview-tools{color:#59456a}.preview-tools button{color:#553568;border-color:#d4c3e2}
@media(min-width:1050px){.editor{position:sticky;top:14px}}
@media(max-width:1050px){.workspace{grid-template-columns:minmax(0,1fr) 310px}.creative-scene{flex-basis:270px}.intro{padding:23px}}
@media(max-width:800px){.workspace{grid-template-columns:1fr}.creative-scene{flex-basis:230px;height:150px}.intro{min-height:180px}.settings fieldset{padding:20px}.preview{height:480px}.drop{min-height:340px}.download-panel{margin-top:18px}.intro-copy{max-width:65%}}
@media(max-width:550px){header{min-height:72px;gap:10px;padding:10px 4%}.brand{font-size:22px}header #help{padding:7px 9px;font-size:11px;min-height:36px}.intro{padding:20px;min-height:0;margin-top:15px;border-radius:18px}.intro-copy{max-width:100%;padding-right:52px}.intro h1{font-size:33px;letter-spacing:-1.6px}.intro p{font-size:13px}.creative-scene{display:block;position:absolute;right:-80px;top:8px;width:130px;height:110px;opacity:.7;pointer-events:none}.creative-note{display:none}.hero-chips{margin-right:-45px}.hero-chips span{font-size:10px}.intro .eyebrow{font-size:9px;letter-spacing:.7px}.steps>div{padding:10px 8px;font-size:12px}.steps b{width:24px;height:26px}.drop{min-height:330px;margin:13px;padding:22px 12px}.drop h3{font-size:27px}.preview{height:390px}.tabs button{padding:10px 8px}.panel-heading{padding:15px}.panel-heading h2{font-size:16px}.background-action{padding:15px}.preview-tools{gap:7px}.guide{padding:20px}.export-preview span{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* PerfCut: scoped addition, existing layout retained. */
.cut-types{border:0;padding:0;margin:0 0 20px;min-width:0}.cut-types legend{font-weight:750;font-size:15px;margin-bottom:10px}.cut-types .cut-choice{display:flex;align-items:center;gap:9px;padding:12px 9px;margin:0 0 9px;border:2px solid #e4ddef;border-radius:14px;background:#fff;cursor:pointer;min-height:78px}.cut-choice:has(input:checked){border-color:#8055df;background:#f5f0ff}.cut-choice:focus-within{outline:2px solid #312143;outline-offset:2px}.cut-choice input{width:17px;height:17px;flex:0 0 auto;accent-color:#8055df;margin:0}.cut-choice svg{width:54px;height:48px;flex:0 0 auto}.cut-choice span{min-width:0}.cut-choice strong{display:block;font-size:13px;line-height:1.35}.cut-choice small{display:block;font-size:11px;line-height:1.5;font-weight:400;color:#625873;margin-top:4px}

.material-dialog{width:min(440px,calc(100vw - 32px));max-height:90vh;overflow:auto;margin:auto;padding:26px;border:0;border-radius:22px;box-shadow:0 20px 80px #231b4255;color:#28213e;background:#fff}.material-dialog::backdrop{background:#231b4280}.material-dialog h2{font-size:23px;margin:0 0 10px}.material-dialog>p{margin:0 0 18px}.material-dialog button{min-height:52px;margin:0 0 12px}.material-dialog button:focus-visible{outline:3px solid #8055df;outline-offset:3px}.material-dialog .hint{margin:10px 0 0}
