:root{--bg: #26292f;--panel: #2e323a;--panel-edge: #3a3f49;--text: #e9ebee;--muted: #9aa3ae;--accent: #4f74e3;--good: #3da06a;--fair: #c9923a;--poor: #c75454}*{box-sizing:border-box;margin:0}body{background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,sans-serif}.screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;text-align:center}.screen h1{font-size:38px;letter-spacing:.02em}.tagline{font-size:19px;max-width:480px}.note{color:var(--muted);max-width:520px;font-size:14.5px;line-height:1.45}.drop{width:min(440px,100%);border:2px dashed var(--panel-edge);border-radius:14px;padding:34px 22px;cursor:pointer;color:var(--muted);transition:border-color .15s,background .15s}.drop.over,.drop:hover{border-color:var(--accent);background:#4f74e312}.drop b{display:block;color:var(--text);font-size:17px;margin-bottom:6px}.drop input{display:none}.error{color:var(--poor);font-size:14.5px;min-height:1.3em;max-width:440px}.crop-stage{position:relative;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:8px;overflow:hidden}.crop-stage canvas{display:block}.crop-box{position:absolute;border:2px solid #fff;box-shadow:0 0 0 9999px #0a0c109e;cursor:move}.crop-box .handle{position:absolute;width:22px;height:22px;border:3px solid #fff;background:transparent}.handle.nw{left:-3px;top:-3px;border-right:none;border-bottom:none;cursor:nwse-resize}.handle.ne{right:-3px;top:-3px;border-left:none;border-bottom:none;cursor:nesw-resize}.handle.sw{left:-3px;bottom:-3px;border-right:none;border-top:none;cursor:nesw-resize}.handle.se{right:-3px;bottom:-3px;border-left:none;border-top:none;cursor:nwse-resize}.toolbar{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}button.btn{background:var(--panel);color:var(--text);border:1px solid var(--panel-edge);border-radius:10px;padding:11px 18px;font-size:15px;cursor:pointer;min-height:44px}button.btn:hover{border-color:var(--accent)}button.btn.primary{background:var(--accent);border-color:var(--accent);font-weight:600}.suit{display:inline-flex;align-items:center;gap:9px;background:var(--panel);border:1px solid var(--panel-edge);border-radius:10px;padding:9px 14px;font-size:14.5px;max-width:min(520px,100%)}.suit .dot{width:11px;height:11px;border-radius:50%;flex:none}.suit.good .dot{background:var(--good)}.suit.fair .dot{background:var(--fair)}.suit.poor .dot{background:var(--poor)}.suit small{color:var(--muted)}.settings .preview,.confirm .preview{max-width:min(680px,100%);overflow:auto;border-radius:10px}.settings .preview canvas,.confirm .preview canvas{display:block;max-width:100%;height:auto;border-radius:8px}.vars{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.var{background:var(--panel);border:2px solid var(--panel-edge);border-radius:10px;padding:7px 7px 4px;cursor:pointer;font-size:12.5px;color:var(--muted)}.var.sel{border-color:var(--accent);color:var(--text)}.var canvas{display:block;width:88px;height:88px;border-radius:5px}.gridsec{display:flex;flex-direction:column;gap:10px;align-items:center}.media,.presets{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}button.btn.chip{padding:8px 14px;font-size:14px}button.btn.chip.sel{border-color:var(--accent);background:#4f74e329}.custom{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:14px;border:1px solid var(--panel-edge);border-radius:10px;padding:0 10px}.custom.sel{border-color:var(--accent);color:var(--text)}.custom input{width:52px;background:transparent;color:var(--text);border:none;outline:none;padding:10px 0;font-size:14.5px;font-variant-numeric:tabular-nums}.warn{color:var(--fair);font-size:14px;max-width:520px}.confirm .preview canvas{max-width:min(420px,86vw)}.facts{display:grid;gap:14px;margin:4px 0 6px;max-width:520px;width:100%}.facts>div{display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:baseline}.facts dt{color:var(--muted);font-size:14px}.facts dd{margin:0;font-size:17px;font-weight:600}.facts dd small{display:block;font-weight:400;font-size:13px;color:var(--muted);margin-top:2px}button.btn:disabled{opacity:.45;cursor:default}