.page-module__5h_3Wa__container{grid-template-columns:1fr 380px;gap:2rem;display:grid}@media (max-width:1024px){.page-module__5h_3Wa__container{grid-template-columns:1fr}}.page-module__5h_3Wa__previewSection{flex-direction:column;gap:1.5rem;display:flex}.page-module__5h_3Wa__previewHeader{justify-content:space-between;align-items:center;display:flex}.page-module__5h_3Wa__sectionTitle{color:var(--text-primary);font-size:1rem;font-weight:600}.page-module__5h_3Wa__previewColors{gap:1rem;display:flex}.page-module__5h_3Wa__colorInput{align-items:center;gap:.5rem;display:flex}.page-module__5h_3Wa__colorInput label{color:var(--text-secondary);font-size:.75rem}.page-module__5h_3Wa__colorInput input[type=color]{cursor:pointer;background:0 0;border:none;border-radius:.375rem;width:32px;height:32px}.page-module__5h_3Wa__previewArea{border:1px solid var(--border-primary);border-radius:.75rem;justify-content:center;align-items:center;min-height:350px;transition:background .2s;display:flex}.page-module__5h_3Wa__previewBox{width:200px;height:200px;color:var(--text-secondary);justify-content:center;align-items:center;font-size:1rem;font-weight:500;transition:box-shadow .2s,border-radius .2s;display:flex}.page-module__5h_3Wa__presets{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.page-module__5h_3Wa__presetsLabel{color:var(--text-secondary);font-size:.875rem}.page-module__5h_3Wa__presetButtons{flex-wrap:wrap;gap:.5rem;display:flex}.page-module__5h_3Wa__presetBtn{background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-secondary);cursor:pointer;border-radius:.375rem;padding:.5rem .875rem;font-size:.8125rem;transition:all .2s}.page-module__5h_3Wa__presetBtn:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--accent-primary)}.page-module__5h_3Wa__outputCard{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.75rem;overflow:hidden}.page-module__5h_3Wa__outputHeader{background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.page-module__5h_3Wa__outputTitle{color:var(--text-primary);font-size:.875rem;font-weight:600}.page-module__5h_3Wa__output{color:var(--text-secondary);margin:0;padding:1rem;font-family:SF Mono,Fira Code,monospace;font-size:.8125rem;line-height:1.6;overflow-x:auto}.page-module__5h_3Wa__controlsSection{flex-direction:column;gap:1.5rem;display:flex}.page-module__5h_3Wa__layersCard{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.75rem;padding:1.25rem}.page-module__5h_3Wa__layersHeader{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.page-module__5h_3Wa__layers{flex-direction:column;gap:.5rem;display:flex}.page-module__5h_3Wa__layer{background:var(--bg-primary);border:1px solid var(--border-primary);cursor:pointer;border-radius:.5rem;align-items:center;gap:.75rem;padding:.75rem;transition:all .2s;display:flex;overflow:hidden}.page-module__5h_3Wa__layer:hover{border-color:var(--accent-primary)}.page-module__5h_3Wa__activeLayer{border-color:var(--accent-primary);background:var(--accent-light)}.page-module__5h_3Wa__layerPreview{background:#fff;border-radius:.25rem;flex-shrink:0;width:32px;height:32px}.page-module__5h_3Wa__layerName{color:var(--text-primary);flex:1;font-size:.875rem}.page-module__5h_3Wa__removeLayer{width:24px;height:24px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;font-size:1.25rem;transition:all .2s;display:flex}.page-module__5h_3Wa__removeLayer:hover{background:var(--yt-error);color:#fff}.page-module__5h_3Wa__controlsCard{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.75rem;flex-direction:column;gap:1.25rem;padding:1.25rem;display:flex}.page-module__5h_3Wa__control{flex-direction:column;gap:.5rem;display:flex}.page-module__5h_3Wa__controlHeader{justify-content:space-between;align-items:center;display:flex}.page-module__5h_3Wa__controlHeader label{color:var(--text-secondary);font-size:.8125rem}.page-module__5h_3Wa__controlHeader span{color:var(--text-tertiary);font-family:SF Mono,monospace;font-size:.75rem}.page-module__5h_3Wa__controlRow{border-top:1px solid var(--border-primary);flex-direction:column;gap:1rem;padding-top:.5rem;display:flex}.page-module__5h_3Wa__colorControl{flex-direction:column;gap:.5rem;display:flex}.page-module__5h_3Wa__colorControl label{color:var(--text-secondary);font-size:.8125rem}.page-module__5h_3Wa__colorPicker{align-items:center;gap:.75rem;display:flex}.page-module__5h_3Wa__colorPicker input[type=color]{cursor:pointer;background:0 0;border:none;border-radius:.5rem;width:40px;height:40px}.page-module__5h_3Wa__colorPicker span{color:var(--text-primary);text-transform:uppercase;font-family:SF Mono,monospace;font-size:.875rem}.page-module__5h_3Wa__checkbox{color:var(--text-secondary);cursor:pointer;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.page-module__5h_3Wa__checkbox input{width:1rem;height:1rem;accent-color:var(--accent-primary)}