.generator-layout{display:flex;flex-direction:column-reverse;gap:20px;max-width:1200px;margin:0 auto}.preview-panel{position:static}@media(min-width:900px){.generator-layout{display:grid;grid-template-columns:1fr 450px;align-items:start;gap:30px}.preview-panel{position:sticky;top:20px}}.options-panel{background:white;padding:32px;border-radius:16px;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06)}.options-group h3,.form-group h3{text-align:left;font-size:1.25rem;margin-bottom:1rem}.preview-box{background:#f8fafc;background-image:radial-gradient(#e2e8f0 1px,transparent 1px);background-size:20px 20px;aspect-ratio:210/297;display:flex;align-items:center;justify-content:center;border-radius:12px;border:2px dashed #cbd5e1}.preview-box img{width:100%;height:100%;object-fit:contain}.form-group{margin-bottom:20px}.form-control{width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:8px;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;padding:12px;border-radius:8px;border:1px solid transparent;transition:background .2s,border-color .2s}.checkbox-label:hover{background:#f8fafc;border-color:#e2e8f0}.generator-layout .btn{display:block;width:100%}