.quick-main{max-width:1280px}.quick-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:14px 0 24px}.quick-hero h1{font-size:clamp(29px,4vw,42px);margin:4px 0 12px}.quick-hero p{margin:0;font-size:15px;max-width:650px}.privacy-pill{font-size:11px;padding:8px 14px;border:1px solid #cde8dc;border-radius:30px;background:#effaf4;color:#32634d;white-space:nowrap;font-weight:800}.quick-nav{display:flex;gap:8px;overflow:auto;margin:0 0 22px;padding:3px 0 8px}.quick-nav a{padding:8px 13px;border:1px solid #e2d9ee;border-radius:24px;background:white;white-space:nowrap;font-size:12px;font-weight:800;text-decoration:none}.quick-nav a[aria-current=page]{background:#7046da;color:white}.quick-grid{display:grid;grid-template-columns:310px minmax(0,1fr);gap:20px;align-items:start}.quick-controls,.quick-results{background:#fff;border:1px solid #e0d9eb;border-radius:18px;padding:22px;min-width:0}.quick-controls{position:sticky;top:12px}.quick-controls h2,.quick-results h2{font-size:19px;margin:0 0 8px}.quick-controls label{display:grid;gap:6px;font-size:12px;font-weight:800;margin:14px 0}.quick-controls input,.quick-controls select{width:100%;max-width:100%;min-width:0;border:1px solid #ddd3ea;background:#fff;border-radius:9px;padding:10px;font:inherit;min-height:42px}.quick-controls input[type=color]{padding:3px;height:40px}.quick-controls input[type=checkbox]{width:17px;height:17px;min-height:17px}.quick-controls .inline{display:flex;align-items:center;gap:9px}.quick-controls button{width:100%;font-size:13px;margin-top:10px}.quick-controls .hint{font-size:11px;line-height:1.6}.drop-zone{display:grid;gap:10px;padding:17px;border:1px dashed #a78bdf;border-radius:12px;background:#f8f5ff;margin:14px 0;cursor:pointer}.drop-zone.dragging{background:#ede4ff;outline:2px solid #8b61dc}.drop-zone strong{font-size:13px}.drop-zone small{font-size:11px;color:#82718f}.drop-zone input{font-size:11px;padding:6px}.result-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px;flex-wrap:wrap}.result-toolbar h2{margin:0}.result-toolbar button{font-size:11px;padding:8px 12px;min-height:36px}.result-toolbar span{font-size:12px;color:#7b6b88}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.result-card{border:1px solid #e6dfef;border-radius:13px;overflow:hidden;min-width:0}.result-card img{width:100%;height:180px;object-fit:contain;display:block;background:#eeebf4}.result-card .card-body{padding:13px}.result-card h3{font-size:13px;overflow-wrap:anywhere;margin:0 0 5px}.result-card p{font-size:11px;margin:4px 0;line-height:1.5}.result-card .card-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.result-card button{font-size:11px;padding:7px 10px;min-height:34px;border-radius:8px}.badge{display:inline-block;border-radius:20px;padding:3px 7px;font-size:10px;font-weight:800;background:#eff9f1;color:#39664b}.badge.warn{background:#fff3de;color:#886020}.empty-results{padding:55px 24px;text-align:center;background:#f8f6fc;border:1px dashed #ddd2ed;border-radius:13px}.empty-results strong{display:block;font-size:19px;margin-bottom:7px}.empty-results p{font-size:13px;margin:0 auto}.input-summary{font-size:12px;line-height:1.6;color:#6d5b7b;overflow-wrap:anywhere}.preset-list{display:grid;grid-template-columns:1fr;gap:5px}.preset-list label{margin:0!important;padding:6px 0;display:flex;gap:8px;align-items:center;font-size:11px}.preset-list small{color:#8c7d97;margin-left:auto;font-size:10px}.custom-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px}.info-grid article{padding:19px;border:1px solid #e1d9ec;background:#fff;border-radius:14px}.info-grid h2{font-size:16px;margin:0 0 7px}.info-grid p{font-size:12px;margin:0;line-height:1.7}.compare-box{margin-bottom:20px;border:1px solid #e3dbee;border-radius:13px;overflow:hidden}.compare-images{display:grid;grid-template-columns:1fr 1fr;background:#f2eef8;gap:2px}.compare-images figure{margin:0;min-width:0}.compare-images img{width:100%;height:210px;object-fit:contain;display:block}.compare-images figcaption{font-size:11px;font-weight:800;text-align:center;padding:8px}.notice{font-size:12px;padding:12px 15px;border-radius:10px;background:#f1ebfc;color:#67507c;margin-bottom:15px}.quick-main .status{font-size:12px;margin:12px 0}.quick-main [hidden]{display:none!important}@media(max-width:850px){.quick-grid{grid-template-columns:270px minmax(0,1fr)}.result-grid{grid-template-columns:1fr}.privacy-pill{display:none}}@media(max-width:650px){.quick-hero{margin:10px 0 20px}.quick-hero h1{font-size:29px;letter-spacing:-1px}.quick-hero p{font-size:13px}.quick-grid{grid-template-columns:1fr;gap:14px}.quick-controls{position:static;padding:17px}.quick-results{padding:15px}.quick-controls .preset-list{grid-template-columns:1fr 1fr}.preset-list small{display:none}.quick-controls label{margin:10px 0}.info-grid{grid-template-columns:1fr;gap:10px}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.result-card img{height:115px}.result-card .card-body{padding:9px}.result-card button{flex:1;font-size:10px;padding:7px}.result-card h3{font-size:11px}.compare-images img{height:150px}.quick-nav a{font-size:11px;padding:7px 11px}.empty-results{padding:30px 14px}}@media(max-width:370px){.result-grid{grid-template-columns:1fr}.quick-controls .preset-list{grid-template-columns:1fr}}