:root{--bg:oklch(97% .012 70);--surface:oklch(100% 0 0);--surface-2:oklch(96% .01 70);--surface-3:oklch(93% .012 65);--fg:oklch(18% .015 50);--muted:oklch(50% .015 50);--border:oklch(90% .012 60);--accent:oklch(55% .18 30);--accent-bg:oklch(94% .02 30);--green:oklch(50% .14 150);--green-bg:oklch(94% .02 150);--amber:oklch(55% .14 70);--amber-bg:oklch(94% .02 70);--red:oklch(52% .18 25);--red-bg:oklch(94% .02 25);--blue:oklch(55% .16 255);--blue-bg:oklch(94% .02 255);--font-display:"Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono:"JetBrains Mono", "IBM Plex Mono", ui-monospace, Menlo, monospace;--radius:12px;--radius-sm:8px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--bg);color:var(--fg);min-height:100vh;line-height:1.6}#root{min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.header{-webkit-backdrop-filter:blur(20px)saturate(1.5);border:1px solid var(--border);z-index:1000;background:oklch(100% 0 0/.85);border-radius:16px;justify-content:space-between;align-items:center;width:calc(100% - 32px);max-width:1400px;height:52px;padding:0 24px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 1px 3px oklch(0% 0 0/.04)}.header-brand{letter-spacing:-.03em;color:var(--fg);align-items:center;gap:8px;font-size:16px;font-weight:700;text-decoration:none;display:flex}.header-brand:hover{text-decoration:none}.header-brand .dot{background:var(--green);border-radius:50%;width:8px;height:8px}.header-nav{gap:4px;display:flex}.header-link{color:var(--muted);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-body);background:0 0;border:none;border-radius:8px;padding:6px 14px;text-decoration:none;transition:all .15s}.header-link:hover{color:var(--fg);background:var(--surface-2);text-decoration:none}.header-link.active{color:var(--fg);background:var(--surface-3)}.header-lang-btn{font-size:12px;font-weight:600;font-family:var(--font-body);background:var(--surface-2);border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:6px;margin-left:4px;padding:4px 10px;transition:all .15s}.header-lang-btn:hover{border-color:var(--accent);color:var(--accent)}.main{max-width:1400px;margin:0 auto;padding:96px 24px 48px}.hero{text-align:center;max-width:600px;margin:0 auto;padding:48px 0 32px}.hero-badge{border:1px solid var(--border);color:var(--muted);background:var(--surface);border-radius:100px;align-items:center;gap:6px;margin-bottom:20px;padding:4px 14px;font-size:12px;display:inline-flex}.hero-badge-dot{background:var(--green);border-radius:50%;width:6px;height:6px}.hero h1{letter-spacing:-.04em;font-size:clamp(28px,4.5vw,44px);font-weight:700;line-height:1.15;font-family:var(--font-display);margin-bottom:12px}.hero h1 .accent{color:var(--accent)}.hero p{color:var(--muted);max-width:420px;margin:0 auto;font-size:15px;line-height:1.7}.stats-row{flex-wrap:wrap;justify-content:center;gap:32px;padding:24px 0 40px;display:flex}.stat-item{text-align:center}.stat-num{font-variant-numeric:tabular-nums;color:var(--accent);font-size:24px;font-weight:700}.stat-label{color:var(--muted);margin-top:2px;font-size:12px}.search-bar{max-width:480px;margin:0 auto 40px;position:relative}.search-bar input{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--fg);font-size:15px;font-family:var(--font-body);outline:none;padding:14px 20px 14px 44px;transition:border-color .15s}.search-bar input:focus{border-color:var(--accent)}.search-bar input::placeholder{color:var(--muted)}.search-bar .search-icon{color:var(--muted);pointer-events:none;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.cat-filter{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:32px;display:flex}.cat-btn{font-size:13px;font-weight:500;font-family:var(--font-body);border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:100px;padding:6px 16px;transition:all .15s}.cat-btn:hover{border-color:var(--fg);color:var(--fg)}.cat-btn.active{background:var(--fg);color:var(--bg);border-color:var(--fg)}.flow-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.flow-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--fg);flex-direction:column;padding:24px;text-decoration:none;transition:all .2s;display:flex;position:relative;overflow:hidden}.flow-card:hover{border-color:var(--accent);text-decoration:none;transform:translateY(-2px);box-shadow:0 8px 24px oklch(50% .03 30/.08)}.flow-card-head{align-items:center;gap:12px;margin-bottom:12px;display:flex}.flow-card-icon{border-radius:var(--radius-sm);width:40px;height:40px;font-size:16px;font-weight:700;font-family:var(--font-mono);flex-shrink:0;justify-content:center;align-items:center;display:flex}.flow-card-icon svg,.flow-card-icon span{justify-content:center;align-items:center;width:22px;height:22px;display:flex}.flow-card h3{letter-spacing:-.01em;font-size:16px;font-weight:600}.flow-card p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em;margin-bottom:16px;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.flow-card-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.flow-card-tag{letter-spacing:.03em;border-radius:100px;padding:3px 10px;font-size:11px;font-weight:600}.flow-card-action{color:var(--muted);font-size:12px;font-family:var(--font-mono)}.flow-card:hover .flow-card-action{color:var(--accent)}.icon-amber{background:var(--amber-bg);color:var(--amber)}.icon-violet{background:var(--accent-bg);color:var(--accent)}.icon-cyan{background:var(--blue-bg);color:var(--blue)}.icon-green{background:var(--green-bg);color:var(--green)}.icon-red{background:var(--red-bg);color:var(--red)}.flow-card.featured{grid-column:span 2}@media (width<=700px){.flow-card.featured{grid-column:span 1}}.flow-card.featured .flow-card-head{margin-bottom:16px}.flow-card.featured h3{font-size:18px}.flow-card-preview{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--muted);white-space:pre;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:12px;padding:12px 16px;font-size:12px;line-height:1.6;display:-webkit-box;overflow:hidden}.tool-page-header{align-items:center;gap:16px;margin-bottom:28px;display:flex}.back-btn{border:1px solid var(--border);background:var(--surface);width:36px;height:36px;color:var(--fg);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;font-size:18px;text-decoration:none;transition:all .15s;display:flex}.back-btn:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}.tool-page-header h1{letter-spacing:-.02em;font-size:24px;font-weight:700}.tool-page-header p{color:var(--muted);margin-top:2px;font-size:14px}.tool-layout{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=900px){.tool-layout{grid-template-columns:1fr}}.tool-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;display:flex;overflow:hidden}.panel-header{border-bottom:1px solid var(--border);color:var(--fg);justify-content:space-between;align-items:center;padding:10px 16px;font-size:13px;font-weight:600;display:flex}.panel-actions{gap:6px;display:flex}.panel-btn{font-size:12px;font-weight:500;font-family:var(--font-body);background:var(--surface-2);border:1px solid var(--border);color:var(--fg);cursor:pointer;border-radius:6px;padding:5px 12px;transition:all .15s}.panel-btn:hover{border-color:var(--fg)}.panel-btn.accent{background:var(--accent);color:#fff;border-color:var(--accent)}.panel-btn.accent:hover{opacity:.9}textarea.tool-textarea{resize:vertical;width:100%;font-family:var(--font-mono);background:var(--surface);color:var(--fg);tab-size:2;border:none;outline:none;min-height:300px;padding:16px;font-size:13px;line-height:1.7}textarea.tool-textarea::placeholder{color:var(--muted)}.output-area{font-family:var(--font-mono);white-space:pre-wrap;word-break:break-all;background:var(--surface);flex:1;min-height:300px;padding:16px;font-size:13px;line-height:1.7;overflow:auto}.error-msg{color:var(--red);background:var(--red-bg);border-radius:6px;margin:8px 16px;padding:8px 16px;font-size:12px}.security-note{color:var(--muted);justify-content:center;align-items:center;gap:8px;margin-top:56px;padding:10px 18px;font-size:12px;display:flex}@media (width<=768px){.header{border-radius:12px;width:calc(100% - 16px);height:48px;padding:0 16px;top:8px}.main{padding:80px 16px 32px}.flow-grid{grid-template-columns:1fr}.flow-card.featured{grid-column:span 1}.stats-row{gap:20px}}.btn{border-radius:var(--radius);border:1.5px solid var(--accent);background:var(--accent);color:#fff;font-size:14px;font-weight:500;font-family:var(--font-body);cursor:pointer;white-space:nowrap;padding:12px 24px;transition:all .15s}.btn:hover{opacity:.9}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{border-color:var(--border);color:var(--muted);background:0 0}.btn-ghost:hover{border-color:var(--muted);color:var(--fg)}.btn-danger{background:var(--red);border-color:var(--red);color:#fff}.btn-danger:hover{opacity:.9}.input-field{border:1.5px solid var(--border);border-radius:var(--radius);font-size:15px;font-family:var(--font-mono);color:var(--fg);background:var(--surface);letter-spacing:.02em;outline:none;flex:1;padding:12px 16px;transition:border-color .15s}.input-field::placeholder{color:var(--muted);font-family:var(--font-body);letter-spacing:0}.input-field:focus{border-color:var(--accent)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:150;background:oklch(22% .02 240/.3);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:var(--surface);border:1px solid var(--border);border-radius:14px;width:420px;max-width:90vw;padding:28px;box-shadow:0 24px 48px oklch(22% .02 240/.12)}.modal-title{margin-bottom:20px;font-size:16px;font-weight:600}.confirm-box{text-align:center}.confirm-box h3{margin-bottom:8px;font-size:15px;font-weight:600}.confirm-box p{color:var(--muted);margin-bottom:20px;font-size:13px;line-height:1.5}.confirm-actions{justify-content:center;gap:8px;display:flex}.toast-container{z-index:200;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}.toast{background:var(--fg);color:var(--bg);white-space:nowrap;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:500;animation:.25s toastIn}@keyframes toastIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.regex-input-row{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:10px 16px;display:flex}.regex-input-row .delim{color:var(--muted);font-size:16px;font-weight:700;font-family:var(--font-mono)}.regex-input-row input{font-family:var(--font-mono);color:var(--fg);background:0 0;border:none;outline:none;flex:1;font-size:14px}.flag-btn{font-size:12px;font-family:var(--font-mono);background:var(--surface-2);border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:5px;padding:3px 8px;transition:all .15s}.flag-btn.on{background:var(--accent-bg);color:var(--accent);border-color:var(--accent)}.match-highlight{background:var(--accent-bg);border-bottom:2px solid var(--accent);color:var(--accent);padding:0 2px}.match-item{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:8px 16px;font-size:13px;display:flex}.match-idx{color:var(--accent);min-width:24px;font-size:12px;font-weight:600}.match-group{color:var(--muted);font-size:12px}.totp-input-row{border-bottom:1px solid var(--border);gap:8px;padding:12px 16px;display:flex}.totp-input{font-family:var(--font-mono);color:var(--fg);background:0 0;border:none;outline:none;flex:1;font-size:14px}.totp-input::placeholder{color:var(--muted);font-family:var(--font-body)}.totp-display{text-align:center;padding:24px 16px}.totp-code-label{color:var(--fg);margin-bottom:16px;font-size:14px;font-weight:500}.totp-code-value{font-family:var(--font-mono);letter-spacing:.12em;font-variant-numeric:tabular-nums;color:var(--fg);cursor:pointer;-webkit-user-select:all;user-select:all;margin-bottom:16px;font-size:clamp(36px,8vw,56px);font-weight:300;line-height:1}.totp-code-value:hover{color:var(--accent)}.totp-history{max-height:200px;overflow:auto}.totp-history-item{cursor:pointer;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 16px;font-size:13px;transition:background .12s;display:flex}.totp-history-item:hover{background:var(--surface-2)}.totp-history-item.active{background:var(--accent-bg)}.totp-history-name{font-weight:500}.totp-history-secret{color:var(--muted);font-family:var(--font-mono);font-size:12px}.totp-guide{flex-direction:column;gap:0;padding:16px;display:flex}.totp-guide-step{gap:14px;padding-bottom:20px;display:flex;position:relative}.totp-guide-step:last-child{padding-bottom:0}.totp-guide-step:not(:last-child):after{content:"";background:var(--border);width:1px;position:absolute;top:30px;bottom:0;left:14px}.totp-guide-num{background:var(--surface-2);border:1px solid var(--border);width:28px;height:28px;font-family:var(--font-mono);color:var(--muted);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex;position:relative}.totp-guide-title{margin-bottom:3px;font-size:13px;font-weight:600}.totp-guide-desc{color:var(--muted);font-size:12px;line-height:1.5}.totp-services{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);margin-top:16px;padding:12px 16px}.totp-services-title{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-size:11px;font-weight:600}.totp-services-links{flex-wrap:wrap;gap:6px;display:flex}.totp-service-link{border:1px solid var(--border);background:var(--surface);color:var(--fg);border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;text-decoration:none;transition:all .12s;display:inline-flex}.totp-service-link:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}.totp-service-link svg{flex-shrink:0}.totp-divider{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:12px;padding:12px 16px;font-size:11px;font-weight:600;display:flex}.totp-divider:before,.totp-divider:after{content:"";background:var(--border);flex:1;height:1px}.totp-qr-zone{border:2px dashed var(--border);border-radius:var(--radius);cursor:pointer;flex-direction:column;align-items:center;gap:6px;margin:0 16px 16px;padding:20px 16px;transition:all .15s;display:flex}.totp-qr-zone:hover{border-color:var(--accent);background:oklch(55% .14 260/.04)}.totp-qr-zone-active{border-color:var(--accent);background:oklch(55% .14 260/.08);border-style:solid}.totp-qr-scanning{border-color:var(--accent);opacity:.7;cursor:wait}.totp-qr-icon{font-size:24px}.totp-qr-text{color:var(--fg);font-size:13px;font-weight:500}.totp-qr-hint{color:var(--muted);font-size:11px}.totp-explain{grid-column:1/-1}.totp-explain h4{color:var(--fg);margin:0 0 8px;font-size:14px;font-weight:600}.totp-explain h4:not(:first-child){margin-top:20px}.totp-explain p{color:var(--fg);margin:0;font-size:13px;line-height:1.7}.totp-explain-steps{flex-direction:column;gap:10px;margin:8px 0 0;padding-left:20px;display:flex}.totp-explain-steps li{color:var(--fg);font-size:13px;line-height:1.6}.totp-explain-steps strong{color:var(--accent)}.totp-explain-note{border-radius:var(--radius);background:oklch(65% .18 145/.06);border:1px solid oklch(65% .18 145/.15);padding:10px 14px;color:var(--muted)!important;margin-top:16px!important;font-size:12px!important}.ts-clock{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:20px}.ts-clock-label{color:var(--muted);margin-bottom:4px;font-size:12px}.ts-clock-value{font-family:var(--font-mono);color:var(--fg);font-variant-numeric:tabular-nums;font-size:20px;font-weight:600}.ts-clock-ts{font-family:var(--font-mono);color:var(--muted);margin-top:4px;font-size:13px}.tool-input{width:100%;font-family:var(--font-mono);background:var(--surface);color:var(--fg);border:none;border-bottom:1px solid var(--border);outline:none;padding:12px 16px;font-size:14px}.tool-input::placeholder{color:var(--muted);font-family:var(--font-body)}.url-params{max-height:200px;overflow:auto}.url-param-row{border-bottom:1px solid var(--border);font-family:var(--font-mono);align-items:baseline;gap:4px;padding:6px 16px;font-size:13px;display:flex}.url-param-key{color:var(--accent);flex-shrink:0;font-weight:500}.url-param-sep{color:var(--muted);flex-shrink:0}.url-param-value{color:var(--fg);word-break:break-all}.diff-stats{border-bottom:1px solid var(--border);font-size:12px;font-family:var(--font-mono);gap:12px;padding:8px 16px;display:flex}.diff-stat-add{color:var(--green);font-weight:600}.diff-stat-remove{color:var(--red);font-weight:600}.diff-stat-unchanged{color:var(--muted)}.diff-split{grid-template-columns:1fr 1fr;min-height:200px;display:grid}.diff-split-pane{border-right:1px solid var(--border);overflow:auto}.diff-split-pane:last-child{border-right:none}.diff-inline{min-height:200px;overflow:auto}.diff-line{font-family:var(--font-mono);border-bottom:1px solid oklch(90% .012 60/.3);align-items:stretch;font-size:13px;line-height:1.6;display:flex}.diff-line-num{text-align:right;width:40px;min-width:40px;color:var(--muted);background:var(--surface-2);border-right:1px solid var(--border);-webkit-user-select:none;user-select:none;justify-content:flex-end;align-items:center;padding:0 8px;font-size:11px;display:flex}.diff-line-prefix{text-align:center;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:20px;min-width:20px;font-weight:600;display:flex}.diff-line-content{white-space:pre-wrap;word-break:break-all;flex:1;align-items:center;min-height:1.6em;padding:0 12px;display:flex}.diff-line-equal .diff-line-content{background:var(--surface)}.diff-line-add{background:var(--green-bg)}.diff-line-add .diff-line-prefix{color:var(--green)}.diff-line-add .diff-line-content{background:var(--green-bg)}.diff-line-remove{background:var(--red-bg)}.diff-line-remove .diff-line-prefix{color:var(--red)}.diff-line-remove .diff-line-content{background:var(--red-bg)}.diff-line-empty{background:var(--surface-2)}.hash-results{flex:1;overflow:auto}.hash-result-row{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 16px;display:flex}.hash-algo{font-size:11px;font-weight:600;font-family:var(--font-mono);color:var(--accent);flex-shrink:0;min-width:60px}.hash-value{font-family:var(--font-mono);color:var(--fg);word-break:break-all;flex:1;font-size:12px;line-height:1.5}.hash-copy{font-size:11px;font-family:var(--font-body);background:var(--surface-2);border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:5px;flex-shrink:0;padding:4px 10px;transition:all .15s}.hash-copy:hover{border-color:var(--accent);color:var(--accent)}.hash-empty{text-align:center;color:var(--muted);padding:24px 16px;font-size:13px}.color-input-row{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:10px 16px;display:flex}.color-preview{border:1px solid var(--border);border-radius:6px;flex-shrink:0;width:32px;height:32px}.color-preview-sm{border:1px solid var(--border);border-radius:4px;flex-shrink:0;width:24px;height:24px}.color-rgb-row{gap:12px}.color-field{flex-direction:column;flex:1;gap:3px;display:flex}.color-field label{color:var(--muted);font-size:11px;font-weight:500}.color-field input{border:1px solid var(--border);width:100%;font-family:var(--font-mono);background:var(--surface);color:var(--fg);border-radius:6px;outline:none;padding:6px 8px;font-size:13px;transition:border-color .15s}.color-field input:focus{border-color:var(--accent)}.color-css-output{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:10px 16px;display:flex}.color-css-output code{font-family:var(--font-mono);color:var(--fg);font-size:13px}.color-preview-checker{border-bottom:1px solid var(--border);background-image:linear-gradient(45deg,#ccc 25%,#0000 25%),linear-gradient(-45deg,#ccc 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ccc 75%),linear-gradient(-45deg,#0000 75%,#ccc 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px}.color-preview-large{justify-content:center;align-items:center;height:120px;font-size:40px;font-weight:700;transition:background .15s;display:flex}.color-contrast{border-bottom:1px solid var(--border);padding:12px 16px}.color-contrast-bg{margin-bottom:12px}.color-contrast-bg label{color:var(--muted);margin-bottom:6px;font-size:12px;display:block}.color-contrast-result{text-align:center}.color-contrast-ratio{font-size:28px;font-weight:700;font-family:var(--font-mono);color:var(--fg)}.color-contrast-badges{justify-content:center;gap:8px;margin:8px 0 12px;display:flex}.contrast-badge{border-radius:100px;padding:3px 10px;font-size:11px;font-weight:600}.contrast-badge.pass{background:var(--green-bg);color:var(--green)}.contrast-badge.fail{background:var(--red-bg);color:var(--red)}.color-contrast-preview{border:1px solid var(--border);border-radius:8px;padding:12px;font-size:14px;line-height:1.5}.color-palette{grid-template-columns:repeat(9,1fr);gap:4px;padding:12px 16px;display:grid}.color-palette-swatch{aspect-ratio:1;cursor:pointer;border:1px solid var(--border);border-radius:6px;transition:transform .1s}.color-palette-swatch:hover{transform:scale(1.15)}.jwt-algo{font-size:11px;font-weight:600;font-family:var(--font-mono);background:var(--accent-bg);color:var(--accent);border-radius:4px;padding:2px 8px}.jwt-expiry{color:var(--green);font-size:11px;font-weight:500}.jwt-expiry.expired{color:var(--red)}.jwt-section{border-bottom:1px solid var(--border);position:relative}.jwt-json{font-family:var(--font-mono);white-space:pre-wrap;word-break:break-all;max-height:200px;margin:0;padding:12px 16px;font-size:13px;line-height:1.6;overflow:auto}.jwt-signature{color:var(--muted);font-size:11px}.jwt-copy-btn{opacity:0;transition:opacity .15s;position:absolute;top:8px;right:8px}.jwt-section:hover .jwt-copy-btn{opacity:1}.cron-input-row{border-bottom:1px solid var(--border);padding:12px 16px}.cron-expr-input{letter-spacing:.05em;text-align:center;font-family:var(--font-mono)!important;font-size:18px!important}.cron-field-labels{color:var(--muted);border-bottom:1px solid var(--border);justify-content:space-around;padding:4px 16px 8px;font-size:11px;display:flex}.cron-presets{flex-direction:column;flex:1;gap:2px;padding:8px;display:flex;overflow:auto}.cron-preset{font-size:13px;font-family:var(--font-body);color:var(--fg);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;transition:background .12s;display:flex}.cron-preset:hover{background:var(--surface-2)}.cron-preset.active{background:var(--accent-bg)}.cron-preset-value{font-family:var(--font-mono);color:var(--muted);font-size:11px}.cron-description{border-bottom:1px solid var(--border)}.cron-desc-text{padding:16px;font-size:15px;font-weight:500;line-height:1.6}.cron-next-runs{flex:1;overflow:auto}.cron-run-item{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:8px 16px;font-size:13px;display:flex}.cron-run-idx{color:var(--accent);min-width:24px;font-size:12px;font-weight:600;font-family:var(--font-mono)}.cron-run-time{font-family:var(--font-mono)}.md-preview{flex:1;min-height:300px;padding:16px;font-size:14px;line-height:1.7;overflow:auto}.md-preview h1{border-bottom:1px solid var(--border);margin:20px 0 12px;padding-bottom:8px;font-size:24px;font-weight:700}.md-preview h2{margin:18px 0 10px;font-size:20px;font-weight:600}.md-preview h3{margin:16px 0 8px;font-size:17px;font-weight:600}.md-preview h4,.md-preview h5,.md-preview h6{margin:14px 0 6px;font-size:15px;font-weight:600}.md-preview p{margin:8px 0}.md-preview strong{font-weight:600}.md-preview em{font-style:italic}.md-preview del{color:var(--muted);text-decoration:line-through}.md-code-block{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);margin:12px 0;padding:14px 16px;overflow-x:auto}.md-code-block code{font-family:var(--font-mono);font-size:13px;line-height:1.6}.md-inline-code{font-family:var(--font-mono);background:var(--surface-2);border:1px solid var(--border);border-radius:4px;padding:2px 6px;font-size:12px}.md-list{margin:8px 0;padding-left:24px}.md-list li{margin:4px 0}.md-task{margin-left:-20px;list-style:none}.md-task input{margin-right:6px}.md-task.done{color:var(--muted);text-decoration:line-through}.md-blockquote{border-left:3px solid var(--accent);color:var(--muted);margin:12px 0;padding:4px 16px}.md-preview hr{border:none;border-top:1px solid var(--border);margin:20px 0}.md-preview a{color:var(--accent)}.md-preview img{border-radius:8px;max-width:100%}.md-preview ul,.md-preview ol{margin:8px 0;padding-left:24px}.log-controls{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 16px;display:flex}.log-controls input,.log-controls select{border:1px solid var(--border);font-size:13px;font-family:var(--font-body);background:var(--surface);color:var(--fg);border-radius:6px;outline:none;padding:6px 12px}.log-controls input:focus,.log-controls select:focus{border-color:var(--accent)}.log-output{max-height:500px;overflow:auto}.log-line{font-size:13px;font-family:var(--font-mono);border-bottom:1px solid oklch(90% .012 60/.3);align-items:baseline;gap:8px;padding:3px 16px;line-height:1.5;display:flex}.log-line:hover{background:var(--accent-bg)}.log-line-num{text-align:right;min-width:28px;color:var(--muted);-webkit-user-select:none;user-select:none;flex-shrink:0;font-size:11px}.log-ts{color:var(--muted);flex-shrink:0;font-size:12px}.log-stats{border-top:1px solid var(--border);color:var(--muted);gap:16px;padding:8px 16px;font-size:12px;display:flex}.uuid-config{flex-direction:column;gap:12px;padding:12px 16px;display:flex}.uuid-config-row{align-items:center;gap:12px;display:flex}.uuid-config-row label{color:var(--muted);min-width:40px;font-size:13px;font-weight:500}.uuid-count-input{border:1px solid var(--border);font-family:var(--font-mono);background:var(--surface);color:var(--fg);border-radius:6px;outline:none;width:80px;padding:6px 12px;font-size:13px}.uuid-count-input:focus{border-color:var(--accent)}.uuid-results{flex:1;min-height:200px;overflow:auto}.uuid-item{border-bottom:1px solid var(--border);cursor:pointer;align-items:center;gap:12px;padding:8px 16px;transition:background .12s;display:flex}.uuid-item:hover{background:var(--accent-bg)}.uuid-num{color:var(--muted);text-align:right;min-width:28px;font-size:11px;font-family:var(--font-mono)}.uuid-value{font-family:var(--font-mono);color:var(--fg);letter-spacing:.02em;font-size:13px}.translate-lang-row{border-bottom:1px solid var(--border);align-items:flex-end;gap:12px;padding:12px 16px;display:flex}.translate-lang-field{flex-direction:column;flex:1;gap:4px;display:flex}.translate-lang-field label{color:var(--muted);font-size:11px}.translate-lang-field select{border:1px solid var(--border);font-size:13px;font-family:var(--font-body);background:var(--surface);color:var(--fg);border-radius:6px;outline:none;padding:8px 10px}.translate-lang-field select:focus{border-color:var(--accent)}.translate-arrow{color:var(--muted);padding-bottom:8px;font-size:18px}.translate-shortcuts{flex-wrap:wrap;gap:6px;padding:8px;display:flex}.translate-shortcut{border:1px solid var(--border);background:var(--surface);font-size:12px;font-family:var(--font-mono);color:var(--fg);cursor:pointer;border-radius:6px;padding:6px 12px;transition:all .12s}.translate-shortcut:hover{border-color:var(--accent);color:var(--accent)}.adb-search{font-size:13px;font-family:var(--font-body);color:var(--fg);background:0 0;border:none;outline:none;flex:1}.adb-search::placeholder{color:var(--muted)}.adb-commands{flex:1;overflow:auto}.adb-category{border-bottom:1px solid var(--border)}.adb-category-title{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;background:var(--surface-2);padding:10px 16px 6px;font-size:11px;font-weight:600}.adb-cmd-item{cursor:pointer;border-bottom:1px solid oklch(90% .012 60/.3);justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;transition:background .12s;display:flex}.adb-cmd-item:hover{background:var(--accent-bg)}.adb-cmd-info{flex-direction:column;gap:2px;min-width:0;display:flex}.adb-cmd-label{font-size:13px;font-weight:500}.adb-cmd-desc{color:var(--muted);font-size:11px}.adb-cmd-text{font-family:var(--font-mono);color:var(--accent);background:var(--accent-bg);white-space:nowrap;text-overflow:ellipsis;border-radius:4px;flex-shrink:0;max-width:200px;padding:3px 8px;font-size:11px;overflow:hidden}.md-layout{align-items:stretch}.md-panel{min-height:0}.md-textarea{min-height:unset;flex:1}.md-table{border-collapse:collapse;width:100%;margin:12px 0;font-size:13px}.md-table th,.md-table td{border:1px solid var(--border);padding:8px 12px}.md-table th{background:var(--surface-2);font-weight:600}.md-table tr:hover td{background:var(--surface-2)}.code-timer{justify-content:center;align-items:center;gap:14px;margin-top:16px;display:flex}.timer-ring{width:44px;height:44px}.timer-ring svg{width:44px;height:44px;transform:rotate(-90deg)}.timer-ring circle{fill:none;stroke-width:3px}.timer-track{stroke:var(--border)}.timer-progress{stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset 1s linear}.timer-progress.urgent{stroke:var(--red)}.timer-text{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--muted);text-align:left;min-width:28px;font-size:15px}.copy-area{margin-top:16px}.copy-btn{border:1px solid var(--border);background:var(--surface);font-size:14px;font-family:var(--font-body);cursor:pointer;color:var(--fg);border-radius:8px;align-items:center;gap:8px;padding:10px 28px;font-weight:500;transition:all .15s;display:inline-flex}.copy-btn:hover{border-color:var(--accent);color:var(--accent)}.copy-btn.copied{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.copy-btn svg{width:16px;height:16px}.about-header{margin-bottom:40px}.about-header h1{letter-spacing:-.03em;font-size:32px;font-weight:700}.about-header p{color:var(--muted);max-width:520px;margin-top:8px;font-size:16px;line-height:1.7}.about-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.about-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.about-card h3{margin-bottom:8px;font-size:15px;font-weight:600}.about-card p{color:var(--muted);font-size:14px;line-height:1.6}.about-card ul{margin-top:10px;padding:0;list-style:none}.about-card li{color:var(--muted);align-items:center;gap:8px;padding:4px 0;font-size:14px;display:flex}.about-card li:before{content:"";background:var(--accent);border-radius:50%;flex-shrink:0;width:5px;height:5px}.form-error{color:var(--red);background:var(--red-bg);border-radius:6px;padding:8px 12px;font-size:13px}.form-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--muted);font-size:13px;font-weight:500}.qr-config-section{border-bottom:1px solid var(--border);flex-direction:column;gap:8px;padding:12px 16px;display:flex}.qr-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.qr-input{box-sizing:border-box;resize:vertical;width:100%;min-height:60px}.qr-slider{width:100%;accent-color:var(--accent)}.qr-theme-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.qr-theme-btn{border:1.5px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;transition:border-color .12s,background .12s;display:flex}.qr-theme-btn:hover{border-color:var(--muted)}.qr-theme-btn.active{border-color:var(--accent);background:var(--accent-bg)}.qr-theme-swatch{border:2px solid var(--border);border-radius:6px;width:28px;height:28px}.qr-theme-name{color:var(--muted);text-align:center;font-size:10px;line-height:1.2}.qr-theme-btn.active .qr-theme-name{color:var(--fg)}.qr-preview{flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.qr-canvas{border-radius:8px;max-width:100%;height:auto}.qr-placeholder{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:32px 16px;font-size:13px;display:flex}.qr-dropzone{border:2px dashed var(--border);border-radius:var(--radius);text-align:center;cursor:pointer;padding:48px 24px;transition:border-color .12s,background .12s}.qr-dropzone:hover{border-color:var(--accent);background:var(--accent-bg)}.qr-dropzone-label{color:var(--muted);cursor:pointer;flex-direction:column;align-items:center;gap:8px;font-size:14px;display:flex}.qr-parse-result{padding:16px}.qr-result-text{font-family:var(--font-mono);background:var(--surface-2);border:1px solid var(--border);word-break:break-all;white-space:pre-wrap;border-radius:6px;max-height:300px;padding:12px;font-size:13px;overflow:auto}.qr-wifi-form{flex-direction:column;gap:8px;display:flex}.qr-wifi-row{align-items:center;gap:10px;display:flex}.qr-wifi-row label{color:var(--muted);flex-shrink:0;min-width:90px;font-size:12px}.qr-wifi-row .input-field{flex:1;padding:6px 10px;font-size:13px}.qr-wifi-row select{padding:6px 10px;font-size:13px}.qr-help{border-top:1px solid var(--border);margin-top:40px;padding-top:24px}.qr-help h3{margin-bottom:16px;font-size:16px;font-weight:600}.qr-help-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.qr-help-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.qr-help-card h4{margin-bottom:8px;font-size:14px;font-weight:600}.qr-help-card ul{margin:0;padding:0;list-style:none}.qr-help-card li{color:var(--muted);padding:3px 0;font-size:13px;line-height:1.7}.qr-help-table{border-collapse:collapse;width:100%;font-size:12px}.qr-help-table th,.qr-help-table td{border:1px solid var(--border);text-align:left;padding:6px 8px}.qr-help-table th{background:var(--surface-2);color:var(--muted);font-size:11px;font-weight:600}.tool-help{border-top:1px solid var(--border);margin-top:40px;padding-top:24px}.tool-help h3{margin-bottom:16px;font-size:16px;font-weight:600}.tool-help-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:16px;display:grid}.tool-help-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.tool-help-card h4{color:var(--accent);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:13px;font-weight:600}.tool-help-card ul,.tool-help-card ol{margin:0;padding:0;list-style:none}.tool-help-card li{color:var(--muted);padding:3px 0;font-size:13px;line-height:1.7}.tool-help-card li:before{content:"·";color:var(--accent);margin-right:8px;font-weight:700}.tool-help-steps{counter-reset:step}.tool-help-steps li{counter-increment:step;padding-left:28px;position:relative}.tool-help-steps li:before{content:counter(step);background:var(--accent);width:18px;height:18px;color:var(--bg);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex;position:absolute;top:5px;left:0}.tool-help-params{margin:0}.tool-help-params dt{color:var(--fg);margin-top:8px;font-size:13px;font-weight:600}.tool-help-params dt:first-child{margin-top:0}.tool-help-params dd{color:var(--muted);margin:2px 0 0;font-size:13px;line-height:1.6}.terminal-styler-layout{align-items:start}.terminal-input{min-height:180px}.terminal-settings{border-top:1px solid var(--border);flex-direction:column;gap:14px;padding:12px 16px;display:flex}.terminal-settings-section{flex-direction:column;gap:8px;display:flex}.terminal-settings-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.terminal-settings-row{flex-wrap:wrap;align-items:flex-start;gap:20px;display:flex}.terminal-settings-group{flex-direction:column;flex:1;gap:6px;min-width:140px;display:flex}.terminal-slider-row{align-items:center;gap:10px;display:flex}.terminal-slider{appearance:none;background:var(--border);border-radius:2px;outline:none;flex:1;height:4px}.terminal-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:14px;height:14px}.terminal-slider-value{font-size:12px;font-family:var(--font-mono);color:var(--muted);min-width:32px}.terminal-toggle{color:var(--fg);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:13px;display:flex}.terminal-toggle input[type=checkbox]{width:14px;height:14px;accent-color:var(--accent)}.theme-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.theme-card{border:2px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:6px;font-family:inherit;transition:all .15s;display:flex}.theme-card:hover{border-color:var(--muted)}.theme-card-active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.theme-card-preview{width:100%;height:24px;font-family:var(--font-mono);border-radius:4px;justify-content:center;align-items:center;gap:3px;font-size:10px;font-weight:700;display:flex}.theme-card-name{color:var(--muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9px;line-height:1.2;overflow:hidden}.terminal-preview-wrapper{padding:16px;overflow:auto}.terminal-chrome{border-radius:10px;overflow:hidden;box-shadow:0 4px 24px #0003}.terminal-chrome-linux{border-radius:6px}.terminal-titlebar{-webkit-user-select:none;user-select:none;background:#ffffff0f;align-items:center;padding:10px 14px;display:flex}.terminal-chrome-macos .terminal-titlebar{background:#ffffff14}.terminal-chrome-linux .terminal-titlebar{background:#ffffff0a;padding:6px 10px}.terminal-dots{align-items:center;gap:7px;display:flex}.terminal-chrome-linux .terminal-dots{gap:5px}.dot{border-radius:50%;width:12px;height:12px}.terminal-chrome-linux .dot{border-radius:2px;width:10px;height:10px}.dot-red{background:#ff5f56}.dot-yellow{background:#ffbd2e}.dot-green{background:#27c93f}.dot-close{background:#ff5f56}.terminal-title{text-align:center;color:#ffffff80;font-size:12px;font-family:var(--font-mono);flex:1}.terminal-titlebar-spacer{width:54px}.terminal-content{font-family:var(--font-mono);min-height:120px;padding:16px;line-height:1.6;overflow-x:auto}.terminal-empty{justify-content:center;align-items:center;min-height:100px;font-style:italic;display:flex}.terminal-line{display:flex}.terminal-line-num{text-align:right;-webkit-user-select:none;user-select:none;flex-shrink:0;min-width:2.5em;margin-right:1em;display:inline-block}@media (width<=1024px){.theme-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.theme-grid{grid-template-columns:repeat(2,1fr)}.terminal-settings-row{flex-direction:column;gap:12px}}.rss-tabs{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);gap:4px;margin-bottom:16px;padding:4px;display:flex}.rss-tab{color:var(--muted);cursor:pointer;border-radius:calc(var(--radius) - 2px);background:0 0;border:none;flex:1;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:all .15s}.rss-tab:hover{color:var(--fg)}.rss-tab-active{background:var(--accent);color:#fff}.rss-reader-layout{align-items:start}.rss-reader-output{max-height:600px;padding:16px;overflow:auto}.rss-empty{min-height:100px;color:var(--muted);justify-content:center;align-items:center;font-style:italic;display:flex}.rss-error-msg{border-radius:var(--radius);color:var(--red);background:oklch(35% .12 25/.15);border:1px solid oklch(55% .15 25);padding:12px;font-size:13px}.rss-meta-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;padding:14px 16px}.rss-meta-title{color:var(--fg);margin-bottom:4px;font-size:16px;font-weight:600}.rss-meta-link{color:var(--accent);word-break:break-all;font-size:12px}.rss-meta-desc{color:var(--muted);margin-top:6px;font-size:13px;line-height:1.5}.rss-meta-tag{color:var(--muted);background:var(--bg);border:1px solid var(--border);border-radius:4px;margin-top:8px;margin-right:4px;padding:1px 6px;font-size:11px;display:inline-block}.rss-item-list{flex-direction:column;gap:10px;display:flex}.rss-item-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;transition:border-color .15s}.rss-item-card:hover{border-color:var(--muted)}.rss-item-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.rss-item-title{color:var(--fg);font-size:14px;font-weight:600;line-height:1.4;text-decoration:none}a.rss-item-title:hover{color:var(--accent)}.rss-item-copy{font-size:10px;font-family:var(--font-mono);border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;padding:2px 6px;font-weight:600}.rss-item-copy:hover{border-color:var(--accent);color:var(--accent)}.rss-item-date{color:var(--muted);margin-top:4px;font-size:11px}.rss-item-author{color:var(--muted);font-size:11px}.rss-item-cat{color:var(--accent);background:oklch(55% .15 260/.1);border-radius:4px;margin-top:4px;padding:1px 6px;font-size:10px;display:inline-block}.rss-item-desc{color:var(--muted);margin-top:6px;font-size:13px;line-height:1.5}.rss-generator{flex-direction:column;gap:16px;display:flex}.rss-gen-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:12px;padding:16px;display:flex}.rss-gen-section-title{color:var(--fg);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding-bottom:6px;font-size:13px;font-weight:600;display:flex}.rss-gen-row{flex-direction:column;flex:1;gap:4px;display:flex}.rss-gen-row label{color:var(--muted);font-size:12px;font-weight:500}.rss-gen-row-group{gap:12px;display:flex}.rss-gen-item{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:8px;padding:12px;display:flex}.rss-gen-item-header{justify-content:space-between;align-items:center;display:flex}.rss-gen-item-num{font-size:12px;font-weight:600;font-family:var(--font-mono);color:var(--muted)}.rss-gen-item-remove{border:1px solid var(--border);width:22px;height:22px;color:var(--muted);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;font-size:16px;display:flex}.rss-gen-item-remove:hover{border-color:var(--red);color:var(--red)}.rss-gen-actions{justify-content:space-between;align-items:center;gap:12px;padding-top:8px;display:flex}.rss-gen-format-toggle{gap:4px;display:flex}.rss-gen-output-panel{max-height:500px}.rss-gen-output{font-family:var(--font-mono);color:var(--fg);white-space:pre;background:0 0;max-height:420px;margin:0;padding:16px;font-size:12px;line-height:1.6;overflow:auto}.rss-validator-layout{align-items:start}.rss-validation-result{flex-direction:column;gap:8px;padding:16px;display:flex}.rss-validation-item{border-radius:var(--radius);align-items:flex-start;gap:8px;padding:8px 12px;font-size:13px;line-height:1.5;display:flex}.rss-validation-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:1px;font-size:10px;font-weight:700;display:flex}.rss-validation-error{color:var(--red);background:oklch(35% .12 25/.1)}.rss-validation-error .rss-validation-icon{background:var(--red);color:#fff}.rss-validation-warning{color:var(--amber);background:oklch(45% .12 80/.1)}.rss-validation-warning .rss-validation-icon{background:var(--amber);color:#fff}.rss-validation-info{color:var(--accent);background:oklch(45% .1 260/.1)}.rss-validation-info .rss-validation-icon{background:var(--accent);color:#fff}.rss-val-badge{font-size:11px;font-family:var(--font-mono);color:var(--muted);background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:1px 6px}@media (width<=640px){.rss-gen-row-group{flex-direction:column}}.chart-layout{align-items:flex-start;gap:16px;display:flex}.chart-controls{flex-direction:column;flex-shrink:0;gap:16px;width:280px;display:flex}.chart-main{flex-direction:column;flex:1;gap:16px;min-width:0;display:flex}.chart-section{flex-direction:column;gap:8px;display:flex}.chart-section-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}.chart-type-grid{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.chart-type-btn{border:1.5px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;gap:3px;padding:7px 2px;font-family:inherit;transition:all .15s;display:flex}.chart-type-btn:hover{border-color:var(--muted);background:var(--bg)}.chart-type-active{border-color:var(--accent);background:oklch(55% .15 260/.08)}.chart-type-icon{color:var(--fg);font-size:17px;line-height:1}.chart-type-label{color:var(--muted);font-size:9px;font-weight:500}.chart-theme-grid{grid-template-columns:repeat(2,1fr);gap:5px;display:grid}.chart-theme-btn{border:2px solid var(--border);cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:7px 8px;font-family:inherit;transition:all .15s;display:flex}.chart-theme-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.chart-theme-active{box-shadow:0 0 0 2px var(--accent)}.chart-theme-swatches{gap:2px;display:flex}.chart-theme-swatch{border-radius:3px;flex:1;height:10px}.chart-theme-name{text-align:center;letter-spacing:.02em;width:100%;font-size:10px;font-weight:600;display:block}.ascii-settings{flex-direction:column;gap:14px;padding:12px 16px;display:flex}.ascii-settings-row{flex-direction:column;gap:6px;display:flex}.ascii-settings-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.ascii-theme-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.ascii-theme-btn{border:2px solid var(--border);cursor:pointer;font-family:var(--font-mono);border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;transition:all .15s;display:flex}.ascii-theme-btn:hover{transform:translateY(-1px)}.ascii-theme-active{box-shadow:0 0 0 2px var(--accent)}.ascii-theme-preview{font-size:14px;font-weight:700;line-height:1}.ascii-theme-name{opacity:.8;font-size:9px;font-weight:600}.ascii-output{border-radius:0 0 var(--radius) var(--radius);flex:1;min-height:260px;display:flex;overflow:hidden}.ascii-output pre{flex:1}@media (width<=640px){.ascii-theme-grid{grid-template-columns:repeat(2,1fr)}}.chart-options-grid{flex-direction:column;gap:10px;display:flex}.chart-opt-row{flex-direction:column;gap:4px;display:flex}.chart-opt-label{color:var(--fg);font-size:12px;font-weight:500}.chart-opt-inline{align-items:center;gap:6px;display:flex}.chart-opt-inline input[type=checkbox]{accent-color:var(--accent)}.chart-opt-btns{flex-wrap:wrap;gap:4px;display:flex}.chart-opt-toggles{flex-wrap:wrap;gap:14px;display:flex}.chart-preview-container{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 1px 4px #0000000a}.chart-preview{height:380px;padding:20px}.chart-data-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.chart-data-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.chart-data-actions{gap:6px;display:flex}.chart-table-wrap{max-height:280px;overflow:auto}.chart-data-table{border-collapse:collapse;width:100%;font-size:13px}.chart-data-table th,.chart-data-table td{border-bottom:1px solid var(--border);border-right:1px solid var(--border);padding:0}.chart-data-table th:first-child,.chart-data-table td:first-child{border-left:1px solid var(--border)}.chart-data-table th{background:var(--bg);z-index:1;position:sticky;top:0}.chart-th-inner{align-items:center;gap:4px;padding:0 2px;display:flex}.chart-th-inner input{flex:1;min-width:0}.chart-data-table tbody tr:nth-child(2n){background:oklch(55% .01 260/.03)}.chart-data-table tbody tr:hover{background:oklch(55% .1 260/.06)}.chart-data-table input{width:100%;color:var(--fg);font-size:13px;font-family:var(--font-mono);box-sizing:border-box;background:0 0;border:none;outline:none;padding:7px 10px}.chart-data-table th input{font-family:inherit;font-weight:600}.chart-data-table input:focus{background:oklch(55% .15 260/.06)}.chart-col-remove,.chart-row-remove{color:var(--muted);cursor:pointer;opacity:.5;background:0 0;border:none;flex-shrink:0;padding:0 4px;font-size:15px;line-height:1;transition:opacity .15s}.chart-col-remove:hover,.chart-row-remove:hover{color:var(--red);opacity:1}.chart-row-actions{text-align:center;width:32px;border:none!important;border-bottom:1px solid var(--border)!important}.chart-csv-input{min-height:200px;font-family:var(--font-mono);border:none;border-radius:0;font-size:12px}@media (width<=1024px){.chart-layout{flex-direction:column}.chart-controls{width:100%}.chart-type-grid{grid-template-columns:repeat(8,1fr)}.chart-theme-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=640px){.chart-type-grid{grid-template-columns:repeat(4,1fr)}.chart-theme-grid{grid-template-columns:repeat(2,1fr)}}.slug-settings{border-top:1px solid var(--border);flex-direction:column;gap:12px;padding:12px 16px;display:flex}.slug-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.slug-row label{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:500}.slug-output{flex-direction:column;gap:16px;padding:16px;display:flex}.slug-result{font-family:var(--font-mono);color:var(--fg);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);word-break:break-all;min-height:24px;padding:12px;font-size:16px;font-weight:600}.slug-variants{flex-direction:column;gap:6px;display:flex}.slug-variants-title{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.slug-variant{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;align-items:center;gap:8px;padding:8px 10px;transition:border-color .15s;display:flex}.slug-variant:hover{border-color:var(--accent)}.slug-variant-label{color:var(--muted);flex-shrink:0;min-width:80px;font-size:11px;font-weight:500}.slug-variant-value{font-family:var(--font-mono);color:var(--fg);word-break:break-all;font-size:13px}.mime-layout{flex-direction:column;gap:12px;display:flex}.mime-toolbar{flex-direction:column;gap:8px;display:flex}.mime-cats{flex-wrap:wrap;gap:4px;display:flex}.mime-table-wrap{border:1px solid var(--border);border-radius:var(--radius);max-height:500px;overflow-y:auto}.mime-table{border-collapse:collapse;width:100%;font-size:13px}.mime-table th{background:var(--surface);text-align:left;color:var(--muted);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.04em;padding:8px 12px;font-size:11px;font-weight:600;position:sticky;top:0}.mime-table td{border-bottom:1px solid var(--border);padding:7px 12px}.mime-row{cursor:pointer;transition:background .1s}.mime-row:hover{background:oklch(55% .1 260/.04)}.mime-type{font-family:var(--font-mono);color:var(--fg);font-weight:500}.mime-ext{color:var(--muted);font-family:var(--font-mono);font-size:12px}.mime-cat-badge{color:var(--accent);background:oklch(55% .1 260/.08);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:500}.mime-copied{color:var(--green,#10b981);margin-left:6px;font-weight:700}.mime-count{color:var(--muted);text-align:center;font-size:12px}.http-layout{flex-direction:column;gap:12px;display:flex}.http-toolbar{flex-direction:column;gap:8px;display:flex}.http-cats{gap:4px;display:flex}.http-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;display:grid}.http-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;border-left:4px solid;padding:12px 14px;transition:border-color .15s,transform .1s}.http-card:hover{transform:translateY(-1px)}.http-card-top{align-items:baseline;gap:8px;display:flex}.http-code{font-size:20px;font-weight:700;font-family:var(--font-mono)}.http-phrase{color:var(--fg);font-size:14px;font-weight:600}.http-copied{color:var(--green,#10b981);margin-left:auto;font-weight:700}.http-desc{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.4}.http-spec{color:var(--muted);font-size:10px;font-family:var(--font-mono);opacity:.7;margin-top:6px}.http-empty{text-align:center;color:var(--muted);grid-column:1/-1;padding:40px 20px}.ua-samples{flex-wrap:wrap;gap:4px;padding:8px 16px 16px;display:flex}.ua-sample-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:4px;padding:4px 8px;font-family:inherit;font-size:11px}.ua-sample-btn:hover{border-color:var(--accent);color:var(--accent)}.ua-result{flex-direction:column;gap:12px;padding:16px;display:flex}.ua-fields{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ua-field{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:2px;padding:10px;display:flex}.ua-field-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.ua-field-value{color:var(--fg);font-size:14px;font-weight:600}.ua-raw{color:var(--muted);word-break:break-all;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);font-size:11px;font-family:var(--font-mono);padding:10px;line-height:1.5}.ua-raw-label{color:var(--accent);margin-right:6px;font-weight:700}.ua-empty{min-height:120px;color:var(--muted);justify-content:center;align-items:center;font-style:italic;display:flex}.wm-settings{flex-direction:column;gap:14px;padding:12px 16px;display:flex}.wm-row{flex-direction:column;gap:4px;display:flex}.wm-row label{color:var(--muted);font-size:12px;font-weight:500}.wm-row input[type=range]{width:100%;accent-color:var(--accent)}.wm-val{font-size:11px;font-family:var(--font-mono);color:var(--muted)}.wm-canvas{object-fit:contain;width:100%;max-height:500px;display:block}.wm-dropzone{border:2px dashed var(--border);border-radius:var(--radius);flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:300px;margin:16px;display:flex}.wm-drop-icon{opacity:.5;font-size:48px}.wm-drop-text{color:var(--muted);font-size:14px}.priv-tabs{background:var(--surface);border-radius:var(--radius);gap:4px;margin-bottom:16px;padding:4px;display:flex}.priv-tab{border-radius:var(--radius);color:var(--muted);cursor:pointer;background:0 0;border:none;flex:1;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s}.priv-tab:hover{color:var(--fg);background:oklch(55% .14 260/.08)}.priv-tab-active,.priv-tab-active:hover{background:var(--accent);color:#fff}.priv-layout{grid-template-columns:380px 1fr;gap:16px;min-height:500px;display:grid}.priv-config{flex-direction:column;gap:2px;max-height:70vh;padding-right:4px;display:flex;overflow-y:auto}.priv-config::-webkit-scrollbar{width:4px}.priv-config::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.priv-section{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:14px 16px}.priv-section+.priv-section{margin-top:8px}.priv-section-title{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:12px;font-weight:600}.priv-field{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.priv-field:last-child{margin-bottom:0}.priv-field label{color:var(--muted);font-size:12px;font-weight:500}.priv-field input,.priv-field select{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);width:100%;color:var(--fg);outline:none;padding:7px 10px;font-size:13px;transition:border-color .15s}.priv-field input:focus,.priv-field select:focus{border-color:var(--accent)}.priv-checkbox-grid{grid-template-columns:1fr 1fr;gap:6px 12px;display:grid}.priv-checkbox{color:var(--fg);cursor:pointer;align-items:center;gap:6px;padding:3px 0;font-size:12.5px;display:flex}.priv-checkbox input[type=checkbox]{width:14px;height:14px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.priv-checkbox span{-webkit-user-select:none;user-select:none}.priv-radio-group{gap:6px;display:flex}.priv-radio{border:1px solid var(--border);border-radius:var(--radius);color:var(--muted);cursor:pointer;background:var(--bg);align-items:center;gap:5px;padding:5px 10px;font-size:12px;transition:all .15s;display:flex}.priv-radio:hover{border-color:var(--accent);color:var(--fg)}.priv-radio-active{border-color:var(--accent);color:var(--fg);background:oklch(55% .14 260/.1);font-weight:500}.priv-radio input[type=radio]{display:none}.priv-advanced-toggle{color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;align-items:center;gap:6px;padding:8px 0 4px;font-size:12px;display:flex}.priv-advanced-toggle:hover{color:var(--fg)}.priv-advanced-arrow{font-size:10px;transition:transform .15s}.priv-advanced-arrow-open{transform:rotate(90deg)}.priv-output-controls{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.priv-lang-toggle,.priv-format-toggle{background:var(--bg);border-radius:var(--radius);gap:2px;padding:2px;display:flex}.priv-output{max-height:65vh;padding:16px;overflow-y:auto}.priv-output::-webkit-scrollbar{width:4px}.priv-output::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.priv-doc{font-family:var(--font-sans);color:var(--fg);white-space:pre-wrap;word-wrap:break-word;margin:0;font-size:13.5px;line-height:1.7}.priv-doc-html{font-family:var(--font-sans);color:var(--fg);font-size:13.5px;line-height:1.7}.priv-doc-html h1{border-bottom:1px solid var(--border);margin:0 0 12px;padding-bottom:8px;font-size:20px;font-weight:700}.priv-doc-html h2{color:var(--fg);margin:20px 0 8px;font-size:16px;font-weight:600}.priv-doc-html h3{margin:16px 0 6px;font-size:14px;font-weight:600}.priv-doc-html p{margin:8px 0}.priv-doc-html ul,.priv-doc-html ol{margin:8px 0;padding-left:20px}.priv-doc-html li{margin:4px 0}.priv-doc-html hr{border:none;border-top:1px solid var(--border);margin:20px 0}.priv-doc-html strong{font-weight:600}.priv-doc-html em{color:var(--muted)}.priv-checklist{flex-direction:column;gap:6px;display:flex}.priv-checklist-header{border-bottom:1px solid var(--border);align-items:baseline;gap:8px;margin-bottom:12px;padding-bottom:12px;display:flex}.priv-checklist-score{color:var(--accent);font-size:28px;font-weight:700}.priv-checklist-label{color:var(--muted);font-size:13px}.priv-check-item{border-radius:var(--radius);border:1px solid var(--border);align-items:flex-start;gap:10px;padding:10px 12px;font-size:13px;transition:border-color .15s;display:flex}.priv-check-pass{background:oklch(65% .18 145/.06);border-color:oklch(65% .18 145)}.priv-check-fail{background:oklch(60% .2 25/.06);border-color:oklch(60% .2 25)}.priv-check-na{border-color:var(--border);background:var(--surface);opacity:.65}.priv-check-icon{text-align:center;flex-shrink:0;width:18px;font-size:14px;font-weight:700;line-height:1.4}.priv-check-pass .priv-check-icon{color:oklch(65% .18 145)}.priv-check-fail .priv-check-icon{color:oklch(60% .2 25)}.priv-check-na .priv-check-icon{color:var(--muted)}.priv-check-content{flex-direction:column;gap:2px;min-width:0;display:flex}.priv-check-platform{color:var(--muted);text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:600}.priv-check-text{color:var(--fg);line-height:1.4}.priv-check-required{color:oklch(60% .2 25);background:oklch(60% .2 25/.1);border-radius:3px;align-self:flex-start;padding:1px 5px;font-size:10px;font-weight:600}.priv-empty{min-height:200px;color:var(--muted);justify-content:center;align-items:center;font-size:13px;display:flex}.priv-check-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.priv-suggestion{color:var(--muted);border-radius:var(--radius);border-left:2px solid var(--accent);background:oklch(55% .14 260/.05);padding:6px 8px;font-size:12px;line-height:1.5}.priv-fix-btn{border-radius:var(--radius);color:oklch(55% .18 145);cursor:pointer;white-space:nowrap;background:oklch(65% .18 145/.08);border:1px solid oklch(65% .18 145);align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.priv-fix-btn:hover{background:oklch(65% .18 145/.15)}.priv-fix-all-bar{border-radius:var(--radius);background:oklch(65% .18 145/.06);border:1px solid oklch(65% .18 145/.2);justify-content:space-between;align-items:center;margin-bottom:12px;padding:10px 14px;display:flex}.priv-fix-all-text{color:var(--fg);font-size:13px;font-weight:500}.priv-fix-all-btn{border-radius:var(--radius);color:#fff;cursor:pointer;background:oklch(65% .18 145);border:none;padding:6px 14px;font-size:12px;font-weight:600;transition:opacity .15s}.priv-fix-all-btn:hover{opacity:.85}.priv-ref-link{color:var(--accent);border-radius:3px;align-items:center;gap:3px;padding:2px 6px;font-size:11px;text-decoration:none;transition:background .15s;display:inline-flex}.priv-ref-link:hover{background:oklch(55% .14 260/.08);text-decoration:underline}.priv-severity{white-space:nowrap;border-radius:3px;align-self:flex-start;padding:1px 5px;font-size:10px;font-weight:600}.priv-severity-must{color:oklch(60% .2 25);background:oklch(60% .2 25/.1)}.priv-severity-rec{color:var(--muted);background:var(--surface)}.priv-severity-na{color:var(--muted);background:var(--surface);font-style:italic}.priv-references{margin-top:16px}.priv-ref-toggle{border:1px dashed var(--border);border-radius:var(--radius);width:100%;color:var(--muted);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:10px 14px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.priv-ref-toggle:hover{color:var(--fg);border-color:var(--accent)}.priv-ref-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.priv-ref-group{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px}.priv-ref-group-title{color:var(--muted);text-transform:uppercase;letter-spacing:.3px;margin-bottom:8px;font-size:11px;font-weight:600}.priv-ref-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.priv-ref-item a{color:var(--accent);align-items:center;gap:4px;font-size:12px;line-height:1.4;text-decoration:none;display:flex}.priv-ref-item a:hover{text-decoration:underline}.priv-ref-ext{opacity:.5;flex-shrink:0;font-size:9px}@media (width<=900px){.priv-layout{grid-template-columns:1fr}.priv-config{max-height:none;padding-right:0;overflow-y:visible}.priv-output{max-height:none}.priv-ref-grid{grid-template-columns:1fr}}.lic-layout{grid-template-columns:380px 1fr;gap:16px;min-height:500px;display:grid}.lic-selector{flex-direction:column;gap:12px;max-height:75vh;padding-right:4px;display:flex;overflow-y:auto}.lic-selector::-webkit-scrollbar{width:4px}.lic-selector::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.lic-selector-title{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.lic-grid{flex-direction:column;gap:6px;display:flex}.lic-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);cursor:pointer;text-align:left;flex-direction:column;gap:4px;padding:10px 12px;transition:all .15s;display:flex}.lic-card:hover{border-color:var(--accent);background:oklch(55% .14 260/.04)}.lic-card-active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:oklch(55% .14 260/.08)}.lic-card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.lic-card-name{color:var(--fg);font-size:13px;font-weight:600;font-family:var(--font-mono)}.lic-card-desc{color:var(--muted);font-size:11.5px;line-height:1.4}.lic-type{white-space:nowrap;border-radius:3px;flex-shrink:0;padding:1px 6px;font-size:10px;font-weight:600}.lic-type-sm{padding:2px 8px;font-size:11px}.lic-type-permissive{color:oklch(65% .18 145);background:oklch(65% .18 145/.1)}.lic-type-copyleft{color:oklch(60% .2 25);background:oklch(60% .2 25/.1)}.lic-type-weak-copyleft{color:oklch(65% .15 80);background:oklch(65% .15 80/.1)}.lic-type-public-domain{color:var(--muted);background:var(--surface)}.lic-fields{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);flex-direction:column;gap:8px;padding:12px;display:flex}.lic-tabs{gap:4px;display:flex}.lic-output{max-height:65vh;padding:16px;overflow-y:auto}.lic-output::-webkit-scrollbar{width:4px}.lic-output::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.lic-info{flex-direction:column;gap:16px;display:flex}.lic-info-section{flex-direction:column;gap:6px;display:flex}.lic-info-title{color:var(--fg);align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.lic-info-label{color:var(--muted);text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:600}.lic-badge-row{flex-wrap:wrap;gap:6px;display:flex}.lic-badge{border-radius:var(--radius);border:1px solid var(--border);align-items:center;gap:4px;padding:3px 8px;font-size:12px;display:inline-flex}.lic-badge-allow{color:oklch(65% .18 145);background:oklch(65% .18 145/.06);border-color:oklch(65% .18 145/.3)}.lic-badge-deny{color:oklch(60% .2 25);background:oklch(60% .2 25/.06);border-color:oklch(60% .2 25/.3)}.lic-badge-cond{color:oklch(65% .15 80);background:oklch(65% .15 80/.06);border-color:oklch(65% .15 80/.3)}.lic-badge-neutral{color:var(--muted)}.lic-best-for{flex-direction:column;gap:4px;margin:0;padding-left:18px;display:flex}.lic-best-for li{color:var(--fg);font-size:13px;line-height:1.5}.lic-examples{flex-wrap:wrap;gap:6px;display:flex}.lic-example-link{color:var(--accent);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:3px;padding:4px 10px;font-size:12px;text-decoration:none;transition:all .15s;display:inline-flex}.lic-example-link:hover{border-color:var(--accent);background:oklch(55% .14 260/.08)}@media (width<=900px){.lic-layout{grid-template-columns:1fr}.lic-selector{max-height:none;padding-right:0;overflow-y:visible}.lic-output{max-height:none}}.sw-layout{grid-template-columns:minmax(320px,1fr) 340px;gap:16px;min-height:500px;display:grid}.sw-left{flex-direction:column;gap:12px;display:flex}.sw-wheel-area{border-radius:var(--radius);justify-content:center;align-items:center;min-height:420px;padding:32px;display:flex;position:relative;overflow:hidden}.sw-canvas{aspect-ratio:1;border-radius:50%;width:100%;max-width:400px}.sw-pointer{z-index:10;filter:drop-shadow(0 2px 6px #0006);position:absolute;top:12px;left:50%;transform:translate(-50%)}.sw-spin-hint{opacity:.6;pointer-events:none;font-size:13px;animation:2s ease-in-out infinite sw-pulse;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}@keyframes sw-pulse{0%,to{opacity:.4}50%{opacity:.8}}.sw-result-bar{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);justify-content:center;align-items:center;min-height:56px;padding:14px 20px;transition:border-color .3s;display:flex}.sw-result-content{align-items:center;gap:12px;width:100%;animation:.4s sw-result-pop;display:flex}.sw-result-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;font-size:12px;font-weight:600}.sw-result-text{flex:1;font-size:22px;font-weight:700;animation:.5s sw-result-pop}@keyframes sw-result-pop{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.sw-result-btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;padding:6px 16px;font-size:12px;font-weight:600;transition:all .15s}.sw-result-btn:hover{opacity:.85}.sw-result-empty{color:var(--muted);font-size:13px}.sw-result-spinning{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.sw-dots:after{content:"";animation:1.2s steps(4,end) infinite sw-dots-anim}@keyframes sw-dots-anim{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.sw-controls{flex-direction:column;gap:4px;max-height:75vh;display:flex;overflow-y:auto}.sw-section{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:14px 16px}.sw-section+.sw-section{margin-top:8px}.sw-section-title{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;font-weight:600;display:flex}.sw-theme-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.sw-theme-btn{border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;font-size:10px;font-weight:500;transition:all .15s;display:flex}.sw-theme-btn:hover{border-color:var(--accent)}.sw-theme-active{box-shadow:0 0 0 1px var(--accent)}.sw-theme-preview{gap:2px;display:flex}.sw-theme-preview span{border-radius:50%;width:12px;height:12px}.sw-slider{width:100%;accent-color:var(--accent)}.sw-edit-toggle{border:1px solid var(--border);border-radius:var(--radius);color:var(--accent);cursor:pointer;background:0 0;padding:2px 8px;font-size:11px;font-weight:500;transition:all .15s}.sw-edit-toggle:hover{background:oklch(55% .14 260/.08)}.sw-segment-list{flex-direction:column;gap:6px;display:flex}.sw-segment-row{align-items:center;gap:6px;display:flex}.sw-color-pick{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:0 0;width:28px;height:28px;padding:1px}.sw-segment-input{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--fg);outline:none;flex:1;padding:6px 8px;font-size:13px}.sw-segment-input:focus{border-color:var(--accent)}.sw-segment-del{border-radius:var(--radius);width:24px;height:24px;color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:12px;transition:all .15s}.sw-segment-del:hover{color:oklch(60% .2 25);background:oklch(60% .2 25/.1)}.sw-segment-del:disabled{opacity:.3;cursor:not-allowed}.sw-add-btn{border:1px dashed var(--border);border-radius:var(--radius);color:var(--muted);cursor:pointer;background:0 0;margin-top:4px;padding:6px 12px;font-size:12px;transition:all .15s}.sw-add-btn:hover{border-color:var(--accent);color:var(--accent)}.sw-segment-preview{flex-wrap:wrap;gap:4px;display:flex}.sw-segment-tag{border-radius:var(--radius);padding:3px 8px;font-size:12px;font-weight:500}@media (width<=900px){.sw-layout{grid-template-columns:1fr}.sw-wheel-area{min-height:360px}.sw-canvas{max-width:300px}}.ng-layout{grid-template-columns:280px 1fr;gap:16px;min-height:500px;display:grid}.ng-config{flex-direction:column;gap:4px;display:flex}.ng-section{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:14px 16px}.ng-section+.ng-section{margin-top:8px}.ng-section-title{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:12px;font-weight:600}.ng-btn-group{flex-wrap:wrap;gap:4px;display:flex}.ng-generate-btn{width:100%;margin-top:8px;padding:10px;font-size:14px;font-weight:600}.ng-sources{margin-top:8px}.ng-source-tags{flex-wrap:wrap;gap:4px;display:flex}.ng-source-tag{color:var(--muted);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:3px 8px;font-size:11px}.ng-results{flex-direction:column;gap:12px;display:flex}.ng-empty{min-height:300px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.ng-empty-icon{opacity:.4;font-size:48px}.ng-empty-text{font-size:14px}.ng-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;transition:border-color .15s}.ng-card:hover{border-color:var(--accent)}.ng-card-name{color:var(--fg);text-align:center;letter-spacing:.1em;font-size:32px;font-weight:700;font-family:var(--font-sans);margin-bottom:12px}.ng-card-chars{justify-content:center;gap:8px;margin-bottom:16px;display:flex}.ng-char-badge{width:36px;height:36px;color:var(--accent);border:2px solid var(--accent);border-radius:50%;justify-content:center;align-items:center;font-size:18px;font-weight:600;display:inline-flex}.ng-card-explain{color:var(--fg);font-size:13px;line-height:1.8}.ng-card-explain p{margin:0 0 6px}.ng-card-explain p:empty{display:none}.ng-card-figure{border-top:1px solid var(--border);color:var(--muted);margin-top:12px;padding-top:12px;font-size:12px}@media (width<=900px){.ng-layout{grid-template-columns:1fr}.ng-config{flex-flow:wrap;gap:8px}.ng-config .ng-section{flex:1;min-width:140px}.ng-generate-btn{min-width:100%}}.cc-layout{grid-template-columns:1fr 320px;gap:16px;min-height:500px;display:grid}.cc-converter{flex-direction:column;gap:12px;display:flex}.cc-amount-row{flex-direction:column;gap:6px;display:flex}.cc-amount-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.cc-amount-input{width:100%;font-size:24px;font-weight:600;font-family:var(--font-mono);border:2px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--fg);outline:none;padding:12px 16px;transition:border-color .15s}.cc-amount-input:focus{border-color:var(--accent)}.cc-row{flex-direction:column;gap:6px;display:flex}.cc-row-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.cc-swap-row{justify-content:center;display:flex}.cc-swap-btn{border:2px solid var(--border);background:var(--surface);width:40px;height:40px;color:var(--fg);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:all .15s;display:flex}.cc-swap-btn:hover{border-color:var(--accent);color:var(--accent);transform:rotate(180deg)}.cc-selector{position:relative}.cc-selector-btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--fg);cursor:pointer;text-align:left;align-items:center;gap:8px;padding:10px 14px;font-size:14px;transition:border-color .15s;display:flex}.cc-selector-btn:hover{border-color:var(--accent)}.cc-flag{flex-shrink:0;font-size:20px}.cc-code{font-weight:700;font-family:var(--font-mono);min-width:36px;font-size:14px}.cc-name{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.cc-arrow{color:var(--muted);font-size:10px}.cc-dropdown{z-index:100;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 8px 24px #00000026}.cc-search{border:none;border-bottom:1px solid var(--border);background:var(--bg);width:100%;color:var(--fg);outline:none;padding:10px 14px;font-size:13px}.cc-list{max-height:280px;overflow-y:auto}.cc-list::-webkit-scrollbar{width:4px}.cc-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.cc-item{width:100%;color:var(--fg);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:8px 14px;font-size:13px;transition:background .1s;display:flex}.cc-item:hover{background:oklch(55% .14 260/.06)}.cc-item-active{background:oklch(55% .14 260/.1)}.cc-item-name{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.cc-rate{font-family:var(--font-mono);color:var(--muted);font-size:11px}.cc-empty{text-align:center;color:var(--muted);padding:16px;font-size:13px}.cc-result{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:20px}.cc-result-amount{justify-content:center;align-items:baseline;gap:6px;margin-bottom:8px;display:flex}.cc-result-symbol{color:var(--muted);font-size:16px}.cc-result-value{font-size:28px;font-weight:700;font-family:var(--font-mono);color:var(--fg)}.cc-result-code{color:var(--muted);font-size:14px;font-weight:500}.cc-result-equals{color:var(--muted);margin:4px 0;font-size:18px}.cc-result-converted{justify-content:center;align-items:baseline;gap:6px;margin-bottom:12px;display:flex}.cc-result-converted .cc-result-value{color:var(--accent);font-size:32px}.cc-result-rate{color:var(--muted);font-size:12px;line-height:1.6}.cc-result-formal{border:1px dashed var(--border);border-radius:var(--radius);color:var(--fg);background:oklch(55% .14 260/.04);flex-direction:column;gap:2px;margin-top:10px;padding:10px 14px;font-size:12px;line-height:1.6;display:flex}.cc-formal-line{gap:6px;display:flex}.cc-formal-label{color:var(--muted);text-transform:uppercase;letter-spacing:.3px;flex-shrink:0;min-width:36px;font-size:11px;font-weight:700}.cc-loading{color:var(--muted);padding:20px;font-size:14px}.cc-status{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;padding:8px 12px;font-size:11px;display:flex}.cc-status-update,.cc-status-next{flex:1;min-width:120px}.cc-refresh-btn{border:1px solid var(--border);border-radius:var(--radius);color:var(--accent);cursor:pointer;white-space:nowrap;background:0 0;padding:4px 10px;font-size:11px;transition:all .15s}.cc-refresh-btn:hover{background:oklch(55% .14 260/.08)}.cc-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.cc-table-wrap{flex-direction:column;gap:8px;max-height:75vh;display:flex;overflow-y:auto}.cc-table-title{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.cc-table{flex-direction:column;gap:2px;display:flex}.cc-table-row{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--fg);cursor:pointer;text-align:left;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:13px;transition:all .12s;display:flex}.cc-table-row:hover{border-color:var(--accent)}.cc-table-row-active{border-color:var(--accent);background:oklch(55% .14 260/.06)}.cc-table-flag{flex-shrink:0;font-size:16px}.cc-table-code{font-weight:700;font-family:var(--font-mono);min-width:32px;font-size:12px}.cc-table-name{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.cc-table-rate{font-family:var(--font-mono);font-size:12px;font-weight:500}@media (width<=900px){.cc-layout{grid-template-columns:1fr}.cc-table-wrap{max-height:none}.cc-table{grid-template-columns:repeat(2,1fr);gap:4px;display:grid}}@media (width<=640px){.ua-fields,.http-grid,.priv-checkbox-grid{grid-template-columns:1fr}.priv-output-controls{flex-wrap:wrap}.sw-theme-grid{grid-template-columns:repeat(2,1fr)}.cc-table{grid-template-columns:1fr}}.dt-layout{grid-template-columns:1fr 360px;gap:16px;min-height:500px;display:grid}.dt-left{flex-direction:column;gap:12px;display:flex}.dt-right{flex-direction:column;gap:8px;display:flex}.dt-covid-bar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.dt-covid-title{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:12px;font-weight:600}.dt-covid-stats{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.dt-covid-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.dt-covid-val{font-size:16px;font-weight:700;font-family:var(--font-mono);color:var(--fg)}.dt-val-red{color:oklch(60% .2 25)}.dt-val-green{color:oklch(65% .18 145)}.dt-val-amber{color:oklch(70% .15 80)}.dt-covid-label{color:var(--muted);text-align:center;font-size:10px}.dt-covid-updated{color:var(--muted);text-align:right;margin-top:8px;font-size:10px}.dt-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.dt-section-title{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px;font-weight:600;display:flex}.dt-news-list{flex-direction:column;gap:8px;display:flex}.dt-news-item{border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;transition:border-color .12s}.dt-news-item:hover{border-color:var(--accent)}.dt-news-meta{color:var(--muted);align-items:center;gap:8px;margin-bottom:4px;font-size:11px;display:flex}.dt-news-id{font-family:var(--font-mono);background:var(--bg);border-radius:3px;padding:1px 4px;font-size:10px}.dt-news-ago{margin-left:auto}.dt-news-title{color:var(--fg);align-items:flex-start;gap:4px;font-size:13px;font-weight:500;line-height:1.4;text-decoration:none;display:flex}.dt-news-title:hover{color:var(--accent)}.dt-news-desc{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.dt-news-info-btn{border:1px solid var(--accent);border-radius:var(--radius);color:var(--accent);cursor:pointer;background:oklch(55% .14 260/.06);margin-top:6px;padding:3px 8px;font-size:11px;font-weight:500;transition:all .12s}.dt-news-info-btn:hover{background:oklch(55% .14 260/.12)}.dt-severity{border-radius:3px;align-items:center;gap:3px;padding:1px 5px;font-size:10px;font-weight:600;display:inline-flex}.dt-severity-high{color:oklch(60% .2 25);background:oklch(60% .2 25/.1)}.dt-severity-medium{color:oklch(70% .15 80);background:oklch(70% .15 80/.1)}.dt-severity-low{color:oklch(65% .18 145);background:oklch(65% .18 145/.1)}.dt-summary{background:var(--bg);border-radius:var(--radius);flex-direction:column;gap:3px;margin-top:6px;padding:6px 8px;display:flex}.dt-summary-row{color:var(--fg);align-items:flex-start;gap:4px;font-size:11.5px;line-height:1.5;display:flex}.dt-summary-icon{flex-shrink:0;font-size:11px}.dt-summary-label{color:var(--muted);flex-shrink:0;font-size:11px;font-weight:600}.dt-summary-val{color:var(--fg)}.dt-summary-val strong{color:var(--accent);font-weight:700}.dt-summary-sep{color:var(--muted);margin:0 2px}.dt-spread-tags{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.dt-spread-tag{color:oklch(40% .08 250);background:oklch(95% .02 250);border:1px solid oklch(85% .04 250);border-radius:10px;padding:1px 8px;font-size:11px;font-weight:500}.dt-alert{border-radius:var(--radius);align-items:flex-start;gap:6px;margin-top:8px;padding:8px 10px;font-size:12px;line-height:1.4;display:flex}.dt-alert-icon{flex-shrink:0;font-size:14px}.dt-alert-text{color:var(--text)}.dt-alert-safe{background:oklch(95% .05 145);border:1px solid oklch(85% .08 145)}.dt-alert-watch{background:oklch(95% .05 80);border:1px solid oklch(85% .08 80)}.dt-alert-warning{background:oklch(93% .06 50);border:1px solid oklch(82% .1 50)}.dt-alert-danger{background:oklch(93% .06 25);border:1px solid oklch(80% .12 25)}.dt-loading,.dt-empty{text-align:center;color:var(--muted);padding:20px;font-size:13px}.dt-disease-grid{flex-wrap:wrap;gap:4px;display:flex}.dt-disease-btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--fg);cursor:pointer;padding:4px 10px;font-size:12px;font-weight:500;transition:all .12s}.dt-disease-btn:hover{border-color:var(--accent)}.dt-disease-active{background:var(--accent);color:#fff;border-color:var(--accent)}.dt-disease-detail{animation:.2s dt-fade-in}@keyframes dt-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dt-disease-name{color:var(--fg);margin-bottom:6px;font-size:15px;font-weight:700}.dt-disease-desc{color:var(--muted);margin:0 0 10px;font-size:12px;line-height:1.6}.dt-disease-subtitle{color:var(--muted);text-transform:uppercase;letter-spacing:.3px;margin:10px 0 6px;font-size:11px;font-weight:600}.dt-disease-list{flex-direction:column;gap:3px;margin:0;padding-left:16px;display:flex}.dt-disease-list li{color:var(--fg);font-size:12px;line-height:1.5}.dt-list-green li::marker{color:oklch(65% .18 145)}.dt-checklist-toggle{width:100%;color:var(--fg);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:13px;font-weight:600;display:flex}.dt-checklist-count{color:var(--accent);font-size:11px;font-weight:500;font-family:var(--font-mono);margin-left:auto}.dt-checklist{flex-direction:column;gap:4px;margin-top:10px;display:flex}.dt-check-item{border-radius:var(--radius);cursor:pointer;align-items:center;gap:8px;padding:6px 8px;transition:background .1s;display:flex}.dt-check-item:hover{background:oklch(55% .14 260/.04)}.dt-check-done{opacity:.5}.dt-check-done .dt-check-text{text-decoration:line-through}.dt-check-item input[type=checkbox]{width:14px;height:14px;accent-color:var(--accent);flex-shrink:0}.dt-check-cat{color:var(--muted);flex-shrink:0;min-width:52px;font-size:10px;font-weight:600}.dt-check-text{color:var(--fg);font-size:12px;line-height:1.4}.dt-help-section .tool-help{border-top:none;margin-top:0;padding-top:0}.dt-help-section .tool-help h3{margin-bottom:8px;font-size:13px}.dt-help-section .tool-help-grid{flex-direction:column;gap:8px;margin-top:0;display:flex}.dt-help-section .tool-help-card{background:var(--bg);border-radius:var(--radius);border:1px solid var(--border);padding:8px 10px}.dt-help-section .tool-help-card h4{margin-bottom:4px;font-size:11px}.dt-help-section .tool-help-card li{padding-left:20px;font-size:11px;line-height:1.5}.dt-help-section .tool-help-steps li{padding-left:24px}.dt-help-section .tool-help-steps li:before{width:16px;height:16px;font-size:10px;top:3px}@media (width<=900px){.dt-layout{grid-template-columns:1fr}.dt-left,.dt-right{max-height:none}.dt-covid-stats{grid-template-columns:repeat(2,1fr)}}.ws-layout{grid-template-columns:320px 1fr;gap:16px;min-height:600px;display:grid}.ws-config{flex-direction:column;gap:8px;display:flex}.ws-section{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:14px 16px}.ws-section-title{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:12px;font-weight:600}.ws-url-input-group{gap:8px;display:flex}.ws-url-input{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--fg);outline:none;flex:1;padding:8px 12px;font-size:13px;transition:border-color .15s}.ws-url-input:focus{border-color:var(--accent)}.ws-capture-btn{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:none;padding:8px 16px;font-size:13px;font-weight:600;transition:opacity .15s}.ws-capture-btn:hover{opacity:.9}.ws-capture-btn:disabled{opacity:.5;cursor:not-allowed}.ws-error{color:oklch(60% .2 25);border-radius:var(--radius);background:oklch(95% .05 25);margin-top:8px;padding:8px;font-size:12px}.ws-btn-group{flex-wrap:wrap;gap:4px;display:flex}.ws-btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--fg);cursor:pointer;padding:6px 10px;font-size:12px;font-weight:500;transition:all .12s}.ws-btn:hover{border-color:var(--accent);color:var(--accent)}.ws-btn-active{background:var(--accent);border-color:var(--accent);color:#fff}.ws-bg-grid{flex-wrap:wrap;gap:6px;display:flex}.ws-bg-btn{border:2px solid var(--border);border-radius:var(--radius);background:var(--bg);cursor:pointer;justify-content:center;align-items:center;width:36px;height:36px;padding:2px;transition:all .12s;display:flex}.ws-bg-btn:hover,.ws-bg-active{border-color:var(--accent)}.ws-bg-preview{border-radius:4px;width:100%;height:100%}.ws-bg-none{color:var(--muted);font-size:14px}.ws-bg-blur{color:var(--muted);font-size:8px}.ws-slider-row{align-items:center;gap:8px;margin-top:8px;display:flex}.ws-slider-row label{color:var(--muted);min-width:80px;font-size:12px}.ws-slider-row input[type=range]{-webkit-appearance:none;background:var(--border);border-radius:2px;outline:none;flex:1;height:4px}.ws-slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:14px;height:14px}.ws-slider-val{color:var(--fg);text-align:right;min-width:40px;font-size:12px;font-family:var(--font-mono)}.ws-checkbox{color:var(--fg);cursor:pointer;align-items:center;gap:8px;margin-top:10px;font-size:12px;display:flex}.ws-checkbox input[type=checkbox]{width:14px;height:14px;accent-color:var(--accent)}.ws-export-btn{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;width:100%;margin-top:12px;padding:10px;font-size:13px;font-weight:600;transition:opacity .15s}.ws-export-btn:hover{opacity:.9}.ws-export-btn:disabled{opacity:.4;cursor:not-allowed}.ws-preview-area{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);justify-content:center;align-items:flex-start;min-height:500px;padding:20px;display:flex}.ws-preview-container{width:100%;max-width:100%}.ws-preview-wrapper{border-radius:var(--radius);justify-content:center;align-items:center;min-height:300px;display:flex;position:relative;overflow:hidden}.ws-blur-bg{filter:blur(80px)saturate(1.2);background-position:50%;background-size:cover;position:absolute;inset:-40px;transform:scale(1.1)}.ws-blur-overlay{background:linear-gradient(135deg,#ffffff26 0%,#ffffff0d 50%,#ffffff26 100%);position:absolute;inset:0}.ws-shadow{box-shadow:0 20px 60px #0000004d,0 8px 20px #0003}.ws-screenshot-frame{max-width:100%;position:relative;overflow:hidden}.ws-screenshot-img{max-width:100%;height:auto;display:block}.ws-empty{min-height:400px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.ws-empty-icon{opacity:.3;font-size:64px}.ws-empty-text{text-align:center;max-width:300px;font-size:14px}.ws-frame-macbook{max-width:100%;position:relative}.ws-frame-macbook-top{background:#2d2d2d;border-radius:12px 12px 0 0;padding:10px 10px 0;position:relative}.ws-frame-macbook-notch{background:#1a1a1a;border-radius:0 0 10px 10px;width:80px;height:18px;margin:0 auto;position:relative}.ws-frame-macbook-camera{background:#3a3a3a;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ws-frame-macbook-screen{border-radius:0;overflow:hidden}.ws-frame-macbook-bottom{background:linear-gradient(#3a3a3a,#2d2d2d);border-radius:0 0 4px 4px;height:8px;margin:0 30%}.ws-frame-macbook-shadow{background:radial-gradient(#0000004d 0%,#0000 70%);height:10px;margin:0 10%}.ws-frame-iphone{background:#1a1a1a;border-radius:40px;max-width:300px;margin:0 auto;padding:12px;position:relative}.ws-frame-iphone-top{height:30px;position:relative}.ws-frame-iphone-notch{background:#1a1a1a;border-radius:0 0 16px 16px;width:100px;height:22px;margin:0 auto;position:absolute;top:0;left:50%;transform:translate(-50%)}.ws-frame-iphone-screen{border-radius:28px;overflow:hidden}.ws-frame-iphone-bottom{justify-content:center;align-items:center;height:24px;display:flex}.ws-frame-iphone-home{background:#3a3a3a;border-radius:2px;width:100px;height:4px}.ws-frame-ipad{background:#1a1a1a;border-radius:20px;max-width:500px;margin:0 auto;padding:16px;position:relative}.ws-frame-ipad-camera{background:#3a3a3a;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.ws-frame-ipad-screen{border-radius:8px;overflow:hidden}.ws-frame-ipad-home{border:2px solid #3a3a3a;border-radius:50%;width:30px;height:30px;margin:10px auto 0}.ws-frame-browser{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-width:100%;overflow:hidden}.ws-frame-browser-top{border-bottom:1px solid var(--border);background:oklch(96% .01 250);align-items:center;gap:12px;padding:10px 14px;display:flex}.ws-frame-browser-dots{gap:6px;display:flex}.ws-dot{border-radius:50%;width:10px;height:10px}.ws-dot-red{background:#ff5f57}.ws-dot-yellow{background:#febc2e}.ws-dot-green{background:#28c840}.ws-frame-browser-url{color:oklch(50% .02 250);background:oklch(92% .01 250);border-radius:6px;flex:1;align-items:center;gap:6px;padding:5px 10px;font-size:11px;display:flex;overflow:hidden}.ws-frame-browser-lock{font-size:10px}.ws-frame-browser-url-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ws-frame-browser-actions{color:oklch(50% .02 250);font-size:14px}.ws-frame-browser-screen{overflow:hidden}@media (width<=900px){.ws-layout{grid-template-columns:1fr}}.ws-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:400px;display:flex}.ws-loading-spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:48px;height:48px;animation:1s linear infinite ws-spin}@keyframes ws-spin{to{transform:rotate(360deg)}}.ws-loading-text{color:var(--fg);font-size:16px;font-weight:600}.ws-loading-sub{color:var(--muted);font-size:13px}.cc-layout{grid-template-columns:1fr 1fr;gap:16px;display:grid}.cc-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;display:flex;overflow:hidden}.cc-panel-header{background:var(--bg);border-bottom:1px solid var(--border);color:var(--fg);justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.cc-panel-actions{gap:6px;display:flex}.cc-action-btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--fg);cursor:pointer;padding:4px 10px;font-size:12px;font-weight:500;transition:all .12s}.cc-action-btn:hover{border-color:var(--accent);color:var(--accent)}.cc-copy-btn{background:var(--accent);border-color:var(--accent);color:#fff}.cc-copy-btn:hover{opacity:.9;color:#fff}.cc-copy-btn:disabled{opacity:.4;cursor:not-allowed}.cc-textarea{min-height:300px;font-size:13px;font-family:var(--font-mono);color:var(--fg);resize:vertical;background:0 0;border:none;outline:none;flex:1;padding:14px;line-height:1.6}.cc-textarea::placeholder{color:var(--muted);opacity:.6}.cc-parsed-info{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 14px;font-size:12px;display:flex}.cc-method{background:var(--accent);color:#fff;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}.cc-url{color:var(--fg);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;max-width:300px;font-size:12px;overflow:hidden}.cc-badge{background:var(--green-bg,oklch(95% .05 145));color:var(--green,oklch(45% .15 145));border-radius:4px;padding:2px 6px;font-size:11px}.cc-lang-tabs{flex-wrap:wrap;gap:2px;display:flex}.cc-lang-tab{font-size:11px;font-weight:600;font-family:var(--font-mono);color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:4px 8px;transition:all .12s}.cc-lang-tab:hover{color:var(--fg);background:var(--bg)}.cc-lang-active{background:var(--accent);color:#fff}.cc-output{min-height:300px;font-size:13px;font-family:var(--font-mono);color:var(--fg);white-space:pre;background:0 0;flex:1;margin:0;padding:14px;line-height:1.6;overflow:auto}.cc-ref-toggle{width:100%;color:var(--fg);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;align-items:center;gap:8px;margin-top:16px;padding:12px 16px;font-size:14px;font-weight:600;transition:all .12s;display:flex}.cc-ref-toggle:hover{border-color:var(--accent)}.cc-ref-arrow{font-size:10px;transition:transform .2s}.cc-ref-open{transform:rotate(90deg)}.cc-reference{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:8px;padding:16px;display:grid}.cc-ref-section-title{color:var(--accent);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:700}.cc-ref-items{flex-direction:column;gap:6px;display:flex}.cc-ref-item{flex-direction:column;gap:2px;display:flex}.cc-ref-flag{font-size:12px;font-family:var(--font-mono);color:var(--fg);font-weight:600}.cc-ref-desc{color:var(--muted);font-size:12px;line-height:1.4}@media (width<=900px){.cc-layout,.cc-reference{grid-template-columns:1fr}}.jtm-layout{grid-template-columns:1fr 1fr;gap:16px;display:grid}.jtm-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;display:flex;overflow:hidden}.jtm-panel-header{background:var(--bg);border-bottom:1px solid var(--border);color:var(--fg);justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.jtm-actions{gap:6px;display:flex}.jtm-btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--fg);cursor:pointer;padding:4px 10px;font-size:12px;font-weight:500;transition:all .12s}.jtm-btn:hover{border-color:var(--accent);color:var(--accent)}.jtm-copy-btn{background:var(--accent);border-color:var(--accent);color:#fff}.jtm-copy-btn:hover{opacity:.9;color:#fff}.jtm-copy-btn:disabled{opacity:.4;cursor:not-allowed}.jtm-textarea{min-height:400px;font-size:13px;font-family:var(--font-mono);color:var(--fg);resize:vertical;background:0 0;border:none;outline:none;flex:1;padding:14px;line-height:1.6}.jtm-textarea::placeholder{color:var(--muted);opacity:.6}.jtm-config{border-top:1px solid var(--border);color:var(--muted);align-items:center;gap:8px;padding:8px 14px;font-size:12px;display:flex}.jtm-config label{white-space:nowrap}.jtm-config input{font-size:13px;font-family:var(--font-mono);color:var(--fg);background:var(--surface);border:1px solid var(--border);border-radius:4px;outline:none;flex:1;padding:4px 8px}.jtm-config input:focus{border-color:var(--accent)}.jtm-lang-tabs{flex-wrap:wrap;gap:2px;display:flex}.jtm-lang-tab{font-size:11px;font-weight:600;font-family:var(--font-mono);color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:4px 8px;transition:all .12s}.jtm-lang-tab:hover{color:var(--fg);background:var(--bg)}.jtm-lang-active{background:var(--accent);color:#fff}.jtm-output{min-height:400px;font-size:13px;font-family:var(--font-mono);color:var(--fg);white-space:pre;background:0 0;flex:1;margin:0;padding:14px;line-height:1.6;overflow:auto}@media (width<=900px){.jtm-layout{grid-template-columns:1fr}}