:root{color-scheme:dark;--bg: #0f1115;--panel: #171a21;--panel-alt: #1f242d;--border: #2c3340;--text: #eef1f7;--muted: #98a2b3;--accent: #6c8cff;--accent-hover: #829dff;--ok: #34d399;--warn: #fbbf24;--err: #f87171}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.45}.page{max-width:760px;margin:0 auto;padding:24px 16px 48px}header{margin-bottom:24px}header h1{margin:0 0 6px;font-size:1.65rem}.muted{color:var(--muted);font-size:.92rem}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:18px;margin-bottom:16px}.step-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 10px;font-size:1.05rem}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.78rem;font-weight:600;background:var(--panel-alt);border:1px solid var(--border)}.badge.known{color:var(--ok);border-color:#34d39959}.badge.new{color:var(--warn);border-color:#fbbf2459}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;position:relative}label{font-size:.9rem;font-weight:500}input[type=text],input[type=url]{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:var(--panel-alt);color:var(--text);font-size:.96rem}input:focus{outline:2px solid var(--accent);outline-offset:1px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}button{cursor:pointer;border:1px solid var(--border);background:var(--panel-alt);color:var(--text);padding:9px 14px;border-radius:8px;font-size:.92rem;font-weight:500}button:hover:not(:disabled){border-color:var(--accent)}button.primary{background:var(--accent);border-color:var(--accent);color:#0b0e14;font-weight:600}button.primary:hover:not(:disabled){background:var(--accent-hover)}button:disabled{opacity:.55;cursor:not-allowed}.dropdown{border:1px solid var(--border);border-radius:8px;background:#12151b;max-height:230px;overflow-y:auto;margin-top:4px}.dropdown-item{width:100%;text-align:left;border:none;border-bottom:1px solid var(--border);border-radius:0;background:transparent;padding:9px 12px;display:flex;justify-content:space-between;align-items:center;gap:8px}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover,.dropdown-item.active{background:var(--panel-alt)}.error{color:var(--err);font-size:.9rem;margin-top:6px}.success-box{border-color:#34d39973}.crop-stage-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:10px}.crop-stage{position:relative;display:inline-block;max-width:100%;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:8px;overflow:hidden;border:1px solid var(--border)}.crop-stage img{display:block;max-width:100%;max-height:60vh;width:auto;height:auto;pointer-events:none}.crop-box{position:absolute;border:2px solid #ffffff;box-shadow:0 0 0 9999px #00000094;cursor:move}.crop-handle{position:absolute;right:-7px;bottom:-7px;width:18px;height:18px;border-radius:4px;background:var(--accent);border:2px solid #ffffff;cursor:nwse-resize}.slider-row{width:100%;max-width:360px;display:flex;align-items:center;gap:10px}.slider-row input[type=range]{flex:1}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}@media(max-width:640px){.page{padding:16px 12px 36px}.grid-3{grid-template-columns:1fr}}