:root{color:#102039;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-width:320px;background:#06101f}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 7% 0%,rgba(31,132,255,.22),transparent 30rem),radial-gradient(circle at 94% 12%,rgba(64,210,229,.14),transparent 27rem),linear-gradient(152deg,#07111f,#0b1b30 48%,#06101f)}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.image-tools-page{position:relative;isolation:isolate;width:min(1800px,100%);min-height:100vh;margin:0 auto;padding:18px clamp(20px,3vw,56px) 24px;overflow:hidden}.image-tools-orb{position:fixed;z-index:-1;width:24rem;height:24rem;border-radius:50%;filter:blur(90px);opacity:.2;pointer-events:none}.image-tools-orb--one{top:18%;left:-12rem;background:#238cff}.image-tools-orb--two{right:-12rem;bottom:4%;background:#39d7cf}.image-tools-topbar{display:grid;grid-template-columns:minmax(160px,1fr) minmax(460px,680px) minmax(220px,1fr);align-items:center;gap:16px;margin-bottom:12px}.image-tools-header{min-width:0;color:#dceaff}.image-tools-back{display:inline-flex;align-items:center;justify-self:start;gap:8px;color:#b9d1ec;font-size:14px;font-weight:700;text-decoration:none;transition:color .16s ease,transform .16s ease}.image-tools-back:hover,.image-tools-back:focus-visible{color:#fff;transform:translate(-2px)}.image-tools-back svg{width:18px}.image-tools-topbar__description{justify-self:end;margin:0;color:#7999bc;font-size:13px;text-align:right}.image-tools-eyebrow{margin:0;color:#3d8de4;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.image-tools-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin:0;padding:4px;border:1px solid rgba(136,196,255,.2);border-radius:18px;background:#0511209e;box-shadow:0 16px 40px #00000030;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.image-tools-tabs button{display:flex;align-items:center;justify-content:center;gap:12px;min-width:0;padding:10px 16px;border:0;border-radius:14px;color:#8da9c7;background:transparent;cursor:pointer;transition:color .16s ease,background .16s ease,box-shadow .16s ease}.image-tools-tabs button.is-active{color:#fff;background:linear-gradient(135deg,#2389efe0,#24a8ccc7);box-shadow:0 10px 28px #1887dc40}.image-tools-tabs svg{flex:0 0 auto;width:20px}.image-tools-tabs span{display:grid;min-width:0;text-align:left}.image-tools-tabs strong{font-size:14px}.image-tools-tabs small{margin-top:2px;overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap;opacity:.7}.image-tools-workspace{display:grid;grid-template-columns:minmax(128px,.45fr) minmax(560px,3fr) minmax(280px,1fr);gap:12px;align-items:start;max-width:1640px;margin:0 auto;padding:10px;border:1px solid rgba(156,207,255,.22);border-radius:26px;background:#e2f0ffed;box-shadow:0 34px 90px #00000052}.image-tools-rail,.image-tools-inspector,.image-tools-layer-tree{min-width:0;border:1px solid #dce8f3;border-radius:22px;background:#ffffffd1;box-shadow:0 10px 30px #2a4d7112}.image-tools-rail{padding:13px 8px}.image-tools-rail>p{margin:0 7px 8px;color:#7d91a8;font-size:11px;font-weight:800;letter-spacing:.12em}.image-tools-rail__items{display:grid;gap:6px}.image-tools-rail button{display:flex;align-items:center;gap:9px;width:100%;padding:9px;border:1px solid transparent;border-radius:14px;color:#627a95;background:transparent;cursor:default;font-size:12px;font-weight:700;text-align:left}.image-tools-rail button.is-active{border-color:#bfdbf6;color:#176dba;background:#eaf5ff}.image-tools-rail svg{width:17px}.image-tools-canvas-column{display:grid;min-width:0;gap:10px}.image-tools-canvas-card{position:relative;min-height:500px;overflow:hidden;border:1px solid #d8e6f2;border-radius:22px;background:linear-gradient(45deg,#edf3f8 25%,transparent 25%,transparent 75%,#edf3f8 75%),linear-gradient(45deg,#edf3f8 25%,#f8fbfd 25%,#f8fbfd 75%,#edf3f8 75%);background-position:0 0,10px 10px;background-size:20px 20px}.image-tools-empty,.image-tools-layer-canvas{display:flex;min-height:500px;padding:30px;flex-direction:column;align-items:center;justify-content:center;text-align:center}.image-tools-empty__icon{display:grid;width:70px;height:70px;margin-bottom:16px;place-items:center;border:1px solid #bee0fa;border-radius:23px;color:#227ece;background:linear-gradient(145deg,#f8fcff,#e4f3ff);box-shadow:0 18px 42px #2a86d321}.image-tools-empty__icon svg{width:30px}.image-tools-empty h2,.image-tools-layer-canvas h2{margin:7px 0 8px;color:#152d49;font-size:clamp(20px,2vw,28px)}.image-tools-empty>p:not(.image-tools-eyebrow),.image-tools-layer-canvas>p:not(.image-tools-eyebrow){margin:0 0 18px;color:#71879e;font-size:13px}.image-tools-empty .image-tools-empty__notice{margin:16px 0 0;color:#5e7890;font-size:11px}.image-tools-resume-card{width:min(100%,420px);display:grid;gap:8px;margin-top:18px;padding:16px;border:1px solid rgba(30,105,173,.22);border-radius:14px;background:#eef8ffd1;color:#35526c;text-align:left}.image-tools-resume-card strong{color:#173f67}.image-tools-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 16px;border:1px solid #cfdfed;border-radius:13px;color:#486780;background:#f4f8fb;font-size:13px;font-weight:800}.image-tools-button svg{width:17px}.image-tools-button--primary{border-color:#278fe4;color:#fff;background:linear-gradient(135deg,#287fe0,#22a8c8);box-shadow:0 12px 28px #1d7ed238;cursor:pointer}.image-tools-button--primary:hover{filter:brightness(1.05)}.image-tools-button:disabled{cursor:not-allowed;opacity:.52}.image-tools-button--wide{width:100%;margin-top:14px}.image-tools-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}.image-tools-preview{display:grid;min-height:500px;grid-template-rows:auto auto minmax(0,1fr) auto}.image-tools-preview__toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid #d6e4ef;color:#48627d;background:#ffffffe8;font-size:12px}.image-tools-preview__toolbar span{display:flex;min-width:0;align-items:center;gap:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-tools-preview__toolbar svg{width:16px}.image-tools-preview__toolbar button{flex:0 0 auto;border:0;color:#1470bd;background:transparent;cursor:pointer;font-size:12px;font-weight:800}.image-tools-preview__view-toolbar{display:flex;min-height:42px;padding:6px 10px;align-items:center;justify-content:center;gap:5px;border-bottom:1px solid #d6e4ef;background:#f8fcfff5}.image-tools-preview__view-toolbar button{display:inline-flex;min-height:28px;padding:4px 8px;align-items:center;justify-content:center;gap:4px;border:1px solid transparent;border-radius:8px;color:#496882;background:transparent;cursor:pointer;font-size:11px;font-weight:800}.image-tools-preview__view-toolbar button:hover:not(:disabled),.image-tools-preview__view-toolbar button.is-active{border-color:#bddbf4;color:#126eb9;background:#eaf5ff}.image-tools-preview__view-toolbar button:disabled{cursor:not-allowed;opacity:.42}.image-tools-preview__view-toolbar svg{width:14px;height:14px}.image-tools-preview__view-toolbar output{min-width:48px;color:#284b68;font-size:11px;font-weight:900;text-align:center}.image-tools-preview__view-divider{width:1px;height:20px;margin:0 3px;background:#d3e1ec}.image-tools-preview__stage{position:relative;display:block;height:clamp(500px,calc(100vh - 285px),780px);min-height:500px;overflow:auto;overscroll-behavior:contain;overflow-anchor:none;scrollbar-gutter:stable}.image-tools-preview__surface{position:relative;display:flex;min-width:100%;min-height:100%;padding:18px;align-items:flex-start;justify-content:center;box-sizing:border-box}.image-tools-preview__image-wrap{position:relative;display:block;flex:0 0 auto;line-height:0;touch-action:none}.image-tools-preview__image-wrap.is-editable.is-brush-mode{cursor:none}.image-tools-preview__image-wrap.is-editable.is-pan-mode{cursor:grab}.image-tools-preview__image-wrap.is-editable.is-pan-mode:active{cursor:grabbing}.image-tools-preview__stage img{display:block;max-width:none;max-height:none;border-radius:9px;-o-object-fit:fill;object-fit:fill;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 14px 42px #0f273f33}.image-tools-preview__brush-mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block;width:100%;height:100%;pointer-events:none;image-rendering:auto}.image-tools-preview__brush-highlight{fill:#ff2e8e6b;filter:drop-shadow(0 0 1px #ffffff) drop-shadow(0 0 2px #12263a)}.image-tools-preview__brush-cursor{position:absolute;z-index:4;box-sizing:border-box;border:1px solid #ffffff;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #172d42,0 0 5px #ff2e8eb8}.image-tools-preview>p{margin:0;padding:8px 12px;color:#6e849a;background:#ffffffe0;font-size:11px;text-align:center}.image-tools-status{display:flex;min-height:36px;align-items:center;justify-content:center;gap:7px;padding:8px 14px;color:#42617d;background:#f7fbffeb;font-size:12px;font-weight:700}.image-tools-status svg{width:15px;height:15px}.image-tools-status--result-ready,.image-tools-status--accepted{color:#08775f;background:#eaf9f4}.image-tools-status--auth-expired,.image-tools-status--not-configured,.image-tools-status--failed,.image-tools-status--timeout{color:#9b4c26;background:#fff6df}.image-tools-status-retry{display:block;margin:0 auto 10px}.is-spinning{animation:image-tools-spin .8s linear infinite}@keyframes image-tools-spin{to{transform:rotate(360deg)}}.image-tools-file-error{position:absolute;right:14px;bottom:12px;left:14px;margin:0;padding:9px 12px;border-radius:10px;color:#9b3c3c;background:#fff0f0;font-size:12px}.image-tools-inspector,.image-tools-layer-tree{padding:15px}.image-tools-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.image-tools-section-heading h2{margin:5px 0 0;color:#18334e;font-size:17px}.image-tools-section-heading>span{padding:5px 8px;border-radius:999px;color:#6f8296;background:#edf3f8;font-size:10px}.image-tools-price-notice{display:grid;gap:3px;margin:9px 0 10px;padding:9px 11px;border:1px solid #cfe3f5;border-radius:11px;color:#326487;background:#edf7ff;font-size:11px;line-height:1.45}.image-tools-price-notice strong{color:#126fbd;font-size:12px}.image-tools-price-notice small{color:#6f8ca4;font-size:10px}.image-tools-inspector__question{margin:0 0 10px;color:#18334e;font-size:17px}.image-tools-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:14px 0;padding:4px;border-radius:14px;background:#edf3f8}.image-tools-mode-switch button{display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 5px;border:0;border-radius:10px;color:#6d8298;background:transparent;cursor:pointer;font-size:11px;font-weight:800}.image-tools-mode-switch button.is-active{color:#176fbd;background:#fff;box-shadow:0 4px 12px #224a6e1a}.image-tools-mode-switch svg{width:14px}.image-tools-form{display:grid;gap:11px}.image-tools-form label{display:grid;gap:7px;color:#425e77;font-size:12px;font-weight:800}.image-tools-form input,.image-tools-form textarea{width:100%;border:1px solid #cfdeeb;border-radius:12px;outline:none;color:#1f3a54;background:#fbfdff;font-size:12px}.image-tools-form input{min-height:42px;padding:0 12px}.image-tools-form textarea{padding:11px 12px;resize:vertical}.image-tools-form input:focus,.image-tools-form textarea:focus{border-color:#4da1e5;box-shadow:0 0 0 3px #3a97e11f}.image-tools-coming-soon{margin:8px 0 0;color:#8496a8;font-size:11px;text-align:center}.image-tools-results{padding:14px;border:1px solid #dce8f3;border-radius:22px;background:#ffffffd6}.image-tools-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.image-tools-result-grid>div{display:grid;min-height:88px;padding:10px;place-items:center;overflow:hidden;border:1px dashed #cfdeeb;border-radius:15px;color:#96a8b9;background:#f7fafc}.image-tools-result-grid span{justify-self:start;color:#647b91;font-size:11px;font-weight:800}.image-tools-result-grid svg{width:24px}.image-tools-result-grid img{display:block;max-width:100%;max-height:220px;border-radius:9px;-o-object-fit:contain;object-fit:contain}.image-tools-result-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.image-tools-form label>small{justify-self:end;color:#8aa0b4;font-size:10px}.image-tools-brush-panel{display:grid;gap:9px;margin:0 0 12px;padding:11px;border:1px solid #d7e6f2;border-radius:13px;background:#f8fbfe}.image-tools-brush-panel__heading{display:grid;gap:3px;color:#33516b;font-size:12px}.image-tools-brush-panel__heading span{color:#8296a9;font-size:10px;font-weight:500}.image-tools-brush-panel__actions,.image-tools-brush-panel__sizes{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.image-tools-brush-panel button{display:inline-flex;min-height:32px;padding:5px 9px;align-items:center;justify-content:center;gap:4px;border:1px solid #cfdeeb;border-radius:9px;color:#567188;background:#fff;font-size:11px;font-weight:800}.image-tools-brush-panel button.is-active{border-color:#f65ba4;color:#bc236b;background:#fff0f7}.image-tools-brush-panel button:disabled{opacity:.45}.image-tools-brush-panel button svg{width:14px;height:14px}.image-tools-brush-panel__sizes output{margin-left:auto;color:#496981;font-size:11px;font-weight:800}.image-tools-brush-panel__guidance,.image-tools-brush-panel__message{margin:0;padding:7px 8px;border-radius:8px;color:#507088;background:#edf5fb;font-size:10px;line-height:1.5}.image-tools-brush-panel__guidance.is-warning{color:#8a5419;background:#fff3d9}.image-tools-brush-panel__message{color:#285d86;background:#e8f5ff}.image-tools-workspace--layers{grid-template-columns:minmax(520px,2.35fr) minmax(280px,.85fr);max-width:1280px}.image-tools-muted-note{margin:12px 0;padding:9px 10px;border-radius:10px;color:#70869b;background:#f0f5f9;font-size:11px}.image-tools-layer-disclaimer{margin:0 0 12px;padding:11px 12px;border:1px solid rgba(190,45,62,.28);border-left:4px solid #c52d41;border-radius:11px;color:#9f1f32;background:#fff1f3;box-shadow:0 6px 16px #aa233714;font-size:12px;font-weight:750;line-height:1.65}.image-tools-layer-primary-actions{display:grid;gap:8px;margin-bottom:2px}.image-tools-layer-list{display:grid;gap:7px}.image-tools-layer-list>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:9px;border:1px solid #dfe9f2;border-radius:12px;color:#4b667e;background:#fbfdff;font-size:12px;font-weight:700}.image-tools-layer-list svg{width:15px;color:#7c99b3}.image-tools-layer-list svg:last-child{width:13px;opacity:.55}.image-tools-layer-canvas{min-width:0;border:1px solid #d8e6f2;border-radius:22px;background:linear-gradient(145deg,#fbfdff,#eef5fa)}.image-tools-feature-list{display:grid;gap:9px;margin:17px 0;padding:0;list-style:none}.image-tools-feature-list li{padding:9px 10px;border:1px solid #e0e9f1;border-radius:11px;color:#5a7289;background:#fbfdff;font-size:12px}.image-tools-stack-actions{display:grid;gap:8px}.image-tools-psd-note{margin:14px 0 0;padding:11px;border-left:3px solid #d6aa55;border-radius:0 10px 10px 0;color:#766344;background:#fff8e8;font-size:11px;line-height:1.7}.image-tools-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;max-width:1640px;margin:18px auto 0;color:#6888aa;font-size:11px}@media (max-width: 1020px){.image-tools-topbar{grid-template-columns:auto minmax(0,1fr)}.image-tools-topbar__description{display:none}.image-tools-workspace,.image-tools-workspace--layers{grid-template-columns:1fr}.image-tools-rail__items{grid-template-columns:repeat(4,minmax(0,1fr))}.image-tools-rail button{justify-content:center}.image-tools-rail button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-tools-layer-tree{order:2}.image-tools-layer-canvas{order:1}.image-tools-workspace--layers .image-tools-inspector{order:3}}@media (max-width: 620px){.image-tools-page{padding:16px 12px 24px}.image-tools-topbar{grid-template-columns:1fr;gap:9px}.image-tools-header{min-height:24px}.image-tools-tabs{border-radius:17px}.image-tools-tabs button{gap:7px;padding:10px 7px}.image-tools-tabs small{display:none}.image-tools-workspace{gap:10px;padding:9px;border-radius:23px}.image-tools-rail__items{grid-template-columns:repeat(2,minmax(0,1fr))}.image-tools-canvas-card,.image-tools-empty,.image-tools-preview,.image-tools-layer-canvas{min-height:390px}.image-tools-preview__view-toolbar{flex-wrap:wrap}.image-tools-preview__stage{height:56vh;min-height:310px}.image-tools-brush-panel button{min-height:40px}.image-tools-empty,.image-tools-layer-canvas{padding:24px 16px}.image-tools-result-grid{grid-template-columns:1fr}.image-tools-result-actions{display:grid;grid-template-columns:1fr}.image-tools-footer{align-items:flex-start;flex-direction:column}}