.page-module__lZ8aMa__container{max-width:var(--container-xl);padding:var(--space-6)var(--space-4)var(--space-12);box-sizing:border-box;width:100%;margin:0 auto}.page-module__lZ8aMa__breadcrumb{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:var(--space-6);display:flex}.page-module__lZ8aMa__breadcrumbLink{color:var(--text-secondary);transition:color var(--transition-fast);text-decoration:none}.page-module__lZ8aMa__breadcrumbLink:hover{color:var(--accent-primary)}.page-module__lZ8aMa__breadcrumbSeparator{color:var(--text-tertiary)}.page-module__lZ8aMa__breadcrumbCurrent{color:var(--text-primary);font-weight:var(--font-medium)}.page-module__lZ8aMa__toolHeader{align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-8);display:flex}.page-module__lZ8aMa__toolIcon{width:64px;height:64px;padding:var(--space-3);background-color:var(--accent-light);color:var(--accent-primary);border-radius:var(--radius-xl);flex-shrink:0}.page-module__lZ8aMa__toolInfo{flex:1}.page-module__lZ8aMa__toolTitleRow{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.page-module__lZ8aMa__toolTitle{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary)}.page-module__lZ8aMa__toolDescription{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed)}.page-module__lZ8aMa__toolInterface{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (min-width:768px){.page-module__lZ8aMa__toolInterface{grid-template-columns:1fr 1fr}}.page-module__lZ8aMa__panel{background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-6)}.page-module__lZ8aMa__panelTitle{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-4)}.page-module__lZ8aMa__optionsGroup{gap:var(--space-4);flex-direction:column;display:flex}.page-module__lZ8aMa__colorGroup{gap:var(--space-4);display:flex}.page-module__lZ8aMa__colorField{gap:var(--space-1);flex-direction:column;flex:1;display:flex}.page-module__lZ8aMa__colorLabel{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.page-module__lZ8aMa__colorInputWrapper{align-items:center;gap:var(--space-2);display:flex}.page-module__lZ8aMa__colorSwatch{border-radius:var(--radius-md);border:1px solid var(--border-primary);cursor:pointer;width:40px;height:40px;padding:0;overflow:hidden}.page-module__lZ8aMa__colorSwatch::-webkit-color-swatch-wrapper{padding:0}.page-module__lZ8aMa__colorSwatch::-webkit-color-swatch{border:none}.page-module__lZ8aMa__colorHex{height:40px;padding:0 var(--space-3);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);background-color:var(--bg-primary);flex:1}.page-module__lZ8aMa__previewPanel{align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.page-module__lZ8aMa__qrCodeWrapper{padding:var(--space-4);background-color:var(--yt-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.page-module__lZ8aMa__qrCodePlaceholder{background-color:var(--bg-tertiary);border-radius:var(--radius-lg);width:256px;height:256px;color:var(--text-tertiary);font-size:var(--text-sm);text-align:center;padding:var(--space-4);justify-content:center;align-items:center;display:flex}.page-module__lZ8aMa__actions{gap:var(--space-3);flex-wrap:wrap;justify-content:center;width:100%;display:flex}.page-module__lZ8aMa__formatSelect{border:1px solid var(--border-primary);border-radius:var(--radius-lg);display:flex;overflow:hidden}.page-module__lZ8aMa__formatOption{padding:var(--space-2)var(--space-4);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);transition:all var(--transition-fast);background:0 0;border:none}.page-module__lZ8aMa__formatOption:not(:last-child){border-right:1px solid var(--border-primary)}.page-module__lZ8aMa__formatOption:hover{background-color:var(--bg-tertiary)}.page-module__lZ8aMa__formatOption.page-module__lZ8aMa__active{background-color:var(--accent-primary);color:var(--yt-white)}.page-module__lZ8aMa__instructions{margin-top:var(--space-8);padding:var(--space-6);background-color:var(--bg-secondary);border-radius:var(--radius-xl)}.page-module__lZ8aMa__instructionsTitle{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-4)}.page-module__lZ8aMa__instructionsList{gap:var(--space-3);flex-direction:column;list-style:none;display:flex}.page-module__lZ8aMa__instructionItem{align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);display:flex}.page-module__lZ8aMa__instructionNumber{background-color:var(--accent-light);width:24px;height:24px;color:var(--accent-primary);font-size:var(--text-xs);font-weight:var(--font-bold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}