/* SmartTools Pro unified responsive enhancements */
:root{--st-accent:#6352ed;--st-dark:#25204d;--st-border:#e5e5f4}
html{scroll-behavior:smooth}body{overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}
:focus-visible{outline:3px solid #7967f3!important;outline-offset:3px}
.st-nav-toggle{display:none;align-items:center;justify-content:center;gap:8px;border:1px solid #deddf1;background:#fff;color:#312963;border-radius:12px;min-height:44px;min-width:48px;padding:8px 12px;font-size:21px;font-weight:800}
.st-nav-toggle[aria-expanded="true"]{background:#f2f0ff}
.st-nav-drawer{display:none;background:#fff;border:1px solid #e6e5f1;border-radius:16px;padding:10px;box-shadow:0 18px 45px #20144e23;position:absolute;right:18px;top:calc(100% - 2px);z-index:100;min-width:210px}
.st-nav-drawer.open{display:grid;gap:3px}.st-nav-drawer a{display:block;padding:13px 16px;border-radius:10px;font-size:15px;font-weight:700;color:#302b58}.st-nav-drawer a:hover{background:#f2efff}
.st-progress{height:10px;background:#eceafa;border-radius:50px;overflow:hidden;margin:10px 0 4px}.st-progress>span{display:block;width:0;height:100%;background:linear-gradient(90deg,#6651ef,#3f78f5);transition:width .2s}
.st-processing-note{font-size:13px;color:#68718f;margin:4px 0 12px}.st-quick-controls{border:1px solid #e7e7f6;background:#f9f9ff;padding:13px;border-radius:16px;margin-bottom:16px}.st-quick-controls h3{margin:0 0 6px;font-size:17px}.st-quick-controls p{margin:0 0 12px;font-size:13px;color:#6a708a}.st-quick-buttons{display:flex;flex-wrap:wrap;gap:8px}.st-quick-buttons button,.st-mode-btn{border:1px solid #d9dcf0;background:#fff;color:#453e74;border-radius:11px;padding:10px 13px;min-height:44px;font-weight:750}.st-quick-buttons button:hover,.st-mode-btn:hover{border-color:#6651ef;background:#f5f2ff}.st-mode-btn[aria-expanded=true]{background:#eeebff;border-color:#7967ef}
.st-advanced-hidden .design-subtabs,.st-advanced-hidden .design-pane,.st-advanced-hidden .qr-advanced-only{display:none!important}
@media(min-width:981px){.builder-grid>div{display:grid;grid-template-columns:minmax(270px,.82fr) minmax(0,1.18fr);gap:22px;align-items:start}.builder-grid>div>.preview-shell{position:sticky;top:102px}.builder-grid>div>.panel.card{margin-top:0!important}.builder{max-width:1150px;margin:auto}.preview-shell #qrPreview svg{max-width:min(100%,320px)}}
@media(max-width:760px){.st-nav-toggle{display:inline-flex!important}.navwrap{position:relative}.navwrap nav{display:none!important}.navwrap .navcta{display:none}.site-header{position:sticky}.site-header .desktop-nav{display:none!important}.site-header .menu-btn{display:none!important}.site-header .header-inner{position:relative}body>header:not(.site-header):not(.navwrap){position:relative}body>header:not(.site-header):not(.navwrap) nav{display:none!important}.st-nav-drawer{right:12px}.brand{max-width:75vw}.builder-grid>div{display:block}.builder .preview-shell{padding:12px}.builder .panel.card{margin-top:12px!important}.hero-art{overflow:hidden}.type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.container{padding-left:12px;padding-right:12px}.brand{font-size:18px!important}.site-header .header-inner{height:65px}.builder{padding:9px!important;border-radius:19px!important}.step-switcher{gap:7px;padding:11px!important}.step-btn{min-height:48px;padding:9px!important}.panel-body{padding:12px!important}.twocol{grid-template-columns:1fr!important;gap:7px!important}.option-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.export-secondary{gap:6px!important}.export-secondary button{min-height:44px}.type-list{grid-template-columns:1fr!important}.type-card{min-height:170px}.file-row{max-width:100%;overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.st-progress>span{transition:none}}