.dp-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.dp-steps{display:flex;flex-direction:column;gap:10px}.dp-step{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--text);line-height:1.6}.dp-step-n{width:22px;height:22px;min-width:22px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;margin-top:1px}.dp-step b{color:var(--primary);font-weight:700}.si-title{font-size:13px;font-weight:600;color:var(--sub);margin-bottom:10px;text-transform:uppercase;letter-spacing:.05em}.si-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid var(--border);font-size:14px}.si-row-last{border-bottom:none}.si-label{color:var(--sub)}.si-val{font-weight:600;font-variant-numeric:tabular-nums}.dp-start-btn{width:100%;height:52px;background:linear-gradient(135deg,var(--primary),var(--primary-end));color:#fff;border:none;border-radius:12px;font-size:17px;font-weight:700;cursor:pointer;transition:filter .15s;margin-bottom:12px}.dp-start-btn:hover{filter:brightness(1.08)}.dp-start-btn:active{filter:brightness(.95)}.dp-kbd{font-family:var(--font-mono, monospace);font-size:12px;background:var(--card-alt);border:1px solid var(--border);border-radius:5px;padding:1px 6px;color:var(--text)}.dp-modal-actions{display:flex;gap:10px;margin-top:4px}.dp-tip{text-align:center;font-size:12px;color:var(--sub);margin-bottom:20px}.res-badge{border-radius:10px;padding:12px 16px;font-size:15px;font-weight:600;margin-bottom:14px}.res-ok{background:#e8f5e9;color:#2e7d32}.res-warn{background:#fff3e0;color:#e65100}.res-skip{background:#f0f0f4;color:#555570}[data-theme=dark] .res-ok{background:#0d2a14;color:#81c784}[data-theme=dark] .res-warn{background:#2a1800;color:#ffb74d}[data-theme=dark] .res-skip{background:#1e1e2a;color:#9090b0}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .res-ok{background:#0d2a14;color:#81c784}:root:not([data-theme=light]) .res-warn{background:#2a1800;color:#ffb74d}:root:not([data-theme=light]) .res-skip{background:#1e1e2a;color:#9090b0}}#typePicker{position:absolute;z-index:20;display:none;background:#0a0a16e6;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:8px 6px;min-width:218px;color:#fff;box-shadow:0 8px 32px #0000008c}.tp-header{font-size:10px;font-weight:600;color:#ffffff6b;text-transform:uppercase;letter-spacing:.07em;padding:2px 8px 6px}.tp-btn{display:flex;align-items:center;gap:10px;width:100%;background:transparent;border:none;border-radius:8px;padding:8px;cursor:pointer;text-align:left;color:#fff;transition:background .12s}.tp-btn:hover{background:#ffffff1a}.tp-btn:active{background:#ffffff0d}.tp-dot{font-size:20px;flex-shrink:0;line-height:1}.tp-info{display:flex;flex-direction:column;gap:2px}.tp-name{font-size:13px;font-weight:600}.tp-desc{font-size:11px;color:#ffffff7a;line-height:1.4}.px-head,.px-row{display:grid;grid-template-columns:24px 52px 1fr 1fr;gap:0;padding:6px 10px;font-size:13px;align-items:center}.px-head{background:var(--card-alt);border-radius:8px 8px 0 0;font-weight:600;color:var(--sub)}.px-row{border-bottom:1px solid var(--border);color:var(--text)}.px-row:last-child{border-bottom:none;border-radius:0 0 8px 8px}.px-num{color:var(--sub)}.dp-result-actions{display:flex;gap:10px;margin-top:16px;margin-bottom:20px}.dp-ghost-btn{flex:1;height:44px;background:var(--card-alt);color:var(--text);border:1.5px solid var(--border);border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:filter .15s}.dp-ghost-btn:hover{filter:brightness(.94)}.dp-primary-btn{flex:2;height:44px;background:linear-gradient(135deg,var(--primary),var(--primary-end));color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:filter .15s}.dp-primary-btn:hover{filter:brightness(1.08)}.dp-primary-btn:active{filter:brightness(.95)}#detector{display:none;position:fixed;inset:0;z-index:9999;cursor:crosshair;flex-direction:column;touch-action:manipulation}#patternBg{position:absolute;inset:0}#patternCanvas{position:absolute;inset:0;z-index:3;pointer-events:none;display:none}#markerCanvas{position:absolute;inset:0;z-index:5;pointer-events:none}#ctrlBar{position:absolute;bottom:0;left:0;right:0;z-index:10;height:56px;display:flex;align-items:center;padding:0 10px;gap:6px;background:#000000b8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#fff;user-select:none;opacity:0;pointer-events:none;transition:opacity .25s ease}#ctrlBar.visible{opacity:1;pointer-events:auto}.ctrl-btn{background:#ffffff24;border:none;color:#fff;border-radius:8px;cursor:pointer;height:38px;padding:0 12px;font-size:13px;font-weight:500;transition:background .15s;flex-shrink:0;white-space:nowrap}.ctrl-btn:hover{background:#ffffff3d}.ctrl-btn:active{background:#ffffff14}.ctrl-btn:disabled{opacity:.25;cursor:default;pointer-events:none}.ctrl-arrow{font-size:24px;line-height:1;padding:0 8px;font-weight:300}.ctrl-pat-label{font-size:14px;font-weight:600;min-width:90px;text-align:center;white-space:nowrap;flex-shrink:0}.ctrl-spacer{flex:1}.ctrl-counter{font-size:13px;color:#ffffffd1;white-space:nowrap;flex-shrink:0}.ctrl-sm{font-size:12px;padding:0 10px;height:34px}.ctrl-exit{background:#dc323259}.ctrl-exit:hover{background:#dc323299}@media(max-width:639px){#ctrlBar{height:68px;padding:0 6px;gap:4px}.ctrl-btn{height:44px;padding:0 8px;font-size:12px}.ctrl-arrow{font-size:22px;padding:0 6px}.ctrl-pat-label{font-size:12px;min-width:74px}.ctrl-counter{font-size:12px}.ctrl-sm{height:38px}}