.smdq{--ink:#0d2f27;--muted:#60726d;--line:#dbe5e1;--green:#087258;--pale:#edf7f2;max-width:1220px;margin:32px auto;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 20px 55px rgba(13,47,39,.08);overflow:hidden;font:14px/1.5 Arial,Helvetica,sans-serif}.smdq *{box-sizing:border-box}.smdq>header{padding:30px 38px;border-bottom:1px solid var(--line);background:linear-gradient(110deg,#f4faf7,#fff)}.smdq>header p,.smdq aside>p:first-child{margin:0 0 7px;color:var(--green);font-size:11px;font-weight:700;letter-spacing:.2em}.smdq>header h2{margin:0 0 6px;color:var(--ink);font-size:30px;line-height:1.2}.smdq>header span{color:var(--muted)}
.smdq-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:start}.smdq form{border-right:1px solid var(--line)}.smdq-row{display:grid;grid-template-columns:235px minmax(0,390px);gap:28px;align-items:center;min-height:92px;padding:20px 38px;border-bottom:1px solid var(--line)}.smdq-row>label{font-weight:700}.smdq input,.smdq select,.smdq textarea{width:100%;min-height:42px;padding:9px 12px;color:var(--ink);background:#fff;border:1px solid #cad8d3;border-radius:4px;font:inherit}.smdq input:focus,.smdq select:focus,.smdq textarea:focus{outline:2px solid rgba(8,114,88,.2);border-color:var(--green)}.smdq textarea{min-height:80px;resize:vertical}.smdq-pair{display:grid;grid-template-columns:1fr auto 1fr auto;gap:9px;align-items:center}.smdq-pair small{color:var(--muted)}
.smdq-upload{display:block;margin:30px 38px;padding:28px;text-align:center;cursor:pointer;border:2px dashed #a9c8be;border-radius:7px;background:var(--pale)}.smdq-upload input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.smdq-upload b,.smdq-upload span{display:block}.smdq-upload b{font-size:16px}.smdq-upload b em{margin-left:6px;padding:3px 6px;color:var(--green);background:#d8eee5;border-radius:3px;font-size:10px;font-style:normal;text-transform:uppercase}.smdq-upload>span{margin-top:4px;color:var(--muted)}.smdq-progress{position:relative;height:28px;margin-top:17px;overflow:hidden;background:#d7e7e1;border-radius:4px}.smdq-progress i{position:absolute;inset:0 auto 0 0;width:0;background:var(--green);transition:width .35s ease}.smdq-progress small{position:relative;z-index:1;line-height:28px;color:#fff;font-weight:700}
.smdq-detected{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;margin:0 38px 24px}.smdq-detected span{padding:11px 13px;color:var(--muted);background:#f7faf9;border:1px solid var(--line);border-radius:5px}.smdq-detected b{display:block;color:var(--ink);font-size:12px}.smdq-previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 38px 30px}.smdq-previews figure{margin:0;padding:12px;text-align:center;border:1px solid var(--line);border-radius:5px;background:#15221f}.smdq-previews img{display:block;width:100%;height:220px;object-fit:contain}.smdq-previews figcaption{margin-top:8px;color:#dce9e5;font-size:12px}
.smdq aside{position:sticky;top:24px;margin:30px;padding:24px;border:1px solid var(--line);border-radius:6px;box-shadow:0 14px 36px rgba(13,47,39,.09)}.smdq-price{display:flex;align-items:flex-start;margin:12px 0 20px}.smdq-price span{margin:12px 6px 0 0;font-size:27px;font-weight:700}.smdq-price b{font-size:54px;line-height:1;letter-spacing:-.04em}#smdq-summary dl{margin:0}#smdq-summary dl div{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid var(--line)}#smdq-summary dt{color:var(--muted)}#smdq-summary dd{margin:0;font-weight:700;text-align:right}.smdq-weight{margin:12px 0 0;color:var(--muted);font-size:12px}.smdq button{width:100%;margin-top:22px;padding:15px;color:#fff;background:var(--green);border:0;border-radius:4px;font:inherit;font-weight:700;cursor:pointer}.smdq button:hover{background:#075e4a}.smdq button:disabled{opacity:.6;cursor:wait}#smdq-message{min-height:20px;margin:14px 0;padding:9px 10px;border-radius:4px;font-size:12px}#smdq-message:empty{display:none}#smdq-message.is-success{color:#075e4a;background:#dff3e9}#smdq-message.is-error{color:#9b2929;background:#fce5e5}#smdq-message.is-working{color:#765b0d;background:#fff4ca}.smdq aside>small{display:block;color:var(--muted)}
@media(max-width:900px){.smdq-layout{grid-template-columns:1fr}.smdq form{border-right:0}.smdq aside{position:static}}@media(max-width:620px){.smdq{margin:15px 0;border-radius:0}.smdq>header,.smdq-row{padding-left:20px;padding-right:20px}.smdq-row{grid-template-columns:1fr;gap:8px}.smdq-upload,.smdq-detected,.smdq-previews{margin-left:20px;margin-right:20px}.smdq-previews{grid-template-columns:1fr}.smdq-previews img{height:180px}.smdq aside{margin:20px}.smdq-price b{font-size:45px}}