:root{color-scheme:light;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;background:#f6f7fb;color:#111827;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f6f7fb}button,input{font:inherit}input,textarea,select{font-size:16px;line-height:20px;-webkit-text-size-adjust:100%}button{border:0}#app{min-height:100vh;padding-bottom:calc(154px + env(safe-area-inset-bottom))}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:calc(14px + env(safe-area-inset-top)) 18px 14px;background:#f6f7fbeb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid #e5e7eb}.eyebrow{margin:0 0 2px;font-size:12px;color:#64748b}h1,h2,p{margin:0}h1{font-size:22px;line-height:1.2}h2{font-size:16px}.shell{display:grid;gap:14px;width:min(980px,100%);margin:0 auto;padding:14px}.import-panel,.controls,.preview-panel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:14px}.drop-zone{display:grid;place-items:center;gap:6px;min-height:138px;padding:20px;text-align:center;border:1.5px dashed #94a3b8;border-radius:8px;background:#f8fafc;cursor:pointer}.drop-zone input{position:absolute;width:1px;height:1px;opacity:0}.plus{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;color:#fff;background:#0f172a;font-size:28px;line-height:1}.drop-zone small{max-width:320px;color:#64748b;line-height:1.45}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.stats span{padding:10px 8px;text-align:center;background:#f1f5f9;border-radius:8px;color:#475569;font-size:13px}.stats b{color:#0f172a}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.section-title span{color:#2563eb;font-weight:700}.ratio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.ratio-grid button,.segmented button,.ghost-btn,.text-btn{min-height:40px;border-radius:8px;color:#111827;background:#f1f5f9}.ratio-grid button.active{color:#fff;background:#0f172a}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0;padding:4px;border-radius:8px;background:#f1f5f9}.segmented button{background:transparent}.segmented button.active{color:#fff;background:#2563eb}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.form-grid.hidden{display:none}.form-grid label{display:grid;gap:6px;color:#475569;font-size:13px}.form-grid input{width:100%;min-height:42px;padding:9px 10px;border:1px solid #cbd5e1;border-radius:8px;outline:0;font-size:16px;line-height:20px;-moz-appearance:none;appearance:none;-webkit-appearance:none}.quality-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}.quality-card{display:flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:8px;border:1px solid #cbd5e1;border-radius:8px;font-size:13px}.image-list{display:grid;gap:10px}.image-list.single{display:block}.crop-editor{display:grid;gap:10px;margin-bottom:12px}.crop-editor.hidden{display:none}.editor-head{display:flex;align-items:center;justify-content:space-between;color:#475569;font-size:13px;gap:8px}.editor-head strong{display:flex;align-items:baseline;flex:1;min-width:0;color:#111827;font-size:15px}.crop-tip{margin-left:6px;color:#dc2626;font-size:12px;font-weight:600;white-space:nowrap}.crop-tip.hidden{display:none}#cropFocusLabel{flex:0 0 auto;white-space:nowrap}.crop-stage{position:relative;overflow:hidden;height:240px;border-radius:8px;background:#0f172a;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.crop-stage.fit-mode{background:#eef2f7;border:1px solid #e2e8f0;cursor:default}.crop-stage:active{cursor:grabbing}.crop-stage img{position:absolute;top:50%;left:50%;z-index:1;max-width:none;pointer-events:none;transform:translate(-50%,-50%);transform-origin:center;opacity:1;transition:opacity .12s ease;will-change:opacity}.crop-frame{position:absolute;z-index:2;top:14px;right:14px;bottom:14px;left:14px;border:2px solid rgba(255,255,255,.92);border-radius:8px;box-shadow:0 0 0 999px #0f172a6b;pointer-events:none}.crop-frame.hidden{display:none}.crop-stage.fit-mode .crop-frame{z-index:0;background:#fff;border:0;border-radius:6px;box-shadow:0 0 0 1px #94a3b82e,0 10px 24px #0f172a14}.crop-stage.fit-mode img{filter:none;box-shadow:none}.image-list.empty{min-height:92px;place-items:center;color:#64748b;text-align:center;background:#f8fafc;border-radius:8px}.image-switcher{display:grid;grid-template-columns:42px 1fr 42px;align-items:stretch;gap:8px}.nav-arrow{min-width:42px;border:1px solid #cbd5e1;border-radius:8px;color:#0f172a;background:#f8fafc;font-size:26px;font-weight:700;line-height:1;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.nav-arrow:disabled{color:#94a3b8;background:#f1f5f9;opacity:.65}.current-item{display:grid;grid-template-columns:66px 1fr auto;align-items:center;gap:10px;padding:8px;min-width:0;min-height:84px;border:1.5px solid #2563eb;border-radius:8px;background:#fff;text-align:left}.current-item{box-shadow:0 0 0 2px #2563eb1f}.current-item img{width:66px;height:66px;object-fit:cover;border-radius:8px;background:#e2e8f0}.queue-meta{min-width:0}.queue-meta strong,.queue-meta small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-meta small{margin-top:4px;color:#64748b}.queue-meta em{display:block;margin-top:4px;color:#2563eb;font-style:normal;font-size:12px;font-weight:700}.badge{padding:6px 8px;border-radius:999px;color:#334155;background:#e2e8f0;font-size:12px}.badge.ready{color:#166534;background:#dcfce7}.badge.error{color:#991b1b;background:#fee2e2}.badge.done{color:#1d4ed8;background:#dbeafe}.action-bar{position:fixed;right:0;bottom:0;left:0;z-index:20;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 14px calc(12px + env(safe-area-inset-bottom));background:#fffffff0;border-top:1px solid #e5e7eb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.progress-wrap{grid-column:1 / -1}.progress-text{display:flex;justify-content:space-between;margin-bottom:6px;color:#475569;font-size:13px}.progress-track{height:7px;overflow:hidden;border-radius:999px;background:#e2e8f0}#progressFill{width:0;height:100%;background:#2563eb;transition:width .2s ease}.primary-btn,.secondary-btn{min-height:48px;border-radius:8px;font-weight:700}.primary-btn{color:#fff;background:#0f172a}.secondary-btn{color:#0f172a;background:#e2e8f0}button:disabled{cursor:not-allowed;opacity:.45}dialog{width:min(920px,calc(100% - 24px));border:0;border-radius:8px;padding:14px}dialog::backdrop{background:#0f172a94}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.export-options{display:grid;gap:10px}.export-option{display:grid;gap:6px;width:100%;padding:14px;border:1px solid #cbd5e1;border-radius:8px;color:#111827;background:#fff;text-align:left}.export-option:active{background:#f1f5f9}.export-option strong{font-size:16px}.export-option span{color:#64748b;line-height:1.45}.notice-text{margin-bottom:12px;color:#475569;line-height:1.65}figure{margin:0}figure img{width:100%;aspect-ratio:1 / 1;object-fit:contain;background:#f1f5f9;border-radius:8px}figcaption{margin-top:6px;color:#475569;text-align:center;font-size:13px}@media (min-width: 860px){.shell{grid-template-columns:.95fr 1.05fr;align-items:start}.preview-panel{grid-column:1 / -1}}@media (max-width: 420px){.ratio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quality-row,.stats,.compare-grid{grid-template-columns:1fr}.image-switcher{grid-template-columns:34px 1fr 34px;gap:6px}.nav-arrow{min-width:34px;font-size:22px}.current-item{grid-template-columns:58px 1fr}.current-item img{width:58px;height:58px}.current-item .badge{grid-column:2;justify-self:start}.editor-head{align-items:flex-start}.editor-head strong{display:block;line-height:1.45}.crop-tip{display:block;margin-left:0;margin-top:2px;white-space:nowrap;font-size:11px}}