.app-message-stack[data-v-6f07ac86]{right:calc(28px + var(--safe-right));bottom:calc(28px + var(--safe-bottom));z-index:24;gap:12px;display:grid;position:fixed}.app-message-card[data-v-6f07ac86]{background:#081321f5;border:1px solid #8cf0da3d;border-radius:18px;gap:.5rem;width:min(360px,100vw - 32px);padding:14px 16px;display:grid;box-shadow:0 18px 48px #00000047}.app-message-card[data-tone=success][data-v-6f07ac86]{border-color:#86f1b652}.app-message-card[data-tone=error][data-v-6f07ac86]{border-color:#ff7e9d52}.app-message-title[data-v-6f07ac86]{font-size:.95rem}.app-message-card p[data-v-6f07ac86]{color:var(--muted);margin:0}html[data-theme=mac-light] .app-message-card[data-v-6f07ac86]{background:#fffffff0}:root{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--bg:#07111d;--bg-soft:#0b1728;--panel:#0a1423d1;--panel-soft:#0e1c2ebd;--panel-strong:#102137e6;--border:#8cbeff29;--text:#ecf4ff;--muted:#94a8c5;--accent:#8cf0da;--accent-warm:#ffc477;--danger:#ff7e9d;--success:#86f1b6;--surface-card-bg:#0f172a3d;--surface-card-border:#94a3b829;--result-card-bg:#0f172a52;--result-card-border:#94a3b82e;--error-card-bg:#ff78783d;color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#8cf0da29,#0000 28%),radial-gradient(circle at 100% 0,#ffc47724,#0000 26%),linear-gradient(#081221 0%,#050c16 100%);font-family:IBM Plex Sans,PingFang SC,Helvetica Neue,sans-serif;font-weight:400;line-height:1.5}html[data-theme=mac-light]{--bg:#eef2f8;--bg-soft:#f8fafe;--panel:#ffffff9e;--panel-soft:#ffffffc7;--panel-strong:#ffffffe6;--border:#54668424;--text:#172235;--muted:#69758d;--accent:#0a84ff;--accent-warm:#ff9f0a;--danger:#d84a63;--success:#1f9b5a;--surface-card-bg:#f8faffe6;--surface-card-border:#687fa51f;--result-card-bg:#f8faffe6;--result-card-border:#687fa51f;--error-card-bg:#ff7878e6;background:radial-gradient(circle at 0 0,#0a84ff1c,#0000 24%),radial-gradient(circle at 100% 0,#ff9f0a1f,#0000 23%),radial-gradient(circle at 100% 100%,#b5cdff38,#0000 28%),linear-gradient(#fbfcff 0%,#eef3f9 100%)}*{box-sizing:border-box}html,body,#app{min-width:320px;height:100%;min-height:100%}body{overscroll-behavior-y:none;margin:0}body:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:30px 30px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000c,#0000 92%);mask-image:linear-gradient(#000c,#0000 92%)}html[data-theme=mac-light] body:before{background-image:linear-gradient(#0d1b3609 1px,#0000 1px),linear-gradient(90deg,#0d1b3609 1px,#0000 1px)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:270px minmax(0,1fr);height:100dvh;min-height:100dvh;display:grid;position:relative;overflow:hidden}.sidebar-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:11;background:#02060c8f;position:fixed;inset:0}.sidebar{border-right:1px solid var(--border);-webkit-backdrop-filter:blur(28px)saturate(140%);backdrop-filter:blur(28px)saturate(140%);z-index:12;background:linear-gradient(#ffffff14,#0000 28%),linear-gradient(#07101ddb,#07101da3);flex-direction:column;gap:16px;min-height:0;padding:20px 16px;display:flex;position:relative;overflow:hidden}.brand-block{padding:8px 6px 4px;position:relative}.brand-block h1{letter-spacing:-.04em;margin:0;font-size:2.35rem;line-height:.92}.eyebrow{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;margin:0 0 10px;font-size:12px}.brand-copy,.workspace-subtitle,.meta-hint,.nav-link span,.helper-text,.doc-description,.palette-item-meta,.palette-empty,.workflow-list,.page-intro{color:var(--muted)}.search-launch,.ghost-button,.solid-button,.nav-link,.palette-item,.nav-entry,.nav-action-button{transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}.search-launch,.ghost-button,.solid-button{appearance:none;border:1px solid #0000;border-radius:16px;padding:10px 14px}.search-launch,.ghost-button{color:var(--text);background:#ffffff0a;border-color:#ffffff14}.search-launch:hover,.ghost-button:hover,.solid-button:hover,.palette-item:hover,.nav-link:hover{transform:translateY(-1px)}.search-launch{justify-content:space-between;align-items:center;gap:16px;min-height:48px;display:flex}.search-launch-inline{min-width:168px}.sidebar-toolbar{align-items:center;gap:8px;padding:0 4px;display:flex}.sidebar-close-button{display:none}.icon-button{width:38px;height:38px;color:var(--muted);background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;flex:none;justify-content:center;align-items:center;transition:transform .18s,border-color .18s,background .18s,color .18s,box-shadow .18s;display:inline-flex}.icon-button:hover{color:var(--text);transform:translateY(-1px)}.toolbar-icon{width:16px;height:16px}.theme-switcher{background:#ffffff09;border:1px solid #ffffff14;border-radius:999px;flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;min-width:0;padding:4px;display:grid}.theme-option{min-height:30px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:999px;padding:0 10px;font-size:.8rem;font-weight:600}.theme-option-active{color:var(--text);background:#ffffff14;border-color:#ffffff14;box-shadow:0 10px 24px #00000024}.shortcut-key{color:var(--accent);white-space:nowrap;background:#ffffff0f;border-radius:999px;padding:4px 8px;font-size:12px}.shortcut-key-inline{align-items:center;min-height:30px;padding:0 8px;font-size:11px;display:inline-flex}.sidebar-nav{flex:1;align-content:start;gap:8px;min-height:0;padding-right:2px;display:grid;overflow:auto}.sidebar-linkout{color:var(--muted);gap:2px;padding:10px 8px 4px;font-size:.76rem;display:grid}.sidebar-linkout span{opacity:.78;font-size:.7rem}.sidebar-meta{color:var(--muted);flex-wrap:wrap;gap:8px;padding:0 4px;font-size:.8rem;display:flex}.sidebar-meta span{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:999px;padding:4px 8px}.nav-entry{box-shadow:none;background:0 0;border:1px solid #0000;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:4px;display:grid;position:relative}.nav-link{background:#ffffff04;border:1px solid #ffffff0d;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:10px 44px 11px 12px;display:flex}.nav-link-copy{gap:3px;min-width:0;display:grid}.nav-link-kicker{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:1px;font-size:.65rem;font-weight:700;display:inline-flex}.nav-link strong{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:600;overflow:hidden}.nav-link-description{letter-spacing:0;text-transform:none;color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.72rem;line-height:1.4;display:-webkit-box;overflow:hidden}.nav-link-badges{align-self:start;align-items:center;gap:6px;padding-top:2px;display:flex}.nav-badge{letter-spacing:.08em;text-transform:uppercase;border:1px solid #ffffff0f;border-radius:999px;justify-content:center;align-items:center;min-width:44px;height:20px;padding:0 7px;font-size:.62rem;font-weight:700;display:inline-flex}.nav-badge-pinned{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent)}.nav-badge-favorite{color:var(--accent-warm);background:color-mix(in srgb, var(--accent-warm) 10%, transparent)}.nav-actions{opacity:0;pointer-events:none;align-items:center;gap:4px;transition:opacity .18s,transform .18s;display:flex;position:absolute;top:12px;right:12px;transform:translate(4px)}.nav-action-button{width:30px;height:30px;color:var(--muted);opacity:.78;background:#ffffff04;border:1px solid #ffffff0f;border-radius:999px;padding:6px;font-size:.76rem;font-weight:500;line-height:1}.nav-action-button:hover{color:var(--text);opacity:1;transform:translateY(-1px)}.nav-entry:hover .nav-actions,.nav-entry-active .nav-actions,.nav-entry-favorite .nav-actions{opacity:1;pointer-events:auto;transform:translate(0)}.nav-link.router-link-active{background:linear-gradient(#ffffff1a,#0000 26%),linear-gradient(#8cf0da24,#ffffff0f);border-color:#8cf0da52;box-shadow:inset 0 1px #ffffff2e,0 14px 28px #00000024}.nav-entry:hover .nav-link{background:linear-gradient(#ffffff14,#0000 28%),#ffffff05;border-color:#ffffff14}.nav-entry:hover{background:linear-gradient(#ffffff06,#0000)}.workspace-shell{grid-template-rows:auto minmax(0,1fr);min-width:0;height:100dvh;min-height:100dvh;display:grid;position:relative}.workspace-header{padding:calc(12px + var(--safe-top)) calc(20px + var(--safe-right)) 12px calc(20px + var(--safe-left));border-bottom:1px solid var(--border);z-index:5;justify-content:space-between;align-items:center;gap:16px;display:flex;position:sticky;top:0}.workspace-menu-button{display:none}.workspace-header .eyebrow{margin:0 0 4px}.workspace-header-main,.workspace-header-actions{align-items:center;gap:12px;display:flex}.workspace-header-main{min-width:0}.workspace-favorite-button{width:36px;height:36px;font-size:.86rem}.workspace-install-button{min-height:36px}.workspace-title{letter-spacing:-.04em;margin:0;font-size:1.4rem}.workspace-subtitle{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;font-size:.92rem;line-height:1.25;display:-webkit-box;overflow:hidden}.workspace-chip{min-height:32px;color:var(--muted);-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%);background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;align-items:center;padding:0 12px;font-size:.82rem;display:inline-flex}.traffic-lights{align-items:center;gap:8px;padding-top:1px;display:flex}.traffic-light{border-radius:999px;width:12px;height:12px;box-shadow:inset 0 1px #ffffff47}.traffic-light-close{background:#ff5f57}.traffic-light-minimize{background:#febc2e}.traffic-light-expand{background:#28c840}.workspace-shell>main{-webkit-overflow-scrolling:touch;min-width:0;min-height:0;overflow:auto}.tool-page{--tool-accent:var(--accent);--tool-accent-soft:#8cf0da2e;min-height:calc(100vh - 170px);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;border-radius:0;gap:20px;padding:16px;display:grid;position:relative}.tool-page-time{--tool-accent:#7ff4d9;--tool-accent-soft:#7ff4d929}.tool-page-json{--tool-accent:#8fc2ff;--tool-accent-soft:#8fc2ff2e;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;border-radius:0;height:calc(100vh - 100px);min-height:calc(100vh - 100px);padding:16px;overflow:hidden}.tool-page-codec{--tool-accent:#ffbe78;--tool-accent-soft:#ffbe782b}.tool-page-regex{--tool-accent:#97aaff;--tool-accent-soft:#97aaff2e}.tool-page-http{--tool-accent:#70d8ff;--tool-accent-soft:#70d8ff2e}.tool-page-qrcode{--tool-accent:#66e2b3;--tool-accent-soft:#66e2b32e}.tool-page-package{--tool-accent:#ffb86f;--tool-accent-soft:#ffb86f2e}.tool-page-jwt{--tool-accent:#9ac0ff;--tool-accent-soft:#9ac0ff2e}.tool-page-diff{--tool-accent:#83efc9;--tool-accent-soft:#83efc92e}.tool-page-image{--tool-accent:#ffa86a;--tool-accent-soft:#ffa86a2e}.tool-page-color{--tool-accent:#8d97ff;--tool-accent-soft:#8d97ff2e}.tool-page-cron{--tool-accent:#7fe7df;--tool-accent-soft:#7fe7df2e}.tool-page-hash{--tool-accent:#b6a0ff;--tool-accent-soft:#b6a0ff2e}.tool-page-calculator{--tool-accent:#ffc477;--tool-accent-soft:#ffc4772e}.tool-page-converter{--tool-accent:#7fd4ff;--tool-accent-soft:#7fd4ff2e}.tool-page-clipboard{--tool-accent:#8fe2da;--tool-accent-soft:#8fe2da2e}.tool-page-weather{--tool-accent:#7fb7ff;--tool-accent-soft:#7fb7ff2e}.tool-page-noise{--tool-accent:#d79dff;--tool-accent-soft:#d79dff2e}.tool-page-request{--tool-accent:#8cf0da;--tool-accent-soft:#8cf0da2e}.tool-page-header-cookie{--tool-accent:#70d8ff;--tool-accent-soft:#70d8ff2e}.tool-page-typegen{--tool-accent:#8fc2ff;--tool-accent-soft:#8fc2ff2e}.tool-page-ws{--tool-accent:#83efc9;--tool-accent-soft:#83efc92e}.tool-page-hmac{--tool-accent:#ff9d7b;--tool-accent-soft:#ff9d7b2e}.tool-page-header{justify-content:space-between;align-items:start;gap:18px;display:flex}.pill-row{flex-wrap:wrap;gap:10px;margin-bottom:12px;display:flex}.section-badge,.status-badge{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:8px 12px;font-size:12px;display:inline-flex}.section-badge{color:var(--tool-accent);background:color-mix(in srgb, var(--tool-accent) 16%, transparent)}.status-badge{color:var(--accent-warm);background:#ffc4771f}.tool-page-title{letter-spacing:-.05em;margin:0 0 10px;font-size:clamp(2rem,4vw,3.2rem);line-height:.98}.tool-page-description{max-width:56rem;color:var(--muted);margin:0;font-size:1.02rem}.tool-page-header .tool-page-description{color:color-mix(in srgb, var(--text) 72%, var(--muted))}.tool-page-layout{flex:1;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);gap:18px;min-height:0;display:grid}.wide-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-pane,.viewer-pane,.page-card,.doc-card{-webkit-backdrop-filter:blur(20px)saturate(135%);backdrop-filter:blur(20px)saturate(135%);background:linear-gradient(#ffffff0d,#0000 30%),linear-gradient(#0f1d30bd,#09121fd6);border:1px solid #ffffff17;border-radius:28px;gap:16px;min-width:0;padding:20px;display:grid;box-shadow:inset 0 1px #ffffff1a,0 22px 54px #0000001f}.markdown-preview{align-content:start;line-height:1.65;overflow:auto}.markdown-preview p{margin:0 0 12px}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3,.markdown-preview h4,.markdown-preview h5,.markdown-preview h6{letter-spacing:-.03em;margin:18px 0 10px}.markdown-preview h1{font-size:1.7rem}.markdown-preview h2{font-size:1.35rem}.markdown-preview h3{font-size:1.15rem}.markdown-preview ul,.markdown-preview ol{gap:6px;margin:0 0 12px 18px;padding:0;display:grid}.markdown-preview li>ul,.markdown-preview li>ol{margin-top:8px;margin-bottom:0}.markdown-preview .md-task-list-item{list-style:none}.markdown-preview .md-task-label{align-items:flex-start;gap:10px;display:inline-flex}.markdown-preview .md-task-label input{accent-color:var(--accent);margin:3px 0 0}.markdown-preview blockquote{background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;margin:12px 0;padding:12px 14px;box-shadow:inset 0 1px #ffffff1a}.markdown-preview blockquote p{color:var(--muted);margin:0}.markdown-preview table{border-collapse:separate;border-spacing:0;border:1px solid #ffffff17;border-radius:18px;width:100%;margin:12px 0;overflow:hidden}.markdown-preview th,.markdown-preview td{vertical-align:top;border-bottom:1px solid #ffffff14;padding:10px 12px}.markdown-preview th{text-align:left;background:#ffffff0d}.markdown-preview tr:last-child td{border-bottom:none}.markdown-preview a{color:var(--accent);text-underline-offset:3px;-webkit-text-decoration:underline #8cf0da66;text-decoration:underline #8cf0da66}.markdown-preview del{color:var(--muted);text-decoration-thickness:1.5px}.markdown-preview .md-image{border:1px solid #ffffff14;border-radius:18px;width:100%;max-width:min(100%,720px);margin:14px 0;display:block;box-shadow:inset 0 1px #ffffff1f,0 16px 36px #00000024}.markdown-preview code{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;padding:2px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.92em}.markdown-preview .md-pre{background:linear-gradient(#ffffff0f,#0000 38%),#03091094;border:1px solid #ffffff14;border-radius:20px;margin:12px 0;padding:14px 16px;overflow:auto}.markdown-preview .md-pre code{background:0 0;border:none;padding:0;font-size:.86em}.markdown-preview .token.comment,.markdown-preview .token.prolog,.markdown-preview .token.doctype,.markdown-preview .token.cdata{color:#94a8c5d9}.markdown-preview .token.punctuation{color:#ecf4ffb3}.markdown-preview .token.property,.markdown-preview .token.tag,.markdown-preview .token.constant,.markdown-preview .token.symbol,.markdown-preview .token.deleted{color:#ff7e9d}.markdown-preview .token.boolean,.markdown-preview .token.number{color:#ffc477}.markdown-preview .token.selector,.markdown-preview .token.attr-name,.markdown-preview .token.string,.markdown-preview .token.char,.markdown-preview .token.builtin,.markdown-preview .token.inserted{color:#86f1b6}.markdown-preview .token.operator,.markdown-preview .token.entity,.markdown-preview .token.url{color:#ecf4ffcc}.markdown-preview .token.atrule,.markdown-preview .token.attr-value,.markdown-preview .token.keyword{color:#8fc2ff}.markdown-preview .token.function,.markdown-preview .token.class-name{color:#7ff4d9}.markdown-preview .token.regex,.markdown-preview .token.important,.markdown-preview .token.variable{color:#ffbe78}.markdown-preview .token.important,.markdown-preview .token.bold{font-weight:700}.markdown-preview .token.italic{font-style:italic}.markdown-preview .token.entity{cursor:help}.editor-pane,.viewer-pane{align-content:start}.pane-header,.panel-header{justify-content:space-between;align-items:start;gap:16px;display:flex}.pane-title,.panel-title,.doc-title,.page-title{margin:0}.pane-title{font-size:1.2rem}.page-title{font-size:2rem}.field-label{color:var(--muted);margin-bottom:8px;font-size:.92rem;display:block}.field-row{gap:8px;display:grid}.inline-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.text-input,.text-area,.select-input,.palette-input{width:100%;color:var(--text);-webkit-backdrop-filter:blur(16px)saturate(135%);backdrop-filter:blur(16px)saturate(135%);background:linear-gradient(#ffffff0f,#0000 42%),#03091085;border:1px solid #ffffff14;border-radius:20px}.text-input,.select-input,.palette-input{min-height:48px;padding:0 14px}.text-area{resize:vertical;min-height:180px;padding:14px;line-height:1.6}.text-area-compact{min-height:128px}.text-area-full{height:100%;min-height:420px}.slider-input{width:100%;accent-color:var(--tool-accent,var(--accent))}.text-input:focus,.text-area:focus,.select-input:focus,.palette-input:focus{border-color:color-mix(in srgb, var(--tool-accent,var(--accent)) 42%, transparent);box-shadow:0 0 0 4px color-mix(in srgb, var(--tool-accent,var(--accent)) 16%, transparent);outline:none}.input-toolbar{flex-wrap:wrap;gap:10px;display:flex}.tab-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tab-button{color:color-mix(in srgb, var(--text) 88%, var(--muted));cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:.9rem;transition:border-color .16s,background .16s,color .16s;display:inline-flex}.tab-button[data-active=true]{border-color:color-mix(in srgb, var(--tool-accent,var(--accent)) 40%, transparent);background:color-mix(in srgb, var(--tool-accent,var(--accent)) 16%, transparent);color:var(--text)}.ws-log-panel{align-content:start}.ws-log-list{gap:10px;display:grid}.ws-log-row{background:linear-gradient(#ffffff0a,#0000 36%),#ffffff05;border:1px solid #ffffff14;border-radius:18px;grid-template-columns:86px 54px minmax(0,1fr) auto;align-items:start;gap:12px;padding:12px;display:grid}.ws-log-time{color:var(--muted);font-size:.82rem}.ws-log-tag{height:26px;color:var(--muted);background:#ffffff08;border:1px solid #ffffff14;border-radius:999px;justify-content:center;align-items:center;font-size:.78rem;display:inline-flex}.ws-log-payload{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text);margin:0;font-family:JetBrains Mono,SFMono-Regular,monospace}.ws-log-row[data-direction=in]{border-color:#83efc929}.ws-log-row[data-direction=out]{border-color:#70d8ff29}.ws-log-row[data-direction=system]{border-color:#94a8c529}.http-composer-grid{grid-template-columns:140px minmax(0,1fr);gap:12px;display:grid}.http-method-field{align-content:start}.http-body-input{min-height:220px}.jwt-input,.jwt-output{min-height:240px}.diff-textarea{min-height:260px}.image-dropzone{background:linear-gradient(#ffffff0a,#0000 40%),#ffffff04;border:1px dashed #ffffff29;border-radius:24px;gap:10px;padding:18px;display:grid}.image-dropzone p{color:var(--muted);margin:0}.image-dropzone-active{border-color:color-mix(in srgb, var(--tool-accent,var(--accent)) 48%, transparent);box-shadow:0 0 0 4px color-mix(in srgb, var(--tool-accent,var(--accent)) 14%, transparent)}.image-file-input{display:none}.image-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.image-studio-cropper-panel,.image-crop-workspace,.image-crop-workspace-shell{min-width:0}.image-crop-workspace-shell,.image-crop-workspace-empty{min-height:420px}.image-crop-workspace-shell{border-radius:20px;overflow:hidden}.image-crop-workspace-cropper{width:100%}.image-crop-toolbar{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.image-preview-stack{gap:8px;display:grid}.image-preview-meta{gap:4px;display:grid}.image-preview-meta p{margin:0}.image-preview-meta .helper-text{margin-top:2px}.image-preview-html-shell{justify-items:start;overflow:auto}.image-preview-html-content{display:block}.image-preview-html-content .show-preview{margin:0}.image-preview-html-shell img{display:block}.image-preview-result-shell{justify-items:start}.image-preview-shell{background:linear-gradient(#ffffff0a,#0000 32%),#ffffff04;border:1px solid #ffffff12;border-radius:20px;place-items:center;min-height:260px;padding:12px;display:grid}.image-preview{border-radius:16px;max-width:100%;max-height:320px;display:block;box-shadow:0 18px 42px #0000002e}.color-input-group{grid-template-columns:96px minmax(0,1fr);align-items:center;gap:14px;display:grid}.color-picker-input{cursor:pointer;background:0 0;border:none;border-radius:18px;width:96px;height:64px;padding:0}.color-scheme-grid,.contrast-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.color-card,.contrast-card{background:linear-gradient(#ffffff0a,#0000 36%),#ffffff05;border:1px solid #ffffff14;border-radius:20px;gap:10px;padding:14px;display:grid}.color-swatch{border:1px solid #ffffff14;border-radius:16px;width:100%;min-height:92px}.gradient-preview-shell{background:#ffffff06;border:1px solid #ffffff14;border-radius:20px;padding:12px}.gradient-preview{border-radius:16px;min-height:160px}.contrast-sample{letter-spacing:-.03em;border-radius:16px;place-items:center;min-height:96px;font-size:1.2rem;font-weight:700;display:grid}.contrast-card-light,.contrast-card-dark{align-content:start}.timeline-list{gap:10px;display:grid}.timeline-row{background:linear-gradient(#ffffff0a,#0000 36%),#ffffff05;border:1px solid #ffffff14;border-radius:18px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:12px;padding:12px 14px;display:grid}.timeline-index{background:color-mix(in srgb, var(--tool-accent,var(--accent)) 16%, transparent);width:34px;height:34px;color:var(--tool-accent,var(--accent));border-radius:999px;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:inline-flex}.hash-result-list{gap:12px;display:grid}.hash-result-card{background:linear-gradient(#ffffff0a,#0000 36%),#ffffff05;border:1px solid #ffffff14;border-radius:20px;gap:12px;padding:14px;display:grid}.hash-code{overflow-wrap:anywhere}.calculator-result-card,.weather-current-card{background:linear-gradient(#ffffff0d,#0000 36%),#ffffff05;border:1px solid #ffffff14;border-radius:22px;gap:10px;padding:18px;display:grid}.calculator-result-value,.weather-temp{letter-spacing:-.05em;font-size:clamp(2rem,4vw,3rem);line-height:1}.history-entry-body{gap:4px;min-width:0;display:grid}.converter-grid,.weather-forecast-list,.clipboard-entry-list{gap:12px;display:grid}.clipboard-entry-code{white-space:pre-wrap;overflow-wrap:anywhere}.http-panel{background:linear-gradient(#ffffff0d,#0000 30%),#ffffff04;border:1px solid #ffffff12;border-radius:22px;gap:12px;padding:16px;display:grid}.http-template-list,.jwt-template-list{gap:10px;display:grid}.http-template-card{text-align:left;width:100%;color:var(--text);background:linear-gradient(#ffffff0b,#0000 34%),#ffffff05;border:1px solid #ffffff12;border-radius:22px;gap:10px;padding:14px;display:grid}.http-template-card:hover{border-color:color-mix(in srgb, var(--tool-accent,var(--accent)) 28%, transparent);box-shadow:0 18px 40px color-mix(in srgb, var(--tool-accent,var(--accent)) 12%, transparent);transform:translateY(-1px)}.http-template-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.http-template-method,.http-template-action{letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}.http-template-method{background:color-mix(in srgb, var(--tool-accent,var(--accent)) 16%, transparent);min-height:28px;color:var(--tool-accent);border:1px solid #ffffff14;border-radius:999px;align-items:center;padding:0 10px;display:inline-flex}.http-template-method[data-method=DELETE]{color:#ff9d7b}.diff-result-panel{align-content:start}.diff-grid{gap:8px;display:grid}.diff-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.diff-cell{background:#ffffff08;border:1px solid #ffffff14;border-radius:18px;grid-template-columns:48px minmax(0,1fr);align-items:start;gap:10px;min-width:0;padding:12px;display:grid}.diff-line-number{min-height:24px;color:var(--muted);background:#ffffff0d;border-radius:999px;justify-content:center;align-items:center;font-size:.76rem;display:inline-flex}.diff-code{white-space:pre-wrap;word-break:break-word;color:var(--text);font-family:JetBrains Mono,SFMono-Regular,monospace}.diff-row[data-type=same] .diff-cell{background:#ffffff06}.diff-row[data-type=add] .diff-cell:last-child{background:#86f1b614;border-color:#86f1b62e}.diff-row[data-type=remove] .diff-cell:first-child{background:#ff7e9d14;border-color:#ff7e9d2e}.http-template-action{color:var(--muted)}.http-template-title{font-size:1rem;font-weight:600}.http-template-summary{color:var(--muted);margin:0;font-size:.9rem;line-height:1.5}.http-template-url{color:var(--text);word-break:break-word;background:#0309104d;border:1px solid #ffffff0f;border-radius:16px;margin:0;padding:12px 14px;font-family:JetBrains Mono,SFMono-Regular,monospace;font-size:.8rem;line-height:1.5;display:block}.http-response-body{min-height:360px}.qrcode-content-input{min-height:220px}.qrcode-color-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.qrcode-color-field{align-content:start}.qrcode-color-input{grid-template-columns:58px minmax(0,1fr);gap:10px;display:grid}.color-swatch{cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:18px;width:100%;min-height:48px;padding:0}.qrcode-template-panel,.qrcode-preview-panel,.qrcode-meta-panel{background:linear-gradient(#ffffff0d,#0000 30%),#ffffff04;border:1px solid #ffffff12;border-radius:22px;gap:12px;padding:16px;display:grid}.qrcode-template-list{gap:10px;display:grid}.qrcode-template-card{text-align:left;width:100%;color:var(--text);background:linear-gradient(#ffffff0b,#0000 34%),#ffffff05;border:1px solid #ffffff12;border-radius:22px;gap:10px;padding:14px;display:grid}.qrcode-template-card:hover{border-color:color-mix(in srgb, var(--tool-accent,var(--accent)) 28%, transparent);box-shadow:0 18px 40px color-mix(in srgb, var(--tool-accent,var(--accent)) 12%, transparent);transform:translateY(-1px)}.qrcode-template-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.qrcode-template-title{font-size:1rem;font-weight:600}.qrcode-template-action{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}.qrcode-template-summary{color:var(--muted);margin:0;font-size:.9rem;line-height:1.5}.qrcode-template-payload{color:var(--text);word-break:break-word;background:#0309104d;border:1px solid #ffffff0f;border-radius:16px;margin:0;padding:12px 14px;font-family:JetBrains Mono,SFMono-Regular,monospace;font-size:.8rem;line-height:1.5;display:block}.qrcode-preview-shell{background:radial-gradient(circle at top left, color-mix(in srgb, var(--tool-accent,var(--accent)) 10%, transparent), transparent 30%), #ffffff06;border:1px solid #ffffff12;border-radius:26px;place-items:center;min-height:420px;display:grid}.qrcode-preview-image{border-radius:28px;width:min(100%,360px);height:auto;box-shadow:0 28px 60px #00000038,inset 0 1px #ffffff3d}.package-search-form,.package-panel{gap:12px;display:grid}.package-panel{background:linear-gradient(#ffffff0d,#0000 30%),#ffffff04;border:1px solid #ffffff12;border-radius:22px;padding:16px}.package-quick-list{flex-wrap:wrap;gap:8px;display:flex}.package-quick-chip{min-height:34px;color:var(--muted);background:#ffffff09;border:1px solid #ffffff14;border-radius:999px;padding:0 12px}.package-result-list{gap:10px;max-height:460px;padding-right:4px;display:grid;overflow:auto}.package-result-card{text-align:left;width:100%;color:var(--text);background:linear-gradient(#ffffff0b,#0000 34%),#ffffff05;border:1px solid #ffffff12;border-radius:22px;gap:10px;padding:14px;display:grid}.package-result-card:hover{border-color:color-mix(in srgb, var(--tool-accent,var(--accent)) 26%, transparent);box-shadow:0 18px 42px color-mix(in srgb, var(--tool-accent,var(--accent)) 12%, transparent);transform:translateY(-1px)}.package-result-card-active{border-color:color-mix(in srgb, var(--tool-accent,var(--accent)) 32%, transparent);box-shadow:inset 0 1px 0 #ffffff1a, 0 18px 44px color-mix(in srgb, var(--tool-accent,var(--accent)) 14%, transparent)}.package-result-top,.package-detail-head,.package-command-row,.package-version-card,.package-template-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.package-result-title,.package-version-title{font-size:1rem;font-weight:600}.package-result-version,.package-detail-version{background:color-mix(in srgb, var(--tool-accent,var(--accent)) 16%, transparent);min-height:28px;color:var(--tool-accent);letter-spacing:.06em;text-transform:uppercase;border:1px solid #ffffff14;border-radius:999px;align-items:center;padding:0 10px;font-size:.76rem;display:inline-flex}.package-result-description{color:var(--muted);margin:0;font-size:.9rem;line-height:1.5}.package-result-meta{color:var(--muted);justify-content:space-between;gap:12px;font-size:.8rem;display:flex}.package-detail-hero{gap:16px}.package-detail-kicker{margin-bottom:8px}.package-command-list,.package-version-list,.package-link-list{gap:10px;display:grid}.package-command-code{color:var(--text);word-break:break-word;background:#0309104d;border:1px solid #ffffff0f;border-radius:16px;margin-top:8px;padding:12px 14px;font-family:JetBrains Mono,SFMono-Regular,monospace;font-size:.82rem;line-height:1.5;display:block}.package-version-card{background:#ffffff06;border:1px solid #ffffff12;border-radius:20px;padding:14px}.package-version-date{color:var(--muted);font-size:.82rem}.package-link-list{grid-template-columns:repeat(3,minmax(0,1fr))}.package-link-pill{min-height:42px;color:var(--text);background:#ffffff09;border:1px solid #ffffff14;border-radius:999px;justify-content:center;align-items:center;padding:0 14px;text-decoration:none;display:inline-flex}.regex-field-grid{grid-template-columns:minmax(0,1fr) 120px;gap:12px;display:grid}.regex-flags-field{align-content:start}.example-strip{flex-wrap:wrap;gap:8px;display:flex}.example-chip{min-height:32px;color:var(--muted);background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;padding:0 12px}.regex-reference-panel{background:linear-gradient(#ffffff0b,#0000 28%),#ffffff05;border:1px solid #ffffff12;border-radius:24px;gap:14px;padding:16px;display:grid}.regex-category-strip{flex-wrap:wrap;gap:8px;display:flex}.regex-category-chip{min-height:34px;color:var(--muted);background:#ffffff09;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.regex-category-chip small{min-width:22px;color:var(--text);background:#ffffff0d;border-radius:999px;padding:3px 6px;font-size:.72rem}.regex-category-chip-active{color:var(--text);border-color:color-mix(in srgb, var(--tool-accent,var(--accent)) 38%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--tool-accent,var(--accent)) 18%, transparent), transparent 80%), #ffffff0d;box-shadow:0 14px 32px color-mix(in srgb, var(--tool-accent,var(--accent)) 12%, transparent)}.regex-template-list{gap:10px;max-height:420px;padding-right:4px;display:grid;overflow:auto}.regex-template-card{text-align:left;width:100%;color:var(--text);background:linear-gradient(#ffffff0d,#0000 30%),#ffffff05;border:1px solid #ffffff12;border-radius:22px;gap:10px;padding:14px;display:grid}.regex-template-card:hover{border-color:color-mix(in srgb, var(--tool-accent,var(--accent)) 24%, transparent);box-shadow:0 18px 40px color-mix(in srgb, var(--tool-accent,var(--accent)) 12%, transparent);transform:translateY(-1px)}.regex-template-card-active{border-color:color-mix(in srgb, var(--tool-accent,var(--accent)) 32%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--tool-accent,var(--accent)) 18%, transparent), transparent 34%), #ffffff08;box-shadow:inset 0 1px 0 #ffffff1a, 0 18px 44px color-mix(in srgb, var(--tool-accent,var(--accent)) 14%, transparent)}.regex-template-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.regex-template-kicker,.regex-template-action{letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}.regex-template-kicker{color:var(--tool-accent)}.regex-template-action{color:var(--muted)}.regex-template-title{font-size:1rem;font-weight:600}.regex-template-summary{color:var(--muted);margin:0;font-size:.9rem;line-height:1.5}.regex-template-pattern{color:var(--text);word-break:break-word;background:#0309104d;border:1px solid #ffffff0f;border-radius:16px;margin:0;padding:12px 14px;font-family:JetBrains Mono,SFMono-Regular,monospace;font-size:.8rem;line-height:1.5;display:block}.regex-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.regex-reference-card{background:#ffffff06;border:1px solid #ffffff12;border-radius:20px;gap:12px;padding:14px;display:grid}.regex-reference-title{margin:0;font-size:.95rem}.regex-reference-list{gap:10px;display:grid}.regex-reference-item{grid-template-columns:auto 1fr;align-items:start;gap:10px;display:grid}.regex-reference-token{min-width:56px;min-height:28px;color:var(--tool-accent);background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;justify-content:center;align-items:center;padding:0 10px;font-family:JetBrains Mono,SFMono-Regular,monospace;font-size:.76rem;display:inline-flex}.regex-reference-copy{color:var(--muted);margin:0;font-size:.86rem;line-height:1.5}.regex-result-panel{background:linear-gradient(#ffffff0d,#0000 30%),#ffffff04;border:1px solid #ffffff12;border-radius:22px;gap:12px;padding:16px;display:grid}.result-panel-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.result-panel-title{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.84rem;font-weight:700}.regex-preview,.regex-hit{white-space:pre-wrap;word-break:break-word;background:#03091057;border:1px solid #ffffff0f;border-radius:16px;margin:0;padding:12px 14px;font-family:JetBrains Mono,SFMono-Regular,monospace;font-size:.84rem;line-height:1.55}.regex-highlight-canvas{background:radial-gradient(circle at top left, color-mix(in srgb, var(--tool-accent,var(--accent)) 12%, transparent), transparent 30%), #0309104d;min-height:180px;color:var(--text);white-space:pre-wrap;word-break:break-word;border:1px solid #ffffff0f;border-radius:18px;padding:16px;font-family:JetBrains Mono,SFMono-Regular,monospace;font-size:.86rem;line-height:1.8}.regex-highlight-match{background:color-mix(in srgb, var(--tool-accent,var(--accent)) 22%, #ffffff14);color:var(--text);box-shadow:inset 0 1px 0 #ffffff2e, 0 8px 18px color-mix(in srgb, var(--tool-accent,var(--accent)) 10%, transparent);border-radius:10px;margin:0 2px;padding:2px 8px;display:inline}.regex-highlight-match-zero{padding-inline:6px}.regex-highlight-order{color:color-mix(in srgb, var(--tool-accent,var(--accent)) 80%, white);letter-spacing:.08em;text-transform:uppercase;margin-right:6px;font-size:.7rem}.regex-highlight-plain{color:inherit}.regex-match-list{gap:10px;max-height:460px;padding-right:2px;display:grid;overflow:auto}.regex-match-card{background:#ffffff06;border:1px solid #ffffff0f;border-radius:18px;gap:10px;padding:14px;display:grid}.regex-match-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.regex-match-index{color:var(--muted);font-size:.78rem}.regex-groups{flex-wrap:wrap;gap:8px;display:flex}.regex-group-chip{min-height:28px;color:var(--text);background:#ffffff0d;border:1px solid #ffffff0f;border-radius:999px;align-items:center;padding:0 10px;font-size:.76rem;display:inline-flex}.regex-group-chip-named{color:var(--tool-accent)}.solid-button{color:#07111d;background:linear-gradient(90deg, var(--tool-accent,var(--accent)), #d5fff6);border-color:color-mix(in srgb, var(--tool-accent,var(--accent)) 22%, transparent);box-shadow:inset 0 1px 0 #ffffff2e, 0 10px 24px color-mix(in srgb, var(--tool-accent,var(--accent)) 14%, transparent);background-clip:padding-box}.ghost-button:disabled,.solid-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.helper-text{margin:0;font-size:.94rem}.helper-text-success{color:var(--success)}.helper-text-danger{color:var(--danger)}.data-list{gap:12px;display:grid}.data-row{background:#ffffff09;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.result-label{color:var(--muted);margin-bottom:6px;font-size:.86rem;display:block}.result-value{word-break:break-word;max-width:100%;font-family:JetBrains Mono,SFMono-Regular,monospace;display:block}.small-button{min-width:72px;padding-inline:12px}.empty-panel{min-height:100%;color:var(--muted);border:1px dashed #ffffff1f;border-radius:18px;place-items:center;display:grid}.json-output-area{resize:none;overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap;min-height:0;font-family:JetBrains Mono,SFMono-Regular,monospace;overflow:hidden auto}.json-tool-layout{align-items:stretch;height:100%;min-height:0}.json-tool-pane{min-height:0;overflow:hidden}.json-tool-pane-editor{grid-template-rows:auto minmax(0,1fr)}.json-tool-pane-viewer{grid-template-rows:auto auto auto minmax(0,1fr)}.json-tool-pane .text-area-full,.json-tool-pane .json-tree-panel,.json-tool-pane .empty-panel{height:100%;min-height:0}.json-tree-panel{background:linear-gradient(#ffffff0d,#0000 30%),#ffffff04;border:1px solid #ffffff12;border-radius:18px;grid-template-rows:auto minmax(0,1fr);gap:10px;padding:12px;display:grid;overflow:hidden}.json-tree-toolbar{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.json-tree-toolbar .meta-hint{flex:1;min-width:0;margin:0;font-size:.84rem;line-height:1.45}.json-tree-actions{flex-wrap:nowrap;flex:none;align-items:center;gap:8px;display:flex}.json-tree-scroll{min-height:0;padding-right:2px;overflow:hidden auto}.json-tree-modal-backdrop{z-index:24;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#02060ca8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.json-tree-modal{-webkit-backdrop-filter:blur(28px)saturate(150%);backdrop-filter:blur(28px)saturate(150%);background:linear-gradient(#ffffff14,#0000 24%),#0a1423eb;border:1px solid #ffffff14;border-radius:28px;grid-template-rows:auto minmax(0,1fr);gap:14px;width:min(1400px,100%);height:min(100vh - 40px,960px);padding:18px;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,0 32px 80px #0000004d}.json-tree-modal-header{justify-content:space-between;align-items:start;gap:16px;min-width:0;display:flex}.json-tree-modal-copy{gap:6px;min-width:0;display:grid}.json-tree-modal-copy .meta-hint{margin:0}.json-tree-modal-actions{flex-wrap:nowrap;flex:none;gap:8px;display:flex}.json-tree-modal-body{min-height:0;padding:4px 4px 20px 0;overflow:hidden auto}.json-tree-node{gap:8px;display:grid}.json-tree-node-root{padding-bottom:32px}.json-tree-branch,.json-tree-leaf{margin-left:calc(var(--json-tree-level,0) * 12px)}.json-tree-branch{gap:8px;display:grid}.json-tree-root{margin-left:0}.json-tree-branch[open]>.json-tree-summary{border-color:color-mix(in srgb, var(--tool-accent,var(--accent)) 24%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--tool-accent,var(--accent)) 12%, transparent), transparent 72%), #ffffff0a;box-shadow:inset 0 1px 0 #ffffff14, 0 12px 28px color-mix(in srgb, var(--tool-accent,var(--accent)) 8%, transparent)}.json-tree-summary,.json-tree-leaf{background:#ffffff06;border:1px solid #ffffff0f;border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px;min-width:0;padding:9px 11px;font-family:JetBrains Mono,SFMono-Regular,monospace;font-size:.8rem;line-height:1.45;list-style:none;display:flex}.json-tree-summary::-webkit-details-marker{display:none}.json-tree-summary:before{content:"";border-right:2px solid color-mix(in srgb, var(--tool-accent,var(--accent)) 88%, white);border-bottom:2px solid color-mix(in srgb, var(--tool-accent,var(--accent)) 88%, white);transform-origin:45% 55%;width:8px;height:8px;margin-right:2px;transition:transform .16s;transform:rotate(-45deg)}.json-tree-branch[open]>.json-tree-summary:before{transform:rotate(45deg)}.json-tree-children{border-left:1px dashed #ffffff14;gap:8px;margin-left:8px;padding-left:10px;display:grid}.json-tree-key{color:#8fc2ff;font-weight:600}.json-tree-key-index{color:var(--accent-warm)}.json-tree-root-label,.json-tree-type,.json-tree-meta{letter-spacing:.04em;border:1px solid #ffffff12;border-radius:999px;align-items:center;min-height:22px;padding:0 7px;font-size:.68rem;display:inline-flex}.json-tree-root-label{color:var(--accent-warm);background:color-mix(in srgb, var(--accent-warm) 12%, transparent)}.json-tree-type{color:var(--tool-accent,var(--accent));background:color-mix(in srgb, var(--tool-accent,var(--accent)) 12%, transparent)}.json-tree-meta{color:var(--muted);background:#ffffff09}.json-tree-preview{color:var(--muted);overflow-wrap:anywhere;word-break:break-word;white-space:normal;flex:220px;min-width:0;font-size:.78rem}.json-tree-value{word-break:break-word;background:#ffffff0a;border-radius:10px;align-items:center;min-height:24px;padding:0 8px;display:inline-flex}.json-tree-value-string{color:var(--success)}.json-tree-value-number{color:var(--accent-warm)}.json-tree-value-boolean{color:#8fc2ff}.json-tree-value-null{color:var(--muted)}.json-tree-leaf-empty .json-tree-preview{flex-basis:auto}.json-tree-branch[open]>.json-tree-summary .json-tree-preview{display:none}.tab-button:disabled{opacity:.5;cursor:not-allowed}.clipboard-toast{background:#0c1a2df0;border:1px solid #8cf0da3d;border-radius:14px;margin:0;padding:12px 16px;position:fixed;bottom:28px;right:28px;box-shadow:0 16px 42px #00000047}.pwa-toast-stack{right:calc(28px + var(--safe-right));bottom:calc(28px + var(--safe-bottom));z-index:18;gap:12px;display:grid;position:fixed}.pwa-toast-card{-webkit-backdrop-filter:blur(22px)saturate(150%);backdrop-filter:blur(22px)saturate(150%);background:linear-gradient(#ffffff14,#0000 28%),#0a1423f0;border:1px solid #8cf0da33;border-radius:18px;align-items:center;gap:14px;max-width:min(420px,100vw - 40px);padding:14px 16px;display:flex;box-shadow:inset 0 1px #ffffff1a,0 20px 48px #0000003d}.pwa-toast-card p{color:var(--muted);margin:4px 0 0;font-size:.88rem}.palette-backdrop{padding:max(10vh, calc(var(--safe-top) + 24px)) calc(16px + var(--safe-right)) calc(16px + var(--safe-bottom)) calc(16px + var(--safe-left));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;background:#02060c9e;place-items:start center;display:grid;position:fixed;inset:0}.mobile-fab{right:calc(18px + var(--safe-right));bottom:calc(18px + var(--safe-bottom));z-index:14;min-height:48px;color:var(--text);-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%);background:linear-gradient(#ffffff1f,#0000 30%),#0a1423e6;border:1px solid #8cbeff2e;border-radius:999px;padding:0 16px;position:fixed;box-shadow:inset 0 1px #ffffff29,0 18px 42px #0000003d}.palette-panel{-webkit-backdrop-filter:blur(28px)saturate(150%);backdrop-filter:blur(28px)saturate(150%);background:linear-gradient(#ffffff14,#0000 24%),#0a1423d6;border:1px solid #ffffff14;border-radius:30px;width:min(760px,100%);padding:18px;box-shadow:inset 0 1px #ffffff1f,0 32px 80px #00000047}.palette-head{margin-bottom:12px}.palette-results{gap:10px;display:grid}.palette-item{width:100%;color:var(--text);text-align:left;background:#ffffff08;border:1px solid #ffffff0f;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.palette-item-copy{gap:4px;display:grid}.palette-item-title{font-size:1rem}.palette-item-tag{color:var(--accent);background:#ffffff0f;border-radius:999px;padding:6px 10px;font-size:12px}.palette-empty{margin:0;padding:18px 4px 6px}.page{gap:18px;display:grid}.page-card{padding:24px}.doc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.doc-list{gap:10px;display:grid}.doc-list code{width:fit-content;color:var(--accent);background:#ffffff0f;border-radius:999px;padding:5px 8px;font-family:JetBrains Mono,SFMono-Regular,monospace;display:inline-flex}.workflow-list{gap:10px;margin:0;padding-left:20px;display:grid}html[data-theme=mac-light] .sidebar{background:radial-gradient(circle at 0 0,#ffffffc7,#0000 36%),linear-gradient(#ffffff94,#f8faffd1),linear-gradient(#ffffff42,#fff0);box-shadow:inset -1px 0 #ffffffad,18px 0 42px #a8b7cf29}html[data-theme=mac-light] .search-launch,html[data-theme=mac-light] .ghost-button,html[data-theme=mac-light] .theme-switcher,html[data-theme=mac-light] .nav-action-button,html[data-theme=mac-light] .palette-item,html[data-theme=mac-light] .icon-button{background:#ffffffa3;border-color:#5f729124;box-shadow:0 14px 32px #778aad1f}html[data-theme=mac-light] .sidebar-meta span{background:#ffffff94;border-color:#697b991f}html[data-theme=mac-light] .theme-option-active{background:linear-gradient(#fffffff2,#f4f7fdeb);border-color:#7386a524;box-shadow:inset 0 1px #ffffffe6,0 8px 20px #8496b426}html[data-theme=mac-light] .shortcut-key,html[data-theme=mac-light] .palette-item-tag,html[data-theme=mac-light] .doc-list code{color:var(--accent);background:#0b84ff14}html[data-theme=mac-light] .nav-link.router-link-active{background:linear-gradient(#ffffffdb,#0000 30%),linear-gradient(#0b84ff1f,#ffffff9e);border-color:#0b84ff38;box-shadow:0 18px 38px #5f7daa2e}html[data-theme=mac-light] .nav-link{background:#ffffff38;border-color:#687c9a1a}html[data-theme=mac-light] .nav-action-button{background:#ffffff6b;border-color:#697c9a24}html[data-theme=mac-light] .nav-entry:hover .nav-link{background:linear-gradient(#ffffffeb,#0000 30%),#ffffff57;border-color:#687c9a1f}html[data-theme=mac-light] .nav-entry:hover{background:linear-gradient(#ffffff42,#0000)}html[data-theme=mac-light] .nav-link-kicker{color:color-mix(in srgb, var(--accent) 84%, #6a7ea3)}html[data-theme=mac-light] .nav-badge-favorite{background:#ff9f0a17;border-color:#ff9f0a1f}html[data-theme=mac-light] .nav-entry-active .nav-actions,html[data-theme=mac-light] .nav-entry-favorite .nav-actions{opacity:.92}html[data-theme=mac-light] .solid-button{background:linear-gradient(180deg, #ffffff47, transparent 50%), linear-gradient(90deg, color-mix(in srgb, var(--tool-accent,var(--accent)) 94%, white), color-mix(in srgb, var(--tool-accent,var(--accent)) 72%, white));border-color:color-mix(in srgb, var(--tool-accent,var(--accent)) 26%, white);box-shadow:inset 0 1px 0 #ffffff94, 0 12px 24px color-mix(in srgb, var(--tool-accent,var(--accent)) 12%, transparent)}html[data-theme=mac-light] .editor-pane,html[data-theme=mac-light] .viewer-pane,html[data-theme=mac-light] .page-card,html[data-theme=mac-light] .doc-card,html[data-theme=mac-light] .palette-panel{background:linear-gradient(#ffffffbd,#fafcfff2),linear-gradient(#fff6,#0000 20%);border-color:#687fa524;box-shadow:inset 0 1px #ffffffdb,0 20px 50px #8da0c124}html[data-theme=mac-light] .markdown-preview a{text-decoration-color:#0a84ff52}html[data-theme=mac-light] .markdown-preview .md-image{border-color:#697c9a24;box-shadow:inset 0 1px #ffffffdb,0 18px 42px #8da0c12e}html[data-theme=mac-light] .markdown-preview code{background:#0a84ff0f;border-color:#697c9a24}html[data-theme=mac-light] .markdown-preview .md-pre{background:linear-gradient(#ffffffe0,#fafcffdb),#f8faffeb;border-color:#697c9a29}html[data-theme=mac-light] .markdown-preview blockquote{background:#0a84ff0f;border-color:#687fa524}html[data-theme=mac-light] .markdown-preview .token.comment,html[data-theme=mac-light] .markdown-preview .token.prolog,html[data-theme=mac-light] .markdown-preview .token.doctype,html[data-theme=mac-light] .markdown-preview .token.cdata{color:#69758de6}html[data-theme=mac-light] .markdown-preview .token.property,html[data-theme=mac-light] .markdown-preview .token.tag,html[data-theme=mac-light] .markdown-preview .token.constant,html[data-theme=mac-light] .markdown-preview .token.symbol,html[data-theme=mac-light] .markdown-preview .token.deleted{color:#d84a63f2}html[data-theme=mac-light] .markdown-preview .token.boolean,html[data-theme=mac-light] .markdown-preview .token.number{color:#ff9f0af2}html[data-theme=mac-light] .markdown-preview .token.selector,html[data-theme=mac-light] .markdown-preview .token.attr-name,html[data-theme=mac-light] .markdown-preview .token.string,html[data-theme=mac-light] .markdown-preview .token.char,html[data-theme=mac-light] .markdown-preview .token.builtin,html[data-theme=mac-light] .markdown-preview .token.inserted{color:#1f9b5af2}html[data-theme=mac-light] .markdown-preview .token.atrule,html[data-theme=mac-light] .markdown-preview .token.attr-value,html[data-theme=mac-light] .markdown-preview .token.keyword{color:#0a84fff2}html[data-theme=mac-light] .markdown-preview .token.function,html[data-theme=mac-light] .markdown-preview .token.class-name{color:#0970d6f2}html[data-theme=mac-light] .text-input,html[data-theme=mac-light] .text-area,html[data-theme=mac-light] .select-input,html[data-theme=mac-light] .palette-input{background:linear-gradient(#ffffffeb,#fafcffdb);border-color:#697c9a24;box-shadow:inset 0 1px #ffffffd1,0 1px 2px #8397b50f}html[data-theme=mac-light] .regex-reference-panel,html[data-theme=mac-light] .regex-result-panel,html[data-theme=mac-light] .http-panel,html[data-theme=mac-light] .http-template-card,html[data-theme=mac-light] .qrcode-template-panel,html[data-theme=mac-light] .qrcode-preview-panel,html[data-theme=mac-light] .qrcode-meta-panel,html[data-theme=mac-light] .qrcode-template-card,html[data-theme=mac-light] .package-panel,html[data-theme=mac-light] .package-result-card,html[data-theme=mac-light] .package-version-card,html[data-theme=mac-light] .regex-template-card,html[data-theme=mac-light] .regex-reference-card,html[data-theme=mac-light] .http-template-url,html[data-theme=mac-light] .qrcode-template-payload,html[data-theme=mac-light] .qrcode-preview-shell,html[data-theme=mac-light] .package-command-code,html[data-theme=mac-light] .regex-template-pattern,html[data-theme=mac-light] .regex-preview,html[data-theme=mac-light] .regex-hit,html[data-theme=mac-light] .regex-highlight-canvas,html[data-theme=mac-light] .diff-cell,html[data-theme=mac-light] .image-preview-shell,html[data-theme=mac-light] .image-dropzone,html[data-theme=mac-light] .color-card,html[data-theme=mac-light] .contrast-card,html[data-theme=mac-light] .gradient-preview-shell,html[data-theme=mac-light] .color-swatch,html[data-theme=mac-light] .timeline-row,html[data-theme=mac-light] .hash-result-card,html[data-theme=mac-light] .calculator-result-card,html[data-theme=mac-light] .weather-current-card{border-color:#687fa51f}html[data-theme=mac-light] .regex-reference-panel,html[data-theme=mac-light] .regex-result-panel,html[data-theme=mac-light] .http-panel,html[data-theme=mac-light] .http-template-card,html[data-theme=mac-light] .qrcode-template-panel,html[data-theme=mac-light] .qrcode-preview-panel,html[data-theme=mac-light] .qrcode-meta-panel,html[data-theme=mac-light] .qrcode-template-card,html[data-theme=mac-light] .package-panel,html[data-theme=mac-light] .package-result-card,html[data-theme=mac-light] .package-version-card,html[data-theme=mac-light] .regex-reference-card,html[data-theme=mac-light] .regex-template-card{background:linear-gradient(#ffffffc7,#f9fbffeb),linear-gradient(#ffffff52,#0000 24%);box-shadow:inset 0 1px #ffffffdb,0 16px 38px #8da0c11f}html[data-theme=mac-light] .regex-template-pattern,html[data-theme=mac-light] .http-template-url,html[data-theme=mac-light] .qrcode-template-payload,html[data-theme=mac-light] .qrcode-preview-shell,html[data-theme=mac-light] .package-command-code,html[data-theme=mac-light] .regex-preview,html[data-theme=mac-light] .regex-hit,html[data-theme=mac-light] .regex-highlight-canvas,html[data-theme=mac-light] .diff-cell,html[data-theme=mac-light] .diff-line-number{background:linear-gradient(#ffffffeb,#f4f7fcf0);box-shadow:inset 0 1px #ffffffd1}html[data-theme=mac-light] .image-dropzone,html[data-theme=mac-light] .image-preview-shell{background:linear-gradient(#ffffffe0,#f8fbfff0);box-shadow:inset 0 1px #ffffffd1,0 10px 30px #8da0c11a}html[data-theme=mac-light] .color-card,html[data-theme=mac-light] .contrast-card,html[data-theme=mac-light] .gradient-preview-shell,html[data-theme=mac-light] .timeline-row,html[data-theme=mac-light] .hash-result-card,html[data-theme=mac-light] .calculator-result-card,html[data-theme=mac-light] .weather-current-card{background:linear-gradient(#ffffffe6,#f8fbfff5);box-shadow:inset 0 1px #ffffffd1,0 10px 30px #8da0c114}html[data-theme=mac-light] .regex-category-chip{background:#ffffff94;border-color:#697c9a1f}html[data-theme=mac-light] .regex-category-chip small,html[data-theme=mac-light] .regex-reference-token{background:#0b84ff14;border-color:#0b84ff14}html[data-theme=mac-light] .regex-template-card-active,html[data-theme=mac-light] .regex-category-chip-active{box-shadow:0 18px 42px #7992c424}html[data-theme=mac-light] .http-template-method{background:#0b84ff14;border-color:#0b84ff14}html[data-theme=mac-light] .color-swatch{border-color:#697c9a24;box-shadow:inset 0 1px #ffffffd1,0 1px 2px #8397b50f}html[data-theme=mac-light] .package-quick-chip,html[data-theme=mac-light] .package-link-pill,html[data-theme=mac-light] .package-detail-version,html[data-theme=mac-light] .package-result-version{background:#ffffff94;border-color:#697c9a1f}html[data-theme=mac-light] .data-row,html[data-theme=mac-light] .empty-panel{background:#f8faffe6;border-color:#687fa51f}html[data-theme=mac-light] .json-tree-panel,html[data-theme=mac-light] .json-tree-summary,html[data-theme=mac-light] .json-tree-leaf{border-color:#687fa51f}html[data-theme=mac-light] .json-tree-panel{background:linear-gradient(#ffffffe0,#f8fbfff5);box-shadow:inset 0 1px #ffffffd1,0 10px 30px #8da0c114}html[data-theme=mac-light] .json-tree-modal-backdrop{background:#e1e9f58f}html[data-theme=mac-light] .json-tree-modal{background:linear-gradient(#fffffff0,#f8fbfffa);border-color:#687fa524;box-shadow:inset 0 1px #ffffffdb,0 24px 60px #8da0c12e}.json-tree-modal-body .json-tree-node-root{padding-bottom:200px}html[data-theme=mac-light] .json-tree-summary,html[data-theme=mac-light] .json-tree-leaf{background:linear-gradient(#ffffffeb,#f4f7fcf0);box-shadow:inset 0 1px #ffffffd1}html[data-theme=mac-light] .json-tree-key{color:#0a84fff2}html[data-theme=mac-light] .json-tree-key-index{color:#ff9f0af2}html[data-theme=mac-light] .json-tree-children{border-left-color:#687fa529}html[data-theme=mac-light] .json-tree-root-label,html[data-theme=mac-light] .json-tree-type,html[data-theme=mac-light] .json-tree-meta,html[data-theme=mac-light] .json-tree-value{border-color:#687fa51f}html[data-theme=mac-light] .json-tree-meta,html[data-theme=mac-light] .json-tree-value{background:#ffffffa6}html[data-theme=mac-light] .clipboard-toast{background:#ffffffeb;border-color:#0b84ff2e;box-shadow:0 18px 42px #7e95b833}html[data-theme=mac-light] .pwa-toast-card{background:linear-gradient(#ffffffeb,#f8fbfffa);border-color:#687fa524;box-shadow:inset 0 1px #ffffffd6,0 18px 42px #8da0c129}html[data-theme=mac-light] .mobile-fab{background:linear-gradient(#ffffffeb,#f8fbfffa);border-color:#687fa529;box-shadow:inset 0 1px #ffffffd6,0 18px 42px #8da0c12e}html[data-theme=mac-light] .palette-backdrop{background:#e1e9f585}html[data-theme=mac-light] .workspace-chip{background:#ffffffa8;border-color:#677b9b1f;box-shadow:inset 0 1px #ffffffd9}html[data-theme=mac-light] .tool-page-title,html[data-theme=mac-light] .workspace-title{letter-spacing:-.045em}html[data-theme=mac-light] .traffic-lights{padding-right:4px}@media (width<=1180px){.tool-page-json{height:auto;min-height:calc(100vh - 170px);overflow:visible}.json-tool-layout{height:auto}.json-tool-pane{overflow:visible}.json-tool-pane .text-area-full,.json-tool-pane .json-tree-panel,.json-tool-pane .empty-panel{height:auto;min-height:320px}.app-shell{grid-template-columns:1fr;height:auto;overflow:visible}.sidebar{width:min(360px,100vw - 24px);max-width:100%;padding:calc(16px + var(--safe-top)) 16px calc(16px + var(--safe-bottom)) calc(16px + var(--safe-left));border-right:1px solid var(--border);border-bottom:none;transition:transform .22s,box-shadow .22s;position:fixed;top:0;bottom:0;left:0;overflow:auto;transform:translate(calc(-100% - 24px));box-shadow:0 24px 64px #00000047}.sidebar-open{transform:translate(0)}.sidebar-close-button,.workspace-menu-button{display:inline-flex}.tool-page-layout,.wide-layout,.doc-grid{grid-template-columns:1fr}.workspace-shell{height:auto}}@media (width<=760px){.workspace-header{padding-left:calc(18px + var(--safe-left));padding-right:calc(18px + var(--safe-right))}.tool-page-header{flex-direction:column;align-items:stretch}.workspace-header{padding-top:calc(10px + var(--safe-top));flex-direction:row;justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px}.workspace-header-main{flex:1;gap:10px}.workspace-header-actions{flex:none;align-items:center;gap:10px}.workspace-header .eyebrow,.workspace-header .workspace-subtitle,.workspace-header .workspace-chip,.workspace-header .traffic-lights{display:none}.workspace-install-button{min-height:34px;padding-inline:10px}.workspace-title{font-size:1.12rem}.workspace-favorite-button,.workspace-install-button{width:34px;min-width:34px;padding-inline:0;position:relative;overflow:hidden}.workspace-install-button:after{content:"+";color:var(--text);place-items:center;font-size:1rem;font-weight:700;display:grid;position:absolute;inset:0}.workspace-menu-button{width:36px;height:36px}.search-launch{gap:12px;min-height:40px;padding:8px 12px}.search-launch-inline{min-width:auto}.editor-pane,.viewer-pane,.page-card,.doc-card{border-radius:22px;padding:18px}.tool-page,.tool-page-json{border-radius:0;padding:12px}.json-tool-pane .text-area-full,.json-tool-pane .json-tree-panel,.json-tool-pane .empty-panel{min-height:320px}.pwa-toast-stack{left:18px;right:18px;bottom:calc(18px + var(--safe-bottom))}.pwa-toast-card{flex-direction:column;align-items:stretch}.sidebar-toolbar{flex-wrap:wrap;gap:6px}.sidebar{padding:calc(14px + var(--safe-top)) 18px calc(18px + var(--safe-bottom)) calc(18px + var(--safe-left));gap:12px}.brand-block h1{font-size:1.85rem}.search-launch-inline{min-width:0;padding-inline:10px}.search-launch-inline .shortcut-key{display:none}.theme-switcher{order:2;width:100%}.nav-link-kicker,.nav-link-description,.sidebar-linkout,.shortcut-key-inline{display:none}.inline-fields,.http-composer-grid,.regex-field-grid,.regex-reference-grid,.regex-reference-item,.qrcode-color-grid,.qrcode-color-input,.package-link-list,.diff-row,.ws-log-row,.image-preview-grid,.color-scheme-grid,.contrast-grid,.color-input-group{grid-template-columns:1fr}.data-row,.palette-item{flex-direction:column;align-items:start}.json-tree-toolbar{flex-direction:column;align-items:stretch}.json-tree-actions{justify-content:flex-end}.json-tree-modal-backdrop{padding:12px}.json-tree-modal{border-radius:20px;height:calc(100vh - 24px);padding:14px}.json-tree-modal-header{flex-direction:column;align-items:stretch}.json-tree-modal-actions{flex-wrap:wrap;justify-content:flex-end}.traffic-lights{padding-top:0}.mobile-fab{right:calc(16px + var(--safe-right));bottom:calc(16px + var(--safe-bottom));min-height:46px}}