:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f8fb;--surface:#fff;--surface-soft:#f1f5f9;--surface-strong:#e7edf5;--border:#d9e1ea;--border-strong:#b9c6d6;--text:#172033;--text-soft:#526071;--muted:#7a8797;--primary:#2754d6;--primary-strong:#1e3f9f;--primary-soft:#e8efff;--accent:#0f9f6e;--warning:#b7791f;--danger:#c2413b;--shadow:0 18px 45px #17203314;--header-height:68px;--content-width:980px;letter-spacing:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#10141c;--surface:#171c26;--surface-soft:#202838;--surface-strong:#2a3446;--border:#303a4d;--border-strong:#46546d;--text:#eef3f8;--text-soft:#b8c3d3;--muted:#8f9caf;--primary:#7aa2ff;--primary-strong:#9bb9ff;--primary-soft:#1f2b4b;--accent:#35d49a;--warning:#f2c36b;--danger:#ff8a80;--shadow:0 18px 45px #00000042}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{background:var(--bg);min-height:100vh;color:var(--text);margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit}.site-frame{min-height:100vh}.app-header{z-index:50;height:var(--header-height);border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0}.app-header__inner{grid-template-columns:auto minmax(220px,620px) auto;align-items:center;gap:18px;width:min(100%,1440px);height:100%;margin:0 auto;padding:0 24px;display:grid}.brand-group,.brand-link,.header-actions,.locale-switcher,.breadcrumb,.tool-sidebar__header,.sidebar-group__title,.editor-panel__header,.editor-actions,.workspace__toolbar,.workspace-actions,.side-block__title,.section-heading,.eyebrow{align-items:center;display:flex}.brand-group{gap:10px}.brand-link{gap:10px;min-width:148px;font-weight:760}.brand-mark{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;border-radius:8px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.brand-name{font-size:1.1rem}.app-header__menu{display:none}.global-search{align-items:center;min-width:0;display:flex;position:relative}.global-search__icon{color:var(--muted);position:absolute;left:14px}.global-search input{border:1px solid var(--border);background:var(--surface-soft);width:100%;height:42px;color:var(--text);border-radius:8px;outline:none;padding:0 42px}.global-search input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 22%, transparent)}.global-search__clear{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid;position:absolute;right:8px}.search-popover{z-index:60;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden}.search-result{border-bottom:1px solid var(--border);gap:4px;padding:12px 14px;display:grid}.search-result:last-child{border-bottom:0}.search-result:hover{background:var(--surface-soft)}.search-result span,.tool-card span,.tool-row small,.home-intro p,.tool-hero p,.seo-section p,.faq-section p,.side-empty{color:var(--text-soft)}.header-actions{justify-content:flex-end;gap:10px}.locale-switcher{border:1px solid var(--border);background:var(--surface);height:38px;color:var(--text-soft);border-radius:8px;gap:4px;padding:0 6px}.locale-button{min-width:30px;height:26px;color:var(--text-soft);cursor:pointer;background:0 0;border:0;border-radius:6px}.locale-button.is-active{background:var(--primary-soft);color:var(--primary-strong);font-weight:700}.icon-button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.icon-button:hover,.editor-actions button:hover,.secondary-button:hover,.sidebar-link:hover,.tool-row:hover{border-color:var(--border-strong);background:var(--surface-soft)}.app-layout{grid-template-columns:238px minmax(0, var(--content-width)) 320px;align-items:start;gap:24px;width:min(100%,1440px);margin:0 auto;padding:24px;display:grid}.desktop-sidebar,.desktop-right-panel{top:calc(var(--header-height) + 24px);align-self:start;position:sticky}.tool-sidebar{border:1px solid var(--border);background:var(--surface);border-radius:8px}.tool-sidebar__header{border-bottom:1px solid var(--border);justify-content:space-between;padding:16px}.tool-sidebar__header span,.section-heading span{color:var(--muted);font-size:.9rem}.sidebar-group{border-bottom:1px solid var(--border)}.sidebar-group:last-child{border-bottom:0}.sidebar-group__button{cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;padding:13px 14px;display:flex}.sidebar-group__title{gap:8px;font-weight:680}.sidebar-group__chevron{color:var(--muted);transition:transform .16s}.sidebar-group__chevron.is-open{transform:rotate(180deg)}.sidebar-links{gap:4px;padding:0 10px 12px;display:grid}.sidebar-link{color:var(--text-soft);border:1px solid #0000;border-radius:7px;padding:9px 10px}.sidebar-link.is-active{border-color:color-mix(in srgb, var(--primary) 35%, var(--border));background:var(--primary-soft);color:var(--primary-strong);font-weight:700}.content-column{align-content:start;gap:20px;min-width:0;display:grid}.home-intro,.tool-hero,.tool-section,.seo-section,.faq-section,.workspace,.side-block{border:1px solid var(--border);background:var(--surface);border-radius:8px}.home-intro,.tool-hero,.tool-section,.seo-section,.faq-section{padding:22px}.home-intro{justify-content:space-between;gap:22px;display:flex}.eyebrow{color:var(--accent);gap:8px;margin:0 0 10px;font-weight:760}h1,h2,h3,p{margin-top:0}h1{margin-bottom:10px;font-size:clamp(2rem,4vw,3.2rem);line-height:1.08}h2{margin-bottom:14px;font-size:1.28rem}p{line-height:1.75}.breadcrumb{color:var(--muted);flex-wrap:wrap;gap:8px;font-size:.92rem}.breadcrumb a{color:var(--text-soft);align-items:center;gap:5px;display:inline-flex}.tool-hero__title-row{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:8px;display:flex}.tool-hero h1{margin:0;font-size:clamp(1.9rem,3vw,2.8rem)}.favorite-title-button{border:1px solid var(--border);background:var(--surface);min-height:36px;color:var(--text-soft);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;padding:0 12px;display:inline-flex}.favorite-title-button:hover{border-color:var(--border-strong);background:var(--surface-soft)}.favorite-title-button.is-active{border-color:color-mix(in srgb, var(--primary) 35%, var(--border));background:var(--primary-soft);color:var(--primary-strong);font-weight:720}.ad-slot{border:1px dashed color-mix(in srgb, var(--primary) 35%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 8%, transparent), transparent), var(--surface);border-radius:8px;place-items:center;display:none;overflow:hidden}.ad-slot--banner{min-height:96px}.ad-slot--in-content{min-height:128px}.ad-slot--skyscraper{width:100%;min-height:600px}.ad-slot__content{color:var(--text-soft);text-align:center;place-items:center;gap:6px;display:grid}.ad-slot__content small{color:var(--muted)}.workspace{gap:16px;padding:16px;display:grid;position:relative}.workspace__toolbar{justify-content:space-between;gap:12px}.workspace-status{background:var(--surface-soft);min-width:0;color:var(--text-soft);border-radius:7px;padding:8px 10px;font-size:.94rem}.workspace-status.is-error{background:color-mix(in srgb, var(--danger) 12%, var(--surface));color:var(--danger)}.tool-options{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.segmented-control{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;grid-template-columns:repeat(2,minmax(70px,1fr));gap:3px;padding:3px;display:inline-grid}.segmented-control button{height:32px;color:var(--text-soft);cursor:pointer;background:0 0;border:0;border-radius:6px}.segmented-control button.is-active{background:var(--surface);color:var(--primary-strong);font-weight:720;box-shadow:0 1px 3px #17203314}.option-field{border:1px solid var(--border);background:var(--surface);min-height:40px;color:var(--text-soft);border-radius:8px;align-items:center;gap:8px;padding:0 10px;display:inline-flex}.option-field--wide{min-width:min(100%,320px)}.option-field input,.option-field select{min-width:80px;height:30px;color:var(--text);background:0 0;border:0;outline:none}.option-field select{padding:0 30px 0 6px}.option-field--wide input{width:210px}.check-option{border:1px solid var(--border);background:var(--surface);min-height:40px;color:var(--text-soft);border-radius:8px;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.check-option input{width:16px;height:16px;accent-color:var(--primary)}.segmented-control--three{grid-template-columns:repeat(3,minmax(62px,1fr))}.segment-control{grid-template-columns:repeat(var(--segment-count), minmax(0, 1fr));border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;gap:3px;min-width:0;padding:3px;display:inline-grid;position:relative}.segment-control__thumb{width:calc((100% - 6px) / var(--segment-count));background:var(--surface);transform:translateX(calc(var(--segment-index) * 100%));border-radius:6px;transition:transform .18s;position:absolute;top:3px;bottom:3px;left:3px;box-shadow:0 1px 3px #17203314}.segment-control button{z-index:1;min-width:62px;height:32px;color:var(--text-soft);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:6px;font-weight:720;position:relative}.segment-control button.is-active{color:var(--primary-strong)}.button-group{align-items:center;display:inline-flex}.button-group>.primary-button,.button-group>.secondary-button{border-radius:0}.button-group>.primary-button:not(:first-child),.button-group>.secondary-button:not(:first-child){margin-left:-1px}.button-group>.primary-button:first-child,.button-group>.secondary-button:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.button-group>.primary-button:last-child,.button-group>.secondary-button:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.toggle-option{border:1px solid var(--border);background:var(--surface);min-height:40px;color:var(--text-soft);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.toggle-option input{opacity:0;block-size:1px;inline-size:1px;position:absolute}.toggle-option__track{background:var(--surface-strong);cursor:pointer;border-radius:999px;width:34px;height:20px;transition:background .16s;position:relative}.toggle-option__thumb{background:var(--surface);cursor:pointer;border-radius:50%;width:16px;height:16px;transition:transform .16s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #17203329}.toggle-option input:checked+.toggle-option__track{background:var(--primary)}.toggle-option input:checked+.toggle-option__track .toggle-option__thumb{transform:translate(14px)}.toggle-option.is-disabled{cursor:not-allowed;opacity:.58}.toggle-option.is-disabled .toggle-option__track,.toggle-option.is-disabled .toggle-option__thumb{cursor:not-allowed}.tool-form-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:12px;display:grid}.tool-form-grid--with-action{grid-template-columns:minmax(220px,1fr) auto auto}.postal-query-form,.html-entity-search-form{grid-template-columns:minmax(220px,1fr) auto}.form-field{color:var(--text-soft);gap:7px;font-size:.94rem;display:grid}.form-field input,.form-field select,.table-input{border:1px solid var(--border);background:var(--surface);width:100%;min-height:40px;color:var(--text);border-radius:8px;outline:none}.form-field input,.form-field select{padding:0 11px}.form-field select{padding-right:38px}.form-field input:focus,.form-field select:focus,.table-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 18%, transparent)}.workspace-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;display:grid}.workspace-grid--wide-left{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)}.editor-panel{border:1px solid var(--border);background:var(--surface);border-radius:8px;overflow:hidden}.editor-panel__header{border-bottom:1px solid var(--border);background:var(--surface-soft);justify-content:space-between;gap:12px;min-height:46px;padding:0 12px}.qr-layout{grid-template-columns:minmax(0,1fr) minmax(320px,.95fr);align-items:start;gap:14px;display:grid}.qr-control-panel{gap:14px;min-width:0;display:grid}.qr-settings-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:12px;display:grid}.qr-segment-field{grid-column:1/-1}.qr-segment-field .segment-control{width:min(100%,440px)}.qr-color-field input[type=color]{cursor:pointer;min-height:40px;padding:4px}.qr-reset-button{align-self:end}.qr-byte-count{color:var(--muted);flex-shrink:0;font-size:.9rem;font-weight:680}.qr-logo-panel,.qr-preview-panel{border:1px solid var(--border);background:var(--surface);border-radius:8px;overflow:hidden}.qr-logo-header{border-bottom:1px solid var(--border);background:var(--surface-soft);justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:10px 12px;display:flex}.qr-logo-header>div:first-child{gap:4px;min-width:0;display:grid}.qr-logo-header span,.qr-logo-group>span{color:var(--muted);font-size:.9rem}.qr-logo-actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:8px;display:flex}.qr-upload-button{position:relative;overflow:hidden}.qr-upload-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.qr-logo-group{gap:8px;padding:12px;display:grid}.qr-logo-group+.qr-logo-group{border-top:1px solid var(--border)}.qr-logo-presets{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;display:grid}.qr-logo-button{border:1px solid var(--border);background:var(--surface);min-width:0;min-height:44px;color:var(--text-soft);cursor:pointer;text-align:left;border-radius:8px;align-items:center;gap:8px;padding:6px 8px;display:inline-flex}.qr-logo-button:hover{border-color:var(--border-strong);background:var(--surface-soft)}.qr-logo-button.is-active{border-color:color-mix(in srgb, var(--primary) 45%, var(--border));background:var(--primary-soft);color:var(--primary-strong);font-weight:720}.qr-logo-button img{object-fit:contain;background:#fff;border-radius:8px;flex-shrink:0;width:28px;height:28px}.qr-logo-button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.qr-canvas-stage{background:var(--surface-soft);place-items:center;min-height:520px;padding:24px;display:grid;position:relative}.qr-canvas-stage canvas{background:#fff;border-radius:8px;width:min(100%,460px);height:auto;max-height:560px;box-shadow:0 14px 36px #1720331f}.qr-empty-state{color:var(--text-soft);text-align:center;align-content:center;place-items:center;gap:8px;display:grid;position:absolute;inset:0}.barcode-layout{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:stretch;gap:14px;display:grid}.barcode-control-panel{gap:14px;min-width:0;display:grid}.barcode-settings-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:12px;display:grid}.barcode-text-field-full{grid-column:1/-1}.barcode-text-settings-shell{opacity:0;pointer-events:none;transform-origin:top;grid-template-rows:0fr;margin-top:-14px;transition:grid-template-rows .24s cubic-bezier(.2,0,0,1),margin-top .24s cubic-bezier(.2,0,0,1),opacity .16s,transform .24s cubic-bezier(.2,0,0,1);display:grid;transform:scale(.96)}.barcode-text-settings-shell.is-open{opacity:1;pointer-events:auto;grid-template-rows:1fr;margin-top:0;transform:scale(1)}.barcode-text-settings-clip{min-height:0;overflow:hidden}.barcode-text-settings-panel{transform-origin:top}.barcode-content-area{height:150px;min-height:150px}.barcode-meta{color:var(--muted);flex-shrink:0;font-size:.9rem;font-weight:680}.barcode-color-field input[type=color]{cursor:pointer;min-height:40px;padding:4px}.barcode-reset-button{flex:none;align-self:center}.barcode-toggle-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.barcode-preview-panel{border:1px solid var(--border);background:var(--surface);border-radius:8px;flex-direction:column;min-height:0;display:flex;overflow:hidden}.barcode-stage{background:var(--surface-soft);flex:1;place-items:center;min-height:300px;padding:18px;display:grid;position:relative;overflow:auto}.barcode-stage svg{background:#fff;border-radius:8px;max-width:100%;height:auto;box-shadow:0 14px 36px #1720331f}.barcode-empty-state{color:var(--text-soft);text-align:center;align-content:center;place-items:center;gap:8px;display:grid;position:absolute;inset:0}.editor-actions{gap:6px}.editor-actions button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.editor-actions button:disabled{cursor:not-allowed;opacity:.45}.code-area{resize:vertical;background:var(--surface);width:100%;height:360px;min-height:360px;color:var(--text);tab-size:2;border:0;outline:none;padding:14px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.92rem;line-height:1.65;display:block}.code-area--output{background:color-mix(in srgb, var(--surface-soft) 45%, var(--surface))}.code-area--compact{height:190px;min-height:190px}.word-counter-panel{display:grid}.word-counter-input{height:420px;min-height:320px}.word-counter-stats{border-top:1px solid var(--border);background:var(--border);grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;display:grid}.word-counter-stats div{background:var(--surface-soft);gap:4px;min-width:0;padding:10px 12px;display:grid}.word-counter-stats span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;overflow:hidden}.word-counter-stats strong{overflow-wrap:anywhere;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;overflow:hidden}.jwt-options-row{align-items:end}.jwt-algorithm-field{width:min(100%,300px)}.jwt-algorithm-field .segment-control{width:100%}.jwt-secret-field{width:min(100%,340px)}.jwt-claims-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.jwt-input-stack{gap:14px;display:grid}.jwt-input-stack .code-area{height:220px;min-height:180px}.jwt-input-stack .code-area--compact{height:150px;min-height:120px}.jwt-output-area{height:432px;min-height:320px}.result-panel,.table-panel,.picker-stage,.ranking-list,.bmi-result,.zodiac-card,.image-preview{border:1px solid var(--border);background:var(--surface);border-radius:8px}.result-panel{overflow:hidden}.result-panel__header{border-bottom:1px solid var(--border);background:var(--surface-soft);justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:10px 12px;display:flex}.result-panel__title{gap:4px;min-width:0;display:grid}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.stat-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;align-content:center;gap:7px;min-height:96px;padding:14px;display:grid}.stat-card__header{justify-content:space-between;align-items:center;gap:8px;display:flex}.stat-card span{color:var(--muted);font-size:.9rem}.stat-card strong{overflow-wrap:anywhere;font-size:1.15rem}.timestamp-current-panel{border:1px solid var(--border);background:var(--surface);border-radius:8px;overflow:hidden}.timestamp-current-panel__header{border-bottom:1px solid var(--border);background:var(--surface-soft);justify-content:space-between;align-items:center;gap:10px;min-height:42px;padding:7px 10px;display:flex}.timestamp-current-panel__title{align-items:baseline;gap:10px;min-width:0;display:flex}.timestamp-current-panel__title span{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;overflow:hidden}.timestamp-current-panel__actions{flex-wrap:wrap;justify-content:flex-end;gap:0;display:flex}.timestamp-current-panel__actions .secondary-button{width:auto;min-height:32px;padding:0 10px;font-size:.9rem}.timestamp-metric-list{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.timestamp-metric-row{border-right:1px solid var(--border);align-content:center;gap:2px;min-width:0;min-height:44px;padding:7px 10px;display:grid}.timestamp-metric-row:last-child{border-right:0}.timestamp-metric-row__label{color:var(--muted);font-size:.9rem}.timestamp-metric-row__value{overflow-wrap:anywhere;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.96rem;line-height:1.4;overflow:hidden}.timestamp-suspicious-note{color:var(--warning);font-size:.9rem;font-weight:680}.empty-input-panel{min-height:360px;color:var(--text-soft);text-align:center;place-items:center;gap:10px;padding:20px;display:grid}.workspace-actions{flex-wrap:wrap;justify-content:center;gap:10px}.primary-button,.secondary-button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;display:inline-flex}.primary-button{border:1px solid var(--primary);background:var(--primary);color:#fff;min-width:190px;padding:0 18px;font-weight:760}.primary-button:hover{background:var(--primary-strong)}.primary-button:disabled,.secondary-button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.6}.secondary-button{border:1px solid var(--border);background:var(--surface);color:var(--text-soft);padding:0 13px}.processing-overlay{z-index:20;background:color-mix(in srgb, var(--surface) 82%, transparent);color:var(--primary-strong);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:8px;place-items:center;gap:10px;font-weight:760;display:grid;position:absolute;inset:0}.is-spinning{animation:.9s linear infinite spin}.tool-note{color:var(--text-soft);margin:0;font-size:.94rem}.timestamp-result-list{gap:10px;padding:14px;display:grid}.timestamp-result-list div{border-bottom:1px solid var(--border);gap:5px;padding:10px 0;display:grid}.timestamp-result-list div:last-child{border-bottom:0}.timestamp-result-list span{color:var(--muted);font-size:.9rem}.timestamp-result-list strong{overflow-wrap:anywhere}.info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.info-panel{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:16px}.info-panel h3{margin:0 0 8px}.info-panel p{color:var(--text-soft);margin:0}.tax-detail-list{color:var(--text-soft);gap:8px;margin:0;padding-left:20px;line-height:1.65;display:grid}.tax-detail-list strong{color:var(--text)}.snippet-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;display:grid}.code-snippet{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:8px;padding:12px;display:grid}.code-snippet pre{background:var(--surface-soft);color:var(--text);border-radius:7px;margin:0;padding:10px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.86rem;line-height:1.55;overflow:auto}.table-panel{overflow:hidden}.data-table-wrap{overflow:auto}.data-table{border-collapse:collapse;width:100%;min-width:680px;font-size:.92rem}.data-table th,.data-table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;padding:11px 12px}.data-table th{background:var(--surface-soft);color:var(--text-soft);font-weight:720}.html-entity-panel{min-width:0}.html-entity-list{background:var(--surface-soft);grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px;max-height:620px;padding:12px;display:grid;overflow:auto}.html-entity-row{border:1px solid var(--border);background:var(--surface);border-radius:8px;grid-template-columns:minmax(58px,.45fr) minmax(110px,1fr);align-items:center;gap:8px;min-height:42px;padding:6px 8px;display:grid}.html-entity-character{background:var(--surface-soft);min-width:0;min-height:30px;color:var(--text);text-overflow:ellipsis;white-space:nowrap;border-radius:6px;place-items:center;font-size:1.08rem;font-weight:720;line-height:1;display:grid;overflow:hidden}.html-entity-character.is-placeholder{color:var(--text-soft);font-size:.76rem;font-weight:700}.html-entity-code{min-width:0;color:var(--primary-strong);text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;overflow:hidden}.html-entity-empty{color:var(--text-soft);text-align:center;grid-column:1/-1;padding:28px 12px}.ua-input-area{height:160px;min-height:140px}.ua-analysis-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.ua-detail-list{gap:0;display:grid}.ua-detail-row{border-bottom:1px solid var(--border);grid-template-columns:minmax(110px,.34fr) minmax(0,1fr);gap:12px;padding:11px 12px;display:grid}.ua-detail-row:last-child{border-bottom:0}.ua-detail-row span{color:var(--text-soft);font-size:.9rem}.ua-detail-row code{min-width:0;color:var(--text);overflow-wrap:anywhere;white-space:pre-wrap;font-size:.9rem}.ua-chip-list{flex-wrap:wrap;gap:8px;padding:12px;display:flex}.ua-chip-list span{color:var(--text-soft)}.ua-chip-list code{border:1px solid var(--border);background:var(--surface-soft);max-width:100%;color:var(--text);overflow-wrap:anywhere;border-radius:7px;padding:6px 8px}.table-input{min-width:110px;padding:0 9px}.table-input--number{max-width:110px}.icon-inline-button{border:1px solid var(--border);background:var(--surface);width:32px;height:32px;color:var(--text-soft);cursor:pointer;border-radius:7px;place-items:center;display:inline-grid}.icon-inline-button:hover{background:var(--surface-soft);color:var(--danger)}.bmi-result,.love-days-display{text-align:center;place-items:center;gap:12px;padding:24px;display:grid}.bmi-score{gap:4px;display:grid}.bmi-score span,.love-days-display span,.zodiac-card span{color:var(--muted)}.bmi-score strong,.love-days-display strong{font-size:clamp(2.4rem,5vw,4rem);line-height:1}.bmi-category{background:var(--primary-soft);min-width:96px;color:var(--primary-strong);border-radius:999px;padding:8px 12px;font-weight:760}.bmi-category.is-success{background:color-mix(in srgb, var(--accent) 14%, var(--surface));color:var(--accent)}.bmi-category.is-warning{background:color-mix(in srgb, var(--warning) 14%, var(--surface));color:var(--warning)}.bmi-category.is-danger{background:color-mix(in srgb, var(--danger) 14%, var(--surface));color:var(--danger)}.countdown-display{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.countdown-display div{border:1px solid var(--border);background:var(--surface);border-radius:8px;place-items:center;gap:6px;min-height:132px;display:grid}.countdown-display strong{font-size:clamp(2rem,4vw,3.4rem);line-height:1}.countdown-display span{color:var(--muted)}.countdown-display.is-finished strong{color:var(--accent)}.zodiac-result,.personality-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.personality-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:8px;padding:16px;display:grid}.personality-card p{color:var(--text-soft);margin:0}.zodiac-card{text-align:center;place-items:center;gap:10px;min-height:160px;padding:18px;display:grid}.zodiac-card strong{font-size:clamp(2rem,4vw,3.2rem)}.zodiac-card small{color:var(--text-soft)}.file-drop{border:1px dashed var(--border-strong);background:var(--surface-soft);min-height:96px;color:var(--text-soft);text-align:center;cursor:pointer;border-radius:8px;place-items:center;gap:8px;padding:16px;display:grid;position:relative}.file-drop input{opacity:0;cursor:pointer;position:absolute;inset:0}.image-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.image-preview{min-height:220px;color:var(--text-soft);align-content:start;gap:10px;padding:12px;display:grid}.image-preview img{object-fit:contain;background:var(--surface-soft);border-radius:7px;width:100%;max-height:340px}.stego-layout{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:stretch;gap:14px;display:grid}.stego-image-panel,.stego-control-panel,.stego-output-panel{border:1px solid var(--border);background:var(--surface);border-radius:8px;overflow:hidden}.stego-panel-header{border-bottom:1px solid var(--border);background:var(--surface-soft);justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:10px 12px;display:flex}.stego-panel-title{gap:4px;min-width:0;display:grid}.stego-panel-title span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.stego-upload-button{flex-shrink:0;position:relative;overflow:hidden}.stego-upload-button input,.stego-drop-zone input{opacity:0;cursor:pointer;position:absolute;inset:0}.stego-drop-zone,.stego-preview-stage{place-items:center;min-height:460px;padding:14px;display:grid}.stego-drop-zone{background:var(--surface);color:var(--text-soft);text-align:center;cursor:pointer;border:0;align-content:center;gap:8px;position:relative}.stego-drop-zone strong{color:var(--text)}.stego-preview-stage{background:var(--surface-soft)}.stego-preview-stage img,.stego-output-preview img{object-fit:contain;background:var(--surface);border-radius:7px;width:100%;max-height:560px}.stego-control-panel{align-content:start;gap:12px;padding:12px;display:grid}.stego-control-panel .code-area{height:190px;min-height:190px}.stego-byte-count{color:var(--muted);flex-shrink:0;font-size:.9rem;font-weight:680}.stego-byte-count.is-over-limit{color:var(--warning)}.stego-output-panel{display:grid}.stego-output-preview{background:var(--surface-soft);place-items:center;min-height:280px;padding:14px;display:grid}.photo-print-layout{grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);align-items:stretch;gap:14px;display:grid}.photo-print-upload-panel,.photo-print-settings-panel,.photo-print-preview-panel{border:1px solid var(--border);background:var(--surface);border-radius:8px;overflow:hidden}.photo-print-upload-panel,.photo-print-settings-panel{grid-column:1}.photo-print-preview-panel{flex-direction:column;grid-area:1/2/span 2;min-height:0;display:flex}.photo-print-source-stage{background:var(--surface-soft);place-items:center;min-height:320px;padding:14px;display:grid}.photo-print-source-stage img{object-fit:contain;background:var(--surface);border-radius:7px;max-width:100%;max-height:360px}.photo-print-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;display:grid}.photo-print-field-full{grid-column:1/-1}.photo-print-settings-grid input[type=color]{cursor:pointer;min-height:40px;padding:4px}.photo-print-canvas-stage{background:var(--surface-soft);flex:1;place-items:center;min-height:580px;padding:18px;display:grid;position:relative;overflow:auto}.photo-print-canvas-stage canvas{background:#fff;border-radius:8px;max-width:100%;max-height:640px;box-shadow:0 14px 36px #1720331f}.image-converter-upload-panel{border:1px solid var(--border);background:var(--surface);border-radius:8px;overflow:hidden}.image-converter-header-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.image-converter-header-actions button{min-height:40px}.image-converter-header-actions>button:not(.secondary-button){border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;place-items:center;width:40px;height:40px;display:grid}.image-converter-header-actions button:disabled{cursor:not-allowed;opacity:.45}.image-converter-drop-zone{min-height:220px;color:var(--text-soft);text-align:center;cursor:pointer;align-content:center;place-items:center;gap:8px;padding:18px;display:grid;position:relative}.image-converter-drop-zone strong{color:var(--text)}.image-converter-drop-zone input{opacity:0;cursor:pointer;position:absolute;inset:0}.image-converter-inline-list{border-top:1px solid var(--border)}.image-converter-grid{gap:10px;padding:12px;display:grid}.image-converter-card{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;grid-template-columns:84px minmax(0,1fr) minmax(360px,auto);align-items:center;gap:12px;min-height:104px;padding:10px;display:grid}.image-converter-thumb{object-fit:contain;background:var(--surface);border-radius:7px;width:84px;height:84px}.image-converter-file-info{gap:4px;min-width:0;display:grid}.image-converter-file-info strong,.image-converter-file-info span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.image-converter-file-info strong{color:var(--text);font-size:.94rem}.image-converter-file-info span{color:var(--muted);font-size:.84rem}.image-converter-error{color:var(--danger)!important}.image-converter-row-actions{grid-template-columns:minmax(120px,150px) auto auto auto;justify-content:end;align-items:end;gap:8px;display:grid}.image-converter-row-actions .form-field{min-width:120px}.image-converter-row-actions .secondary-button{white-space:nowrap;min-width:86px}.image-converter-row-actions button:disabled{cursor:not-allowed;opacity:.45}.scoreboard-controls{grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr) auto;align-items:end;gap:12px;display:grid}.ranking-list{gap:12px;padding:14px;display:grid}.ranking-list ol{gap:8px;margin:0;padding-left:22px;display:grid}.ranking-list li{padding:8px 0}.ranking-list li::marker{color:var(--muted)}.ranking-list li,.history-strip{color:var(--text-soft)}.ranking-list li strong{float:right;color:var(--text)}.picker-stage{align-content:stretch;gap:14px;min-height:360px;padding:14px;display:grid}.draw-stage,.card-stage{place-items:center;gap:12px;min-height:250px;display:grid}.draw-stage strong{overflow-wrap:anywhere;text-align:center;font-size:clamp(2rem,4vw,3rem)}.draw-stage.is-rolling strong{color:var(--primary-strong)}.card-stage{perspective:900px;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));align-content:center}.flip-card{aspect-ratio:1;border:1px solid var(--border);cursor:pointer;perspective:900px;background:0 0;border-radius:8px;min-height:92px;padding:0;display:block;position:relative}.flip-card__inner{transform-style:preserve-3d;transition:transform .36s;position:absolute;inset:0}.flip-card.is-selected .flip-card__inner,.flip-card.is-flipping .flip-card__inner{transform:rotateY(180deg)}.flip-card__face{backface-visibility:hidden;overflow-wrap:anywhere;text-align:center;border-radius:8px;place-items:center;padding:10px;display:grid;position:absolute;inset:0;overflow:hidden}.flip-card__back{background:var(--surface-soft);color:var(--muted);font-size:1.4rem;font-weight:760}.flip-card__front{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-strong);font-weight:760;transform:rotateY(180deg)}.history-strip{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.history-strip span{background:var(--surface-soft);border-radius:999px;padding:6px 9px;font-size:.9rem}.coin-flip-stage{border:1px solid var(--border);background:radial-gradient(circle at 50% 28%, color-mix(in srgb, var(--warning) 18%, transparent), transparent 34%), var(--surface);border-radius:8px;place-items:center;gap:18px;min-height:360px;padding:24px;display:grid}.coin-button{aspect-ratio:1;cursor:pointer;perspective:900px;background:0 0;border:0;place-items:center;width:min(46vw,220px);padding:0;display:grid}.coin-button:disabled{cursor:wait}.coin{width:100%;height:100%;transform-style:preserve-3d;transition:transform .24s;display:block;position:relative}.coin.is-tails{transform:rotateY(180deg)}.coin-button.is-flipping .coin{animation:.9s cubic-bezier(.22,.72,.22,1) forwards coinFlipHeads}.coin-button.is-flipping.is-target-tails .coin{animation-name:coinFlipTails}.coin__face{border:10px solid color-mix(in srgb, var(--warning) 72%, #fff);backface-visibility:hidden;color:#5f3b0c;background:radial-gradient(circle at 34% 26%,#ffffffb8,#0000 24%),linear-gradient(145deg,#f8df88,#c8952e);border-radius:50%;place-items:center;font-size:clamp(3rem,11vw,5.4rem);font-weight:860;display:grid;position:absolute;inset:0;box-shadow:inset 0 0 0 8px #ffffff2e,0 18px 35px #17203329}.coin__face--tails{color:#263b5f;background:radial-gradient(circle at 34% 26%,#ffffffb3,#0000 24%),linear-gradient(145deg,#d8e3f4,#8fa6c7);transform:rotateY(180deg)}.coin-flip-result{text-align:center;gap:5px;display:grid}.coin-flip-result span{color:var(--muted)}.coin-flip-result strong{font-size:clamp(1.7rem,4vw,2.6rem)}.coin-stat-grid .stat-card small{color:var(--muted);font-weight:680}.coin-history{min-height:64px;color:var(--text-soft);flex-wrap:wrap;align-items:center;gap:8px;padding:14px;display:flex}.coin-history span{background:var(--surface-soft);border-radius:999px;padding:7px 10px;font-size:.9rem;font-weight:680}.coin-history span.is-heads{background:color-mix(in srgb, var(--warning) 16%, var(--surface));color:var(--warning)}.coin-history span.is-tails{background:color-mix(in srgb, var(--primary) 14%, var(--surface));color:var(--primary-strong)}.right-panel{gap:16px;display:grid}.side-block{padding:14px}.side-block__title{gap:8px;margin-bottom:12px}.compact-tool-list{gap:6px;display:grid}.compact-tool-list a{color:var(--text-soft);border-radius:7px;padding:9px 10px}.compact-tool-list a:hover{background:var(--surface-soft);color:var(--text)}.side-empty{margin:0}.section-heading{justify-content:space-between;gap:12px;margin-bottom:16px}.section-heading h2{margin:0}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.tool-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:8px;min-height:132px;padding:16px;display:grid;position:relative}.tool-card:hover{border-color:var(--primary)}.tool-card svg{color:var(--primary);position:absolute;bottom:14px;right:14px}.tool-list{border:1px solid var(--border);border-radius:8px;display:grid;overflow:hidden}.tool-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.tool-row:last-child{border-bottom:0}.tool-row span{gap:5px;display:grid}.seo-section,.faq-section{line-height:1.75}.seo-section p:last-child,.faq-section p:last-child{margin-bottom:0}.faq-section details{border-top:1px solid var(--border);padding:14px 0}.faq-section summary{cursor:pointer;font-weight:720}.site-footer{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:14px;padding:28px 24px 40px;display:flex}.site-footer__version{color:var(--text-soft)}.mobile-nav-layer{z-index:80;position:fixed;inset:0}.mobile-nav-backdrop{background:#0b101870;border:0;position:absolute;inset:0}.mobile-nav-drawer{background:var(--bg);width:min(82vw,320px);box-shadow:var(--shadow);padding:14px;position:absolute;top:0;bottom:0;left:0}.tool-sidebar--mobile{height:100%;overflow:auto}.error-page{min-height:calc(100vh - var(--header-height));text-align:center;align-content:center;place-items:center;gap:12px;padding:32px;display:grid}.error-page h1{margin:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes coinFlipHeads{0%{transform:translateY(0)rotateY(0)rotateX(0)}42%{transform:translateY(-28px)rotateY(720deg)rotateX(18deg)}to{transform:translateY(0)rotateY(1440deg)rotateX(0)}}@keyframes coinFlipTails{0%{transform:translateY(0)rotateY(0)rotateX(0)}42%{transform:translateY(-28px)rotateY(720deg)rotateX(18deg)}to{transform:translateY(0)rotateY(1620deg)rotateX(0)}}@media (width<=1180px){.app-layout{grid-template-columns:220px minmax(0,1fr)}.desktop-right-panel{display:none}}@media (width<=860px){:root{--header-height:64px}.app-header__inner{grid-template-columns:auto 1fr auto;gap:10px;padding:0 14px}.app-header__menu{display:grid}.brand-link{min-width:auto}.brand-name,.locale-switcher,.desktop-sidebar{display:none}.global-search{min-width:0}.app-layout{grid-template-columns:1fr;padding:16px}.workspace-grid,.workspace-grid--wide-left,.tool-form-grid,.qr-layout,.qr-settings-grid,.barcode-layout,.barcode-settings-grid,.image-preview-grid,.stego-layout,.photo-print-layout,.photo-print-settings-grid,.ua-analysis-grid,.zodiac-result,.personality-grid,.scoreboard-controls,.info-grid,.snippet-grid,.tool-grid{grid-template-columns:1fr}.photo-print-upload-panel,.photo-print-settings-panel,.photo-print-preview-panel{grid-area:auto}.stat-grid,.countdown-display{grid-template-columns:repeat(2,minmax(0,1fr))}.code-area,.empty-input-panel{height:300px;min-height:300px}.word-counter-input{height:360px;min-height:280px}.word-counter-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.stego-drop-zone,.stego-preview-stage,.qr-canvas-stage,.barcode-stage{min-height:280px}.home-intro,.tool-hero,.tool-section,.seo-section,.faq-section{padding:18px}.timestamp-metric-list{grid-template-columns:repeat(2,minmax(0,1fr))}.timestamp-metric-row:nth-child(2n){border-right:0}.image-converter-card{grid-template-columns:76px minmax(0,1fr)}.image-converter-thumb{width:76px;height:76px}.image-converter-row-actions{grid-column:1/-1;grid-template-columns:minmax(120px,1fr) auto auto auto;justify-content:stretch}}@media (width<=560px){.app-header__inner{grid-template-columns:auto minmax(0,1fr) auto}.header-actions{gap:6px}.header-actions .icon-button:last-child{display:none}.global-search input{height:38px;padding-left:36px;padding-right:34px}.workspace__toolbar,.tool-hero__title-row,.section-heading,.tool-row{flex-direction:column;align-items:flex-start}.workspace{padding:12px}.workspace-actions{justify-content:stretch}.stat-grid,.countdown-display{grid-template-columns:1fr}.word-counter-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-form-grid--with-action,.postal-query-form{grid-template-columns:1fr}.result-panel__header{flex-direction:column;align-items:flex-start}.stego-panel-header,.qr-logo-header{flex-direction:column;align-items:stretch}.primary-button,.secondary-button,.button-group,.button-group>.primary-button,.button-group>.secondary-button{width:100%}.timestamp-current-panel__header{flex-direction:column;align-items:flex-start}.timestamp-current-panel__title{flex-direction:column;gap:3px}.timestamp-current-panel__actions{justify-content:flex-start}.timestamp-current-panel__actions .secondary-button{width:auto}.image-converter-header-actions{justify-content:stretch}.image-converter-header-actions .secondary-button{flex:128px}.image-converter-header-actions>button:not(.secondary-button){flex:0 0 40px}.image-converter-card{grid-template-columns:1fr}.image-converter-thumb{width:100%;height:160px}.image-converter-row-actions{grid-template-columns:1fr 1fr}.image-converter-row-actions .form-field{grid-column:1/-1}.image-converter-row-actions .secondary-button,.image-converter-row-actions .icon-inline-button{width:100%}.timestamp-metric-row__label{display:none}}