:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#182a45;background:#f8fafc}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}header{background:white;border-bottom:1px solid #e6eaf2}.wrap{max-width:1080px;margin:auto;padding:0 24px}nav{height:72px;display:flex;align-items:center;gap:25px;font-size:13px}a{text-decoration:none;color:inherit}.brand{margin-right:auto;font-size:24px;font-weight:800;letter-spacing:-1px}.brand span,h1 em{color:#316bd4}h1 em{font-style:normal}.hero{padding:54px 0 29px}.hero small{color:#3672cb;font-weight:700;letter-spacing:2px}.hero h1{font-size:clamp(32px,5vw,51px);letter-spacing:-2px;margin:13px 0}.hero p,.hint{color:#7d8ba0;line-height:1.7}.tabs{display:flex;gap:5px;background:#eaf0f7;border-radius:14px;padding:5px;width:max-content;margin-bottom:20px}.tabs button{border:0;background:transparent;padding:12px 17px;border-radius:10px;cursor:pointer;color:#60728a}.tabs .active{background:#fff;color:#2764c0;font-weight:700}.grid{display:grid;grid-template-columns:1.28fr 1fr;gap:19px;align-items:start}.panel{background:white;border:1px solid #e4eaf3;border-radius:19px;padding:26px;box-shadow:0 6px 22px #14305108}h2{font-size:17px;margin:0 0 16px}h2:not(:first-child){margin-top:28px}.types{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:17px}.types button{padding:9px 11px;border:1px solid #dfe8f3;background:#f9fbff;border-radius:9px;color:#6c7d94;font-size:12px;cursor:pointer}.types button.active{color:#225ab6;border-color:#83a9e7;background:#eef5ff}.fields,.settings{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fields label.full{grid-column:1/-1}label{display:block;font-size:12px;color:#65768d;margin:8px 0}label input:not([type=color]),label select,textarea{width:100%;display:block;padding:11px;margin-top:7px;border:1px solid #dfe7f0;border-radius:9px;background:white;color:#1d3150}label input[type=color]{width:100%;height:38px;margin-top:7px;border:1px solid #dfe7f0;border-radius:8px;background:white}.hint{font-size:12px}.quiet{background:none;border:0;color:#3268c7;padding:10px 0;cursor:pointer;font-size:12px}.preview{position:sticky;top:17px}.row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.row span{font-size:11px;color:#8593a5}#art{min-height:300px;background:#f3f7fc;border-radius:14px;display:grid;place-items:center;padding:25px;margin:22px 0}#symbol{width:min(100%,290px);max-height:300px}#status{color:#71849c;font-size:12px;min-height:26px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.actions button:first-child{grid-column:1/-1}.primary,.secondary{border:1px solid #cad9ed;border-radius:10px;padding:12px;cursor:pointer;font-weight:650}.primary{background:#316bd4;color:white;border-color:#316bd4}.secondary{background:white;color:#3465b3}textarea{width:100%;resize:vertical}.faq{padding:60px 0}.faq details{padding:15px;border-bottom:1px solid #e0e7f1;max-width:800px}.faq summary{cursor:pointer}.faq p{color:#79899c;font-size:13px}footer{padding-bottom:35px!important;color:#8b9caf;font-size:12px}footer a{margin-left:15px}@media(max-width:760px){.grid{grid-template-columns:1fr}.preview{position:static}.hero{padding-top:35px}nav{gap:12px}nav a:not(.brand):not(:last-child){display:none}}@media(max-width:460px){.wrap{padding:0 15px}.panel{padding:18px}.fields,.settings{grid-template-columns:1fr}.tabs{width:100%}.tabs button{flex:1;padding:11px 5px;font-size:12px}}
.lang-picker{margin-left:0!important}.lang-picker select{background:#f4f7fc;border:1px solid #e0e7f1;border-radius:9px;color:#49607f;font-size:12px;padding:9px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.design-presets{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:18px}.design-presets span{font-size:12px;color:#687a91;margin-right:6px}.design-presets button{font-size:12px;border:1px solid #dce6f3;background:#f8fbff;border-radius:10px;padding:9px 12px;cursor:pointer;color:#365c91}.design-presets button:hover{border-color:#5a91e8}.batch-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.verify{margin-top:28px;padding-top:18px;border-top:1px solid #e8edf6}.verify strong{font-size:13px}.verify input{font-size:12px;max-width:100%;margin:10px 0;color:#61748c}.verify #verify-result{font-size:12px;overflow-wrap:anywhere}.verify-result-ok{color:#277447}.verify-result-err{color:#ae5a36}#contrast{font-size:12px}#contrast.warning{color:#bf6a18}body[dir=rtl] .row,body[dir=rtl] nav{direction:rtl}body[dir=rtl] .brand{margin-left:auto;margin-right:0}body[dir=rtl] .hero{text-align:right}@media(max-width:530px){.lang-picker{margin-left:0!important}.lang-picker select{max-width:90px}.batch-actions button{flex:1}}

.qr-info{background:#f5f8ff;border:1px solid #dce8f9;border-radius:12px;padding:14px;margin:15px 0;font-size:13px}.qr-info code{display:block;padding:10px;margin-top:7px;max-width:100%;overflow-wrap:anywhere;user-select:all;background:white;border-radius:8px;color:#205cbd}.import-key{border:1px solid #d1dff1;background:white;color:#3865a8;border-radius:10px;padding:12px;margin:0;cursor:pointer}.import-key input{display:none}.dyn-list{display:grid;gap:10px;margin:12px 0}.dyn-entry{border:1px solid #dce8f4;border-radius:12px;padding:15px;background:#fcfdff}.dyn-entry strong{display:block;font-size:13px;margin-bottom:6px}.dyn-entry small,.dyn-entry p{font-size:12px;color:#73849b;overflow-wrap:anywhere}.dyn-entry a{color:#286bc8}.dyn-entry .batch-actions button{font-size:12px;padding:9px 10px}.dyn-entry canvas{width:120px;height:120px}.dynamic-active{color:#187b52}.dynamic-inactive{color:#b65a42}.qr-error{color:#b94646!important}.camera-pane{border-top:1px solid #e5eaf2;margin-top:16px;padding-top:16px}.camera-pane video{width:100%;max-height:230px;border-radius:10px;background:#111}.camera-pane .batch-actions button{font-size:12px}.camera-pane [hidden]{display:none!important}.preview-art{overflow:hidden}.frame-control{margin-top:14px}.frame-control input{width:100%}.tabs{width:100%;flex-wrap:wrap}.tabs button{flex:1;white-space:nowrap;min-width:110px}#dynamic-panel label,#gs1-panel label{display:block}#dynamic-panel input,#gs1-panel input{max-width:100%}#dynamic-panel>button,#gs1-panel>button{margin-top:10px}@media(max-width:490px){.tabs button{min-width:82px;font-size:11px}}

.scan-chart{height:95px;display:flex;align-items:flex-end;gap:2px;padding:8px 0;border-bottom:1px solid #dae4f2}.scan-bar{background:#3d76db;flex:1;min-width:2px;border-radius:3px 3px 0 0}.scan-chart+.hint{font-size:11px}

.qr-templates{margin:16px 0;padding:16px;border:1px solid #e0e9f5;border-radius:14px;background:#fbfdff}.qr-templates-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.qr-templates-title small{color:#74849d}.qr-template-buttons{display:flex;flex-wrap:wrap;gap:8px}.qr-template-buttons button{padding:9px 12px;background:#fff;color:#24446f;border:1px solid #d8e4f3;border-radius:10px;cursor:pointer}.qr-template-buttons button.active{color:#fff;background:#2868cb;border-color:#2868cb}#dyn-smart .fields,#dyn-links .fields{margin-top:12px}#dyn-kind{width:100%}#dyn-link-lines{width:100%;min-height:130px}.dyn-entry small{overflow-wrap:anywhere}@media(max-width:600px){.qr-templates-title{display:block}.qr-templates-title small{display:block;margin-top:5px}}