/* QR Studio refresh — additive visual layer */
:root{--studio-max:1240px;--studio-glow:rgba(91,33,182,.16)}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 10% 0%,var(--studio-glow),transparent 30%),radial-gradient(circle at 90% 15%,rgba(14,165,233,.09),transparent 28%);z-index:-1}
.app-wrapper{max-width:var(--studio-max);padding-top:18px}
.header{position:sticky;top:12px;z-index:30;margin-bottom:28px;padding:14px 18px;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:20px;background:color-mix(in srgb,var(--surface) 86%,transparent);backdrop-filter:blur(18px);box-shadow:var(--shadow)}
.header-inner{align-items:center}.logo{font-size:1.55rem}.tagline{font-size:.88rem}.header-credits{margin-top:8px}.main{display:grid;gap:24px}.section-input{position:relative;overflow:hidden}.section-input::after{content:"QR STUDIO";position:absolute;right:24px;top:22px;font-size:.68rem;letter-spacing:.18em;font-weight:700;color:var(--primary);padding:6px 9px;border-radius:999px;background:var(--primary-light)}
.content-type-tabs{flex-wrap:nowrap;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:thin}.content-type-btn{white-space:nowrap;min-width:max-content}.layout-two{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:28px}.panel-preview{position:sticky;top:132px}.card{border-color:color-mix(in srgb,var(--border) 86%,transparent);box-shadow:0 10px 35px rgba(20,20,45,.06)}.card:hover{transform:translateY(-1px)}
.fieldset{padding-bottom:22px!important;border-bottom:1px solid var(--border)!important}.fieldset:last-child{border-bottom:0!important}.panel-customize legend{font-size:1rem}.preview-wrap{min-height:360px;border-radius:18px;background-image:linear-gradient(45deg,color-mix(in srgb,var(--border) 32%,transparent) 25%,transparent 25%),linear-gradient(-45deg,color-mix(in srgb,var(--border) 32%,transparent) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,color-mix(in srgb,var(--border) 32%,transparent) 75%),linear-gradient(-45deg,transparent 75%,color-mix(in srgb,var(--border) 32%,transparent) 75%);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0}
.btn{min-height:42px}.btn-primary{box-shadow:0 8px 22px rgba(91,33,182,.24)}input,select,textarea{accent-color:var(--primary)}
@media(max-width:900px){.header{position:relative;top:0}.layout-two{grid-template-columns:1fr}.panel-preview{position:relative;top:0;order:-1}.section-input::after{display:none}.header-actions{width:100%;justify-content:flex-end}}
@media(max-width:560px){.app-wrapper{padding:12px 12px 36px}.header{padding:14px}.card{padding:20px;border-radius:18px}.header-credits{display:none}.header-actions{justify-content:stretch}.header-actions .btn{flex:1}.content-type-tabs{margin-inline:-4px}.btn-generate{max-width:none}.preview-wrap{min-height:300px}}