.qm :is(.ag-btn,.ag-input,a,button,input,label):focus-visible,.qm-page :is(a,button):focus-visible{outline:2px solid var(--ag-studio-text);outline-offset:2px}.qm-page{max-width:1120px}.qm-top{flex-wrap:wrap;align-items:center;gap:4px 14px;margin:-8px 0 16px;display:flex}.qm-top .md-back{margin:0}.qm-title{font-family:var(--ag-font-display);text-transform:uppercase;letter-spacing:var(--ag-display-tracking);margin:0;font-size:26px;font-weight:800;line-height:1}.qm-top-sep{background:var(--ag-line-2);width:1px;height:22px}.qm-top-alt{margin-left:auto}@media (max-width:640px){.qm-title{font-size:20px}.qm-top-sep{display:none}.qm-top-alt{margin-left:-12px}}.qm{align-items:start;gap:16px;display:grid}@media (min-width:960px){.qm{grid-template-columns:minmax(0,1fr) minmax(320px,380px);gap:20px}.qm[data-variant=page] .qm-side{position:sticky;top:84px}}.qm[data-variant=page] .qm-photos,.qm[data-variant=page] .qm-side{border-radius:var(--ag-radius-lg);background:linear-gradient(180deg, var(--ag-surface-1), var(--ag-bg-raised));box-shadow:inset 0 0 0 1px var(--ag-line-2), var(--ag-shadow-card);padding:clamp(16px,2.4vw,24px)}.qm-photos,.qm-side{gap:14px;min-width:0;display:grid}.qm-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;display:flex}.qm-h{color:var(--ag-fg);margin:0;font-size:16px;font-weight:600}.qm-h-sm{font-size:14px}.qm-count{font-family:var(--ag-font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ag-fg-3);font-size:11px}.qm-drop{border-radius:var(--ag-radius-md);transition:background-color var(--ag-dur-2) var(--ag-ease-out), box-shadow var(--ag-dur-2) var(--ag-ease-out);margin:-6px;padding:6px;position:relative}.qm-drop[data-over=true]{background:var(--ag-studio-soft);box-shadow:inset 0 0 0 1.5px var(--ag-studio-text)}.qm-slots{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.qm-slot{aspect-ratio:3/4;border-radius:var(--ag-radius-sm);background:var(--ag-surface-2);position:relative;overflow:hidden}.qm-slot img{object-fit:cover}.qm-slot-full{box-shadow:inset 0 0 0 1px var(--ag-line-2), 0 14px 34px -18px #0000ffe6;animation:qm-pop var(--ag-dur-4) var(--ag-ease-spring)}@keyframes qm-pop{0%{opacity:0;transform:scale(.9)}}.qm-slot-empty{border:1px dashed var(--ag-line-2);font-family:var(--ag-font-mono);color:var(--ag-fg-4);place-items:center;font-size:11px;display:grid}.qm-cover-tag{border-radius:var(--ag-radius-pill);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:var(--ag-font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ag-fg-2);background:#000000a6;padding:3px 7px;font-size:9.5px;position:absolute;bottom:6px;left:6px}.qm-add{border:1.5px dashed color-mix(in srgb, var(--ag-studio-text) 70%, transparent);border-radius:inherit;background:radial-gradient(120% 80% at 50% 110%, #0000ff52, transparent 70%), var(--ag-surface-2);height:100%;min-height:44px;color:var(--ag-fg);text-align:center;cursor:pointer;transition:border-color var(--ag-dur-2) var(--ag-ease-out), background-color var(--ag-dur-2) var(--ag-ease-out);align-content:center;place-items:center;gap:8px;font-size:13px;font-weight:500;display:grid}.qm-add svg{color:var(--ag-studio-text)}.qm-add:hover{border-color:var(--ag-studio-text);background-color:var(--ag-surface-3)}.qm-drop[data-invalid=true] .qm-add{border-color:color-mix(in srgb, var(--ag-error) 70%, transparent)}.md-file:focus-visible~.qm-slots .qm-add{outline:2px solid var(--ag-studio-text);outline-offset:2px}.qm-slot-cell{align-content:start;gap:8px;min-width:0;display:grid}.qm-slot-cap{gap:2px;min-width:0;display:grid}.qm-slot-cap b{color:var(--ag-fg);font-size:12.5px;font-weight:600;line-height:1.3}.qm-slot-cap span{color:var(--ag-fg-3);font-size:11.5px;line-height:1.35}.qm-add-need{font-family:var(--ag-font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ag-fg-2);font-size:10px}.qm-add[data-need=recommended]{background:var(--ag-surface-2);border-color:color-mix(in srgb, var(--ag-studio-text) 45%, transparent)}.qm-add[data-need=optional]{background:var(--ag-surface-2);border:1px dashed var(--ag-line-2)}.qm-add[data-need=optional] svg{color:var(--ag-fg-3)}@media (max-width:480px){.qm-slots{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.qm-slots .qm-slot{aspect-ratio:1}.qm-add{gap:4px;font-size:11.5px}.qm-add svg{width:18px;height:18px}}.qm-meter{gap:8px;display:grid}.qm-meter-bar{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.qm-meter-bar i{background:var(--ag-surface-3);height:6px;transition:background-color var(--ag-dur-3) var(--ag-ease-out), box-shadow var(--ag-dur-3) var(--ag-ease-out);border-radius:6px}.qm-meter-bar i[data-on=true]{background:var(--ag-studio-text);box-shadow:0 0 14px -2px #4d4dffe6}.qm-meter[data-level="4"] .qm-meter-bar i{background:linear-gradient(90deg, var(--ag-studio-text), #9a9aff);box-shadow:0 0 18px -2px #6b6bfff2}.qm-meter-text{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 12px;display:flex}.qm-meter-text b{color:var(--ag-fg);font-size:14px;font-weight:600}.qm-meter[data-level="0"] .qm-meter-text b{color:var(--ag-fg-3)}.qm-meter-text span{font-family:var(--ag-font-mono);letter-spacing:.04em;color:var(--ag-fg-3);font-size:11px}.qm-guide{border-top:1px solid var(--ag-line-1);gap:8px;padding-top:4px;display:grid}.qm-guide-sum{cursor:pointer;border-radius:var(--ag-radius-xs);justify-content:space-between;align-items:center;gap:12px;min-height:44px;list-style:none;display:flex}.qm-guide-sum::-webkit-details-marker{display:none}.qm-guide-sum:focus-visible{outline:2px solid var(--ag-studio-text);outline-offset:2px}.qm-guide-more{background:var(--ag-surface-2);width:28px;height:28px;color:var(--ag-fg-2);transition:rotate var(--ag-dur-2) var(--ag-ease-out);border-radius:50%;place-items:center;display:grid}.qm-guide[open] .qm-guide-more{rotate:180deg}.qm-guide-sum:hover .qm-guide-more{background:var(--ag-surface-3);color:var(--ag-fg)}.qm-guide .md-guide-link{justify-self:start;min-height:44px}.qm-guide-list{grid-template-columns:repeat(6,minmax(0,96px));gap:8px;margin:0;padding:0;list-style:none;display:grid}.qm-guide-tile{gap:5px;min-width:0;display:grid}.qm-guide-tile .ph-media{aspect-ratio:1;border-radius:var(--ag-radius-xs)}.qm-guide-tile[data-kind=do] .ph-media{box-shadow:inset 0 0 0 1px #2ee66f66}.qm-guide-tile[data-kind=dont] .ph-media{box-shadow:inset 0 0 0 1px #ff5a5a59}.qm-guide-cap{color:var(--ag-fg-2);align-items:flex-start;gap:4px;font-size:11.5px;line-height:1.25;display:flex}.qm-guide-cap svg{flex:none;margin-top:1px}[data-kind=do] .qm-guide-cap svg{color:var(--ag-live)}[data-kind=dont] .qm-guide-cap svg{color:var(--ag-error)}[data-kind=dont] .qm-guide-cap{color:var(--ag-fg-3)}@media (max-width:480px){.qm-guide-list{grid-template-columns:repeat(3,minmax(0,1fr))}.qm-guide-tile{grid-template-columns:36px minmax(0,1fr);align-items:center;gap:6px}}.qm-side .ag-field{margin:0}.qm-side .md-consent{padding:14px}.qm-side .md-consent-text{font-size:14px}.qm-consent{gap:0;display:grid}.qm-consent .md-error{margin-top:10px}.qm-note{color:var(--ag-fg-3);gap:6px;margin:10px 0 0;font-size:12.5px;line-height:1.5;display:flex}.qm-note svg{flex:none;margin-top:2px}.qm-foot{gap:10px;display:grid}.qm-lines,.qm-price-note{margin:0}.qm-create{margin-top:2px}.qm-build{text-align:center;justify-items:center;gap:16px;padding:48px 16px;display:grid}.qm-build-title{font-family:var(--ag-font-display);text-transform:uppercase;overflow-wrap:anywhere;margin:0;font-size:20px;font-weight:800}.qm-build-bar{width:min(320px,100%);overflow:hidden}.qm-build-bar i{width:40%;animation:qm-slide 1.1s var(--ag-ease-in-out) infinite}@keyframes qm-slide{0%{transform:translate(-100%)}to{transform:translate(260%)}}.qm-sheet{border-radius:var(--ag-radius-xl);background:radial-gradient(ellipse 90% 40% at 50% 0%, #0000ff2e, transparent 70%), var(--ag-bg-raised);width:min(940px,100vw - 32px);max-width:none;max-height:min(860px,100dvh - 32px);color:var(--ag-fg);box-shadow:inset 0 0 0 1px var(--ag-line-2), 0 40px 120px -20px #000000e6;transition:opacity var(--ag-dur-3) var(--ag-ease-out), translate var(--ag-dur-4) var(--ag-ease-out);border:0;margin:auto;padding:0;overflow:hidden}@starting-style{.qm-sheet[open]{opacity:0;translate:0 14px}}.qm-sheet::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#040408bd}.qm-sheet:focus{outline:none}.qm-sheet-panel{max-height:inherit;overscroll-behavior:contain;padding:16px 22px 0;position:relative;overflow-y:auto}.qm-sheet-head{justify-content:space-between;align-items:center;gap:12px;min-height:36px;margin-bottom:10px;padding-right:48px;display:flex}.qm-sheet-head .qm-title{font-size:22px}.qm-sheet-x{z-index:2;background:var(--ag-surface-2);width:44px;height:44px;color:var(--ag-fg-2);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:8px;right:10px}.qm-sheet-x:hover{background:var(--ag-surface-3);color:var(--ag-fg)}.qm-sheet-x:focus-visible{outline:2px solid var(--ag-studio-text);outline-offset:2px}.qm-sheet-grab{display:none}.qm[data-variant=sheet]{gap:12px 20px}.qm[data-variant=sheet] .qm-photos,.qm[data-variant=sheet] .qm-side{gap:12px}.qm[data-variant=sheet] .qm-meter{gap:6px}.qm[data-variant=sheet] .ag-field .ag-label{margin-bottom:6px}.qm[data-variant=sheet] .ag-hint{margin-top:4px}.qm[data-variant=sheet] .qm-photos>p{margin:0}.qm[data-variant=sheet] .md-consent{gap:12px;padding:12px 14px}.qm[data-variant=sheet] .md-consent-text{font-size:13.5px;line-height:1.45}.qm[data-variant=sheet] .md-stamp{margin-top:8px;font-size:11px}.qm[data-variant=sheet] .qm-note{margin-top:8px;font-size:12px;line-height:1.45}.qm[data-variant=sheet] .qm-foot{z-index:1;background:var(--ag-glass);-webkit-backdrop-filter:blur(var(--ag-glass-blur));backdrop-filter:blur(var(--ag-glass-blur));border-top:1px solid var(--ag-line-1);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:8px 20px;margin:0 -22px;padding:12px 22px 16px;display:flex;position:sticky;bottom:0}.qm[data-variant=sheet] .qm-lines{flex-wrap:wrap;flex:260px;gap:2px 18px;display:flex}.qm[data-variant=sheet] .qm-lines>div{border:0;gap:8px;padding:0}.qm[data-variant=sheet] .qm-price-note{flex-basis:100%;order:3;font-size:12px}.qm[data-variant=sheet] .qm-foot .md-error{flex-basis:100%;order:4;margin:0}.qm[data-variant=sheet] .qm-create{width:auto;min-width:260px;margin:0}@media (min-width:960px){.qm[data-variant=sheet]{grid-template-columns:minmax(0,1fr) minmax(340px,400px)}.qm[data-variant=sheet] .qm-side{border-left:1px solid var(--ag-line-1);padding-left:20px}}@media (max-width:767.98px){.qm-sheet{border-radius:20px 20px 0 0;width:100%;max-height:calc(100dvh - 24px);margin:auto 0 0}@starting-style{.qm-sheet[open]{opacity:1;translate:0 40%}}.qm-sheet-panel{padding:22px 16px 0}.qm-sheet-grab{background:var(--ag-line-3);border-radius:2px;width:36px;height:4px;margin-left:-18px;display:block;position:absolute;top:6px;left:50%}.qm-sheet-x{top:8px;right:8px}.qm-sheet-head .qm-title{font-size:20px}.qm[data-variant=sheet] .qm-foot{padding:10px 16px calc(12px + env(safe-area-inset-bottom));margin:0 -16px}.qm[data-variant=sheet] .qm-price-note{display:none}.qm[data-variant=sheet] .qm-create{flex:100%;width:100%;min-width:0}}.qm-nudge{border-radius:var(--ag-radius-md);background:radial-gradient(100% 160% at 0% 50%, #0000ff42, transparent 60%), var(--ag-surface-1);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ag-studio-text) 45%, transparent);flex-wrap:wrap;align-items:center;gap:12px 16px;margin:0 0 18px;padding:14px 16px;display:flex}.qm-nudge-meter{grid-template-columns:repeat(4,10px);gap:3px;display:grid}.qm-nudge-meter i{background:var(--ag-surface-3);border-radius:3px;height:22px}.qm-nudge-meter i[data-on=true]{background:var(--ag-studio-text);box-shadow:0 0 10px -1px #4d4dffe6}.qm-nudge-text{flex:1;gap:2px;min-width:200px;display:grid}.qm-nudge-text b{font-size:15px;font-weight:600}.qm-nudge-text span{color:var(--ag-fg-3);font-size:13px}.qm-nudge .ag-btn:focus-visible{outline:2px solid var(--ag-studio-text);outline-offset:2px}@media (max-width:480px){.qm-nudge .ag-btn{width:100%}}.mp-ref-consent{max-width:830px;margin-top:12px}.mp-ref-consent .md-error{margin-top:10px}.mp-ref-consent input:focus-visible{outline:2px solid var(--ag-studio-text);outline-offset:3px}@media (prefers-reduced-motion:reduce){.qm-slot-full,.qm-build-bar i{animation:none}.qm-build-bar i{opacity:.5;width:100%}.qm-meter-bar i,.qm-sheet{transition:none}}
