.qw-page{padding-bottom:var(--gd-space-16)}.qw-features{gap:var(--gd-space-2);margin:var(--gd-space-2) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.qw-feature{font-size:var(--gd-text-sm);font-weight:var(--gd-font-medium);color:var(--gd-white);background:var(--gd-brand-on-dark-overlay);border:1px solid var(--gd-brand-on-dark-border);border-radius:var(--gd-radius-full);padding:4px 12px}.qw-body{gap:var(--gd-space-12);padding-top:var(--gd-space-10);flex-direction:column;display:flex}.qw-section{scroll-margin-top:var(--gd-space-8)}.qw-h2{font-size:var(--gd-text-2xl);color:var(--gd-neutral-900);margin-bottom:var(--gd-space-6)}.qw-builder{gap:var(--gd-space-6);padding:var(--gd-space-6);background:var(--gd-white);border:1px solid var(--gd-neutral-200);border-radius:var(--gd-radius-xl);box-shadow:var(--gd-shadow-md);grid-template-columns:1fr;display:grid}@media (min-width:1024px){.qw-builder{gap:var(--gd-space-8);padding:var(--gd-space-8);grid-template-columns:1fr 1fr;align-items:start}}.qw-controls{gap:var(--gd-space-5);flex-direction:column;display:flex}.qw-field{gap:var(--gd-space-2);flex-direction:column;display:flex}.qw-label{font-size:var(--gd-text-sm);font-weight:var(--gd-font-semibold);color:var(--gd-neutral-700)}.qw-theme-note{font-size:var(--gd-text-sm);color:var(--gd-neutral-500)}.qw-select,.qw-number{width:100%;min-height:44px;font-family:var(--gd-font-sans);font-size:var(--gd-text-base);color:var(--gd-neutral-900);background:var(--gd-white);border:1px solid var(--gd-neutral-300);border-radius:var(--gd-radius-md);transition:border-color var(--gd-transition-fast), box-shadow var(--gd-transition-fast);padding:10px 12px}.qw-number{max-width:120px}.qw-select:hover,.qw-number:hover{border-color:var(--gd-neutral-400)}.qw-select:focus-visible,.qw-number:focus-visible,.qw-snippet:focus-visible{border-color:var(--gd-brand-primary);box-shadow:var(--gd-shadow-focus);outline:none}.qw-snippet-wrap{gap:var(--gd-space-2);flex-direction:column;display:flex}.qw-snippet-head{justify-content:space-between;align-items:center;gap:var(--gd-space-3);display:flex}.qw-copy{min-height:36px;font-family:var(--gd-font-sans);font-size:var(--gd-text-sm);font-weight:var(--gd-font-semibold);color:var(--gd-white);background:var(--gd-brand-primary);border-radius:var(--gd-radius-lg);transition:background var(--gd-transition-fast);padding:6px 16px}.qw-copy:hover{background:var(--gd-brand-primary-hover)}.qw-copy:focus-visible{box-shadow:var(--gd-shadow-focus);outline:none}.qw-snippet{width:100%;padding:var(--gd-space-3);font-family:var(--gd-font-mono);font-size:var(--gd-text-sm);color:var(--gd-neutral-900);background:var(--gd-neutral-100);border:1px solid var(--gd-neutral-300);border-radius:var(--gd-radius-md);resize:vertical;white-space:pre;line-height:1.6;overflow-x:auto}.qw-preview{gap:var(--gd-space-2);flex-direction:column;display:flex}.qw-preview-frame{background:var(--gd-white);border:1px solid var(--gd-neutral-200);border-radius:var(--gd-radius-lg);width:100%;min-height:320px;box-shadow:var(--gd-shadow-sm)}.qw-steps{counter-reset:qw-step;gap:var(--gd-space-4);grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px){.qw-steps{grid-template-columns:repeat(3,1fr)}}.qw-step{counter-increment:qw-step;padding:var(--gd-space-6) var(--gd-space-5) var(--gd-space-5);background:var(--gd-white);border:1px solid var(--gd-neutral-200);border-radius:var(--gd-radius-xl);box-shadow:var(--gd-shadow-sm);position:relative}.qw-step:before{content:counter(qw-step);width:36px;height:36px;margin-bottom:var(--gd-space-3);font-weight:var(--gd-font-bold);color:var(--gd-brand-primary);background:var(--gd-brand-primary-light);border-radius:var(--gd-radius-full);justify-content:center;align-items:center;display:flex}.qw-step-title{font-size:var(--gd-text-lg);color:var(--gd-neutral-900);margin-bottom:var(--gd-space-1)}.qw-step-text{font-size:var(--gd-text-sm);color:var(--gd-neutral-700)}.qw-faq{gap:var(--gd-space-3);flex-direction:column;display:flex}.qw-faq-item{border:1px solid var(--gd-neutral-200);border-radius:var(--gd-radius-lg);padding:var(--gd-space-4) var(--gd-space-5);background:var(--gd-white);transition:box-shadow var(--gd-transition-normal)}.qw-faq-item[open]{box-shadow:var(--gd-shadow-sm)}.qw-faq-q{justify-content:space-between;align-items:center;gap:var(--gd-space-3);font-weight:var(--gd-font-semibold);color:var(--gd-neutral-900);cursor:pointer;list-style:none;display:flex}.qw-faq-q::-webkit-details-marker{display:none}.qw-faq-q:after{content:"+";font-size:var(--gd-text-xl);font-weight:var(--gd-font-normal);color:var(--gd-brand-primary);transition:transform var(--gd-transition-fast)}.qw-faq-item[open] .qw-faq-q:after{content:"–"}.qw-faq-a{margin-top:var(--gd-space-3);color:var(--gd-neutral-700);line-height:1.6}.qw-empty{color:var(--gd-neutral-600)}