body.apci-mini-tools{background:#fcfbff;color:#21192a;font-family:Archivo,Arial,'PingFang TC',sans-serif} .apci-mini-tools .mt-hero{padding-top:54px;padding-bottom:44px}.mt-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:50px;align-items:end}.mt-hero h1{font-family:Titan,Arial,sans-serif;font-size:clamp(48px,6.7vw,94px);font-weight:400;line-height:1.04;letter-spacing:-.035em;margin:16px 0 0}.zh .mt-hero h1{font-family:Arial,'PingFang TC',sans-serif;font-weight:900}.mt-tool-name{font-size:14px;font-weight:800;margin:24px 0 0;color:#8051b2}.mt-intro>p{font-size:18px;line-height:1.7;color:#675970;margin:0}.mt-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.mt-chips span{border:1px solid #dfccef;border-radius:99px;padding:8px 12px;font-size:12px;font-weight:750}.mt-tool-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:38px}.mt-tool-links a{border:1px solid #dfccef;border-radius:99px;min-height:44px;padding:12px 17px;display:inline-flex;align-items:center;gap:14px;font-size:13px;font-weight:800}.mt-tool-links a[aria-current=page]{background:#8051b2;color:#fff;border-color:#8051b2}.mt-hub{padding-top:38px;padding-bottom:40px}.mt-section-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:28px}.mt-section-head h2,.mt-notes h2{font-family:Titan,Arial,sans-serif;font-size:clamp(34px,4vw,54px);line-height:1.09;font-weight:400;margin:0}.mt-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.mt-tool-card{border:1px solid #dfccef;border-radius:28px;overflow:hidden;background:#fff;display:block;transition:transform .18s,box-shadow .18s}.mt-tool-card:hover{transform:translateY(-5px);box-shadow:0 18px 36px #34204415}.mt-card-art{height:300px;position:relative;display:grid;place-items:center;padding:35px;background:#eaddfa}.mt-card-number{position:absolute;bottom:20px;right:24px;font-size:14px;font-weight:850}.mt-demo-browser{width:80%;height:210px;background:#fcfbff;border-radius:15px;padding:15px;box-shadow:0 17px 35px #4526612e;transform:rotate(-5deg)}.mt-demo-browser i{display:inline-block;width:7px;height:7px;background:#aa78d2;border-radius:50%;margin:0 3px}.mt-demo-browser strong{display:block;font-family:Titan,sans-serif;font-size:50px;line-height:1.05;padding:19px 14px;background:#cbdffb;margin-top:10px}.mt-art-resize{background:#e5eefc}.mt-demo-sizes{display:flex;align-items:center;gap:15px}.mt-demo-sizes i{font-style:normal;display:grid;place-items:center;font-size:20px;font-weight:900;border:6px solid #fff;background:#c3a4e9;box-shadow:0 12px 22px #3625441c;width:105px;height:105px}.mt-demo-sizes i:nth-child(2){height:130px}.mt-demo-sizes i:nth-child(3){height:170px;background:#a7c5ed}.mt-card-copy{padding:28px}.mt-card-copy h3{font-size:27px;line-height:1.18;margin:17px 0 14px;display:flex;justify-content:space-between;gap:20px}.mt-card-copy p,.mt-notes p{font-size:16px;color:#675970;line-height:1.7;margin:0}.mt-notes{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:65px;margin-bottom:65px}.mt-notes p+p{margin-top:18px}
/* Only the reused image workbench is affected by these overrides. */
.mt-workbench{--ink:#21192a;--muted:#675970;--line:#dfccef;--purple:#8051b2;font-family:Archivo,Arial,'PingFang TC',sans-serif;background:transparent;color:var(--ink)}.mt-workbench .workspace{background:linear-gradient(180deg,#f3edfa,#edf3fd);padding-top:42px}.mt-workbench .workspace:before{display:none}.mt-workbench .work-head h2{font-family:Titan,Arial,sans-serif;font-size:38px;font-weight:400;letter-spacing:-.025em}.zh .mt-workbench .work-head h2{font-family:Arial,'PingFang TC',sans-serif;font-weight:900}.mt-workbench .control-card,.mt-workbench .result{border-color:#dfccef;border-radius:24px}.mt-workbench .result{top:100px}.mt-workbench .field,.mt-workbench .micro{font-family:Archivo,Arial,'PingFang TC',sans-serif}.mt-workbench .micro{font-size:12px}.mt-workbench .subtle{min-height:44px;padding:10px 4px;font-size:13px}.mt-workbench input[type=range]{min-height:44px;cursor:pointer}.mt-workbench .checks label,.mt-workbench .preview-actions label{min-height:44px}.mt-workbench .source-actions{gap:14px}.mt-workbench .drop input{min-height:0}.mt-workbench .primary{background:#8051b2;border-color:#8051b2;border-radius:99px}.mt-workbench .secondary{border-radius:99px}.mt-workbench .preview-actions{align-items:flex-start}.mt-workbench .how{padding-top:55px;padding-bottom:55px}.mt-workbench .how h2{font-family:Titan,Arial,sans-serif;font-weight:400;letter-spacing:-.025em}.zh .mt-workbench .how h2{font-family:Arial,'PingFang TC',sans-serif;font-weight:900}.mt-workbench .field select{font-size:14px}.mt-workbench button:disabled,.mt-workbench input:disabled,.mt-workbench select:disabled{opacity:.55;cursor:default}.mt-workbench .drop:focus-within{outline-color:#8051b2}.mt-noscript{margin-top:24px;color:#675970}
html[data-theme=dark] .mt-workbench{--ink:#fbf5ff;--muted:#d4c6e1;--line:#75558a;color:var(--ink)}html[data-theme=dark] .mt-intro>p,html[data-theme=dark] .mt-card-copy p,html[data-theme=dark] .mt-notes p{color:#d4c6e1}html[data-theme=dark] .mt-tool-card{background:#291f33;border-color:#75558a}html[data-theme=dark] .mt-card-art{color:#21192a}html[data-theme=dark] .mt-workbench .workspace{background:#241a2e}html[data-theme=dark] .mt-workbench .control-card,html[data-theme=dark] .mt-workbench .result{background:#302239;border-color:#75558a}html[data-theme=dark] .mt-workbench .field{color:#f5edff}html[data-theme=dark] .mt-workbench .drop,html[data-theme=dark] .mt-workbench .field select,html[data-theme=dark] .mt-workbench .field input[type=text],html[data-theme=dark] .mt-workbench .field textarea{background:#251c2d;color:#fbf5ff;border-color:#9876b4}html[data-theme=dark] .mt-workbench .secondary{background:#302239;color:#f5edff;border-color:#ba95d8}html[data-theme=dark] .mt-workbench .subtle,html[data-theme=dark] .mt-workbench .field output,html[data-theme=dark] .mt-workbench .preview-head>span,html[data-theme=dark] .mt-workbench .eyebrow,html[data-theme=dark] .mt-workbench .status{color:#dcc4fa}html[data-theme=dark] .mt-workbench .status.error{color:#ffadb9}html[data-theme=dark] .mt-workbench .how-grid article{border-color:#ba95d8}html[data-theme=dark] .mt-workbench .mobile-jump{background:#302239;color:#fbf5ff;border-color:#75558a}
@media(max-width:950px){.mt-hero-grid{grid-template-columns:1fr;gap:28px}.mt-intro{max-width:680px}.mt-demo-sizes{gap:8px}.mt-demo-sizes i{width:80px}.mt-notes{gap:30px}.mt-workbench .result{position:static}}
@media(max-width:650px){body.apci-mini-tools{padding-bottom:0}.apci-mini-tools[data-tool-kind=mockup-studio],.apci-mini-tools[data-tool-kind=image-resizer]{padding-bottom:68px}.apci-mini-tools .mt-hero{padding-top:25px;padding-bottom:28px}.mt-hero h1{font-size:clamp(43px,11vw,62px);line-height:1.08}.mt-intro>p{font-size:16px}.mt-hero-grid{gap:23px}.mt-tool-name{margin-top:20px}.mt-tool-links{gap:6px;margin-top:26px}.mt-tool-links a{font-size:12px;padding:11px 12px;gap:9px}.mt-hub{padding-top:26px}.mt-section-head{display:block}.mt-section-head h2{margin-top:15px}.mt-tool-grid{grid-template-columns:1fr;gap:21px}.mt-card-art{height:250px}.mt-card-copy{padding:23px}.mt-card-copy h3{font-size:25px}.mt-demo-sizes i{width:83px}.mt-notes{grid-template-columns:1fr;gap:22px;margin-top:42px;margin-bottom:42px}.mt-workbench .workspace{padding-top:28px}.mt-workbench .control-card,.mt-workbench .result{border-radius:22px}.mt-workbench .work-head h2{font-size:32px}.mt-workbench .mobile-jump{z-index:110;box-shadow:0 -4px 20px #21192a10}.mt-workbench .how h2{font-size:34px}.mt-workbench .mt-workbench{padding-bottom:0}.mt-workbench .preview-head{align-items:flex-start}.mt-workbench .preview-head>span{font-size:11px;max-width:44%;text-align:right}.mt-workbench .preview-actions{flex-direction:column;gap:5px}.mt-workbench .preview-actions .micro{text-align:left}.apci-mini-tools .apc-whatsapp{bottom:83px}}
@media(prefers-reduced-motion:reduce){.mt-tool-card{transition:none}.mt-workbench{scroll-behavior:auto}}
.apci-mini-tools .apc-icon-bubble{min-width:44px;min-height:44px;width:44px;height:44px}
.mt-workbench .subtle{min-width:44px}html[data-theme=dark] .mt-tool-name{color:#dcc4fa}