:root ._fd-column{flex-direction:column}:root ._gap-c-space-5{gap:var(--c-space-5)}:root ._fd-row{flex-direction:row}:root ._gap-c-space-4{gap:var(--c-space-4)}:root ._gap-c-space-2{gap:var(--c-space-2)}:root ._col-color{color:var(--color)}:root ._ff-f-family{font-family:var(--f-family)}:root ._fw-f-weight-4{font-weight:var(--f-weight-4)}:root ._ls-f-letterSpa1360334202{letter-spacing:var(--f-letterSpacing-4)}:root ._fs-f-size-4{font-size:var(--f-size-4)}:root ._lh-f-lineHeigh112923{line-height:var(--f-lineHeight-4)}:root ._select-auto{-webkit-user-select:auto;user-select:auto}:root ._ws-normal{white-space:normal}:root{--ink:#11130f;--paper:#f0eee6;--panel:#fbfaf4;--acid:#c7ff2f;--muted:#6b6d62;--line:#11130f38;--danger:#b52b22;color:var(--ink);background:var(--paper);font-synthesis:none;font-family:Manrope,sans-serif}*{box-sizing:border-box}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}html{background:var(--paper);min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--acid);outline-offset:3px}.app-shell{min-height:100vh;padding:28px clamp(20px,5vw,76px) 34px;position:relative;overflow:hidden}.grain{pointer-events:none;opacity:.22;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E");position:fixed;inset:0}.topbar,footer{letter-spacing:.12em;justify-content:space-between;align-items:center;font-family:DM Mono,monospace;font-size:11px;display:flex;position:relative}.topbar{border-bottom:1px solid var(--ink);padding-bottom:22px}.brand{color:inherit;align-items:center;gap:10px;font-weight:500;text-decoration:none;display:flex}.brand-mark{background:var(--ink);width:30px;height:30px;color:var(--acid);place-items:center;display:grid}.status{align-items:center;gap:9px;display:flex}.status i{background:#67a800;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #67a80024}.hero{grid-template-columns:1fr auto;align-items:end;gap:40px;padding:clamp(54px,8vw,112px) 0 clamp(44px,6vw,80px);display:grid;position:relative}.eyebrow,.panel-index,.field-label,.short-result p,.qr-actions p{letter-spacing:.12em;text-transform:uppercase;margin:0;font-family:DM Mono,monospace;font-size:11px}h1{letter-spacing:-.075em;max-width:920px;margin:14px 0 0;font-size:clamp(58px,10vw,152px);font-weight:800;line-height:.78}h1 em{color:#0000;-webkit-text-stroke:2px var(--ink);font-style:normal}.hero-note{color:var(--muted);margin:0 0 7px;font-size:clamp(13px,1.3vw,17px);line-height:1.55}.workbench{border:1px solid var(--ink);background:var(--panel);box-shadow:12px 12px 0 var(--ink);grid-template-columns:minmax(220px,.38fr) minmax(0,1fr);display:grid;position:relative}.tool-switcher{border-right:1px solid var(--ink);background:var(--ink);flex-direction:column;display:flex}.tool-tab{min-height:86px;color:var(--paper);text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #fff3;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:18px 22px;transition:color .16s,background .16s;display:grid}.tool-tab span{font-family:DM Mono,monospace;font-size:10px}.tool-tab strong{font-size:15px}.tool-tab>span:last-child{font-size:21px}.tool-tab:hover,.tool-tab.active{color:var(--ink);background:var(--acid)}.tool-panel{min-height:500px;background:var(--panel)!important;padding:clamp(26px,5vw,70px)!important}.panel-heading{justify-content:space-between!important;align-items:flex-start!important}.panel-index{color:var(--muted)!important}.panel-title{letter-spacing:-.05em;max-width:680px;color:var(--ink);margin:0;font-size:clamp(28px,4vw,54px);font-weight:700;line-height:1}.signal-glyph{color:var(--muted);font-family:DM Mono,monospace;font-size:24px;transform:skew(-18deg)}.field-label{color:var(--muted);display:block}.url-input{border:1px solid var(--ink)!important;height:62px!important;color:var(--ink)!important;box-shadow:none!important;background:0 0!important;border-radius:0!important;padding:0 18px!important;font-family:DM Mono,monospace!important;font-size:clamp(13px,1.6vw,17px)!important}.url-input::placeholder{color:#9a9b91}.filename-input{max-width:420px;height:52px!important}.field-group{gap:9px;min-width:0;display:grid}.field-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:16px;display:grid}.field-error{color:var(--danger);font-size:12px;line-height:1.4}.field-hint{color:var(--muted);font-size:12px;line-height:1.4;display:block}.qr-type-picker{border:0;min-width:0;margin:0;padding:0}.qr-type-picker legend{margin-bottom:10px}.qr-type-grid{border-top:1px solid var(--ink);border-left:1px solid var(--ink);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.qr-type{border:0;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);min-height:44px;color:var(--ink);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;padding:9px 7px;font-family:DM Mono,monospace;font-size:9px}.qr-type:hover,.qr-type.active{background:var(--ink);color:var(--acid)}.unit-converter{gap:22px;display:grid}.converter-category-picker{border:0;min-width:0;margin:0;padding:0}.converter-category-picker legend{margin-bottom:10px}.converter-category-grid{border-top:1px solid var(--ink);border-left:1px solid var(--ink);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.converter-category{border:0;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);min-height:46px;color:var(--ink);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;padding:9px;font-family:DM Mono,monospace;font-size:10px}.converter-category:hover,.converter-category.active{background:var(--ink);color:var(--acid)}.converter-fields{gap:16px;display:grid}.converter-amount{height:62px;font-size:clamp(18px,3vw,28px)}.converter-unit-row{grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr);align-items:end;gap:12px;display:grid}.converter-unit-row .custom-dropdown-trigger strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.swap-units{border:1px solid var(--ink);background:var(--acid);width:52px;height:52px;color:var(--ink);cursor:pointer;font-size:22px}.swap-units:hover{background:var(--ink);color:var(--acid)}.conversion-result{border:1px solid var(--ink);background:var(--paper);box-shadow:7px 7px 0 var(--acid);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px 20px;padding:22px;display:grid}.conversion-result p{color:var(--muted);letter-spacing:.12em;grid-column:1/-1;margin:0;font-family:DM Mono,monospace;font-size:9px}.conversion-result output{align-items:baseline;gap:10px;min-width:0;display:flex}.conversion-result output strong{overflow-wrap:anywhere;letter-spacing:-.055em;font-size:clamp(32px,6vw,72px);line-height:.95}.conversion-result output span{color:var(--muted);font-family:DM Mono,monospace;font-size:14px}.conversion-result button{border:1px solid var(--ink);min-height:42px;color:var(--ink);letter-spacing:.08em;cursor:pointer;background:0 0;padding:0 14px;font-family:DM Mono,monospace;font-size:9px}.conversion-result button:hover:not(:disabled){background:var(--ink);color:var(--acid)}.conversion-result button:disabled{cursor:not-allowed;opacity:.45}.generator-toolkit{gap:22px;display:grid}.generator-mode-picker{border:0;min-width:0;margin:0;padding:0}.generator-mode-picker legend{margin-bottom:10px}.generator-mode-grid{border-top:1px solid var(--ink);border-left:1px solid var(--ink);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.generator-mode{border:0;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);min-height:46px;color:var(--ink);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;padding:9px;font-family:DM Mono,monospace;font-size:10px}.generator-mode:hover,.generator-mode.active{background:var(--ink);color:var(--acid)}.generator-panel,.color-toolkit{gap:18px;display:grid}.generator-control-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.generator-toggle-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.generator-toggle{border-right:1px solid var(--line);border-bottom:1px solid var(--line);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;align-items:center;gap:9px;min-height:48px;padding:10px;font-family:DM Mono,monospace;font-size:9px;display:flex}.generator-toggle input{width:17px;height:17px;accent-color:var(--ink)}.generator-error{color:var(--danger);margin:0;font-size:12px}.generated-output{border:1px solid var(--ink);background:var(--paper);box-shadow:7px 7px 0 var(--acid);grid-template-columns:minmax(0,1fr) auto;gap:14px 20px;padding:22px;display:grid}.generated-output>p{color:var(--muted);letter-spacing:.12em;grid-column:1/-1;margin:0;font-family:DM Mono,monospace;font-size:9px}.generated-output output{overflow-wrap:anywhere;align-self:center;font-family:DM Mono,monospace;font-size:clamp(18px,3vw,30px);font-weight:600;line-height:1.25}.generated-actions{align-items:end;gap:8px;display:flex}.generated-actions button{border:1px solid var(--ink);min-height:42px;color:var(--ink);letter-spacing:.07em;cursor:pointer;background:0 0;padding:0 13px;font-family:DM Mono,monospace;font-size:9px}.generated-actions button:hover{background:var(--ink);color:var(--acid)}.strength-meter{gap:8px;display:grid}.strength-heading{letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;font-family:DM Mono,monospace;font-size:9px;display:flex}.strength-track{background:var(--line);height:7px;overflow:hidden}.strength-track i{background:#67a800;height:100%;display:block}.strength-meter p,.generator-hint{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.color-primary-row{grid-template-columns:72px minmax(0,1fr);align-items:end;gap:12px;display:grid}.color-picker{border:1px solid var(--ink);cursor:pointer;width:72px;height:52px;display:block;position:relative}.color-picker input{opacity:0;width:1px;height:1px;position:absolute}.color-picker span{position:absolute;inset:5px}.color-picker:focus-within{outline:3px solid var(--acid);outline-offset:3px}.color-text-input{text-transform:uppercase}.color-hex-control{position:relative}.color-hex-control .color-text-input{padding-right:112px}.color-hex-control button{color:var(--ink);letter-spacing:.07em;cursor:pointer;background:0 0;border:0;padding:0 18px;font-family:DM Mono,monospace;font-size:9px;position:absolute;inset:1px 1px 1px auto}.color-hex-control button:hover{background:var(--ink);color:var(--acid)}.color-channel-section{gap:9px;display:grid}.color-channel-grid{border:1px solid var(--ink);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.color-channel{border-right:1px solid var(--line);grid-template-columns:30px 1fr;align-items:center;display:grid}.color-channel:last-child{border-right:0}.color-channel span{text-align:center;font-family:DM Mono,monospace;font-size:10px}.color-channel input{border:0;border-left:1px solid var(--line);width:100%;min-width:0;height:50px;color:var(--ink);background:0 0;padding:0 10px;font-family:DM Mono,monospace}.contrast-tool{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) 94px auto;align-items:end;gap:14px;padding-top:18px;display:grid}.contrast-tool>div:first-child{gap:9px;display:grid}.contrast-preview{border:1px solid var(--ink);place-items:center;height:52px;font-size:25px;font-weight:800;display:grid}.contrast-score{gap:4px;font-family:DM Mono,monospace;display:grid}.contrast-score strong{font-size:20px}.contrast-score span{letter-spacing:.06em;font-size:8px}.palette-tool{border-top:1px solid var(--line);gap:10px;padding-top:18px;display:grid}.palette-modes{flex-wrap:wrap;display:flex}.palette-modes button{border:1px solid var(--ink);min-height:36px;color:var(--ink);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border-right:0;padding:0 11px;font-family:DM Mono,monospace;font-size:8px}.palette-modes button:last-child{border-right:1px solid var(--ink)}.palette-modes button:hover,.palette-modes button.active{background:var(--ink);color:var(--acid)}.palette-swatches{grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.palette-swatches button{min-width:0;color:var(--ink);cursor:pointer;background:0 0;border:0;padding:0}.palette-swatches button span{border:1px solid var(--ink);border-right:0;height:70px;display:block}.palette-swatches button:last-child span{border-right:1px solid var(--ink)}.palette-swatches button strong{padding-top:7px;font-family:DM Mono,monospace;font-size:8px;display:block}.date-time-toolkit,.text-data-toolkit{gap:22px;display:grid}.date-time-mode-grid,.data-mode-grid{border-top:1px solid var(--ink);border-left:1px solid var(--ink);display:grid}.date-time-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.data-mode-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.date-tool-panel,.data-tool-panel{gap:18px;display:grid}.date-interval-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:14px;display:grid}.timezone-row{grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr);align-items:end;gap:12px;display:grid}.timezone-row .custom-dropdown-trigger strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.date-tool-result{border:1px solid var(--ink);background:var(--paper);box-shadow:7px 7px 0 var(--acid);gap:12px;padding:22px;display:grid}.date-tool-result>p,.data-output-heading p{color:var(--muted);letter-spacing:.1em;margin:0;font-family:DM Mono,monospace;font-size:9px}.date-tool-result output{gap:8px;display:grid}.date-tool-result output strong{overflow-wrap:anywhere;letter-spacing:-.035em;font-size:clamp(22px,4vw,42px);line-height:1.05}.date-tool-result output span{color:var(--muted);font-size:11px;line-height:1.45}.utility-direction{border:0;width:fit-content;margin:0;padding:0;display:flex}.utility-direction button,.inline-utility-button{border:1px solid var(--ink);min-height:40px;color:var(--ink);letter-spacing:.07em;cursor:pointer;background:0 0;border-right:0;padding:0 13px;font-family:DM Mono,monospace;font-size:9px}.utility-direction button:last-child{border-right:1px solid var(--ink)}.utility-direction button:hover,.utility-direction button.active,.inline-utility-button:hover{background:var(--ink);color:var(--acid)}.inline-utility-button{border-right:1px solid var(--ink);width:fit-content}.data-inline-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.data-input{resize:vertical;min-height:170px;padding-block:14px;line-height:1.5}.code-input{tab-size:2;font-size:12px}.text-counts{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.text-counts span{border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);text-transform:uppercase;gap:3px;padding:11px;font-family:DM Mono,monospace;font-size:8px;display:grid}.text-counts strong{color:var(--ink);font-size:16px}.data-output{border:1px solid var(--ink);background:var(--paper);display:grid}.data-output-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;min-height:44px;padding-left:14px;display:flex}.data-output-heading button{border:0;border-left:1px solid var(--ink);background:var(--acid);color:var(--ink);letter-spacing:.07em;cursor:pointer;align-self:stretch;padding:0 13px;font-family:DM Mono,monospace;font-size:8px}.data-output-heading button:hover:not(:disabled){background:var(--ink);color:var(--acid)}.data-output-heading button:disabled{cursor:not-allowed;opacity:.45}.data-output textarea{width:100%;min-height:150px;color:var(--ink);resize:vertical;background:0 0;border:0;padding:14px;font-family:DM Mono,monospace;font-size:12px;line-height:1.5}.jwt-warning{border:1px solid var(--danger);color:var(--danger);background:#f8ddd8;gap:6px;padding:14px;display:grid}.jwt-warning strong{letter-spacing:.08em;font-family:DM Mono,monospace;font-size:10px}.jwt-warning span{font-size:11px;line-height:1.45}.jwt-dates{border:1px solid var(--line);background:var(--line);gap:1px;display:grid}.jwt-dates span{background:var(--panel);overflow-wrap:anywhere;grid-template-columns:44px 1fr;gap:12px;padding:10px;font-family:DM Mono,monospace;font-size:9px;display:grid}.local-privacy-note{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:8px;margin:0;font-family:DM Mono,monospace;font-size:9px;line-height:1.5;display:flex}.local-privacy-note span{color:#67a800;font-size:8px}.dynamic-fields{gap:16px;display:grid}.detail-input{height:52px!important;font-size:14px!important}.native-control{border:1px solid var(--ink);width:100%;min-height:52px;color:var(--ink);background:0 0;border-radius:0;padding:0 16px;font-family:DM Mono,monospace;font-size:14px}.text-area{resize:vertical;min-height:104px;padding-block:14px}.check-field{letter-spacing:.05em;align-items:center;gap:10px;min-height:52px;font-family:DM Mono,monospace;font-size:11px;display:flex}.check-field input{width:18px;height:18px;accent-color:var(--ink)}.date-picker-trigger{border:1px solid var(--ink);width:100%;min-height:52px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:16px;padding:0 16px;font-family:DM Mono,monospace;font-size:13px;display:flex}.date-picker-trigger:hover{background:#c7ff2f33}.date-picker-trigger .placeholder{color:#9a9b91}.date-picker-trigger>span:last-child{letter-spacing:.08em;flex:none;font-size:9px}.date-sheet{border:1px solid var(--ink);background:var(--panel);width:100%;max-width:none;max-height:min(92dvh,820px);color:var(--ink);border-bottom:0;margin:0;padding:16px clamp(18px,5vw,72px) 28px;inset:auto 0 0;overflow:auto;box-shadow:0 -16px 60px #11130f3d}.date-sheet::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#11130f94}.sheet-handle{background:var(--ink);opacity:.35;width:52px;height:4px;margin:0 auto 18px}.sheet-heading{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:18px;display:flex}.sheet-heading p{color:var(--muted);letter-spacing:.12em;margin:0 0 6px;font-family:DM Mono,monospace;font-size:9px}.sheet-heading h3{letter-spacing:-.045em;margin:0;font-size:clamp(24px,3vw,38px)}.sheet-close,.calendar-heading button,.sheet-actions button{border:1px solid var(--ink);color:var(--ink);text-transform:uppercase;cursor:pointer;background:0 0;font-family:DM Mono,monospace}.sheet-close{letter-spacing:.08em;padding:10px 12px;font-size:9px}.date-sheet-body{grid-template-columns:minmax(300px,1.25fr) minmax(220px,.75fr);gap:clamp(26px,5vw,72px);max-width:980px;margin:26px auto;display:grid}.calendar-heading{grid-template-columns:42px 1fr 42px;align-items:center;gap:10px;margin-bottom:14px;display:grid}.calendar-heading strong{text-align:center;font-size:17px}.calendar-heading button{width:42px;height:38px;font-size:16px}.calendar-grid{grid-template-columns:repeat(7,minmax(34px,1fr));display:grid}.calendar-weekdays span{color:var(--muted);text-align:center;text-transform:uppercase;padding:8px 2px;font-family:DM Mono,monospace;font-size:9px}.calendar-grid button{border:0;border-top:1px solid var(--line);min-height:44px;color:var(--ink);cursor:pointer;background:0 0}.calendar-grid button:hover{background:#c7ff2f57}.calendar-grid button.outside{color:#a3a59b}.calendar-grid button.selected{background:var(--ink);color:var(--acid);font-weight:700}.calendar-grid button:disabled{color:#b9bab2;cursor:not-allowed;opacity:.55;background:0 0;text-decoration:line-through}.time-picker{border:1px solid var(--ink);background:var(--paper);align-content:start;gap:16px;padding:22px;display:grid}.time-controls{grid-template-columns:1fr auto 1fr;align-items:end;gap:10px;display:grid}.time-controls>span{padding-bottom:15px;font-size:20px}.custom-dropdown{min-width:0;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;gap:7px;font-family:DM Mono,monospace;font-size:9px;display:grid;position:relative}.custom-dropdown-trigger{border:1px solid var(--ink);background:var(--panel);width:100%;height:54px;color:var(--ink);cursor:pointer;justify-content:space-between;align-items:center;padding:0 12px;display:flex}.custom-dropdown-trigger strong{font-size:18px;font-weight:500}.custom-dropdown-trigger>span{font-size:15px;transition:transform .14s}.custom-dropdown-trigger[aria-expanded=true]>span{transform:rotate(180deg)}.custom-dropdown-menu{z-index:20;border:1px solid var(--ink);background:var(--panel);max-height:220px;box-shadow:6px 6px 0 var(--ink);display:grid;position:absolute;inset:calc(100% + 6px) 0 auto;overflow-y:auto}.custom-dropdown-menu button{border:0;border-bottom:1px solid var(--line);min-height:40px;color:var(--ink);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;padding:0 12px;font-family:DM Mono,monospace;font-size:12px;display:flex}.custom-dropdown-menu button:last-child{border-bottom:0}.custom-dropdown-menu button:hover,.custom-dropdown-menu button:focus-visible,.custom-dropdown-menu button[aria-selected=true]{background:var(--acid)}.custom-dropdown-menu button:disabled{color:#a8aaa0;cursor:not-allowed;opacity:.48;text-decoration:line-through}.date-summary{border-top:1px solid var(--line);padding-top:14px;font-size:15px;line-height:1.4}.minimum-hint{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:9px;line-height:1.45}.sheet-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;max-width:980px;margin:0 auto;padding-top:18px;display:flex}.sheet-actions button{letter-spacing:.1em;min-height:48px;padding:0 20px;font-size:10px}.sheet-actions .sheet-apply{background:var(--acid);font-weight:700}.sheet-actions .sheet-apply:hover{background:var(--ink);color:var(--acid)}.action-button{border:1px solid var(--ink)!important;background:var(--acid)!important;width:100%!important;height:64px!important;color:var(--ink)!important;letter-spacing:.12em!important;cursor:pointer!important;border-radius:0!important;justify-content:space-between!important;padding:0 22px!important;font-family:DM Mono,monospace!important;font-size:12px!important}.action-button:hover{background:var(--ink)!important;color:var(--acid)!important}.action-button:disabled{opacity:.62;cursor:wait!important}.result-region{min-height:44px}.error-message{border-left:4px solid var(--danger);background:#f8ddd8;padding:13px 16px;color:var(--danger)!important}.short-result{border-top:1px solid var(--line);align-items:center;gap:10px 20px;padding-top:22px;display:grid}.short-result p{color:var(--muted);grid-column:1/-1}.short-result>a{color:var(--ink);letter-spacing:-.055em;text-overflow:ellipsis;font-size:clamp(23px,4.5vw,58px);font-weight:700;line-height:1.1;text-decoration:none;overflow:hidden}.qr-actions button,.qr-actions a{border:1px solid var(--ink);color:var(--ink);letter-spacing:.1em;cursor:pointer;background:0 0;padding:10px 13px;font-family:DM Mono,monospace;font-size:10px;text-decoration:none}.link-lifetime-note{border:1px solid var(--line);background:#c7ff2f2e;grid-column:1/-1;padding:16px;font-size:13px;line-height:1.55}.link-lifetime-note strong{letter-spacing:.1em;font-family:DM Mono,monospace;font-size:10px}.short-qr-status{grid-column:1/-1;padding-top:12px}.short-qr-error{grid-column:1/-1;color:var(--danger)!important}.short-qr-result{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:minmax(130px,190px) 1fr;align-items:end;gap:28px;padding-top:20px;display:grid}.short-qr-frame{border:1px solid var(--ink);box-shadow:6px 6px 0 var(--acid);background:#fff;padding:10px}.short-qr-frame img{width:100%;height:auto;display:block}.short-qr-copy{gap:14px;display:grid}.short-qr-copy>p{color:var(--muted)}.short-qr-copy>strong{max-width:310px;font-size:clamp(18px,2.4vw,28px);line-height:1.15}.qr-result{border-top:1px solid var(--line);grid-template-columns:minmax(190px,280px) 1fr;align-items:end;gap:28px;padding-top:22px;display:grid}.qr-frame{border:1px solid var(--ink);box-shadow:7px 7px 0 var(--acid);background:#fff;padding:15px}.qr-frame img{width:100%;height:auto;display:block}.qr-actions{flex-wrap:wrap;gap:9px;display:flex}.qr-actions p{width:100%;color:var(--muted);margin-bottom:10px}.qr-reader{gap:18px;display:grid}.qr-reader-note{max-width:680px;color:var(--muted);margin:7px 0 0;font-size:12px;line-height:1.55}.qr-dropzone{border:1px dashed var(--ink);background:var(--paper);transition:background .14s,box-shadow .14s;position:relative}.qr-dropzone.dragging{background:var(--acid);box-shadow:7px 7px 0 var(--ink)}.qr-dropzone:focus-within{outline:3px solid var(--acid);outline-offset:3px}.qr-dropzone label{text-align:center;cursor:pointer;align-content:center;place-items:center;gap:9px;min-height:190px;padding:26px;display:grid}.qr-dropzone label>span{font-size:34px;line-height:1}.qr-dropzone label>strong{letter-spacing:.08em;font-family:DM Mono,monospace;font-size:12px}.qr-dropzone label>small{color:var(--muted);letter-spacing:.08em;font-family:DM Mono,monospace;font-size:8px}.qr-reader-file{min-width:0;color:var(--muted);overflow-wrap:anywhere;gap:12px;margin:0;font-family:DM Mono,monospace;font-size:10px;display:flex}.qr-reader-file span{color:#4f8500;letter-spacing:.08em;flex:none}.qr-reader-preview{border:1px solid var(--ink);max-width:760px;box-shadow:7px 7px 0 var(--acid);background:#fff;margin:0;position:relative;overflow:hidden}.qr-reader-preview[hidden]{display:none}.qr-reader-preview canvas{width:100%;height:auto;display:block}.qr-reader-preview>span{color:var(--acid);letter-spacing:.1em;background:#11130fb8;place-items:center;font-family:DM Mono,monospace;font-size:10px;display:grid;position:absolute;inset:0}.qr-reader-message{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.qr-reader-message.error{color:var(--danger)}.qr-reader-result{border:1px solid var(--ink);background:var(--paper);box-shadow:7px 7px 0 var(--acid);grid-template-columns:minmax(0,1fr) auto;gap:14px 20px;padding:22px;display:grid}.qr-reader-result>p{color:var(--muted);letter-spacing:.12em;grid-column:1/-1;margin:0;font-family:DM Mono,monospace;font-size:9px}.qr-reader-result output{overflow-wrap:anywhere;white-space:pre-wrap;font-family:DM Mono,monospace;font-size:clamp(15px,2.5vw,23px);line-height:1.35}.qr-reader-actions{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.qr-reader-actions button,.qr-reader-actions a{border:1px solid var(--ink);min-height:42px;color:var(--ink);letter-spacing:.07em;cursor:pointer;background:0 0;place-items:center;padding:0 13px;font-family:DM Mono,monospace;font-size:9px;text-decoration:none;display:inline-grid}.qr-reader-actions button:hover,.qr-reader-actions a:hover{background:var(--ink);color:var(--acid)}footer{border-top:1px solid var(--line);color:var(--muted);margin-top:58px;padding-top:20px}@media (width<=760px){.app-shell{padding-inline:16px}.status{display:none}.hero{grid-template-columns:1fr;padding-block:58px 46px}.hero-note{max-width:310px}.workbench{box-shadow:7px 7px 0 var(--ink);grid-template-columns:1fr}.tool-switcher{border-right:0;border-bottom:1px solid var(--ink);grid-template-columns:repeat(2,1fr);display:grid}.tool-tab{grid-template-columns:24px 1fr;min-height:72px;padding:14px}.tool-tab>span:last-child{display:none}.tool-panel{min-height:480px;padding:26px 18px 32px!important}.signal-glyph{display:none}.short-result{grid-template-columns:1fr}.short-result button{justify-self:start}.short-qr-result{grid-template-columns:1fr}.short-qr-frame{max-width:190px}.qr-result{grid-template-columns:1fr}.qr-frame{max-width:260px}.qr-reader-result{grid-template-columns:1fr}.qr-reader-actions{align-items:start}.qr-type-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.field-row{grid-template-columns:1fr}.converter-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.converter-unit-row{grid-template-columns:1fr 44px 1fr;gap:8px}.swap-units{width:44px}.conversion-result{grid-template-columns:1fr}.conversion-result button{justify-self:start}.generator-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.generator-control-row{grid-template-columns:1fr}.generator-toggle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.generated-output{grid-template-columns:1fr}.generated-actions{flex-wrap:wrap}.color-primary-row{grid-template-columns:58px minmax(0,1fr)}.color-picker{width:58px}.contrast-tool{grid-template-columns:1fr 76px}.contrast-score{grid-column:1/-1}.palette-swatches button span{height:54px}.palette-swatches button strong{font-size:7px}.date-time-mode-grid{grid-template-columns:1fr}.data-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.date-interval-row,.data-inline-fields{grid-template-columns:1fr}.timezone-row{grid-template-columns:1fr 44px 1fr;gap:8px}.text-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.date-sheet{padding:10px 16px max(20px, env(safe-area-inset-bottom))}.date-sheet-body{grid-template-columns:1fr;gap:22px;margin-block:20px}.calendar-grid{grid-template-columns:repeat(7,minmax(32px,1fr))}.calendar-grid button{min-height:40px}.time-picker{padding:16px}.sheet-actions{grid-template-columns:1fr 1fr;display:grid}footer{gap:20px;font-size:9px}}@media (prefers-reduced-motion:no-preference){.hero>div,.hero-note,.workbench{animation:.65s cubic-bezier(.2,.7,.2,1) both rise}.date-sheet[open]{animation:.28s cubic-bezier(.2,.75,.25,1) both sheet-up}.date-sheet[open]::backdrop{animation:.2s ease-out both backdrop-in}.hero-note{animation-delay:80ms}.workbench{animation-delay:.14s}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}@keyframes sheet-up{0%{transform:translateY(100%)}}@keyframes backdrop-in{0%{opacity:0}}}
