.image-studio{margin-top:28px}.image-mode-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.image-mode-tabs button{padding:12px 18px;border:1px solid #dce6f3;border-radius:14px;background:#fff;color:#243854;text-align:left;font-weight:650;cursor:pointer}.image-mode-tabs button span{display:block;font-size:11px;font-weight:400;color:#7386a3;margin-top:3px}.image-mode-tabs button[aria-pressed=true]{background:#ecf6ff;border-color:#7dbbfa;box-shadow:0 3px 12px #b7d7f329}.image-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.image-panel{border:1px solid #dde8f4;border-radius:24px;padding:28px;background:white;min-width:0}.image-panel h2{font-size:24px;margin:10px 0 12px}.image-panel form>p,.image-panel>p{color:#6b7f9e;font-size:14px;line-height:1.9}.image-preview{background:linear-gradient(145deg,#f3f9ff,#f8f7ff);position:sticky;top:24px}.image-settings fieldset{border:0;margin:0;padding:0;min-width:0}.image-upload{border:1.5px dashed #adc5e7;border-radius:17px;background:#f8fbff;padding:26px 16px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:10px;margin:23px 0;color:#4e709d}.image-upload strong{color:#213c61}.image-upload small,.image-upload span{font-size:12px;overflow-wrap:anywhere}.image-file-list{list-style:none;padding:0;margin:16px 0;display:grid;gap:6px}.image-file-list li{display:flex;align-items:center;gap:9px;background:#f4f7fb;border-radius:9px;padding:9px;color:#486386;font-size:12px}.image-file-list li>span{flex:1;overflow-wrap:anywhere;min-width:0}.image-file-list button{background:none;border:0;padding:4px;cursor:pointer}.image-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:22px 0}.image-options label{display:grid;gap:8px;font-size:13px;color:#334f79;align-content:start}.image-options input:not([type=checkbox]),.image-options select,.image-options textarea{width:100%;min-width:0;box-sizing:border-box;min-height:43px;border:1px solid #d7e2f1;border-radius:9px;padding:10px;background:white;color:#1a2d4d;font:inherit}.image-options input[type=color]{padding:5px;height:44px;cursor:pointer}.image-options textarea{min-height:100px;resize:vertical}.image-wide{grid-column:1/-1}.image-check,.image-options .image-check{display:flex;align-items:flex-start;gap:9px;font-size:13px;line-height:1.7}.image-check input{margin-top:4px;accent-color:#3468ff}.image-run{width:100%;justify-content:center}.image-server-note{display:flex;gap:10px;border-radius:12px;padding:15px;background:#fff6e9;color:#815c25;font-size:13px;margin:16px 0;line-height:1.8}.image-server-note>svg{flex-shrink:0}.image-progress{gap:5px;font-size:13px;color:#3c7282;margin-top:12px;min-height:20px}.image-empty,.image-progress{display:flex;align-items:center}.image-empty{min-height:290px;flex-direction:column;justify-content:center;text-align:center;color:#8babc9;padding:28px}.image-empty h3{font-size:18px;color:#445e7d;font-weight:500}.image-empty p{font-size:13px;line-height:1.9}.image-empty span{font-size:11px;margin-top:14px;color:#6e90ab}.image-result-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.image-result-heading .button{font-size:12px;white-space:nowrap}.image-source{position:relative;width:fit-content;max-width:100%;margin:14px auto;line-height:0}.image-source img{max-width:100%;max-height:450px;display:block;object-fit:contain}.image-source.selectable{touch-action:none;cursor:crosshair}.image-selection{position:absolute;border:2px solid #3468ff;background:#3468ff25;pointer-events:none;box-sizing:border-box}.image-preview summary{color:#567ba2;font-size:13px;cursor:pointer;padding:10px 0}.image-results{display:grid;gap:25px}.image-results article{min-width:0;border-top:1px solid #dce6f3;padding-top:16px}.image-checker{padding:16px;border-radius:14px;background:repeating-conic-gradient(#e8edf4 0 25%,#fff 0 50%) 50%/20px 20px;display:flex;justify-content:center}.image-checker img{max-width:100%;max-height:440px;object-fit:contain;display:block}.image-output-meta{display:grid;gap:5px;margin:13px 0;font-size:13px;overflow-wrap:anywhere}.image-output-meta span{color:#68809f;font-size:12px}.image-results .button{margin-right:8px;font-size:13px}.image-text-result{width:100%;height:320px;border:1px solid #dce6f3;border-radius:12px;resize:vertical;padding:16px;box-sizing:border-box;font:13px/1.8 monospace;color:#244266;background:white}.image-reset{display:flex;gap:6px;align-items:center;border:0;background:none;color:#69829f;margin:20px 0 0;cursor:pointer;font-size:12px}.image-stale{background:#fff1d8;color:#8d6629;padding:10px;border-radius:8px;font-size:12px}.image-unavailable{background:#f6f8fc;color:#6b7f9e;border:1px solid #e1e7f2;border-radius:15px;padding:25px;margin:25px 0}.image-unavailable h3{color:#465d7c}.image-unavailable p{font-size:14px;line-height:1.9}.image-bottom-note{display:flex;gap:9px;margin:18px 0;color:#7890ac;font-size:12px;line-height:1.9}.image-bottom-note svg{flex-shrink:0;margin-top:3px}.image-translation{border-top:1px solid #d7e2f1;margin-top:24px;padding-top:12px}.image-translation p{font-size:13px;line-height:1.8;color:#6b7f9e}.image-spin{animation:image-spin 1s linear infinite}@keyframes image-spin{to{transform:rotate(1turn)}}.image-studio button:disabled{opacity:.48;cursor:not-allowed}.image-studio a:focus-visible,.image-studio button:focus-visible,.image-studio input:focus-visible,.image-studio select:focus-visible{outline:3px solid #7eb7ff;outline-offset:3px}@media(max-width:800px){.image-layout{grid-template-columns:1fr}.image-preview{position:static}.image-panel{padding:22px}.image-empty{min-height:200px}}@media(max-width:420px){.image-panel{padding:18px}.image-options{gap:12px}.image-mode-tabs button{padding:10px 12px;font-size:13px}.image-result-heading{align-items:flex-start;flex-direction:column}}.image-comparison{border:1px solid #cde9e0;border-radius:14px;background:#f0faf6;padding:16px;margin:16px 0;color:#23755d}.image-comparison dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}.image-comparison dt{font-size:12px;color:#58786e;margin-bottom:6px}.image-comparison dd{margin:0;font-size:18px;font-weight:700;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.image-comparison p{font-size:12px;line-height:1.7;margin:12px 0 0}.image-comparison-larger{background:#fff8ed;border-color:#f3dfbe;color:#946321}.image-comparison-larger dt{color:#8b7457}@media(max-width:480px){.image-comparison dl{grid-template-columns:repeat(2,minmax(0,1fr))}.image-comparison dl>div:last-child{grid-column:1/-1}}