.tools-page{max-width:none}.modern-tools{align-items:stretch}.modern-tools .tool-card{display:flex;flex-direction:column}.modern-tools .tool-card>p{color:#65738c;line-height:1.7}.modern-tools .tool-card>button{align-self:flex-start}.qr-options,.tool-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.qr-output{min-height:310px;display:grid;place-items:center;margin:18px 0;padding:15px;border:1px dashed #b7c3d7;border-radius:9px;background:#f6f8fc;color:#75829a}.qr-output canvas,.qr-output img{max-width:100%;height:auto}.tool-actions{display:flex;gap:9px;margin-top:auto}.tool-secondary{background:#fff!important;color:#14294a!important;border:1px solid #bdc9dc!important}.tool-secondary:disabled{opacity:.45;cursor:not-allowed}.seo-suggestions{display:grid;gap:9px;margin-top:18px}.seo-suggestions>p{color:#75829a}.seo-suggestions button{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;width:100%;padding:14px;text-align:left;background:#f6f8fc!important;color:#071a38!important;border:1px solid #d7dfec!important}.seo-suggestions button>b{color:#6236d9}.seo-suggestions button>span{font-weight:700}.seo-suggestions button>small{color:#65738c}.demo-builder{margin-top:28px;padding:clamp(24px,4vw,54px);border:1px solid #cfd9e8;border-radius:15px;background:linear-gradient(145deg,#071a38,#102a55);color:#fff;box-shadow:0 30px 90px rgba(7,26,56,.18)}.demo-builder-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:34px}.demo-builder-head>div{max-width:780px}.demo-builder-head h2{margin:10px 0;font-family:Sora;font-size:clamp(36px,5vw,65px);letter-spacing:-.055em;line-height:1}.demo-builder-head p:not(.label){color:#b7c5da;line-height:1.7}.demo-builder-head>span{padding:10px 13px;border:1px solid #36517c;border-radius:5px;color:#aebed6;font-size:11px}.demo-builder-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:20px}.demo-controls{display:grid;gap:11px;padding:22px;border:1px solid #29446f;border-radius:9px;background:rgba(255,255,255,.055)}.demo-controls label{display:grid;gap:6px;color:#b9c7da;font-size:11px}.demo-controls input,.demo-controls textarea{width:100%;padding:11px;border:1px solid #39537b;border-radius:5px;background:#091c3b;color:#fff;font:inherit}.demo-controls textarea{min-height:76px;resize:vertical}.demo-controls fieldset{margin:4px 0;padding:0;border:0}.demo-controls legend{margin-bottom:9px;color:#b9c7da;font-size:11px}.demo-template-options{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.demo-template-options input{position:absolute;opacity:0}.demo-template-options span{display:block;padding:10px 8px;border:1px solid #39537b;border-radius:5px;color:#fff;cursor:pointer;font-size:11px}.demo-template-options small{color:#8497b4;font-size:9px}.demo-template-options input:checked+span{border-color:#7e74ff;background:#26336a}.demo-download-note{padding:10px;border-left:2px solid #7664f1;color:#91a4c1;font-size:10px;line-height:1.5}.demo-controls>button{border:0;border-radius:5px;padding:14px;background:linear-gradient(135deg,#315fe8,#7847e7);color:#fff;font-weight:800}.demo-preview-shell{min-width:0;overflow:hidden;border:1px solid #29446f;border-radius:9px;background:#fff}.demo-preview-shell.fullscreen{position:fixed;z-index:2000;inset:16px}.demo-preview-bar{height:44px;display:flex;align-items:center;gap:7px;padding:0 12px;background:#e8edf5;color:#66758b}.demo-preview-bar i{width:8px;height:8px;border-radius:50%;background:#aeb8c8}.demo-preview-bar span{flex:1;text-align:center;font-size:10px}.demo-preview-bar button{border:0;background:transparent;color:#40506a;font-size:11px;font-weight:700}.demo-preview-shell iframe{display:block;width:100%;height:720px;border:0;background:#fff}@media(max-width:950px){.demo-builder-grid{grid-template-columns:1fr}.demo-preview-shell iframe{height:620px}.demo-builder-head{align-items:flex-start;flex-direction:column}}@media(max-width:700px){.qr-options,.tool-form-grid{grid-template-columns:1fr}.seo-suggestions button{grid-template-columns:24px 1fr}.seo-suggestions button small{grid-column:2}.demo-builder{padding:20px;margin-left:-4px;margin-right:-4px}.demo-template-options{grid-template-columns:1fr}.demo-preview-shell iframe{height:560px}}