:root{color:#e8edf4;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#121417;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,PingFang SC,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:#121417;min-height:100vh}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.workbench{grid-template-columns:minmax(240px,300px) minmax(360px,1fr) minmax(280px,340px);gap:14px;height:100vh;min-height:100vh;padding:14px;display:grid;overflow:hidden}.workbench-panel,.preview-region{background:#191d22;border:1px solid #2a313a;border-radius:8px;min-height:0;box-shadow:0 18px 42px #0000002e}.workbench-panel{flex-direction:column;gap:18px;padding:16px;display:flex;overflow:auto}.panel-heading,.preview-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}h2,h3,p{margin:0}h2{color:#f8fafc;font-size:1rem;font-weight:700}h3{color:#f8fafc;font-size:.92rem}button,input,select{font:inherit}button{color:#eef4fb;cursor:pointer;background:#242b33;border:1px solid #3a4654;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:36px;display:inline-flex}button:hover:not(:disabled){background:#263744;border-color:#6aa7c8}button:disabled{cursor:not-allowed;opacity:.58}.mode-badge{color:#9ee6b2;background:#17251b;border:1px solid #3f5e47;border-radius:999px;flex:none;padding:3px 9px;font-size:.75rem;font-weight:700}.file-picker{cursor:pointer;background:#15191f;border:1px dashed #536171;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:14px;display:grid;position:relative}.file-picker:focus-within{outline-offset:2px;outline:2px solid #6aa7c8}.file-picker__icon{color:#9ed7f4;background:#24313a;border-radius:8px;place-items:center;width:40px;height:40px;display:grid}.file-picker strong,.file-picker small{display:block}.file-picker strong{color:#f8fafc;font-size:.95rem}.file-picker small{color:#a8b3c2;margin-top:4px;font-size:.78rem;line-height:1.45}.file-picker input{opacity:0;cursor:pointer;position:absolute;inset:0}.mode-readout{color:#aeb8c6;border-top:1px solid #28313b;border-bottom:1px solid #28313b;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;font-size:.86rem;display:flex}.mode-readout strong{color:#f8fafc}.auto-estimate-button{width:100%}.crop-mode-group{grid-template-columns:1fr 1fr;gap:8px;display:grid}.crop-mode-group button{white-space:nowrap;min-width:0;padding:0 10px}.crop-mode-group .is-active{color:#bde7fb;background:#173044;border-color:#6aa7c8}.shortcut-hint{color:#d3d9e2;border-left:3px solid #d7b45f;padding-left:10px;font-size:.84rem;line-height:1.55}.preview-region{grid-template-rows:auto minmax(0,1fr);gap:12px;padding:14px;display:grid;overflow:hidden}.preview-toolbar span{color:#aeb8c6;font-size:.82rem}.preview-stage{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;background-color:#15191e;background-image:linear-gradient(45deg,#20262e 25%,#0000 25%),linear-gradient(-45deg,#20262e 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#20262e 75%),linear-gradient(-45deg,#0000 75%,#20262e 75%),none;background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;border:1px solid #2a313a;border-radius:8px;place-items:center;min-height:320px;display:grid;position:relative;overflow:hidden}.preview-crop-frame{width:min(100%,1100px);height:min(100%,680px);position:relative}.preview-canvas{background:linear-gradient(135deg,#50607099,#1a2027),#1e242b;border-radius:4px;width:100%;height:100%;display:block}.crop-overlay{pointer-events:none;border:2px solid;border-radius:4px;position:absolute}.crop-overlay span{color:#101418;border-radius:4px;min-width:max-content;padding:3px 7px;font-size:.75rem;font-weight:700;position:absolute;top:-26px;left:-2px}.crop-overlay--analysis{border-color:#55d58a;box-shadow:0 0 0 9999px #55d58a0a}.crop-overlay--analysis span{background:#86efac}.crop-overlay--output{border-color:#63b3ed}.crop-overlay--output span{background:#93c5fd}.slider-list{gap:16px;display:grid}.density-slider{gap:8px;display:grid}.density-slider__header{color:#dce4ee;justify-content:space-between;align-items:center;gap:12px;font-size:.86rem;display:flex}.density-slider output{color:#f8fafc;font-variant-numeric:tabular-nums;text-align:right;width:4.5ch}.density-slider input{accent-color:#6aa7c8;width:100%}.export-shell{border-top:1px solid #28313b;grid-template-columns:1fr auto;align-items:center;gap:12px;padding-top:14px;display:grid}.export-shell__header,.export-settings{grid-column:1/-1}.export-shell p{color:#aeb8c6;margin-top:4px;font-size:.8rem}.export-shell button{padding:0 12px}.export-settings{gap:10px;display:grid}.segmented-control{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.segmented-control button{min-width:0;min-height:32px;padding:0 8px;font-size:.82rem}.segmented-control .is-active{color:#bde7fb;background:#173044;border-color:#6aa7c8}.export-field{color:#dce4ee;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:8px;font-size:.84rem;display:grid}.export-field select{color:#eef4fb;background:#121820;border:1px solid #3a4654;border-radius:6px;grid-column:2/-1;min-width:0;padding:6px 8px}.export-field input{accent-color:#6aa7c8;min-width:0}.export-field output{color:#f8fafc;font-variant-numeric:tabular-nums;text-align:right;min-width:4ch}.status-message{color:#d6e0ea;border:1px solid #304050;border-radius:6px;padding:10px 12px;font-size:.84rem;line-height:1.5}.status-message--info{background:#17212b}.status-message--warning{background:#2a2414}.status-message--error{background:#2b1717}@media (width<=1120px){.workbench{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(230px,280px) minmax(360px,1fr)}.controls-panel{grid-column:1/-1;grid-template-columns:1fr auto;align-items:start;display:grid}.controls-panel .panel-heading,.controls-panel .slider-list{grid-column:1}.export-shell,.status-message{grid-column:2;width:300px}}@media (width<=780px){.workbench{grid-template-columns:1fr;height:auto;min-height:100vh;overflow:visible}.workbench-panel,.preview-region{overflow:visible}.controls-panel{display:flex}.export-shell,.status-message{width:auto}.preview-stage{min-height:58vh}}@media (height<=620px) and (width>=781px){.workbench{height:100vh}.workbench-panel,.preview-region{overflow:auto}.preview-stage{min-height:430px}}