.mt-workbench{--ink:#281a36;--muted:#62586b;--line:#ddd4e8;--pale:#faf7ff;--purple:#8655bd;--lav:#d8b8f7;--sky:#dbeeff;--white:#fff;--shadow:0 20px 70px #604b7a18}.mt-workbench *{box-sizing:border-box}.mt-workbench{scroll-behavior:smooth}.mt-workbench{margin:0;background:#fdfbff;color:var(--ink);font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,"PingFang TC","Microsoft JhengHei",sans-serif;-webkit-font-smoothing:antialiased}.mt-workbench button,.mt-workbench input,.mt-workbench select,.mt-workbench textarea{font:inherit}.mt-workbench button{cursor:pointer}.mt-workbench a{color:inherit}.mt-workbench .skip{position:absolute;top:-80px;left:16px;background:#fff;padding:10px 16px;z-index:20}.mt-workbench .skip:focus{top:12px}.mt-workbench a:focus-visible,.mt-workbench button:focus-visible,.mt-workbench input:focus-visible,.mt-workbench select:focus-visible,.mt-workbench textarea:focus-visible,.mt-workbench .drop:focus-within{outline:3px solid #543488;outline-offset:3px}.mt-workbench .site-head{max-width:1450px;padding:23px 38px;display:flex;align-items:center;gap:35px;margin:auto}.mt-workbench .brand{text-decoration:none;display:flex;align-items:end;gap:8px;line-height:.8;white-space:nowrap}.mt-workbench .brand>span{font-size:38px;font-weight:950;letter-spacing:-.13em}.mt-workbench .brand .pct{color:var(--purple)}.mt-workbench .brand small{font-size:9px;line-height:1.1;letter-spacing:.18em;font-weight:800}.mt-workbench .site-head nav{margin-left:auto;display:flex;gap:28px;font-size:13px;font-weight:700}.mt-workbench .site-head nav a{text-decoration:none}.mt-workbench .site-head nav a:hover{text-decoration:underline}.mt-workbench .site-head>button{border:1px solid var(--line);background:white;border-radius:100px;padding:8px 14px;font-weight:800;font-size:12px}.mt-workbench .intro{max-width:1450px;margin:0 auto;padding:73px 38px 87px;position:relative;overflow:hidden}.mt-workbench .intro:before{content:"";position:absolute;border:2px solid #ead9fa;border-radius:50%;width:650px;height:650px;right:-130px;top:-260px}.mt-workbench .intro:after{content:"";position:absolute;width:19px;height:19px;background:#b496d9;border-radius:50%;right:24%;top:40px;box-shadow:100px 80px 0 #d5eaff,-90px 150px 0 #dec7f2}.mt-workbench .intro>*{position:relative;z-index:1}.mt-workbench .eyebrow{color:#845baa;font-size:11px;letter-spacing:.17em;font-weight:850;text-transform:uppercase}.mt-workbench .intro h1{font-size:clamp(46px,7vw,112px);line-height:1.02;letter-spacing:-.085em;max-width:1000px;margin:23px 0 25px;font-weight:950}.mt-workbench .intro h1 em{font-style:normal;color:#a078cf}.mt-workbench .intro p{font-size:18px;max-width:690px;color:#554761;margin:0;line-height:1.8}.mt-workbench .intro-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:27px}.mt-workbench .intro-chips span{border:1px solid #e1d2ef;background:#fff;border-radius:100px;padding:7px 14px;font-size:12px;font-weight:800}.mt-workbench .workspace{background:linear-gradient(180deg,#f1e9fc,#eaf4ff 520px,#f9f8fc);padding:64px max(24px,calc((100vw - 1374px)/2)) 85px;position:relative}.mt-workbench .workspace:before{content:"";position:absolute;height:70px;border-radius:50% 50% 0 0/60% 60% 0 0;background:#f1e9fc;left:0;right:0;top:-35px}.mt-workbench .workspace>*{position:relative}.mt-workbench .work-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:25px}.mt-workbench .work-head h2{font-size:45px;letter-spacing:-.06em;margin:7px 0 0;line-height:1.1}.mt-workbench .work-head p:last-child{color:var(--muted);margin:0 0 4px}.mt-workbench .tabs{display:flex;gap:9px;margin:0 0 16px}.mt-workbench .tabs button{border:1px solid #c9b7e0;background:#fff9;padding:12px 19px;border-radius:15px 15px 0 0;font-weight:800;color:#57456d}.mt-workbench .tabs button[aria-selected=true]{background:#fff;color:#562c8a;border-bottom-color:#fff}.mt-workbench .work-grid{display:grid;grid-template-columns:minmax(300px,370px) minmax(0,1fr);gap:18px;align-items:start}.mt-workbench .controls{display:grid;gap:15px}.mt-workbench .control-card,.mt-workbench .result{background:white;border:1px solid #e3dceb;border-radius:22px;box-shadow:var(--shadow)}.mt-workbench .control-card{padding:23px}.mt-workbench .step-title{display:flex;align-items:center;gap:11px;margin-bottom:19px}.mt-workbench .step-title>span{height:30px;width:30px;background:#ede1fb;border-radius:50%;display:grid;place-items:center;color:#70499f;font-size:11px;font-weight:900}.mt-workbench .step-title h3{font-size:20px;letter-spacing:-.03em;margin:0}.mt-workbench .drop{border:1.5px dashed #b794df;border-radius:15px;background:#fbf8ff;padding:22px 18px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;cursor:pointer;min-height:155px}.mt-workbench .drop.dragging{background:#eee0ff;border-color:#6e3da9}.mt-workbench .drop input{position:absolute;width:1px;height:1px;opacity:0}.mt-workbench .drop-icon{font-size:28px;font-weight:800;line-height:1;color:#8655bd}.mt-workbench .drop strong{font-size:14px}.mt-workbench .drop small{font-size:11px;color:var(--muted)}.mt-workbench .source-actions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.mt-workbench .subtle{background:none;border:0;padding:7px 0;color:#5a3b82;font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:3px}.mt-workbench .field{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:800;color:#4c3c59;margin:13px 0}.mt-workbench .field>span:first-child{display:flex;justify-content:space-between;align-items:center}.mt-workbench .field select,.mt-workbench .field input[type=text],.mt-workbench .field textarea{width:100%;border:1px solid #d8cde1;border-radius:10px;background:#fff;padding:10px 12px;color:var(--ink);min-height:44px}.mt-workbench .field textarea{resize:vertical}.mt-workbench .field input[type=color]{width:100%;height:44px;padding:4px;border:1px solid #d8cde1;border-radius:10px;background:#fff}.mt-workbench .field input[type=range]{width:100%;accent-color:var(--purple)}.mt-workbench .field output{font-variant-numeric:tabular-nums;color:#744c9f}.mt-workbench .two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mt-workbench .micro{font-size:11px;color:var(--muted);line-height:1.55;margin:9px 0 0}.mt-workbench .checks{display:grid;gap:12px}.mt-workbench .checks label{display:flex;gap:10px;align-items:center;font-size:13px;font-weight:700}.mt-workbench .checks input,.mt-workbench .preview-actions input{accent-color:var(--purple);width:17px;height:17px}.mt-workbench .result{padding:26px;position:sticky;top:15px}.mt-workbench .preview-head{display:flex;justify-content:space-between;align-items:end;gap:12px}.mt-workbench .preview-head h3{font-size:25px;margin:3px 0 16px;letter-spacing:-.04em}.mt-workbench .preview-head>span{font-size:12px;font-weight:800;color:#675672;margin-bottom:19px}.mt-workbench .preview-stage{background:radial-gradient(circle at 28% 18%,#fff,#ead9f9 60%,#d7e9f7);border-radius:17px;padding:25px;min-height:310px;display:grid;place-items:center;position:relative;overflow:hidden}.mt-workbench .preview-stage canvas{display:block;max-width:100%;max-height:485px;width:auto;height:auto;box-shadow:0 17px 35px #49355c30;background:#f5efff}.mt-workbench .safe-overlay{position:absolute;pointer-events:none;inset:12%;border:2px dashed #ffefb4;box-shadow:0 0 0 9999px #17052d1c}.mt-workbench .preview-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:12px 0 23px}.mt-workbench .preview-actions label{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800}.mt-workbench .preview-actions .micro{margin:0;text-align:right}.mt-workbench .export-card{border-top:1px solid var(--line);padding-top:20px}.mt-workbench .export-card .step-title{margin-bottom:8px}.mt-workbench .export-buttons{display:flex;flex-wrap:wrap;gap:9px;margin-top:17px}.mt-workbench .export-buttons button{min-height:44px;padding:10px 16px;border-radius:11px;font-weight:800;font-size:13px}.mt-workbench .primary{background:#7749ae;border:1px solid #7749ae;color:white}.mt-workbench .primary:hover{background:#5d348e}.mt-workbench .secondary{border:1px solid #ab83d2;background:white;color:#55316f}.mt-workbench .secondary:hover{background:#f7efff}.mt-workbench .status{min-height:25px;margin:14px 0 0;font-size:13px;font-weight:700;color:#554072}.mt-workbench .status.error{color:#a3243a}.mt-workbench .how{max-width:1390px;margin:auto;padding:88px 38px 105px;display:grid;grid-template-columns:330px 1fr;gap:65px}.mt-workbench .how h2{font-size:42px;line-height:1.13;letter-spacing:-.06em;margin:8px 0}.mt-workbench .how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.mt-workbench .how-grid article{border-top:2px solid #a77acc;padding-top:18px}.mt-workbench .how-grid b{color:#956ec0;font-size:13px}.mt-workbench .how-grid h3{font-size:21px;margin:15px 0 9px}.mt-workbench .how-grid p{font-size:14px;color:var(--muted);line-height:1.7;margin:0}.mt-workbench footer{border-top:1px solid var(--line);padding:25px 38px;display:flex;justify-content:space-between;gap:20px;max-width:1450px;margin:auto;font-size:12px;color:#62586b}.mt-workbench footer a{color:#5f3c8d}.mt-workbench [hidden]{display:none!important}.mt-workbench .mobile-jump{display:none}@media(max-width:900px){.mt-workbench .work-grid{grid-template-columns:1fr}.mt-workbench .result{position:static}.mt-workbench .controls{grid-template-columns:1fr 1fr}.mt-workbench .controls .control-card:first-child{grid-column:1/-1}.mt-workbench .how{grid-template-columns:1fr;gap:15px}.mt-workbench .how-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.mt-workbench{padding-bottom:64px}.mt-workbench .site-head{padding:18px}.mt-workbench .brand>span{font-size:32px}.mt-workbench .site-head nav{display:none}.mt-workbench .site-head>button{margin-left:auto}.mt-workbench .intro{padding:55px 19px 73px}.mt-workbench .intro:before{width:400px;height:400px;right:-220px;top:-170px}.mt-workbench .intro h1{font-size:clamp(43px,11vw,68px);letter-spacing:-.075em}.mt-workbench .intro p{font-size:15px}.mt-workbench .workspace{padding:49px 13px 65px}.mt-workbench .work-head{display:block}.mt-workbench .work-head h2{font-size:36px}.mt-workbench .work-head p:last-child{margin-top:8px;font-size:13px}.mt-workbench .tabs button{padding:10px 12px;font-size:13px}.mt-workbench .controls{display:grid;grid-template-columns:1fr}.mt-workbench .controls .control-card:first-child{grid-column:auto}.mt-workbench .control-card,.mt-workbench .result{border-radius:16px;padding:18px}.mt-workbench .result{padding:18px}.mt-workbench .preview-stage{padding:15px;min-height:230px}.mt-workbench .preview-stage canvas{max-height:420px}.mt-workbench .preview-actions{align-items:start;flex-direction:column}.mt-workbench .preview-actions .micro{text-align:left}.mt-workbench .export-buttons{display:grid;grid-template-columns:1fr}.mt-workbench .how{padding:68px 20px 75px}.mt-workbench .how h2{font-size:34px}.mt-workbench .how-grid{grid-template-columns:1fr}.mt-workbench footer{padding:22px 20px;flex-direction:column}.mt-workbench .two{gap:8px}.mt-workbench .mobile-jump{display:flex;position:fixed;z-index:12;bottom:0;left:0;right:0;background:#fffffff2;border-top:1px solid #decfeb;padding:9px 13px;gap:9px;backdrop-filter:blur(10px)}.mt-workbench .mobile-jump a{flex:1;text-align:center;text-decoration:none;background:#f2e8fc;color:#563080;border-radius:11px;padding:10px;font-size:13px;font-weight:800}.mt-workbench .mobile-jump a:last-child{background:#7749ae;color:white}.mt-workbench #preview-panel,.mt-workbench #export-panel{scroll-margin-top:16px}}@media(prefers-reduced-motion:reduce){.mt-workbench{scroll-behavior:auto}.mt-workbench *,.mt-workbench *:before,.mt-workbench *:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}