:root{color-scheme:light;font-family:Avenir Next,Segoe UI,sans-serif;line-height:1.4;font-weight:400;color:#132235;background:radial-gradient(circle at top left,rgba(255,184,77,.22),transparent 28%),radial-gradient(circle at top right,rgba(13,148,136,.16),transparent 24%),linear-gradient(180deg,#f8efe1,#f1f5fb 52%,#edf3f9);--panel: rgba(255, 255, 255, .84);--panel-strong: rgba(255, 255, 255, .94);--panel-border: rgba(19, 34, 53, .1);--text-soft: #627286;--accent: #0f766e;--accent-strong: #115e59;--accent-soft: rgba(15, 118, 110, .12);--shadow: 0 22px 60px rgba(31, 47, 72, .14);--tabbar-height: 4.5rem}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;min-height:100vh;background:transparent}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(180deg,rgba(0,0,0,.22),transparent 72%);pointer-events:none}.app-shell{width:100%;min-height:100vh;padding:.75rem .75rem calc(4.75rem + env(safe-area-inset-bottom))}.app-layout{width:min(100%,1180px);height:max(0px,calc(100dvh - 6rem - env(safe-area-inset-bottom)));min-height:0;margin:0 auto;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:.75rem}.preview-card,.panel-card,.tab-bar{border:1px solid var(--panel-border);background:var(--panel);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.tab-navigation-card{min-width:0}.preview-card{display:grid;gap:.75rem;border-radius:1.6rem;padding:.85rem}.preview-frame{min-height:min(30vh,16rem);display:grid;grid-template-rows:minmax(0,1fr) auto;place-items:center;gap:.55rem;padding:.65rem;border-radius:1.2rem;background:linear-gradient(145deg,#fffffffc,#f3f7fbf2),linear-gradient(180deg,#0f766e0f,#ffb84d0f)}.chunk-preview-nav{width:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;align-items:center;gap:.55rem}.preview-view-controls{position:absolute;z-index:4;top:.4rem;right:1.15rem;display:flex;align-items:center;gap:.35rem;padding:0;border:0;background:transparent}.preview-view-controls.is-hidden{visibility:hidden;pointer-events:none}.preview-view-button{position:relative;min-height:1.25rem;padding:0 .3rem 0 .9rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:999px;background:transparent;color:#e2f2f194;font:inherit;font-size:.58rem;font-weight:800;line-height:1;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.preview-view-button:before{content:"";position:absolute;left:.34rem;top:50%;width:.42rem;aspect-ratio:1;border-radius:50%;background:#ffffff40;transform:translateY(-50%)}.preview-view-button:last-child:before{background:#f59e0b59}.preview-view-button.is-active{border-color:transparent;background:transparent;color:#fffaf0}.preview-view-button.is-active:before{background:var(--signal-bright);box-shadow:0 0 .35rem #2dd4bff2}.preview-view-button:last-child.is-active:before{background:var(--flare);box-shadow:0 0 .35rem #f59e0bf2}.preview-view-button:focus{outline:none}.preview-view-button:focus-visible:before{box-shadow:0 0 0 2px #071827,0 0 0 3px #ffffffe6}.qr-preview-viewport{position:relative;width:100%;height:min(32vh,15rem);min-width:0;overflow:hidden;border-radius:1rem}.qr-preview-viewport #qr-canvas{position:absolute}.qr-preview-viewport.is-fit #qr-canvas{inset:0;margin:auto;width:var(--qr-fit-width, auto);height:var(--qr-fit-height, auto);max-width:100%;max-height:100%;transform:none}.qr-preview-viewport.is-actual{cursor:grab;touch-action:none}.qr-preview-viewport.is-actual.is-dragging{cursor:grabbing}.qr-preview-viewport.is-actual #qr-canvas{top:var(--qr-preview-top, 0px);left:var(--qr-preview-left, 0px);max-width:none;max-height:none;transform:none}.chunk-preview-nav.has-navigation{grid-template-columns:auto minmax(0,1fr) auto}.chunk-nav-button{width:2.75rem;min-width:2.75rem;height:2.75rem;border:1px solid rgba(19,34,53,.12);border-radius:999px;background:#fffffff5;color:#132235;font-size:1.6rem;line-height:1;font-weight:700}.chunk-nav-button:disabled{opacity:.4;cursor:not-allowed}.chunk-preview-status{margin:0;font-size:.92rem;font-weight:800;color:var(--text-soft)}canvas{display:block;width:auto;max-width:100%;height:auto;image-rendering:pixelated;background:#fff;border-radius:var(--qr-corner-radius, 1rem);border:1px solid rgba(19,34,53,.08)}#qr-canvas.has-transparency{background-color:#eef1f4;background-image:linear-gradient(45deg,#cfd5dc 25%,transparent 25%),linear-gradient(-45deg,#cfd5dc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#cfd5dc 75%),linear-gradient(-45deg,transparent 75%,#cfd5dc 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px}#qr-canvas{max-height:min(32vh,15rem)}.tab-panel-shell{min-height:0;overflow:hidden}.tab-panels{height:100%;min-height:0;overflow:hidden;position:relative}.tab-panel{height:100%;min-height:0}.tab-panel[hidden]{display:none}.format-fields[hidden],.format-fields:not(.is-active){display:none}#payload-reveal-toggle[hidden]{display:none}.panel-card{height:100%;min-height:0;border-radius:1.4rem;padding:.85rem;overflow:auto}.compact-stack{display:grid;gap:.75rem;align-content:start}label,legend,.info-label,.mask-label,.hint,output{color:var(--text-soft)}label,legend{font-weight:700}textarea,select,input,button{font:inherit}textarea,select,input[type=text],input[type=url],input[type=email],input[type=tel],input[type=number],input[type=date],input[type=time]{width:100%;border-radius:1rem;border:1px solid rgba(19,34,53,.12);background:#fffffff2;color:#132235;padding:.95rem 1rem}.event-date-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.event-date-grid>div{min-width:0;display:grid;gap:.4rem}.event-time-field.is-disabled{opacity:.45}select{min-height:3.5rem;padding-right:3rem;font-size:1rem;font-weight:700;line-height:1.3;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#4b5563 50%),linear-gradient(135deg,#4b5563 50%,transparent 50%);background-position:calc(100% - 1.2rem) calc(50% - .12rem),calc(100% - .8rem) calc(50% - .12rem);background-size:.45rem .45rem,.45rem .45rem;background-repeat:no-repeat}textarea{min-height:6.5rem;resize:none}input[type=file]{width:100%}.file-status-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}#bulk-fields[hidden]{display:none}.bulk-toggle{margin-top:.2rem}.bulk-expected-fields{display:block;max-width:100%;overflow-x:auto;padding:.75rem .85rem;border:1px solid rgba(15,118,110,.18);border-radius:.8rem;background:#ccfbf180;color:#115e59;font-size:.8rem;line-height:1.45;white-space:nowrap;user-select:all}.bulk-fields .hint{margin:0}.bulk-fields .has-error{color:#b42318;font-weight:800}.file-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.chunk-controls{display:grid;gap:.75rem}.file-capacity-hint{flex:1 1 auto;margin:0}.secondary-button{flex:0 0 auto;min-height:2.75rem;padding:.6rem .9rem;border:1px solid rgba(19,34,53,.12);border-radius:.9rem;background:#fffffff5;color:#132235;font-weight:800}.secondary-button:disabled{opacity:.55;cursor:not-allowed}textarea:focus,select:focus,input:focus,button:focus{outline:3px solid rgba(15,118,110,.24);outline-offset:3px}input:disabled,textarea:disabled,select:disabled{background:#e2e8f0b3;color:#94a3b8;border-color:#94a3b859;cursor:not-allowed}.option-group{margin:0;padding:.9rem;border:1px solid rgba(19,34,53,.08);border-radius:1.15rem;background:#f7fafce6;display:grid;gap:.75rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.slider-field,.toggle-field,.color-grid{display:flex;align-items:center;justify-content:space-between;gap:.85rem}.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.choice-grid-compact{grid-template-columns:repeat(3,minmax(0,1fr))}.phone-format-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.number-range-grid,.number-affix-grid{display:grid;gap:.65rem}.number-range-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.number-affix-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.number-range-grid>div,.number-affix-grid>div{display:grid;gap:.4rem}.encoding-mode-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.encoding-mode-button{min-width:0;padding-inline:.35rem;font-size:.76rem}.wifi-security-grid{grid-template-columns:minmax(0,1.8fr) repeat(2,minmax(0,.8fr))}.choice-button{min-height:3.1rem;padding:.75rem .65rem;border:1px solid rgba(19,34,53,.12);border-radius:1rem;background:#fff;color:#132235;font:inherit;font-size:.92rem;font-weight:800;line-height:1.2;text-align:center;white-space:normal;overflow-wrap:anywhere}.choice-button.is-active{background:linear-gradient(135deg,#0f766efa,#115e59f0);color:#fff;border-color:#0f766e73;box-shadow:0 12px 24px #0f766e2e}.choice-button:disabled{cursor:not-allowed;opacity:.5}.module-shape-field,.eye-shape-field{display:grid;gap:.55rem}.field-label{font-weight:800}.module-shape-grid,.eye-shape-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.module-shape-button{display:grid;grid-template-columns:.95rem minmax(0,auto);align-items:center;justify-content:center;gap:.25rem;padding:.62rem .3rem;font-size:.78rem;white-space:nowrap;overflow-wrap:normal}.module-shape-icon{display:block;width:1rem;height:1rem;background:currentColor}.shape-rounded{border-radius:.32rem}.shape-dots{border-radius:50%}.shape-diamond{width:.78rem;height:.78rem;margin:.11rem;transform:rotate(45deg)}.shape-custom{border-radius:.45rem .08rem;transform:rotate(12deg) scale(.85)}.module-custom-controls{display:grid;gap:.45rem;padding:.75rem;border:1px solid rgba(15,118,110,.18);border-radius:1rem;background:#ccfbf147}.module-custom-controls[hidden]{display:none}.module-shape-hint{margin-top:-.1rem}.gradient-field,.gradient-controls,.gradient-angle-controls{display:grid;gap:.55rem}.gradient-type-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.gradient-controls{padding:.75rem;border:1px solid rgba(15,118,110,.18);border-radius:1rem;background:#ccfbf147}.gradient-controls[hidden],.gradient-angle-controls[hidden],.image-fill-controls[hidden]{display:none}.image-fill-controls{display:grid;gap:.65rem;padding:.75rem;border:1px solid rgba(15,118,110,.18);border-radius:1rem;background:#ccfbf147}.image-fill-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.color-field.gradient-end-color{padding:0;border:0;background:transparent}.frame-message-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.frame-type-controls{display:grid;gap:.55rem;padding-top:.25rem}.control-label{color:var(--text-soft);font-weight:700}.frame-font-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.frame-color-field{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.frame-font-rounded{font-family:Arial Rounded MT Bold,Trebuchet MS,sans-serif}.frame-font-serif{font-family:Georgia,Times New Roman,serif}.frame-font-mono{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.custom-frame-message-field{display:grid;gap:.45rem}.custom-frame-message-field[hidden]{display:none}.center-art-mode-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.center-art-controls,.center-art-mode-controls{display:grid;gap:.65rem}.center-art-controls[hidden],.center-art-mode-controls[hidden]{display:none}.emoji-picker{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.4rem}.emoji-option{min-width:0;min-height:2.8rem;padding:.3rem;border:1px solid rgba(19,34,53,.12);border-radius:.75rem;background:#fff;font-size:1.35rem;line-height:1}.emoji-option.is-active{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 2px #0f766e2e}.pixel-art-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 3rem auto;align-items:center;gap:.6rem}.pixel-art-toolbar input[type=color]{width:3rem;height:2.8rem;padding:0;border:0;background:transparent}.pixel-art-toolbar input[type=color].is-active{outline:3px solid rgba(15,118,110,.35);outline-offset:2px}.pixel-art-grid{width:min(100%,22rem);aspect-ratio:1;justify-self:center;display:grid;grid-template-columns:repeat(var(--pixel-grid-size, 16),minmax(0,1fr));overflow:hidden;border:2px solid rgba(19,34,53,.2);border-radius:.65rem;background:linear-gradient(45deg,#e2e8f0 25%,transparent 25%),linear-gradient(-45deg,#e2e8f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e2e8f0 75%),linear-gradient(-45deg,transparent 75%,#e2e8f0 75%),#fff;background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;touch-action:none;user-select:none}.pixel-art-cell{min-width:0;min-height:0;padding:0;border:0;border-right:1px solid rgba(19,34,53,.12);border-bottom:1px solid rgba(19,34,53,.12);border-radius:0;background:transparent}.pixel-art-cell.is-painted{background:var(--pixel-color, #111827)}.pixel-art-palette{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.35rem}.pixel-palette-button{position:relative;min-width:0;min-height:2.75rem;padding:0;overflow:hidden;border:2px solid rgba(19,34,53,.16);border-radius:.65rem;background:var(--palette-color, transparent)}.pixel-palette-button.is-active{border-color:var(--accent);box-shadow:0 0 0 3px #0f766e33}.pixel-palette-button.is-eraser{background:linear-gradient(45deg,transparent 43%,#dc2626 44%,#dc2626 56%,transparent 57%),linear-gradient(45deg,#e2e8f0 25%,transparent 25%),linear-gradient(-45deg,#e2e8f0 25%,transparent 25%),#fff;background-size:auto,12px 12px,12px 12px,auto}@media(min-width:720px){.module-shape-grid,.eye-shape-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.pixel-art-palette{grid-template-columns:repeat(9,minmax(0,1fr))}}.toggle-field{justify-content:flex-start;min-height:3.2rem;padding:.8rem .9rem;border-radius:1rem;background:#fff;border:1px solid rgba(19,34,53,.08)}.payload-toggle{margin-bottom:.1rem}.toggle-field input{width:1.2rem;height:1.2rem;accent-color:var(--accent);flex:0 0 auto}input[type=range]{width:100%;margin:0;accent-color:var(--accent);min-height:2.4rem}output{font-variant-numeric:tabular-nums;font-weight:800;color:var(--accent-strong)}.color-grid{gap:.75rem}.eye-color-controls[hidden]{display:none}.download-format-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.download-subtab-bar.has-animation{grid-template-columns:repeat(3,minmax(0,1fr))}.animation-timing-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.animation-duration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.animation-duration-grid>div{display:grid;gap:.4rem}#download-quality-controls{display:grid;gap:.45rem}#download-quality-controls[hidden]{display:none}.download-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:.65rem}.download-actions.has-multiple{grid-template-columns:repeat(2,minmax(0,1fr))}.download-actions [hidden]{display:none}.download-button{min-height:3.2rem;padding:.75rem 1rem;border:2px solid #0f766e;border-radius:1rem;background:linear-gradient(180deg,#fff,#f0fdfa);color:#0f615c;font-weight:900;box-shadow:0 4px #0f766e,0 10px 20px #0d948824;transform:translateY(0);transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.download-button:hover:not(:disabled){background:#fff;transform:translateY(-1px);box-shadow:0 5px #0f766e,0 12px 24px #0d94882e}.download-button:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #0f766e,0 5px 10px #0d94881f}.download-button:disabled{cursor:not-allowed;opacity:.55;box-shadow:0 2px #0f766e8c}.download-status{min-height:1.35rem;margin:0;text-align:center}.color-transparency-label{margin-top:.15rem;font-size:.78rem}.debug-color-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.debug-color-grid .color-field{gap:.4rem;padding:.55rem}.debug-color-grid .color-field span{overflow:hidden;font-size:clamp(.58rem,2.3vw,.72rem);line-height:1.1;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}.debug-color-grid .color-field input[type=color]{min-height:2.75rem}.encoding-control-group{gap:.55rem;padding:.7rem}.encoding-control-group .toggle-field{min-height:2.8rem;padding:.55rem .65rem}.encoding-auto-toggle span{font-size:clamp(.68rem,2.5vw,.78rem);letter-spacing:-.01em;white-space:nowrap}.encoding-mode-group .field-label{font-size:.72rem}.encoding-mode-group .encoding-mode-button{min-height:2.75rem;padding-block:.5rem;font-size:.7rem}.encoding-mode-summary{min-height:2.5rem;padding:.45rem .65rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;border:1px solid rgba(19,34,53,.08);border-radius:.8rem;background:#ffffffd1}.encoding-mode-summary .info-label{font-size:.64rem}.encoding-mode-summary strong{font-size:.82rem;line-height:1.15}.encoding-version-group .slider-field span{font-size:.72rem}.version-auto-row .version-current{margin-left:auto;font-size:.72rem;white-space:nowrap}.version-auto-row .version-current strong{color:var(--accent-strong)}.overlay-controls{gap:.6rem}.overlay-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.overlay-settings-grid .toggle-field,.overlay-settings-grid .info-chip{min-height:3.3rem;padding:.55rem .65rem}.overlay-settings-grid .info-chip{grid-column:auto;grid-template-columns:minmax(0,1fr);align-items:center}.overlay-settings-grid .info-label{font-size:.68rem;white-space:nowrap}.overlay-settings-grid .info-chip strong{white-space:nowrap}.help-popover{position:relative;z-index:8;display:inline-flex}.help-popover-trigger{width:1.55rem;min-width:1.55rem;min-height:1.55rem;padding:0;border:1px solid rgba(217,119,6,.35);border-radius:50%;background:#fff1cf;color:#9a4d05;font-weight:900;line-height:1;box-shadow:0 3px 8px #92400e1f}.help-popover-content{width:min(19rem,calc(100vw - 3.5rem));padding:.7rem .8rem;position:absolute;z-index:30;top:calc(100% + .4rem);right:0;display:grid;gap:.3rem;border:1px solid rgba(94,234,212,.25);border-radius:.75rem;background:#071827fa;box-shadow:0 14px 35px #07182747;color:#f0fdfad1;font-size:.76rem;font-weight:600;line-height:1.35;opacity:0;pointer-events:none;transform:translateY(-.25rem);visibility:hidden}.help-popover-content strong{color:#fffaf0;font-size:.8rem}.help-popover:hover .help-popover-content,.help-popover:focus-within .help-popover-content{opacity:1;transform:translateY(0);visibility:visible}.help-popover:hover,.help-popover:focus-within{z-index:40}.overlay-outline-group{padding:.7rem}.overlay-help-popover,.section-help-popover{position:absolute;top:.35rem;right:.55rem}.color-field{flex:1 1 0;display:grid;gap:.55rem;padding:.75rem;border-radius:1rem;background:#fff;border:1px solid rgba(19,34,53,.08)}.color-field input[type=color]{width:100%;min-height:3rem;padding:0;border:0;background:transparent}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.geo-map-card{display:grid;gap:.55rem}.geo-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.geo-field{display:grid;gap:.4rem}.geo-label-field{grid-column:1 / -1}.geo-map{position:relative;min-height:12rem;border-radius:1rem;overflow:hidden;border:1px solid rgba(19,34,53,.1);background:#dbe4e8;cursor:grab;touch-action:none;user-select:none}.geo-map:focus-visible{outline:3px solid rgba(13,148,136,.55);outline-offset:2px}.geo-map.is-dragging{cursor:grabbing}.slippy-map-tiles{position:absolute;inset:0;overflow:hidden}.slippy-map-tile{position:absolute;width:256px;height:256px;max-width:none;pointer-events:none;-webkit-user-drag:none}.slippy-map-marker{position:absolute;z-index:3;width:1.15rem;height:1.15rem;border:.2rem solid #fff;border-radius:50% 50% 50% 0;background:#e11d48;box-shadow:0 3px 8px #13223559;pointer-events:none;transform:translate(-50%,-100%) rotate(-45deg)}.slippy-map-label{position:absolute;z-index:4;padding:.3rem .55rem;border-radius:999px;background:#132235e6;color:#fff;font-size:.74rem;font-weight:700;line-height:1.2;pointer-events:none;white-space:nowrap;box-shadow:0 10px 24px #1322352e;transform:translate(-50%,calc(-100% - 2rem))}.slippy-map-controls{position:absolute;z-index:5;top:.55rem;left:.55rem;display:grid;overflow:hidden;border:1px solid rgba(19,34,53,.2);border-radius:.7rem;background:#fffffff0;box-shadow:0 5px 16px #13223529}.slippy-map-control{width:2.35rem;min-height:2.35rem;padding:0;border:0;border-radius:0;background:transparent;color:#132235;font:900 1.25rem/1 Avenir Next,sans-serif}.slippy-map-control+.slippy-map-control{border-top:1px solid rgba(19,34,53,.14)}.slippy-map-control:hover,.slippy-map-control:focus-visible{background:#dff7f3}.slippy-map-attribution{position:absolute;z-index:5;right:0;bottom:0;padding:.18rem .35rem;border-radius:.35rem 0 0;background:#ffffffe6;color:#334155;font-size:.58rem;line-height:1.2}.slippy-map-attribution a{color:inherit}.info-chip{min-height:4rem;padding:.7rem .8rem;border-radius:1rem;background:#fff;border:1px solid rgba(19,34,53,.08);display:grid;gap:.2rem}.info-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.info-chip strong{color:#132235;font-size:.96rem}.mask-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.mask-option{min-width:0;min-height:6.4rem;padding:.55rem .35rem;border-radius:1rem;border:1px solid rgba(19,34,53,.1);background:#fff;display:grid;gap:.35rem;align-content:start;justify-items:center}.mask-option.is-active{border-color:#0f766e80;box-shadow:inset 0 0 0 2px #0f766e33;background:#0f766e14}.mask-preview{width:4.5rem;max-width:100%;aspect-ratio:1;display:grid;place-items:center;border-radius:.8rem;overflow:hidden;background:#f8fafc}.mask-preview-auto{background:radial-gradient(circle at 25% 25%,rgba(15,118,110,.28),transparent 34%),linear-gradient(145deg,#edf6f5,#fef5e8);color:var(--accent-strong);font-weight:800;line-height:1.1}.mask-auto-value{display:block;font-size:.68rem;letter-spacing:.02em}.mask-canvas{width:100%;height:100%;object-fit:contain;border:0;border-radius:0}.mask-label{text-align:center}.mask-label{font-size:.84rem;font-weight:800;color:#132235}.hint{margin:0;font-size:.88rem}#sms-length-hint,#email-body-length-hint{text-align:right}#encoded-preview,#options-preview{margin:0;width:100%;min-height:8rem;padding:.9rem;overflow:auto;border-radius:1rem;font-size:.8rem;white-space:pre-wrap;word-break:break-word}#encoded-preview{background:#fff;color:#132235;border:1px solid rgba(19,34,53,.08)}#encoded-preview.has-error{border-color:#dc2626;box-shadow:inset 0 0 0 1px #dc26262e}#options-preview{min-height:10rem;background:#0f172a;color:#d5e1f2}.tab-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;min-height:var(--tabbar-height);padding:.55rem;border-radius:1.25rem;background:var(--panel-strong)}.tab-button{min-height:3.2rem;padding:.55rem .2rem;border:0;border-radius:.95rem;background:transparent;color:var(--text-soft);font-weight:800;font-size:.74rem}.tab-button.is-active{background:linear-gradient(135deg,#0f766efa,#115e59f0);color:#fff;box-shadow:0 12px 24px #0f766e2e}.subtab-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;padding:.45rem;border-radius:1.05rem;background:#f7fafcf2;border:1px solid rgba(19,34,53,.08)}.subtab-button{min-height:2.9rem;padding:.6rem .45rem;border:0;border-radius:.85rem;background:transparent;color:var(--text-soft);font:inherit;font-weight:800;font-size:.82rem}.subtab-button.is-active{background:linear-gradient(135deg,#0f766efa,#115e59f0);color:#fff;box-shadow:0 10px 22px #0f766e29}.debug-subtab-bar{grid-template-columns:repeat(5,minmax(0,1fr));gap:.25rem;padding:.35rem}.debug-subtab-bar .subtab-button{min-height:2.65rem;padding:.45rem .08rem;font-size:clamp(.57rem,2.3vw,.76rem);letter-spacing:-.015em;white-space:nowrap}.subtab-bar{position:sticky;top:0;z-index:50;background:#f7fafcfa;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.style-subtab-bar{grid-template-columns:repeat(4,minmax(0,1fr))}.content-subtab-bar{grid-template-columns:repeat(3,minmax(0,1fr))}.style-subtab-button{min-height:2.8rem;padding:.45rem .1rem;font-size:.74rem}.style-subtab-panels,.content-subtab-panels,.download-subtab-panels{min-height:0}.subtab-panels{display:grid;gap:.75rem}.subtab-panel[hidden]{display:none}.debug-outline-control{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.outline-mode-button{min-height:3rem;padding:.7rem .5rem;border:1px solid rgba(19,34,53,.12);border-radius:.95rem;background:#fff;color:#132235;font:inherit;font-size:.78rem;font-weight:800;box-shadow:inset 0 0 0 1px #fff9}.outline-mode-button.is-active{background:linear-gradient(135deg,#0f766efa,#115e59f0);color:#fff;border-color:#0f766e73;box-shadow:0 12px 24px #0f766e2e}.validation-message{padding:.8rem .9rem;border-radius:.9rem;background:#dc262614;border:1px solid rgba(220,38,38,.22);color:#991b1b;font-size:.88rem;line-height:1.35}.validation-message.is-warning{background:#f59e0b1a;border-color:#f59e0b47;color:#92400e}.format-fields.has-error{border-color:#dc262659}.format-fields.has-warning{border-color:#f59e0b59}@media(min-width:720px){.app-shell{padding:1rem 1rem calc(4.75rem + env(safe-area-inset-bottom))}.app-layout{height:max(0px,calc(100dvh - 6.75rem - env(safe-area-inset-bottom)));gap:1rem}.preview-frame{min-height:24rem}#qr-canvas{max-height:none}.qr-preview-viewport{height:min(60vh,32rem)}.tab-bar{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem}.subtab-bar{grid-template-columns:repeat(5,minmax(0,1fr))}.tab-button{font-size:.9rem}.mask-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.geo-row{grid-template-columns:8rem 8rem minmax(0,1fr);align-items:end}.geo-label-field{grid-column:auto}}@media(min-width:1080px){.app-layout{grid-template-columns:minmax(20rem,34rem) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"preview tabs" "preview panels";align-items:stretch}.preview-card{grid-area:preview;min-height:max(0px,calc(100dvh - 6.75rem - env(safe-area-inset-bottom)))}.tab-navigation-card{grid-area:tabs}.tab-panel-shell{grid-area:panels;min-height:0}.preview-frame{min-height:100%}.chunk-preview-nav{align-self:stretch}.qr-preview-viewport{height:100%}.mask-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}:root{--ink: #102238;--ink-deep: #071827;--signal: #0d9488;--signal-bright: #2dd4bf;--flare: #f59e0b;--flare-soft: #ffd38a;--paper: #fffaf0;--panel: rgba(255, 252, 245, .82);--panel-strong: rgba(255, 253, 248, .96);--panel-border: rgba(16, 34, 56, .12);--text-soft: #596b7f;--accent: var(--signal);--accent-strong: #0f766e;--accent-soft: rgba(13, 148, 136, .13);--shadow: 0 24px 70px rgba(7, 24, 39, .16);font-family:Avenir Next,DIN Alternate,Gill Sans,sans-serif;background:radial-gradient(circle at 12% 2%,rgba(245,158,11,.3),transparent 27rem),radial-gradient(circle at 94% 20%,rgba(45,212,191,.23),transparent 30rem),linear-gradient(145deg,#fff5df,#e9f5f2 48%,#e8eef5)}body{position:relative;isolation:isolate;overflow-x:hidden}body:before{z-index:-3;background-image:linear-gradient(rgba(16,34,56,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(16,34,56,.055) 1px,transparent 1px),radial-gradient(circle,rgba(13,148,136,.17) 1px,transparent 1.5px);background-size:28px 28px,28px 28px,14px 14px;mask-image:linear-gradient(165deg,rgba(0,0,0,.6),transparent 76%);-webkit-mask-image:linear-gradient(165deg,rgba(0,0,0,.6),transparent 76%)}body:after{content:"";position:fixed;z-index:-2;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 49.7%,rgba(255,255,255,.44) 49.8% 50.2%,transparent 50.3%) center / 24rem 24rem,radial-gradient(circle at 52% 110%,rgba(245,158,11,.16),transparent 34rem)}.app-shell{position:relative;isolation:isolate}.app-shell:before,.app-shell:after{content:"";position:fixed;z-index:-1;width:17rem;aspect-ratio:1;pointer-events:none;opacity:.11;border:2.1rem solid var(--signal);box-shadow:inset 0 0 0 1.7rem #fffaf0eb,inset 0 0 0 4rem var(--signal)}.app-shell:before{top:8vh;right:-7rem;transform:rotate(8deg)}.app-shell:after{bottom:-8rem;left:-6rem;width:14rem;border-color:var(--flare);box-shadow:inset 0 0 0 1.45rem #fffaf0eb,inset 0 0 0 3.5rem var(--flare);transform:rotate(-12deg)}.preview-card,.panel-card,.tab-bar{border-color:#ffffff80;box-shadow:0 24px 70px #07182729,inset 0 1px #ffffffb3}.preview-card{position:relative;overflow:hidden;background:radial-gradient(circle at 12% 8%,rgba(45,212,191,.2),transparent 18rem),radial-gradient(circle at 92% 88%,rgba(245,158,11,.18),transparent 20rem),linear-gradient(155deg,#102a3d,#071827 68%,#0b2231);border-color:#2dd4bf3d;box-shadow:0 30px 80px #07182747,inset 0 1px #ffffff1a}.preview-card:before{content:"QR CODE GENERATOR";position:absolute;top:1rem;left:1.1rem;color:#5eead4a8;font-family:DIN Alternate,Avenir Next,sans-serif;font-size:.62rem;font-weight:800;letter-spacing:.18em;pointer-events:none}.preview-card:after{display:none}.preview-frame{position:relative;overflow:hidden;margin-top:1rem;border:1px solid rgba(255,255,255,.55);background:linear-gradient(90deg,rgba(13,148,136,.055) 1px,transparent 1px),linear-gradient(rgba(13,148,136,.055) 1px,transparent 1px),radial-gradient(circle at center,#fffef9,#f8f2e7 72%,#edf4f2);background-size:18px 18px,18px 18px,auto;box-shadow:inset 0 0 0 .35rem #ffffff6b,inset 0 0 55px #0d948812}.preview-frame:before{content:"";position:absolute;z-index:2;inset:.55rem;border:1px solid rgba(13,148,136,.14);border-radius:.9rem;pointer-events:none}.preview-frame:after{content:"";position:absolute;z-index:0;top:12%;left:10%;right:10%;height:1px;pointer-events:none;opacity:.28;background:linear-gradient(90deg,transparent,var(--signal-bright) 20% 80%,transparent);box-shadow:0 0 12px #2dd4bfbf;animation:signal-scan 5.8s ease-in-out infinite alternate}.chunk-preview-nav,.chunk-preview-status{position:relative;z-index:1}.chunk-preview-status{color:#52687a;letter-spacing:.08em}#qr-canvas{border-color:#0718271f;box-shadow:0 18px 42px #0718272e,0 0 0 .35rem #ffffff80}.tab-bar{background:linear-gradient(135deg,#102a3dfa,#071827fa);border-color:#2dd4bf33;box-shadow:0 18px 48px #07182738}.tab-button{color:#e2f2f1a6;letter-spacing:.05em;text-transform:uppercase}.tab-button.is-active{color:#071827;background:linear-gradient(135deg,#5eead4,#fcd38d);box-shadow:0 10px 28px #2dd4bf33,inset 0 1px #ffffffb3}.panel-card{background:linear-gradient(145deg,#fffdf8ed,#f4faf8d1);border-color:#ffffffb8;box-shadow:0 22px 60px #07182724,inset 0 1px #ffffffe6}[data-tab-panel=content] .panel-card{background:radial-gradient(circle at 100% 0,rgba(245,158,11,.1),transparent 16rem),linear-gradient(145deg,#fffdf8f5,#f9f7ede0)}[data-tab-panel=style] .panel-card{background:radial-gradient(circle at 100% 0,rgba(45,212,191,.13),transparent 18rem),linear-gradient(145deg,#f8fffcf5,#eff8f7e0)}[data-tab-panel=download] .panel-card{background:radial-gradient(circle at 100% 0,rgba(245,158,11,.14),transparent 18rem),linear-gradient(145deg,#fffdf6f5,#f1faf7e6)}[data-tab-panel=debug] .panel-card{background:radial-gradient(circle at 100% 0,rgba(59,130,246,.1),transparent 18rem),linear-gradient(145deg,#f9fcfff5,#eff5fae6)}.subtab-bar,.style-subtab-bar,.content-subtab-bar{border-color:#1022381a;background:linear-gradient(145deg,#e6f1eff2,#fffbf2f2);box-shadow:inset 0 1px 3px #0718270f}.subtab-button{color:#52687a;letter-spacing:.025em}.subtab-button.is-active{background:linear-gradient(135deg,#0f766e,#0d9488);box-shadow:0 10px 24px #0d948838,inset 0 1px #ffffff40}.option-group{position:relative;border-color:#10223817;background:linear-gradient(160deg,#ffffffe0,#f7faf7b8);box-shadow:0 12px 28px #0718270e,inset 0 1px #ffffffe6}.option-group>legend:not(.sr-only){padding:.12rem .45rem;color:var(--ink);font-family:DIN Alternate,Avenir Next,sans-serif;font-size:.76rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.choice-button,.toggle-field,.color-field,textarea,select,input[type=text],input[type=url],input[type=email],input[type=tel]{border-color:#1022381a;box-shadow:inset 0 1px #fffc}.choice-button{transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.choice-button:hover{transform:translateY(-1px);border-color:#0d948859;box-shadow:0 9px 20px #07182714}.choice-button.is-active{background:linear-gradient(135deg,#0f766e,#0d9488 70%,#14b8a6);border-color:#2dd4bf8c;box-shadow:0 12px 26px #0d948833,inset 0 1px #ffffff38}input[type=range]{accent-color:var(--signal);filter:saturate(1.15)}input[type=color]{border-radius:.72rem}.secondary-button,.chunk-nav-button{border-color:#0d948833;box-shadow:0 8px 18px #07182714}.hint{line-height:1.45}.tab-navigation-card,.tab-panel-shell,.preview-card{animation:studio-rise .52s both cubic-bezier(.2,.75,.25,1)}.tab-navigation-card{animation-delay:80ms}.tab-panel-shell{animation-delay:.15s}@keyframes studio-rise{0%{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes signal-scan{0%{top:13%}to{top:87%}}.site-footer{width:min(calc(100% - 1.5rem),1180px);min-height:3.5rem;margin:0;padding:.35rem .6rem .35rem .85rem;position:fixed;z-index:20;left:50%;bottom:max(.5rem,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid rgba(45,212,191,.2);border-radius:1rem;background:linear-gradient(135deg,#102a3dfa,#071827fa);box-shadow:0 18px 48px #07182733;color:#e2f2f1b8}.site-footer p{margin:0;color:#5eead4;font-size:.74rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.site-footer nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.4rem}.site-footer a,.dependency-list a{color:inherit;font-weight:800;text-decoration-thickness:.08em;text-underline-offset:.2em}.site-footer a{min-height:2.5rem;padding:.45rem .65rem;display:inline-flex;align-items:center;border-radius:.7rem;color:#fffaf0;text-decoration:none}.site-footer a:hover,.site-footer a:focus-visible{background:#5eead41f}.info-dialog{width:min(52rem,calc(100% - 1.25rem));max-width:none;max-height:calc(100dvh - 1.25rem);padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.72);border-radius:1.4rem;background:transparent;color:#132235;box-shadow:0 36px 100px #0718276b}.info-dialog::backdrop{background:#071827ad;backdrop-filter:blur(8px)}.info-dialog[open]{animation:info-dialog-in .18s ease-out}.info-dialog-shell{max-height:calc(100dvh - 1.25rem);display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;background:radial-gradient(circle at 100% 0,rgba(45,212,191,.18),transparent 22rem),radial-gradient(circle at 0 100%,rgba(245,158,11,.12),transparent 20rem),#fffaf0}.info-dialog-header{padding:1rem 1rem .9rem 1.15rem;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(19,34,53,.1);background:#fffaf0eb;backdrop-filter:blur(16px)}.info-dialog-header h1{margin:.15rem 0 0;color:#071827;font-family:DIN Alternate,Avenir Next,sans-serif;font-size:clamp(1.45rem,4vw,2.35rem);line-height:1.04;letter-spacing:-.025em}.info-kicker{margin:0;color:#0f766e;font-size:.68rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.dialog-close{min-width:3.25rem;min-height:2.75rem;padding:.55rem .75rem;border:1px solid rgba(15,118,110,.22);border-radius:.8rem;background:#fff;color:#0f615c;font:inherit;font-weight:900;box-shadow:0 7px 16px #07182714}.info-dialog-content{padding:1.15rem;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.info-dialog-content section+section{margin-top:1.6rem;padding-top:1.4rem;border-top:1px solid rgba(19,34,53,.1)}.info-dialog-content h2{margin:0 0 .65rem;color:#0b4f4a;font-family:DIN Alternate,Avenir Next,sans-serif;font-size:1.2rem;line-height:1.15}.info-dialog-content h3,.info-dialog-content p{margin-top:0}.info-dialog-content p{color:#42566a;line-height:1.62}.info-lead{color:#132235!important;font-size:1.04rem;font-weight:650}.fact-grid,.dependency-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.fact-grid article,.dependency-list>article{min-width:0;padding:.9rem;border:1px solid rgba(15,118,110,.14);border-radius:1rem;background:#ffffffb8;box-shadow:0 12px 28px #0718270f}.fact-grid strong,.fact-grid span{display:block}.fact-grid strong{margin-bottom:.3rem;color:#0f766e;font-size:.98rem}.fact-grid span{color:#52687a;font-size:.85rem;line-height:1.45}.dependency-list>article>div{display:flex;align-items:flex-start;justify-content:space-between;gap:.65rem}.dependency-list h3{margin-bottom:.4rem;color:#132235;font-size:1rem}.dependency-list p{margin-bottom:.75rem;font-size:.86rem;line-height:1.48}.dependency-list nav{display:flex;flex-wrap:wrap;gap:.35rem .7rem}.dependency-list a{color:#0f766e;font-size:.78rem}.version-badge{flex:0 0 auto;padding:.22rem .48rem;border-radius:999px;background:#0f766e1a;color:#0f615c;font-size:.68rem;font-weight:900;white-space:nowrap}.inventory-note{margin:.9rem 0 0;padding:.9rem 1rem;border:1px solid rgba(245,158,11,.3);border-radius:1rem;background:#fff7e0db;color:#59451f!important;font-size:.82rem;line-height:1.5}.inventory-note strong{color:#8a4b08}@keyframes info-dialog-in{0%{opacity:0;transform:translateY(10px) scale(.985)}}@media(max-width:719px){.app-shell:before{right:-11rem;opacity:.07}.app-shell:after{left:-10rem;opacity:.07}.preview-card:before{top:.82rem;left:.92rem}.preview-frame{margin-top:.8rem}.site-footer{align-items:center;flex-direction:row}.site-footer nav{width:auto;flex-wrap:nowrap;justify-content:flex-end}.site-footer p{font-size:.62rem;letter-spacing:.08em}.site-footer a{padding-inline:.45rem;font-size:.75rem}.info-dialog-header,.info-dialog-content{padding:.9rem}.fact-grid,.dependency-list{grid-template-columns:minmax(0,1fr)}}@media(max-width:499px){.site-footer p{display:none}.site-footer nav{width:100%;justify-content:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=app.min.css.map */