.image-v1-workspace{border:1px solid rgba(37,99,235,.18);border-radius:12px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(238,247,255,.9));box-shadow:0 18px 45px rgba(15,23,42,.08);overflow:hidden}.image-v1-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:0}.image-v1-panel{min-width:0;border-right:1px solid rgba(37,99,235,.12)}.image-v1-panel:last-child{border-right:0}.image-v1-panel header{height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;border-bottom:1px solid rgba(37,99,235,.12);font-weight:800;color:#0b1b2f;background:rgba(248,251,255,.88)}.image-v1-panel header span{display:flex;align-items:center;gap:10px}.image-v1-panel header i{color:#0ea5e9}.image-v1-panel button,.image-v1-panel a,.image-tool-action{border:0;border-radius:999px;background:#eaf7ff;color:#0674b8;font-weight:800;padding:9px 13px;cursor:pointer;text-decoration:none}.image-v1-panel button:disabled,.image-tool-action:disabled{opacity:.58;cursor:progress}.image-drop{display:flex;min-height:248px;margin:18px;align-items:center;justify-content:center;flex-direction:column;gap:10px;border:1px dashed rgba(37,99,235,.34);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(239,248,255,.72));color:#31526f;text-align:center;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.image-drop:hover{border-color:rgba(37,99,235,.62);box-shadow:0 14px 30px rgba(37,99,235,.11);transform:translateY(-1px)}.image-drop input{display:none}.image-drop-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px}.image-drop i{font-size:34px;color:#2563eb}.image-drop strong{font-size:18px;color:#0b1b2f}.image-drop span{font-size:14px;color:#31526f}.image-drop.has-preview{align-items:stretch;justify-content:stretch;padding:0;overflow:hidden}.image-upload-preview{display:grid;grid-template-rows:minmax(0,1fr) auto;width:100%;min-height:248px;background:#fff}.image-upload-preview[hidden],.image-drop-empty[hidden]{display:none!important}.image-upload-preview img{width:100%;height:190px;object-fit:contain;background:repeating-conic-gradient(#f3f8ff 0 25%,#fff 0 50%) 50%/22px 22px;border-bottom:1px solid rgba(37,99,235,.14)}.image-upload-preview div{padding:12px 14px;text-align:left}.image-upload-preview strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.image-upload-preview span{display:block;margin-top:4px;font-weight:700;color:#526b86}.image-v1-workspace.is-text-mode .image-drop{display:none}.image-v1-workspace:not(.is-text-mode) [data-image-text]{display:none}.image-v1-panel textarea{width:calc(100% - 36px);min-height:120px;margin:0 18px 18px;padding:14px;border:1px solid rgba(37,99,235,.16);border-radius:10px;outline:0;background:#fff;color:#0b1b2f;font:600 13px/1.55 Inter,system-ui,monospace;resize:vertical}.image-friendly-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 18px 18px}.image-quality-card{grid-column:1/-1;padding:14px;border:1px solid rgba(37,99,235,.14);border-radius:14px;background:rgba(255,255,255,.82)}.image-quality-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;font-weight:900;color:#0b1b2f}.image-quality-head b{color:#2563eb}.image-quality-card input[type=range]{width:100%;accent-color:#2563eb}.image-quality-presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.image-quality-presets button{padding:8px 11px;background:#eef6ff;color:#1765d8}.image-setting{display:flex;flex-direction:column;gap:7px;padding:12px;border:1px solid rgba(37,99,235,.14);border-radius:12px;background:rgba(255,255,255,.78);font-weight:800;color:#0b1b2f}.image-setting-title{font-size:13px}.image-setting input,.image-setting select{width:100%;min-height:40px;border:1px solid rgba(37,99,235,.18);border-radius:10px;padding:8px 10px;background:#fff;color:#0b1b2f;font-weight:800}.image-setting input[type=color]{padding:4px}.image-setting small,.image-setting-note{font-size:12px;color:#526b86}.image-setting-note{grid-column:1/-1;padding:12px;border-radius:12px;background:#eef7ff;font-weight:800}.image-advanced-options{margin:0 18px 18px;border:1px solid rgba(37,99,235,.12);border-radius:12px;background:rgba(255,255,255,.64);overflow:hidden}.image-advanced-options summary{padding:12px 14px;cursor:pointer;font-weight:900;color:#31526f}.image-advanced-options textarea{width:100%;margin:0;min-height:96px;border:0;border-top:1px solid rgba(37,99,235,.1);border-radius:0;background:#fff}.image-result{min-height:430px;padding:18px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;color:#36536f;text-align:center}.image-result>p{font-weight:700}.image-result img{max-width:100%;max-height:360px;border-radius:10px;border:1px solid rgba(37,99,235,.16);background:#fff}.image-result-file{font-size:56px;color:#2563eb}.image-result-ready{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;max-width:360px;padding:24px;border:1px solid rgba(37,99,235,.14);border-radius:16px;background:rgba(255,255,255,.75)}.image-result-ready i{font-size:42px;color:#2563eb}.image-result-ready b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0b1b2f}.image-result-ready p{margin:6px 0 0;color:#526b86;font-weight:700}.image-result .image-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}.image-result .metric{padding:12px;border:1px solid rgba(37,99,235,.14);border-radius:10px;background:rgba(255,255,255,.8);text-align:left}.metric b{display:block;color:#0b1b2f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metric span{font-size:12px;color:#526b86}.image-v1-workspace footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-top:1px solid rgba(37,99,235,.12);background:rgba(255,255,255,.72);color:#45627f;font-weight:800}.image-tool-action{display:inline-flex;align-items:center;gap:8px}.image-tool-action.is-primary{background:linear-gradient(135deg,#0ea5e9,#2563eb);color:#fff;box-shadow:0 10px 24px rgba(14,165,233,.25)}body.theme-dark .image-v1-workspace{border-color:rgba(96,165,250,.24);background:linear-gradient(135deg,rgba(15,23,42,.96),rgba(17,24,39,.92));box-shadow:none}body.theme-dark .image-v1-panel,body.theme-dark .image-v1-panel header,body.theme-dark .image-v1-workspace footer{border-color:rgba(148,163,184,.18)}body.theme-dark .image-v1-panel header,body.theme-dark .image-v1-workspace footer{background:rgba(15,23,42,.7);color:#f8fafc}body.theme-dark .image-drop,body.theme-dark .image-v1-panel textarea,body.theme-dark .image-setting,body.theme-dark .image-quality-card,body.theme-dark .image-advanced-options,body.theme-dark .image-result-ready,body.theme-dark .metric{background:rgba(15,23,42,.62);color:#dbeafe;border-color:rgba(148,163,184,.18)}body.theme-dark .image-upload-preview,body.theme-dark .image-advanced-options textarea,body.theme-dark .image-setting input,body.theme-dark .image-setting select{background:#0f172a;color:#f8fafc;border-color:rgba(148,163,184,.2)}body.theme-dark .image-drop strong,body.theme-dark .image-quality-head,body.theme-dark .image-setting,body.theme-dark .image-result-ready b,body.theme-dark .metric b{color:#f8fafc}@media(max-width:860px){.image-v1-grid{grid-template-columns:1fr}.image-v1-panel{border-right:0;border-bottom:1px solid rgba(37,99,235,.12)}.image-drop{min-height:210px}.image-result{min-height:300px}.image-v1-workspace footer{align-items:flex-start;flex-direction:column}.image-tool-action{min-height:42px}.image-result .image-metrics,.image-friendly-settings{grid-template-columns:1fr}.image-upload-preview img{height:170px}}
.image-advanced-options{display:none!important}