.studio-intro{padding:35px 0 25px}.studio-intro h1{font-size:45px;letter-spacing:-2px}.studio-intro .intro-description{font-size:14px;margin:15px auto 0}.qr-studio{padding-top:10px}.studio-type-selector{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:0 0 35px}.studio-type-selector button{display:flex;align-items:center;gap:8px;border:1px solid transparent;border-radius:9px;background:#edf1ed;padding:11px 15px;color:#53645a;font-size:12px;font-weight:600}.studio-type-selector button span{font-size:16px;width:17px;text-align:center}.studio-type-selector button:hover{border-color:#90b39b}.studio-type-selector button.selected{background:var(--green);color:#fff}.studio-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:26px;align-items:start}.studio-editor{background:#fff;border:1px solid var(--line);border-radius:15px;padding:26px}.studio-preview{position:sticky;top:20px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:24px}.mode-selector{display:flex;gap:6px;padding:4px;border-radius:8px;background:#f0f4ee;margin-bottom:8px}.mode-selector button{flex:1;padding:9px 10px;border-radius:6px;border:0;background:transparent;color:#819080;font-size:11px;font-weight:600}.mode-selector button.selected{background:#fff;box-shadow:0 2px 8px #162f2110;color:var(--green)}#mode-help{margin-bottom:20px}.studio-content-fields{margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.studio-field{min-width:0}.studio-field.wide{grid-column:1/-1}.studio-field textarea{min-height:100px}.studio-field input[type=number]{appearance:textfield}.studio-field .check-label{margin-top:5px!important}#dynamic-name-wrap{padding:17px;background:#f3f7f0;border:1px solid #e3ebde;border-radius:8px}#type-help{margin:12px 0 21px}#type-help:empty{display:none}.inline-link{display:block;font-size:12px;font-weight:600;color:var(--green);margin-top:12px}.design-section{margin-top:15px;border:1px solid #e4e9e1;border-radius:9px;overflow:hidden}.design-section>summary{display:flex;align-items:center;justify-content:center;gap:9px;padding:13px 15px;background:#f2f4f0;cursor:pointer;font-size:13px;font-weight:600;list-style:none}.design-section>summary::-webkit-details-marker{display:none}.design-section>summary:after{content:'+';margin-left:auto;color:#7a8c7b;font-size:16px;line-height:1}.design-section[open]>summary:after{content:'−'}.design-section>summary>span{margin-right:auto;width:20px;font-size:15px}.design-section-body{padding:18px}.design-section-body>label:not(:first-child){margin-top:17px}.pattern-picker{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:10px 0 18px}.pattern-picker button{border:1px solid #dfe7db;border-radius:7px;background:#fff;display:flex;flex-direction:column;gap:9px;align-items:center;padding:10px 2px;color:#748271;font-size:9px}.pattern-picker button.selected{background:#edf6eb;border-color:#73a484;color:var(--green)}.pattern-demo{font-size:15px;line-height:1;letter-spacing:1px}.pattern-demo.square{font-size:22px;line-height:.7}.pattern-demo.rounded{font-size:17px;line-height:1}.studio-color-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.design-section-body input[type=color]:not(.color-input input){width:46px;height:32px;cursor:pointer;border:0;padding:0}.design-section-body .check-label{font-size:12px}#gradient-options,#frame-text-wrap{margin-top:14px}#gradient-options label{margin-top:13px}.logo-upload{display:flex;align-items:center;gap:14px;background:#f7f9f5;border:1px dashed #cddcc6;border-radius:9px;padding:19px;cursor:pointer;margin-bottom:10px;position:relative}.logo-upload img{width:43px;height:43px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:4px}.logo-upload strong{display:block;font-size:12px;color:var(--green)}.logo-upload small{display:block;font-size:10px;color:#97a28e;margin-top:5px;overflow-wrap:anywhere}.logo-upload input{position:absolute;width:1px!important;height:1px!important;opacity:0;padding:0!important;overflow:hidden}.logo-upload:focus-within{outline:2px solid #70aa85;outline-offset:2px}.logo-size-row{display:flex;justify-content:space-between;align-items:center;margin:13px 0 4px}.logo-size-row label{margin:0}.logo-size-row button{background:transparent;border:0;font-size:11px;color:#849480;text-decoration:underline}.logo-size-row span{color:#9ca794;margin-left:5px}#logoScale{width:100%;accent-color:var(--green)}.studio-output-settings{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:23px}.studio-output-settings select{font-size:12px}.studio-qr-stage{display:grid;place-items:center;min-height:360px;padding:23px 0}.studio-qr-paper{width:100%;max-width:340px;min-height:280px;display:grid;place-items:center;background:#fff;border-radius:6px}.studio-qr-paper svg{width:100%;height:auto;display:block}.studio-qr-paper .placeholder{color:#a4b09b;text-align:center;font-size:13px;line-height:1.8}.studio-qr-paper .placeholder span{display:block;font-size:44px;color:#c3ceb9;margin-bottom:10px}.studio-preview .preview-top{font-size:9px}.studio-preview .status-message{min-height:35px;margin-bottom:15px}.studio-preview .download-buttons{gap:7px}.studio-preview .download-buttons button{font-size:10px;padding:12px 9px}.studio-preview .download-secondary{min-width:55px}.embedded-panel{border:1px solid #e4eade;background:#f7f9f5;border-radius:8px;margin:18px 0 0;padding:11px 13px;font-size:11px;color:#647b60}.embedded-panel summary{cursor:pointer;text-align:center}.embedded-panel pre{font:10px/1.7 ui-monospace,SFMono-Regular,monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px;overflow:auto;margin:13px 0 0;color:#5d725a}.studio-preview .privacy-note{margin-top:19px;padding-top:17px;text-align:center}.studio-preview .privacy-note p{font-size:9px}.studio-faq{margin-top:65px}.design-disabled{opacity:.5;pointer-events:none}.field-count{font-size:10px;color:#95a18d;text-align:right;margin-top:6px}
@media(max-width:850px){.studio-grid{gap:18px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.studio-editor{padding:21px}.studio-preview{padding:20px}.studio-qr-stage{min-height:290px}.studio-type-selector{gap:8px}.studio-type-selector button{font-size:11px;padding:10px 12px}.pattern-picker{gap:5px}.studio-content-fields{grid-template-columns:1fr}.studio-field{grid-column:1/-1}}
@media(max-width:650px){.studio-intro{padding:24px 0 19px}.studio-intro h1{font-size:34px;letter-spacing:-1.4px}.studio-intro .intro-description{font-size:12px}.studio-type-selector{gap:7px;margin-bottom:22px}.studio-type-selector button{font-size:10px;padding:8px 9px;gap:5px;border-radius:7px}.studio-type-selector button span{font-size:12px;width:12px}.studio-grid{display:flex;flex-direction:column;gap:20px}.studio-editor,.studio-preview{width:100%;padding:21px}.studio-preview{position:static}.studio-qr-stage{min-height:300px}.studio-qr-paper{max-width:325px}.pattern-picker{gap:7px}.studio-preview .download-buttons button{font-size:11px}.studio-faq{margin-top:40px}.design-section-body{padding:16px}.site-header nav{gap:12px}.site-header .nav-cta{font-size:9px;padding:8px}.studio-output-settings{gap:12px}}
@media print{body{background:#fff!important}main{max-width:none;margin:0!important;padding:0!important}.site-header,.studio-intro,.studio-type-selector,.studio-editor,.preview-top,.preview-details,.status-message,.download-buttons,.preview-footnote,.embedded-panel,.privacy-note,.studio-faq,footer,.skip-link{display:none!important}.studio-grid{display:block}.studio-preview{position:static;border:0;padding:0;display:block}.studio-qr-stage{padding:0;min-height:0}.studio-qr-paper{width:90mm;max-width:90mm;min-height:0;border:0}#qr-output svg{width:90mm;height:auto}}
.pattern-demo{white-space:pre}