:root{color:#1f2937;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#eef5ff 0,#eef5ff00 320px),#f4f7fb;min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{border:0}.page-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:28px 0 40px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.eyebrow{color:#1f7a5f;margin:0 0 6px;font-size:13px;font-weight:700}h1,h2{color:#172033;letter-spacing:0;margin:0}h1{font-size:30px;line-height:1.15}h2{font-size:18px}.topbar-actions{align-items:center;gap:10px;display:flex}.notice{color:#475569;background:#fff;border:1px solid #d8e3f0;border-radius:8px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 14px;font-size:14px;display:flex}.notice strong{color:#9a3412;white-space:nowrap}.workspace{grid-template-columns:minmax(360px,.9fr) minmax(420px,1.1fr);align-items:start;gap:18px;display:grid}.panel{background:#fff;border:1px solid #dce5ef;border-radius:8px;box-shadow:0 12px 34px #1f293714}.config-panel,.upload-panel{padding:18px}.panel-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.target-card{background:#f8fbff;border:1px solid #d8e7f5;border-radius:8px;gap:10px;margin-bottom:16px;padding:12px;display:grid}.target-row{grid-template-columns:72px minmax(0,1fr);align-items:center;gap:10px;display:grid}.target-row span{color:#64748b;font-size:13px;font-weight:700}.target-row strong{color:#172033;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:13px;font-weight:700;overflow:hidden}.badge{color:#475569;text-overflow:ellipsis;white-space:nowrap;border:1px solid #cbd5e1;border-radius:999px;align-items:center;max-width:220px;min-height:26px;padding:4px 10px;font-size:12px;display:inline-flex;overflow:hidden}.badge-soft{color:#116149;background:#effaf5;border-color:#bee3d3}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.credential-grid{grid-template-columns:1fr}.field{gap:7px;min-width:0;display:grid}.field-wide{grid-column:1/-1}.field span{color:#344054;font-size:13px;font-weight:700}.field input,.field textarea{color:#111827;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:0;width:100%;min-width:0;transition:border-color .16s,box-shadow .16s,background-color .16s}.field input{height:40px;padding:0 11px}.field textarea{resize:vertical;min-height:78px;padding:10px 11px}.field input:focus,.field textarea:focus{border-color:#2d7ff9;box-shadow:0 0 0 3px #2d7ff926}.field input::placeholder,.field textarea::placeholder{color:#98a2b3}.divider{background:#e5edf5;height:1px;margin:18px 0}.advanced-config{border-top:1px solid #e5edf5;margin-top:16px}.advanced-config summary{color:#334155;cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:14px 0 0;font-size:14px;font-weight:700;list-style:none;display:flex}.advanced-config summary::-webkit-details-marker{display:none}.advanced-config summary:after{content:"";border-bottom:2px solid;border-right:2px solid;width:8px;height:8px;transition:transform .16s;transform:rotate(45deg)}.advanced-config[open] summary:after{transform:rotate(225deg)}.advanced-config summary small{color:#64748b;margin-left:auto;font-size:12px;font-weight:600}.advanced-config .form-grid{margin-top:14px}.dropzone{color:#334155;cursor:pointer;text-align:center;background:#f8fbff;border:1px dashed #8aa6c7;border-radius:8px;place-items:center;min-height:220px;padding:26px 18px;transition:border-color .16s,background-color .16s,transform .16s;display:grid}.dropzone input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.dropzone strong{color:#172033;margin-top:12px;font-size:18px}.dropzone small{color:#64748b;margin-top:6px}.dropzone svg,.icon-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:20px;height:20px}.dropzone .dropzone-icon{color:#1d64d8;background:#e6f4ff;border-radius:8px;justify-content:center;align-items:center;width:54px;height:54px;display:inline-flex}.dropzone .dropzone-icon svg{width:28px;height:28px}.dropzone:hover,.dropzone.is-dragging{background:#eff6ff;border-color:#1d64d8;transform:translateY(-1px)}.preview{background:#fff;border:1px solid #dce5ef;border-radius:8px;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:14px;margin-top:16px;padding:12px;display:grid}.preview-image-wrap{background:#f8fafc;border:1px solid #e5edf5;border-radius:8px;place-items:center;width:96px;height:96px;display:grid;overflow:hidden}.preview img,.result-preview img{object-fit:contain;max-width:100%;max-height:100%;display:block}.preview-meta{gap:5px;min-width:0;display:grid}.preview-meta strong,.preview-meta span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview-meta strong{color:#172033}.preview-meta span{color:#64748b;font-size:13px}.progress{grid-template-columns:minmax(0,1fr) 46px;align-items:center;gap:10px;margin-top:16px;display:grid}.progress-track{background:#dbeafe;border-radius:999px;height:10px;overflow:hidden}.progress-bar{border-radius:inherit;background:#1d64d8;width:0;height:100%;transition:width .12s}.progress span{color:#475569;font-variant-numeric:tabular-nums;text-align:right;font-size:13px}.status{border-radius:8px;margin-top:16px;padding:11px 12px;font-size:14px;line-height:1.5}.status-info{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}.status-success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.status-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.button-row{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.icon-button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;min-height:40px;padding:0 14px;font-weight:700;transition:background-color .16s,color .16s,box-shadow .16s,transform .16s;display:inline-flex}.icon-button span{margin-left:7px}.icon-button:hover:not(:disabled){transform:translateY(-1px)}.icon-button:disabled{cursor:not-allowed;opacity:.65}.primary{color:#fff;background:#1d64d8;box-shadow:0 8px 18px #1d64d838}.primary:hover:not(:disabled){background:#164fae}.secondary{color:#334155;background:#fff;border:1px solid #cbd5e1}.secondary:hover:not(:disabled){background:#f8fafc}.success{color:#fff;background:#138a63;box-shadow:0 8px 18px #138a6333}.success:hover:not(:disabled){background:#0f6f52}.is-loading{position:relative}.result{border-top:1px solid #e5edf5;margin-top:20px;padding-top:18px}.result-preview{background:#f8fafc;border:1px solid #dce5ef;border-radius:8px;place-items:center;height:170px;margin-top:14px;display:grid;overflow:hidden}.toast{color:#fff;z-index:10;background:#172033;border-radius:8px;max-width:min(360px,100% - 44px);padding:12px 14px;font-size:14px;position:fixed;bottom:22px;right:22px;box-shadow:0 16px 34px #0f172a3d}[hidden]{display:none!important}@media (max-width:920px){.workspace{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}.topbar-actions{width:100%}}@media (max-width:640px){.page-shell{width:min(100% - 20px,1180px);padding-top:18px}h1{font-size:25px}.notice{flex-direction:column;align-items:flex-start}.form-grid,.preview{grid-template-columns:1fr}.preview-image-wrap,.icon-button{width:100%}}