:root{--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--page-bg:#fff;--sidebar-bg:#a0ff4c;--surface:#fff;--text:#2f3542;--muted:#7b8494;--heading:#111;--border:#e6e8ec;--accent:#111;--accent-green:#a0ff4c;--nav-active-bg:#ffffffb8;--nav-active-border:#1111111f;--control-bg:#fff;--control-border:#d9dde4;--toggle-bg:#111;--focus-ring:#a0ff4c70;--focus-shadow:0 0 0 4px #a0ff4c3d;--shadow:0 22px 60px #0f172a14;--plus-color:#11111112;color:var(--text);background:var(--page-bg);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=dark]{--page-bg:#0d1117;--sidebar-bg:#7ce63e;--surface:#151b23;--text:#d6dde7;--muted:#8f9aaa;--heading:#f7fbff;--border:#27313d;--accent:#a0ff4c;--nav-active-bg:#0d11178a;--nav-active-border:#0d11172e;--control-bg:#10161d;--control-border:#303b48;--toggle-bg:#a0ff4c;--focus-ring:#a0ff4c57;--focus-shadow:0 0 0 4px #a0ff4c29;--shadow:0 24px 70px #00000052;--plus-color:#ffffff12;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--page-bg)}body{background-color:var(--page-bg);background-image:url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 13.5V22.5M13.5 18H22.5' stroke='%23d8dde5' stroke-opacity='0.58' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:repeat;background-size:36px 36px;min-width:320px;margin:0}:root[data-theme=dark] body{background-image:url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 13.5V22.5M13.5 18H22.5' stroke='%23293643' stroke-opacity='0.72' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E")}button,textarea{font-family:inherit}#root{min-height:100svh}.app-page{min-height:100svh;color:var(--text);flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:32px;display:flex}.site-header{justify-content:space-between;align-items:center;gap:20px;width:1200px;max-width:calc(100vw - 64px);min-height:58px;padding:0 4px;display:flex}.site-header p,.site-header span{margin:0}.site-header p{color:var(--heading);font-size:24px;font-weight:900;line-height:1.05}.site-header span{color:var(--muted);font-size:14px;font-weight:700}.app-shell{border:1px solid var(--border);background:var(--surface);width:1200px;max-width:calc(100vw - 64px);height:840px;max-height:calc(100svh - 140px);color:var(--text);box-shadow:var(--shadow);border-radius:22px;grid-template-columns:250px minmax(0,1fr);display:grid;overflow:hidden}.sidebar{background:var(--sidebar-bg);border-right:0;flex-direction:column;gap:32px;height:100%;min-height:0;padding:28px 22px;display:flex;overflow-y:auto}.brand{align-items:center;gap:12px;display:flex}.brand-mark{width:44px;height:44px;color:var(--accent-green);background:#111;border-radius:12px;flex:none;place-items:center;font-size:14px;font-weight:800;display:inline-grid}.brand-title,.brand-subtitle,.nav-empty,.tool-header p,.stat-card p,.section-label{margin:0}.brand-title{color:#111;font-size:18px;font-weight:800}.brand-subtitle,.nav-empty{color:#1111119e;font-size:13px}.navigation{gap:26px;display:grid}.nav-section{gap:10px;display:grid}.nav-section h2{color:#111111a8;letter-spacing:0;text-transform:uppercase;margin:0;font-size:12px;font-weight:800}.nav-items{gap:6px;display:grid}.nav-item{color:#111;cursor:pointer;width:100%;min-height:42px;font:inherit;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;padding:10px 12px}.nav-item:hover,.nav-item.active{background:var(--nav-active-bg);color:#111}.nav-item.active{border-color:var(--nav-active-border);font-weight:700}[data-theme=dark] .nav-item.active,[data-theme=dark] .nav-item:hover{color:#fff;background:#0d1117;border-color:#0d1117}.workspace{background:var(--surface);min-width:0;min-height:0;padding:32px;overflow-y:auto}.sidebar::-webkit-scrollbar{width:10px}.workspace::-webkit-scrollbar{width:10px}.bulk-list::-webkit-scrollbar{width:10px}.history-list::-webkit-scrollbar{width:10px}.sidebar::-webkit-scrollbar-thumb{background:#1111112e padding-box content-box;border:3px solid #0000;border-radius:999px}.workspace::-webkit-scrollbar-thumb{background:#1111112e padding-box content-box;border:3px solid #0000;border-radius:999px}.bulk-list::-webkit-scrollbar-thumb{background:#1111112e padding-box content-box;border:3px solid #0000;border-radius:999px}.history-list::-webkit-scrollbar-thumb{background:#1111112e padding-box content-box;border:3px solid #0000;border-radius:999px}.topbar{justify-content:flex-start;align-items:center;gap:20px;margin-bottom:28px;display:flex}.section-label{color:var(--muted);text-transform:uppercase;font-size:13px;font-weight:800}.topbar h1{color:var(--heading);margin:4px 0 0;font-size:32px;line-height:1.15}.theme-toggle,.clear-button{border:1px solid var(--control-border);background:var(--control-bg);min-height:40px;color:var(--heading);cursor:pointer;font:inherit;border-radius:12px;justify-content:center;align-items:center;gap:10px;font-size:14px;font-weight:700;display:inline-flex}.theme-toggle{min-width:156px;padding:8px 12px;box-shadow:0 10px 24px #0f172a12}.clear-button{padding:8px 14px}.theme-toggle:hover,.clear-button:hover{border-color:var(--accent)}.toggle-track{background:var(--toggle-bg);border-radius:999px;flex:none;width:38px;height:22px;position:relative}.toggle-thumb{background:#fff;border-radius:999px;width:16px;height:16px;transition:transform .16s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0f172a4d}[data-theme=dark] .toggle-thumb{transform:translate(16px)}.tool-panel{max-width:980px}.tool-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.tool-header h2{color:var(--heading);margin:0 0 6px;font-size:22px;line-height:1.25}.tool-header p{color:var(--muted);font-size:15px}.field-label{color:var(--heading);margin-bottom:8px;font-size:14px;font-weight:800;display:block}textarea{resize:vertical;border:1px solid var(--control-border);background:var(--surface);width:100%;min-height:300px;color:var(--heading);box-shadow:var(--shadow);box-sizing:border-box;font:16px/1.55 var(--font-sans);border-radius:8px;outline:none;padding:16px}textarea:focus{border-color:var(--accent);box-shadow:var(--focus-shadow)}textarea::placeholder{color:var(--muted)}.gradient-page{max-width:1180px}.gradient-workbench{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:start;gap:18px;display:grid}.gradient-controls,.gradient-preview-panel,.inspiration-section{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:8px}.gradient-controls,.gradient-preview-panel{padding:20px}.control-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.control-field{color:var(--heading);gap:8px;font-size:14px;font-weight:800;display:grid}.control-field strong{color:var(--muted);font-size:13px}.control-field select,.control-field input[type=text],.control-field input[type=number]{border:1px solid var(--control-border);background:var(--control-bg);width:100%;min-height:42px;color:var(--heading);font:inherit;border-radius:8px;padding:8px 10px}.control-field input[type=range],.color-stop input[type=range]{width:100%;accent-color:var(--accent)}.checkbox-field{border:1px solid var(--control-border);background:var(--control-bg);border-radius:8px;grid-template-columns:auto 1fr;align-self:end;align-items:center;gap:10px;min-height:42px;padding:9px 10px}.checkbox-field input{width:18px;height:18px;accent-color:var(--accent)}.stops-header{justify-content:space-between;align-items:center;gap:14px;margin:22px 0 12px;display:flex}.stops-header h3,.inspiration-section h2{color:var(--heading);margin:0;font-size:18px}.color-stops{gap:10px;display:grid}.color-stop{border:1px solid var(--border);background:var(--page-bg);border-radius:8px;grid-template-columns:44px minmax(92px,126px) minmax(140px,1fr) 48px 36px;align-items:center;gap:10px;padding:10px;display:grid}.color-stop input[type=color]{border:1px solid var(--control-border);background:0 0;border-radius:8px;width:44px;height:38px;padding:0;overflow:hidden}.color-stop input[type=text]{border:1px solid var(--control-border);background:var(--control-bg);min-height:38px;color:var(--heading);font:14px/1 var(--font-sans);border-radius:8px;padding:8px 10px}.color-stop span{color:var(--muted);text-align:right;font-size:13px;font-weight:800}.icon-button{border:1px solid var(--control-border);background:var(--control-bg);width:34px;height:34px;color:var(--heading);cursor:pointer;font:20px/1 var(--font-sans);border-radius:8px;place-items:center;display:inline-grid}.icon-button:disabled{cursor:not-allowed;opacity:.45}.gradient-preview-panel{position:sticky;top:24px}.gradient-preview{border:1px solid var(--border);border-radius:8px;min-height:320px}.css-output{margin-top:16px}.css-output textarea{min-height:118px;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:14px}.copy-button{border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;width:100%;min-height:42px;font:inherit;border-radius:8px;margin-top:10px;font-size:14px;font-weight:800}[data-theme=dark] .copy-button{color:#111}.inspiration-section{gap:16px;margin-top:18px;padding:20px;display:grid}.inspiration-section p{color:var(--muted);margin:6px 0 0;font-size:15px}.inspiration-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.inspiration-card{border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:8px;min-height:120px;padding:12px;overflow:hidden}.inspiration-card span{color:#111827;background:#ffffffd1;border-radius:8px;place-items:center;width:30px;height:30px;font-size:13px;font-weight:900;display:inline-grid}.inspiration-card:hover{transform:translateY(-1px);box-shadow:0 14px 30px #0f172a1f}.password-page{max-width:1180px;position:relative}.password-tabs{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;flex-wrap:wrap;gap:8px;margin-bottom:18px;padding:6px;display:flex}.password-tabs button{min-height:40px;color:var(--text);cursor:pointer;font:inherit;background:0 0;border:1px solid #0000;border-radius:8px;flex:180px;font-size:14px;font-weight:800}.password-tabs button.active{border-color:var(--nav-active-border);background:var(--nav-active-bg);color:var(--heading)}.password-layout{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:start;gap:18px;display:grid}.password-layout.secondary{margin-top:18px}.password-layout.single-column{grid-template-columns:1fr}.password-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;gap:16px;padding:20px;display:grid}.password-card h2{color:var(--heading);margin:0;font-size:20px}.password-result{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.password-result input,.control-field input[type=text],.control-field input[type=password],.control-field input[type=number]{border:1px solid var(--control-border);background:var(--control-bg);width:100%;min-height:44px;color:var(--heading);border-radius:8px;padding:9px 12px;font:16px/1.35 ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace}.copy-button.compact{width:auto;min-width:160px;margin-top:0}.basic-auth-page{max-width:1180px}.basic-auth-layout{grid-template-columns:minmax(0,.86fr) minmax(360px,1.14fr);align-items:start;gap:18px;display:grid}.basic-auth-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;gap:18px;padding:20px;display:grid}.auth-fields{gap:14px;display:grid}.password-input-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.password-input-row button,.auth-result-block button{border:1px solid var(--control-border);background:var(--control-bg);min-height:42px;color:var(--heading);cursor:pointer;font:inherit;border-radius:8px;padding:8px 14px;font-size:14px;font-weight:800}.validation-text{color:#ef4444;font-size:13px}.basic-auth-note{color:var(--muted);margin:0;font-size:14px;font-weight:700}.results-card{gap:12px}.auth-result-block{border:1px solid var(--border);background:var(--page-bg);border-radius:8px;gap:10px;padding:14px;display:grid}.auth-result-block>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.auth-result-block h3{color:var(--heading);margin:0;font-size:15px}.auth-result-block pre{border:1px solid var(--border);background:var(--surface);min-height:46px;color:var(--heading);white-space:pre;border-radius:8px;margin:0;padding:12px;font:14px/1.45 ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;overflow-x:auto}.auth-result-block button:disabled{cursor:not-allowed;opacity:.45}.base64-page{max-width:1180px}.base64-grid{grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr);align-items:start;gap:14px;display:grid}.base64-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;gap:14px;padding:20px;display:grid}.base64-card textarea{min-height:240px;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:14px}.base64-output{white-space:pre;overflow-x:auto}.base64-output.wrapped{white-space:pre-wrap;overflow-wrap:anywhere}.counter-line{color:var(--muted);margin:-4px 0 0;font-size:13px;font-weight:700}.base64-actions{flex-wrap:wrap;gap:10px;display:flex}.base64-actions .copy-button,.base64-actions .clear-button{width:auto;margin-top:0;padding-inline:16px}.base64-actions button:disabled{cursor:not-allowed;opacity:.48}.swap-icon-button{border:1px solid var(--control-border);background:var(--control-bg);width:46px;height:46px;color:var(--heading);cursor:pointer;box-shadow:var(--shadow);border-radius:999px;align-self:center;place-items:center;display:inline-grid}.swap-icon-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:24px;height:24px}.swap-icon-button:hover{border-color:var(--accent)}.swap-icon-button:disabled{cursor:not-allowed;opacity:.48}.base64-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.url-tool-page{max-width:1180px}.url-main-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.url-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;gap:14px;margin-bottom:18px;padding:20px;display:grid}.url-card h2{color:var(--heading);margin:0;font-size:20px}.url-card textarea{min-height:240px;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:14px}.url-output{white-space:pre-wrap;overflow-wrap:anywhere}.url-mode-tabs{border:1px solid var(--border);background:var(--page-bg);border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:6px;display:grid}.url-mode-tabs button{min-height:38px;color:var(--heading);cursor:pointer;font:inherit;background:0 0;border:1px solid #0000;border-radius:8px;font-size:13px;font-weight:900}.url-mode-tabs button.active{border-color:var(--accent);background:var(--accent);color:#111}.url-actions{flex-wrap:wrap;gap:10px;display:flex}.url-actions .copy-button,.url-actions .clear-button{width:auto;margin-top:0;padding-inline:16px}.url-actions button:disabled,.add-param-button:disabled{cursor:not-allowed;opacity:.48}.url-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.compact-actions{justify-content:flex-end}.params-table,.builder-param-list{gap:8px;display:grid}.params-head,.params-row{grid-template-columns:minmax(120px,.65fr) minmax(0,1fr) minmax(0,1fr);align-items:center;gap:10px;display:grid}.params-head{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.params-row{border:1px solid var(--border);background:var(--page-bg);border-radius:8px;padding:10px}.params-row code,.built-url-output{color:var(--heading);white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.45 ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;overflow:auto}.builder-param-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:10px;display:grid}.builder-param-row input{border:1px solid var(--control-border);background:var(--control-bg);width:100%;min-height:42px;color:var(--heading);border-radius:8px;padding:8px 10px;font:14px/1.35 ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace}.add-param-button{width:fit-content}.built-url-output{border:1px solid var(--border);background:var(--page-bg);border-radius:8px;margin:0;padding:14px}.unicode-page{max-width:1180px}.unicode-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.unicode-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;gap:14px;margin-bottom:18px;padding:20px;display:grid}.unicode-card h2{color:var(--heading);margin:0;font-size:20px}.unicode-card textarea{min-height:240px;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:14px}.unicode-output{white-space:pre-wrap;overflow-wrap:anywhere}.unicode-actions{flex-wrap:wrap;gap:10px;display:flex}.unicode-actions .copy-button,.unicode-actions .clear-button{width:auto;margin-top:0;padding-inline:16px}.unicode-actions button:disabled{cursor:not-allowed;opacity:.48}.unicode-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.unicode-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.unicode-stats article{border:1px solid var(--border);background:var(--page-bg);border-radius:8px;gap:8px;padding:14px;display:grid}.unicode-stats span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.unicode-stats strong{color:var(--heading);font-size:28px;line-height:1}.unicode-table{gap:8px;display:grid;overflow-x:auto}.unicode-table-head,.unicode-table-row{grid-template-columns:120px 150px 110px 120px minmax(180px,1fr);align-items:center;gap:10px;min-width:760px;display:grid}.unicode-table-head{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.unicode-table-row{border:1px solid var(--border);background:var(--page-bg);border-radius:8px;padding:10px}.unicode-table-row code{color:var(--heading);text-overflow:ellipsis;white-space:nowrap;font:13px/1.4 ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;overflow:hidden}.guid-page{max-width:1180px}.guid-layout{grid-template-columns:1fr;align-items:start;gap:18px;display:grid}.guid-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;gap:16px;padding:20px;display:grid}.guid-card h2{color:var(--heading);margin:0;font-size:20px}.processing-pill{background:var(--nav-active-bg);color:var(--accent);border-radius:999px;align-self:start;padding:6px 10px;font-size:12px;font-weight:900}.guid-settings{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.guid-count-control{grid-template-columns:minmax(0,1fr) 96px;align-items:center;gap:10px;display:grid}.guid-count-control input[type=number]{border:1px solid var(--control-border);background:var(--control-bg);width:100%;min-height:42px;color:var(--heading);font:inherit;border-radius:8px;padding:8px 10px;font-weight:800}.guid-actions{flex-wrap:wrap;gap:10px;display:flex}.guid-actions .copy-button,.guid-actions .clear-button{width:auto;margin-top:0;padding-inline:16px}.guid-actions button:disabled{cursor:not-allowed;opacity:.48}.guid-result-list{border:1px solid var(--border);background:var(--page-bg);border-radius:8px;gap:8px;max-height:360px;padding:10px;display:grid;overflow:auto}.guid-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.guid-row code{border:1px solid var(--border);background:var(--surface);color:var(--heading);white-space:nowrap;border-radius:8px;padding:10px;font:13px/1.4 ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;overflow-x:auto}.guid-row button{border:1px solid var(--control-border);background:var(--control-bg);min-height:38px;color:var(--heading);cursor:pointer;font:inherit;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:800}.guid-history{margin-top:18px}.guid-history-list{max-height:220px}.barcode-page{max-width:1180px}.barcode-tabs{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;gap:8px;margin-bottom:18px;padding:6px;display:flex}.barcode-tabs button{min-height:40px;color:var(--heading);cursor:pointer;font:inherit;background:0 0;border:1px solid #0000;border-radius:8px;flex:140px;font-weight:900}.barcode-tabs button.active{border-color:var(--accent);background:var(--accent);color:#111}.barcode-layout{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:start;gap:18px;display:grid}.barcode-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;gap:16px;margin-bottom:18px;padding:20px;display:grid}.barcode-card h2{color:var(--heading);margin:0;font-size:20px}.barcode-controls-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.barcode-range-field{color:var(--heading);gap:8px;font-size:14px;font-weight:800;display:grid}.barcode-range-field>span{justify-content:space-between;align-items:center;gap:12px;display:flex}.barcode-range-field strong{color:var(--muted);font-size:13px}.barcode-range-field>div{grid-template-columns:minmax(0,1fr) 86px;align-items:center;gap:10px;display:grid}.barcode-range-field input[type=range]{width:100%;accent-color:var(--accent)}.barcode-range-field input[type=number],.barcode-controls-grid input[type=color]{border:1px solid var(--control-border);background:var(--control-bg);width:100%;min-height:42px;color:var(--heading);font:inherit;border-radius:8px;padding:8px 10px;font-weight:800}.barcode-controls-grid input[type=color]{height:44px;padding:3px}.barcode-actions{flex-wrap:wrap;gap:10px;display:flex}.barcode-actions .copy-button,.barcode-actions .clear-button{width:auto;margin-top:0;padding-inline:16px}.barcode-actions button:disabled{cursor:not-allowed;opacity:.48}.barcode-preview-card{position:sticky;top:24px}.barcode-preview{border:1px solid var(--border);background:#fff;border-radius:8px;place-items:center;min-height:300px;padding:24px;display:grid;overflow:auto}.barcode-preview img{max-width:100%;height:auto}.barcode-preview p{color:#111827;font-weight:900}.barcode-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.barcode-meta div{border:1px solid var(--border);background:var(--page-bg);border-radius:8px;gap:6px;padding:12px;display:grid}.barcode-meta span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.barcode-meta code,.batch-preview-list code{color:var(--heading);overflow-wrap:anywhere;font:13px/1.35 ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace}.barcode-presets{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.barcode-presets button{border:1px solid var(--control-border);background:var(--control-bg);min-height:42px;color:var(--heading);cursor:pointer;font:inherit;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:900}.batch-preview-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.batch-preview-list article{border:1px solid var(--border);background:var(--page-bg);border-radius:8px;gap:8px;padding:12px;display:grid}.batch-preview-list img{background:#fff;border-radius:6px;width:100%}.qr-page{max-width:1180px}.qr-tabs{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;gap:8px;margin-bottom:18px;padding:6px;display:flex}.qr-tabs button{min-height:40px;color:var(--heading);cursor:pointer;font:inherit;background:0 0;border:1px solid #0000;border-radius:8px;flex:140px;font-weight:900}.qr-tabs button.active{border-color:var(--accent);background:var(--accent);color:#111}.qr-layout{grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);align-items:start;gap:18px;display:grid}.qr-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;gap:16px;margin-bottom:18px;padding:20px;display:grid}.qr-card h2{color:var(--heading);margin:0;font-size:20px}.qr-controls-grid,.qr-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.qr-range-field{color:var(--heading);gap:8px;font-size:14px;font-weight:800;display:grid}.qr-range-field>span{justify-content:space-between;align-items:center;gap:12px;display:flex}.qr-range-field strong{color:var(--muted);font-size:13px}.qr-range-field>div{grid-template-columns:minmax(0,1fr) 86px;align-items:center;gap:10px;display:grid}.qr-range-field input[type=range]{width:100%;accent-color:var(--accent)}.qr-range-field input[type=number],.qr-controls-grid input[type=color],.qr-card input[type=file]{border:1px solid var(--control-border);background:var(--control-bg);width:100%;min-height:42px;color:var(--heading);font:inherit;border-radius:8px;padding:8px 10px;font-weight:800}.qr-controls-grid input[type=color]{height:44px;padding:3px}.qr-preview-card{position:sticky;top:24px}.qr-preview{border:1px solid var(--border);background-color:#fff;background-image:linear-gradient(45deg,#94a3b81a 25%,#0000 25%),linear-gradient(-45deg,#94a3b81a 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#94a3b81a 75%),linear-gradient(-45deg,#0000 75%,#94a3b81a 75%),none;background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;border-radius:8px;place-items:center;min-height:360px;padding:24px;display:grid;overflow:auto}.qr-preview svg,.qr-preview canvas{max-width:100%;height:auto}.qr-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.qr-meta-grid div{border:1px solid var(--border);background:var(--page-bg);border-radius:8px;gap:6px;padding:12px;display:grid}.qr-meta-grid span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.qr-meta-grid code{color:var(--heading);overflow-wrap:anywhere;font:13px/1.35 ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace}.qr-actions{flex-wrap:wrap;gap:10px;display:flex}.qr-actions .copy-button,.qr-actions .clear-button{width:auto;margin-top:0;padding-inline:16px}.qr-actions button:disabled{cursor:not-allowed;opacity:.48}.box-shadow-page{max-width:1180px}.shadow-layout{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:start;gap:18px;display:grid}.shadow-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;gap:16px;margin-bottom:18px;padding:20px;display:grid}.shadow-card h2{color:var(--heading);margin:0;font-size:20px}.shadow-layer-list{gap:8px;display:grid}.shadow-layer{border:1px solid var(--border);background:var(--page-bg);border-radius:8px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:10px;display:grid}.shadow-layer.active{border-color:var(--accent);box-shadow:var(--focus-shadow)}.shadow-layer label{color:var(--heading);align-items:center;gap:8px;font-size:14px;font-weight:800;display:inline-flex}.shadow-layer input{width:18px;height:18px;accent-color:var(--accent)}.shadow-layer button,.shadow-presets button{border:1px solid var(--control-border);background:var(--control-bg);min-height:36px;color:var(--heading);cursor:pointer;font:inherit;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:800}.shadow-controls-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.shadow-range-field{color:var(--heading);gap:8px;font-size:14px;font-weight:800;display:grid}.shadow-range-field>span{justify-content:space-between;align-items:center;gap:12px;display:flex}.shadow-range-field strong{color:var(--muted);font-size:13px}.shadow-range-field>div{grid-template-columns:minmax(0,1fr) 86px;align-items:center;gap:10px;display:grid}.shadow-range-field input[type=range]{width:100%;accent-color:var(--accent)}.shadow-range-field input[type=number],.shadow-controls-grid input[type=color]{border:1px solid var(--control-border);background:var(--control-bg);width:100%;min-height:42px;color:var(--heading);font:inherit;border-radius:8px;padding:8px 10px;font-weight:800}.shadow-controls-grid input[type=color]{height:44px;padding:3px}.shadow-actions{flex-wrap:wrap;gap:10px;display:flex}.shadow-actions .copy-button,.shadow-actions .clear-button{width:auto;margin-top:0;padding-inline:16px}.shadow-preview-card{position:sticky;top:24px}.shadow-preview-stage{border:1px solid var(--border);background:linear-gradient(135deg,#a0ff4c24,#0000 42%),#f7fafc;border-radius:8px;place-items:center;min-height:360px;padding:56px;display:grid;overflow:hidden}.shadow-demo{aspect-ratio:1.25;border:1px solid var(--border);color:#111827;background:#fff;place-items:center;width:min(220px,68vw);font-size:18px;font-weight:900;display:grid}.shadow-demo.circle{aspect-ratio:1;width:210px}.shadow-color-info{border:1px solid var(--border);background:var(--page-bg);border-radius:8px;gap:8px;padding:12px;display:grid}.shadow-color-info p{color:var(--muted);margin:0;font-size:13px;font-weight:900}.shadow-color-info div{grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;display:grid}.shadow-color-info span{border:1px solid var(--border);border-radius:8px;width:34px;height:34px}.shadow-color-info code,.shadow-css-output{color:var(--heading);font:13px/1.45 ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace}.shadow-presets{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.shadow-presets button{min-height:46px}.shadow-css-output{border:1px solid var(--border);background:var(--page-bg);white-space:pre;border-radius:8px;margin:0;padding:14px;overflow-x:auto}.glass-page{max-width:1180px}.glass-layout{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:start;gap:18px;display:grid}.glass-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;gap:16px;margin-bottom:18px;padding:20px;display:grid}.glass-card h2{color:var(--heading);margin:0;font-size:20px}.glass-controls-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.glass-range-field{color:var(--heading);gap:8px;font-size:14px;font-weight:800;display:grid}.glass-range-field>span{justify-content:space-between;align-items:center;gap:12px;display:flex}.glass-range-field strong{color:var(--muted);font-size:13px}.glass-range-field>div{grid-template-columns:minmax(0,1fr) 86px;align-items:center;gap:10px;display:grid}.glass-range-field input[type=range]{width:100%;accent-color:var(--accent)}.glass-range-field input[type=number],.glass-controls-grid input[type=color]{border:1px solid var(--control-border);background:var(--control-bg);width:100%;min-height:42px;color:var(--heading);font:inherit;border-radius:8px;padding:8px 10px;font-weight:800}.glass-controls-grid input[type=color]{height:44px;padding:3px}.glass-toggle-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.glass-actions{flex-wrap:wrap;gap:10px;display:flex}.glass-actions .copy-button,.glass-actions .clear-button{width:auto;margin-top:0;padding-inline:16px}.glass-preview-card{position:sticky;top:24px}.glass-bg{border:1px solid var(--border);border-radius:8px;place-items:center;min-height:320px;padding:44px;display:grid;overflow:hidden}.glass-bg-gradient{background:radial-gradient(circle at 18% 22%,#a0ff4c 0 14%,#0000 34%),linear-gradient(135deg,#0f172a 0%,#2563eb 50%,#f97316 100%)}.glass-bg-abstract{background:radial-gradient(circle at 20% 30%,#f43f5e 0 12%,#0000 32%),radial-gradient(circle at 80% 18%,#a0ff4c 0 16%,#0000 35%),radial-gradient(circle at 54% 82%,#38bdf8 0 18%,#0000 42%),#111827}.glass-bg-aurora{background:linear-gradient(120deg,#22c55eb3,#0000 42%),linear-gradient(240deg,#3b82f6cc,#0000 48%),linear-gradient(20deg,#ec4899b8,#0000 54%),#020617}.glass-bg-mesh{background:radial-gradient(circle at 10% 20%,#fde68a 0 18%,#0000 34%),radial-gradient(circle at 82% 24%,#a78bfa 0 20%,#0000 38%),radial-gradient(circle at 48% 78%,#67e8f9 0 20%,#0000 42%),#0f172a}.glass-bg-image{background:linear-gradient(135deg,#0f172a29,#0f172a4d),url(https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1200&q=80) 50%/cover}.glass-demo{box-sizing:border-box;color:#fff;isolation:isolate;place-items:center;max-width:100%;max-height:100%;display:grid;position:relative;overflow:hidden}.glass-demo.with-gradient:before{content:"";pointer-events:none;z-index:-1;background:linear-gradient(135deg,#ffffff2e,#0000 48%,#ffffff1a);position:absolute;inset:0}.glass-demo span{z-index:1;font-size:28px;font-weight:900;position:relative}.glass-color-grid{gap:10px;display:grid}.glass-color-grid article{border:1px solid var(--border);background:var(--page-bg);border-radius:8px;gap:6px;padding:12px;display:grid}.glass-color-grid h3{color:var(--heading);margin:0;font-size:14px}.glass-color-grid code,.glass-code-output{color:var(--heading);white-space:pre;font:13px/1.45 ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;overflow-x:auto}.glass-presets,.glass-code-tabs{flex-wrap:wrap;gap:10px;display:flex}.glass-presets button,.glass-code-tabs button{border:1px solid var(--control-border);background:var(--control-bg);min-height:38px;color:var(--heading);cursor:pointer;font:inherit;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:800}.glass-code-tabs button.active{border-color:var(--accent);background:var(--accent);color:#111}.glass-code-output{border:1px solid var(--border);background:var(--page-bg);border-radius:8px;margin:0;padding:14px}.jwt-page{max-width:1180px}.jwt-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;gap:14px;padding:20px;display:grid}.jwt-input-card{margin-bottom:18px}.jwt-token-input{word-break:break-all;min-height:170px;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px}.jwt-input-footer,.jwt-card-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.jwt-card-heading h2{color:var(--heading);margin:0;font-size:20px}.jwt-card-heading button{border:1px solid var(--control-border);background:var(--control-bg);min-height:36px;color:var(--heading);cursor:pointer;font:inherit;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:800}.jwt-card-heading button:disabled{cursor:not-allowed;opacity:.45}.jwt-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;display:grid}.json-output,.jwt-signature-output{border:1px solid var(--border);background:var(--page-bg);min-height:190px;color:var(--heading);white-space:pre;border-radius:8px;margin:0;padding:14px;font:13px/1.55 ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;overflow:auto}.jwt-signature-output{white-space:pre-wrap;overflow-wrap:anywhere;min-height:72px}.json-key{color:#7c3aed}.json-string{color:#047857}.json-number{color:#2563eb}.json-literal{color:#b45309}[data-theme=dark] .json-key{color:#c4b5fd}[data-theme=dark] .json-string{color:#86efac}[data-theme=dark] .json-number{color:#93c5fd}[data-theme=dark] .json-literal{color:#fbbf24}.claims-list{gap:10px;display:grid}.claim-row{border:1px solid var(--border);background:var(--page-bg);border-radius:8px;grid-template-columns:minmax(120px,.5fr) minmax(0,1fr);gap:12px;padding:12px;display:grid}.claim-row div{align-content:start;gap:5px;display:grid}.claim-row code{color:var(--accent);font:13px/1.2 ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace}.claim-row strong{color:var(--heading);font-size:14px}.claim-row span{color:var(--muted);overflow-wrap:anywhere;font-size:13px;line-height:1.55}.token-badge{border-radius:999px;align-items:center;min-height:30px;padding:6px 10px;font-size:12px;font-weight:900;display:inline-flex}.token-badge.valid{color:#16a34a;background:#22c55e24}.token-badge.soon,.token-badge.missing-exp{color:#b45309;background:#f59e0b24}.token-badge.expired{color:#ef4444;background:#ef444424}.jwt-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.jwt-actions .copy-button,.jwt-actions .clear-button{width:auto;margin-top:0;padding-inline:16px}.jwt-verify-grid,.jwt-generator-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.jwt-generator{margin-top:18px}.jwt-generator textarea{min-height:140px;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px}.color-picker-page{max-width:1180px}.color-picker-layout{grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);align-items:start;gap:18px;display:grid}.color-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;gap:14px;margin-bottom:18px;padding:20px;display:grid}.color-card h2{color:var(--heading);margin:0;font-size:20px}.drop-zone{border:1px dashed var(--control-border);background:var(--page-bg);border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;padding:14px;display:flex}.drop-zone p{width:100%;color:var(--muted);margin:0;font-size:13px;font-weight:700}.url-loader{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.image-workspace{border:1px solid var(--border);background-color:#0000;background-image:linear-gradient(45deg,#94a3b81f 25%,#0000 25%),linear-gradient(-45deg,#94a3b81f 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#94a3b81f 75%),linear-gradient(-45deg,#0000 75%,#94a3b81f 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border-radius:8px;place-items:center;min-height:360px;display:grid;position:relative;overflow:hidden}.image-workspace img{object-fit:contain;cursor:crosshair;-webkit-user-select:none;user-select:none;max-width:100%;max-height:620px}.image-workspace>p{color:var(--muted);font-weight:800}.magnifier{z-index:2;pointer-events:none;border:1px solid var(--border);background:var(--surface);width:154px;box-shadow:var(--shadow);border-radius:8px;padding:10px;position:absolute;transform:translate(18px,18px)}.magnifier-grid{border:1px solid var(--border);border-radius:6px;grid-template-columns:repeat(9,1fr);display:grid;overflow:hidden}.magnifier-grid span{aspect-ratio:1;border-bottom:1px solid #0f172a38;border-right:1px solid #0f172a38}.magnifier-grid span.center{outline-offset:-3px;outline:2px solid #fff;box-shadow:inset 0 0 0 2px #111}.magnifier p{color:var(--heading);margin:8px 0 0;font:11px/1.35 ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace}.selected-color-preview{border:1px solid var(--border);border-radius:8px;min-height:170px}.color-side-card input[type=color]{border:1px solid var(--control-border);background:var(--control-bg);border-radius:8px;width:100%;height:54px;padding:3px}.color-picker-page>section.color-card:first-of-type{display:none}.side-formats-list{gap:8px;display:grid}.side-formats-list .color-format-row{grid-template-columns:52px minmax(0,1fr) auto;padding:8px}.side-formats-list .color-format-row code{font-size:12px}.side-formats-list .color-format-row button{min-height:32px;padding-inline:8px}.converter-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.color-formats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.color-format-row,.color-history-row{border:1px solid var(--border);background:var(--page-bg);border-radius:8px;align-items:center;gap:10px;padding:10px;display:grid}.color-format-row{grid-template-columns:58px minmax(0,1fr) auto}.color-format-row span{color:var(--muted);font-size:12px;font-weight:900}.color-format-row code,.color-history-row code,.palette-grid code{color:var(--heading);text-overflow:ellipsis;white-space:nowrap;font:13px/1.35 ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;overflow:hidden}.color-format-row button,.color-history-row button{border:1px solid var(--control-border);background:var(--control-bg);min-height:34px;color:var(--heading);cursor:pointer;font:inherit;border-radius:8px;padding:7px 10px;font-size:12px;font-weight:800}.palette-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.palette-grid button{border:1px solid var(--border);background:var(--page-bg);color:var(--heading);cursor:pointer;border-radius:8px;gap:8px;padding:10px;display:grid}.palette-grid span{border:1px solid var(--border);border-radius:8px;min-height:64px}.color-history-list{gap:8px;max-height:300px;display:grid;overflow:auto}.color-history-row{grid-template-columns:38px minmax(90px,.5fr) minmax(0,1fr) auto auto}.color-history-row>span{border:1px solid var(--border);border-radius:8px;width:38px;height:38px}.success-box{color:#16a34a;background:#22c55e1a;border:1px solid #22c55e75;border-radius:8px;padding:12px;font-size:14px;font-weight:800}.result-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.result-heading h2{color:var(--heading);margin:0;font-size:20px}.result-heading span{color:var(--accent);font-size:13px;font-weight:900}.error-box{color:#ef4444;background:#ef44441a;border:1px solid #ef444475;border-radius:8px;padding:12px;font-size:14px;font-weight:800}.strength-meter{gap:8px;display:grid}.strength-meter div:first-child{justify-content:space-between;align-items:center;gap:12px;display:flex}.strength-meter span,.muted-text,.warning-text{color:var(--muted);font-size:14px}.strength-meter strong{font-size:14px}.strength-meter p{color:var(--muted);margin:0;font-size:13px}.strength-track{background:var(--page-bg);border-radius:999px;height:10px;overflow:hidden}.strength-track span{border-radius:inherit;height:100%;transition:width .18s;display:block}.password-actions{flex-wrap:wrap;gap:10px;display:flex}.password-settings{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.full-width{grid-column:1/-1}.warning-text{color:#ef4444;margin:0;font-weight:800}.bulk-list,.history-list{border:1px solid var(--border);background:var(--page-bg);border-radius:8px;gap:8px;max-height:260px;padding:10px;display:grid;overflow:auto}.bulk-list p{color:var(--heading);overflow-wrap:anywhere;margin:0;font:13px/1.45 ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace}.history-list button{border:1px solid var(--border);background:var(--control-bg);min-height:34px;color:var(--heading);cursor:pointer;text-align:left;overflow-wrap:anywhere;border-radius:8px;padding:8px 10px;font:13px/1.35 ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace}.template-result{border:1px solid var(--border);background:var(--page-bg);min-height:48px;color:var(--heading);overflow-wrap:anywhere;border-radius:8px;padding:13px 14px;font:16px/1.35 ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace}.analysis-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.compact-stat{min-height:86px}.compact-stat span{overflow-wrap:anywhere;font-size:22px}.faq-section{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;gap:10px;margin-top:18px;padding:20px;display:grid}.faq-section h2{color:var(--heading);margin:0 0 4px;font-size:20px}.faq-section details{border:1px solid var(--border);background:var(--page-bg);border-radius:8px;padding:12px}.faq-section summary{color:var(--heading);cursor:pointer;font-weight:800}.faq-section p{color:var(--muted);margin:8px 0 0}.toast{z-index:10;background:var(--heading);color:var(--surface);box-shadow:var(--shadow);border-radius:8px;padding:12px 14px;font-size:14px;font-weight:800;position:fixed;bottom:24px;right:24px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.stat-card{border:1px solid var(--border);background:var(--surface);min-height:102px;box-shadow:var(--shadow);border-radius:8px;flex-direction:column;justify-content:center;padding:18px;display:flex}.stat-card span{color:var(--heading);font-size:30px;font-weight:800;line-height:1}.stat-card p{color:var(--muted);margin-top:10px;font-size:14px;font-weight:700}button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}@media (width<=840px){.app-page{justify-content:flex-start;padding:18px}.site-header{max-width:100%}.app-shell{grid-template-columns:1fr;width:100%;max-width:100%;height:auto;max-height:none}.sidebar{border-right:0;border-bottom:1px solid var(--border);gap:20px;height:auto;max-height:320px;padding:18px;position:static}.navigation{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.workspace{max-height:none;padding:24px 18px;overflow:visible}.topbar,.tool-header{flex-direction:column;align-items:stretch}.theme-toggle,.clear-button{width:100%}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gradient-workbench,.password-layout,.basic-auth-layout,.base64-grid,.url-main-grid,.unicode-grid,.guid-layout,.barcode-layout,.qr-layout{grid-template-columns:1fr}.barcode-preview-card,.qr-preview-card{position:static}.barcode-presets,.qr-presets,.batch-preview-list{grid-template-columns:repeat(2,minmax(0,1fr))}.shadow-layout,.glass-layout{grid-template-columns:1fr}.shadow-preview-card,.glass-preview-card{position:static}.shadow-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.jwt-result-grid,.color-picker-layout,.color-formats-grid{grid-template-columns:1fr}.swap-icon-button{justify-self:center;transform:rotate(90deg)}.gradient-preview-panel{position:static}.inspiration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.site-header{flex-direction:column;align-items:stretch}.navigation,.stats-grid,.control-grid,.inspiration-grid,.palette-grid{grid-template-columns:1fr}.topbar h1{font-size:28px}.color-stop{grid-template-columns:44px 1fr 42px}.color-stop input[type=range],.color-stop span{grid-column:1/-1}.password-result,.password-input-row,.password-settings,.analysis-grid,.base64-options,.url-options,.unicode-options,.unicode-stats,.params-head,.params-row,.builder-param-row,.guid-settings,.jwt-verify-grid,.jwt-generator-grid,.claim-row,.guid-count-control,.barcode-controls-grid,.barcode-range-field>div,.barcode-meta,.qr-controls-grid,.qr-field-grid,.qr-range-field>div,.qr-meta-grid,.qr-presets,.barcode-presets,.batch-preview-list,.shadow-controls-grid,.shadow-range-field>div,.shadow-layer,.glass-controls-grid,.glass-range-field>div,.glass-toggle-grid,.shadow-presets{grid-template-columns:1fr}.shadow-preview-stage{min-height:280px;padding:34px}.glass-bg{min-height:320px;padding:28px}.guid-row,.url-loader,.converter-row,.color-format-row,.color-history-row{grid-template-columns:1fr}.copy-button.compact{width:100%}.toast{text-align:center;bottom:18px;left:18px;right:18px}}