:root{--paper:#FAFAF8;--surface:#FFFFFF;--surface-sunken:#F3F1EC;--line:#E5E2D9;--line-strong:#D3CFC2;--ink:#1B1D22;--ink-soft:#5B5F6B;--ink-faint:#90939C;--navy:#1F3A5C;--navy-deep:#142943;--navy-tint:#EAF0F6;--navy-line:rgba(31,58,92,0.18);--stamp:#B23A2E;--stamp-deep:#8F2C22;--stamp-tint:#FBEBE8;--success:#1F7A4D;--success-tint:#E7F5EC;--warning:#9A6B00;--warning-tint:#FBF1DC;--error:#B23A2E;--error-tint:#FBEBE8;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(27,29,34,0.06);--shadow-md:0 6px 20px rgba(27,29,34,0.08);--shadow-lg:0 16px 40px rgba(27,29,34,0.10);--ease:cubic-bezier(0.4, 0, 0.2, 1);--t-fast:0.15s var(--ease);--t-base:0.25s var(--ease);--font-display:"Source Serif 4", "Times New Roman", serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);background:var(--paper);color:var(--ink);line-height:1.55;min-height:100vh}.bg-texture{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(circle at 100% 0%,rgb(31 58 92 / .04),transparent 45%),radial-gradient(circle at 0% 100%,rgb(178 58 46 / .03),transparent 40%)}.app{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:32px 20px 80px}.header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px;flex-wrap:wrap}.header__brand{display:flex;align-items:center;gap:12px}.header__mark{width:42px;height:42px;border-radius:var(--radius-sm);background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:600;font-size:18px;box-shadow:var(--shadow-sm);flex-shrink:0}.header__title{font-family:var(--font-display);font-size:21px;font-weight:600;letter-spacing:-.01em}.header__subtitle{font-size:13px;color:var(--ink-soft);margin-top:1px}.header__badge{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius-full);background:var(--navy-tint);color:var(--navy);font-size:12.5px;font-weight:600;border:1px solid var(--navy-line)}.header__badge .dot{width:6px;height:6px;border-radius:50%;background:var(--success)}.workbench{display:grid;grid-template-columns:320px 1fr;gap:20px;align-items:start}@media (max-width:880px){.workbench{grid-template-columns:1fr}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px;margin-bottom:18px}.card__title{font-family:var(--font-display);font-size:15.5px;font-weight:600;display:flex;align-items:center;gap:8px;margin-bottom:4px}.card__hint{font-size:12.5px;color:var(--ink-soft);margin-bottom:16px}.card__title .icon{color:var(--navy);display:flex}.drop-zone{position:relative;border:1.5px dashed var(--line-strong);border-radius:var(--radius-md);padding:28px 16px;text-align:center;cursor:pointer;transition:border-color var(--t-base),background var(--t-base);background:var(--surface-sunken)}.drop-zone:hover,.drop-zone.dragover{border-color:var(--navy);background:var(--navy-tint)}.drop-zone input{position:absolute;inset:0;opacity:0;cursor:pointer}.drop-zone__icon{color:var(--navy);margin-bottom:10px;display:flex;justify-content:center}.drop-zone__title{font-size:13.5px;font-weight:600;margin-bottom:3px}.drop-zone__hint{font-size:11.5px;color:var(--ink-faint)}.queue-list{display:flex;flex-direction:column;gap:8px;margin-top:14px}.queue-item{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--t-fast),background var(--t-fast);background:var(--surface)}.queue-item:hover{border-color:var(--line-strong)}.queue-item.active{border-color:var(--navy);background:var(--navy-tint)}.queue-item__thumb{width:40px;height:50px;border-radius:4px;object-fit:cover;background:var(--surface-sunken);border:1px solid var(--line);flex-shrink:0}.queue-item__info{flex:1;min-width:0}.queue-item__name{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-item__status{font-size:11px;color:var(--ink-faint);font-family:var(--font-mono)}.queue-item__status.done{color:var(--success)}.queue-item__remove{width:22px;height:22px;border-radius:50%;border:none;background:#fff0;color:var(--ink-faint);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--t-fast),color var(--t-fast);flex-shrink:0}.queue-item__remove:hover{background:var(--error-tint);color:var(--error)}.field-group{margin-bottom:16px}.field-group:last-child{margin-bottom:0}.field-group__label{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;font-weight:600;margin-bottom:8px;color:var(--ink)}.field-group__label .unit{font-family:var(--font-mono);font-weight:400;color:var(--ink-faint);font-size:11.5px}select,input[type="number"],input[type="text"]{width:100%;padding:9px 11px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:13px;background:var(--surface);color:var(--ink);transition:border-color var(--t-fast)}select:focus,input:focus{outline:none;border-color:var(--navy)}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.preset-chip{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:9px 11px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;text-align:left;transition:border-color var(--t-fast),background var(--t-fast)}.preset-chip:hover{border-color:var(--line-strong)}.preset-chip.active{border-color:var(--navy);background:var(--navy-tint)}.preset-chip__name{font-size:12.5px;font-weight:600}.preset-chip__dim{font-size:11px;font-family:var(--font-mono);color:var(--ink-soft)}.preset-note{font-size:11.5px;color:var(--ink-faint);margin-top:10px;line-height:1.5}.preset-note strong{color:var(--ink-soft)}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 0}.toggle-row__title{font-size:13px;font-weight:600}.toggle-row__desc{font-size:11.5px;color:var(--ink-soft);margin-top:1px}.switch{position:relative;width:40px;height:23px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.switch-slider{position:absolute;inset:0;background:var(--line-strong);border-radius:var(--radius-full);cursor:pointer;transition:background var(--t-base)}.switch-slider::before{content:'';position:absolute;width:17px;height:17px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform var(--t-base);box-shadow:var(--shadow-sm)}.switch input:checked+.switch-slider{background:var(--navy)}.switch input:checked+.switch-slider::before{transform:translateX(17px)}.pill-group{display:flex;gap:6px}.pill-group input{display:none}.pill-group label{flex:1;text-align:center;padding:8px 6px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;transition:all var(--t-fast);color:var(--ink-soft)}.pill-group input:checked+label{border-color:var(--navy);background:var(--navy-tint);color:var(--navy)}.swatch-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.swatch{width:30px;height:30px;border-radius:50%;border:2px solid var(--line);cursor:pointer;position:relative;transition:transform var(--t-fast),border-color var(--t-fast)}.swatch:hover{transform:scale(1.08)}.swatch.active{border-color:var(--navy);box-shadow:0 0 0 2px var(--navy-tint)}.swatch.active::after{content:'✓';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--ink);text-shadow:0 0 3px rgb(255 255 255 / .9)}.swatch--custom{border-style:dashed;display:flex;align-items:center;justify-content:center;background:var(--surface-sunken)}.swatch input[type="color"]{position:absolute;inset:0;opacity:0;cursor:pointer}.workspace-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--ink-faint);text-align:center;gap:10px}.workspace-empty svg{color:var(--line-strong)}.workspace-empty__title{font-family:var(--font-display);font-size:16px;color:var(--ink-soft)}.crop-area{display:flex;gap:24px;flex-wrap:wrap}.crop-stage-wrap{display:flex;flex-direction:column;align-items:center;gap:12px}.crop-stage{position:relative;border-radius:4px;overflow:hidden;cursor:grab;background:var(--surface-sunken);background-image:linear-gradient(45deg,#ececec 25%,transparent 25%),linear-gradient(-45deg,#ececec 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ececec 75%),linear-gradient(-45deg,transparent 75%,#ececec 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;box-shadow:0 0 0 1px var(--line-strong),var(--shadow-md)}.crop-stage:active{cursor:grabbing}.crop-stage canvas{display:block;touch-action:none}.crop-corner{position:absolute;width:16px;height:16px;pointer-events:none}.crop-corner::before,.crop-corner::after{content:'';position:absolute;background:var(--stamp)}.crop-corner.tl{top:6px;left:6px}.crop-corner.tr{top:6px;right:6px}.crop-corner.bl{bottom:6px;left:6px}.crop-corner.br{bottom:6px;right:6px}.crop-corner.tl::before,.crop-corner.tr::before,.crop-corner.bl::before,.crop-corner.br::before{width:100%;height:2px;top:0}.crop-corner.bl::before,.crop-corner.br::before{top:auto;bottom:0}.crop-corner.tl::after,.crop-corner.tr::after,.crop-corner.bl::after,.crop-corner.br::after{width:2px;height:100%;left:0}.crop-corner.tr::after,.crop-corner.br::after{left:auto;right:0}.zoom-row{display:flex;align-items:center;gap:10px;width:100%;max-width:280px}.zoom-row input[type="range"]{flex:1}input[type="range"]{-webkit-appearance:none;height:4px;background:var(--line-strong);border-radius:2px}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--navy);cursor:pointer;box-shadow:var(--shadow-sm);border:2px solid #fff}input[type="range"]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--navy);cursor:pointer;border:2px solid #fff}.crop-tools{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.crop-settings{flex:1;min-width:240px;display:flex;flex-direction:column;gap:18px}.spec-readout{display:flex;gap:18px;padding:12px 14px;background:var(--surface-sunken);border-radius:var(--radius-sm);font-family:var(--font-mono)}.spec-readout__item{display:flex;flex-direction:column;gap:2px}.spec-readout__label{font-size:10px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.04em}.spec-readout__value{font-size:14px;font-weight:600;color:var(--navy)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 18px;border-radius:var(--radius-sm);border:1px solid #fff0;font-family:var(--font-body);font-size:13.5px;font-weight:600;cursor:pointer;transition:all var(--t-fast);white-space:nowrap}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--navy);color:#fff;box-shadow:var(--shadow-sm)}.btn--primary:hover:not(:disabled){background:var(--navy-deep)}.btn--stamp{background:var(--stamp);color:#fff}.btn--stamp:hover:not(:disabled){background:var(--stamp-deep)}.btn--ghost{background:var(--surface);color:var(--ink);border-color:var(--line-strong)}.btn--ghost:hover:not(:disabled){border-color:var(--navy);color:var(--navy)}.btn--sm{padding:7px 12px;font-size:12.5px}.btn--block{width:100%}.btn .icon{display:flex}.sheet-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.sheet-row{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid var(--line);border-radius:var(--radius-sm)}.sheet-row__thumb{width:32px;height:40px;object-fit:cover;border-radius:3px;border:1px solid var(--line)}.sheet-row__name{flex:1;font-size:12.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet-row__count{width:60px;text-align:center}.sheet-capacity{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--navy-tint);border-radius:var(--radius-sm);font-size:12.5px;margin-bottom:14px}.sheet-capacity.over{background:var(--error-tint);color:var(--stamp-deep)}.sheet-capacity__num{font-family:var(--font-mono);font-weight:700}.sheet-preview-wrap{display:flex;justify-content:center;margin-top:16px}.sheet-preview{border:1px solid var(--line-strong);box-shadow:var(--shadow-md);background:#fff}.progress-overlay{position:fixed;inset:0;background:rgb(27 29 34 / .4);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:100}.progress-box{background:var(--surface);border-radius:var(--radius-lg);padding:28px 32px;box-shadow:var(--shadow-lg);text-align:center;max-width:320px}.progress-box__title{font-family:var(--font-display);font-size:15px;margin-bottom:6px}.progress-box__hint{font-size:12px;color:var(--ink-soft);margin-bottom:16px}.progress-bar-wrap{height:6px;background:var(--surface-sunken);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background:var(--navy);border-radius:var(--radius-full);transition:width var(--t-base);width:0%}.progress-box__pct{font-family:var(--font-mono);font-size:11px;color:var(--ink-faint);margin-top:8px}.toast-container{position:fixed;bottom:20px;right:20px;z-index:200;display:flex;flex-direction:column;gap:8px}.toast{background:var(--ink);color:#fff;padding:11px 16px;border-radius:var(--radius-sm);font-size:13px;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:8px;animation:toast-in 0.25s var(--ease)}.toast.error{background:var(--stamp-deep)}.toast.success{background:var(--success)}@keyframes toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.footer{margin-top:40px;text-align:center;font-size:12px;color:var(--ink-faint)}.footer a{color:var(--navy);text-decoration:none}.footer a:hover{text-decoration:underline}.divider{height:1px;background:var(--line);margin:18px 0}.actions-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}@media (max-width:520px){.app{padding:20px 14px 60px}.crop-area{flex-direction:column;align-items:center}.preset-grid{grid-template-columns:1fr}}