#layout{height:calc(100vh - var(--hdr));height:calc(100dvh - var(--hdr))}#layout,.panel{display:flex;overflow:hidden}.panel{flex-direction:column;min-width:120px}.panel-left{border-right:var(--border-w) solid var(--border);flex:0 0 50%}.panel-right{flex:1 1 0}@media (max-width:768px){#layout{flex-direction:column}.panel-left{border-bottom:var(--border-w) solid var(--border);border-right:none;flex:0 0 50%}.panel-right{flex:1 1 0}}.toolbar{align-items:center;background:var(--bg2);border-bottom:var(--border-w) solid var(--border);display:flex;flex-shrink:0;gap:var(--space-1);min-height:var(--bar);padding:0 var(--space-3) 0 0}.toolbar::-webkit-scrollbar{display:none}.toolbar-wrap{flex-wrap:wrap;gap:4px;padding:0 var(--space-3)}.tlabel{align-items:center;align-self:stretch;background:inherit;color:var(--muted);display:flex;flex-shrink:0;font-size:10px;font-weight:600;left:0;letter-spacing:.7px;margin-right:4px;padding:0 16px;position:sticky;text-transform:uppercase;z-index:1}.tsep{background:var(--border);flex-shrink:0;height:16px;margin:0 var(--space-1);width:1px}.cs-toolbar .tsep{height:var(--space-5);margin:0 var(--space-2)}.cs-divider{background:var(--border);flex-shrink:0;height:1px;margin:var(--space-6) 0;width:100%}.tspc{background:transparent;flex-shrink:0;margin:0 4px}.spacer{flex:1}.spacer-sm{flex:1;min-width:6px}.ace-wrap{flex:1;min-height:0;overflow:hidden;width:100%}.switching-theme,.switching-theme *{transition:background-color .2s,border-color .2s,color .2s!important}.site-footer{border-top:var(--border-w) solid var(--border);color:var(--dim);font-size:var(--text-sm);gap:12px;justify-content:space-between;padding:24px}.footer-left,.site-footer{align-items:center;display:flex;flex-wrap:wrap}.footer-left{gap:8px;line-height:1}.footer-brand{align-items:center;color:var(--text-secondary);display:inline-flex;font-family:var(--font-brand);font-size:13px;font-style:italic;font-weight:700;gap:var(--space-2);text-decoration:none}.footer-logo{height:13px;position:relative;top:-1px;vertical-align:middle;width:auto}.footer-dot{font-size:10px;opacity:.5}.footer-sep{color:var(--border-strong);opacity:.6}.footer-tagline{color:var(--text-secondary);font-weight:500}.logo-ver{vertical-align:middle}.footer-legal{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-4)}.footer-legal a{color:var(--muted);text-decoration:none;transition:color var(--transition-fast)}.footer-legal a:hover{color:var(--accent)}@media (max-width:768px){.site-footer{padding:20px 16px var(--space-8);text-align:center}.footer-left,.site-footer{justify-content:center}.footer-sep,.footer-tagline{display:none}.footer-legal{gap:12px;justify-content:center}}.si{color:var(--dim);font-size:var(--text-2xs);white-space:nowrap}.vtip{background:var(--bg2);border:var(--border-w) solid var(--border);border-radius:var(--radius-lg);bottom:30px;box-shadow:var(--shadow-md);display:none;font-size:var(--text-xs);line-height:1.6;max-height:260px;max-width:340px;overflow-y:auto;padding:var(--space-3) var(--space-4);position:fixed;right:12px;z-index:var(--z-tooltip)}.vtip.show{display:block}.vtip ul{margin-top:var(--space-2);padding-left:var(--space-4)}.vtip li{color:var(--muted);margin-bottom:2px}.modal-overlay{align-items:center;background:var(--overlay-bg);display:none;inset:0;justify-content:center;position:fixed;z-index:var(--z-modal)}.modal-box,.modal-overlay.open{display:flex}.modal-box{background:var(--bg2);border:var(--border-w) solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;gap:var(--space-3);padding:var(--space-5);width:min(420px,calc(100vw - 32px))}.modal-box h3,.modal-title{color:var(--text);font-size:var(--text-md);font-weight:600;letter-spacing:0;margin:0;text-transform:none}.modal-row{display:flex;gap:var(--space-2)}.app-update-notice{align-items:center;flex-direction:row;font-weight:500;gap:var(--space-3);width:auto}.modal-dismiss-row{margin-top:var(--space-2);text-align:right}.modal-input{background:var(--bg3);border:var(--border-w) solid var(--border);border-radius:var(--radius);color:var(--text);flex:1;font-family:var(--ui);font-size:var(--text-sm);height:30px;min-width:0;outline:none;padding:0 var(--space-3)}.modal-input:focus{border-color:var(--accent)}.modal-input::-moz-placeholder{color:var(--dim)}.modal-input::placeholder{color:var(--dim)}.modal-stat{font-size:var(--text-xs);min-height:var(--space-4)}.modal-stat.ok{color:var(--success)}.modal-stat.err{color:var(--danger)}.modal-stat.load{color:var(--muted)}#toast,.cs-toast{background:var(--bg2);border:var(--border-w) solid var(--border);border-radius:var(--radius-lg);bottom:18px;box-shadow:var(--shadow-md);color:var(--text);font-size:var(--text-sm);font-weight:500;opacity:0;padding:var(--space-2) var(--space-4);pointer-events:none;position:fixed;right:18px;transform:translateY(6px);transition:opacity .18s,transform .18s;z-index:var(--z-toast)}#toast.show,.cs-toast.show{opacity:1;transform:translateY(0)}#toast.ok,#toast.success,.cs-toast.ok{border-left:4px solid var(--success-border)}#toast.warn,.cs-toast.warn{border-left:4px solid var(--warning-border)}#toast.err,#toast.error,.cs-toast.err{border-left:4px solid var(--error-border)}.cs-search{display:block;min-width:0;position:relative}.cs-search>.cs-search-icon,.cs-search>.mdi{color:var(--dim);font-size:16px;height:16px;inset-inline-start:var(--space-3);line-height:1;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:color var(--transition-base);width:16px}.cs-search:focus-within>.cs-search-icon,.cs-search:focus-within>.mdi{color:var(--accent)}.cs-search>input{background:var(--bg3);border:var(--border-w) solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--ui);font-size:var(--text-md);min-height:var(--control-h);outline:none;padding-inline:calc(var(--space-3) + 16px + var(--space-2)) var(--space-3);transition:border-color var(--transition-base),box-shadow var(--transition-base);width:100%}.cs-search>input::-moz-placeholder{color:var(--dim)}.cs-search>input::placeholder{color:var(--dim)}.cs-search>input:focus-visible{border-color:var(--accent);box-shadow:var(--focus-ring)}.cs-search-lg>input{border-radius:var(--radius-xl);min-height:44px;padding-inline:calc(var(--space-4) + 16px + var(--space-2)) var(--space-12)}.cs-search-lg>.cs-search-icon,.cs-search-lg>.mdi{inset-inline-start:var(--space-4)}.cs-search-hint{background:var(--bg);border:var(--border-w) solid var(--border);border-radius:var(--radius);color:var(--dim);font-family:var(--mono);font-size:var(--text-2xs);inset-inline-end:var(--space-3);letter-spacing:.04em;line-height:1.4;padding:2px var(--space-2);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity var(--transition-base)}.cs-search:focus-within .cs-search-hint{opacity:0}@media (pointer:coarse){.cs-search>input{font-size:16px}}.cs-surface{background:var(--bg2);border:var(--border-w) solid var(--border);border-radius:var(--radius-lg)}.cs-surface-raised{border-radius:var(--radius-xl)}.cs-surface-sunken{background:var(--bg3)}.cs-surface-quiet{background:transparent;border-style:dashed}.cs-navlist{gap:var(--space-4)}.cs-navlist,.cs-navlist-group{display:flex;flex-direction:column;min-width:0}.cs-navlist-group{gap:2px}.cs-navlist-label{color:var(--dim);display:block;font-size:var(--text-2xs);font-weight:var(--weight-bold);letter-spacing:.07em;padding:0 var(--space-3) var(--space-1);text-transform:uppercase}.cs-navlist-item{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--muted);cursor:pointer;display:flex;font-family:var(--ui);font-size:var(--text-md);font-weight:var(--weight-medium);gap:var(--space-2);min-height:var(--control-h);overflow:hidden;padding:var(--space-1) var(--space-3);text-align:left;text-decoration:none;text-overflow:ellipsis;transition:background var(--transition-fast),color var(--transition-fast);white-space:nowrap;width:100%}.cs-navlist-item>*>.mdi,.cs-navlist-item>.mdi{flex-shrink:0;font-size:16px;opacity:.7}.cs-navlist-item:hover{background:var(--bg3);color:var(--text)}.cs-navlist-item.active{background:var(--accent-bg);color:var(--accent)}.cs-navlist-item.active>*>.mdi,.cs-navlist-item.active>.mdi{opacity:1}.cs-navlist-item-stacked{align-items:flex-start;flex-direction:column;gap:var(--space-1);overflow:visible;white-space:normal}.cs-table{border-collapse:collapse;font-size:var(--text-sm);width:100%}.cs-table td,.cs-table th{padding:var(--space-2) var(--space-3);text-align:left;vertical-align:top}.cs-table thead tr{border-bottom:var(--border-w) solid var(--border)}.cs-table th{color:var(--text);font-weight:var(--weight-semibold)}.cs-table tbody tr:not(:last-child){border-bottom:var(--border-w) solid var(--border-subtle)}.cs-table-quiet tbody{color:var(--muted)}.cs-table-boxed th{background:var(--bg3);color:var(--muted);font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase}.cs-table-grid td,.cs-table-grid th{border:var(--border-w) solid var(--border)}.cs-empty-state{align-items:center;color:var(--muted);display:flex;flex-direction:column;gap:var(--space-3);height:100%;justify-content:center;padding:var(--space-12);text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cs-empty-state .mdi{font-size:48px;opacity:.3}.cs-empty-state p{font-size:var(--text-md);margin-top:var(--space-4)}.cs-empty-state.is-error{color:var(--danger)}.cs-empty-state.is-error .mdi{opacity:.6}.cs-confirm-box{gap:var(--space-4);width:min(380px,calc(100vw - 32px))}.cs-confirm-title{color:var(--text);font-size:var(--text-md);font-weight:var(--weight-semibold)}.cs-confirm-msg{color:var(--muted);font-size:var(--text-sm);line-height:1.5;overflow-wrap:anywhere}.cs-confirm-actions{display:flex;gap:var(--space-2);justify-content:flex-end}@media (max-width:380px){.cs-confirm-actions{flex-direction:column-reverse}.cs-confirm-actions .cs-btn{width:100%}}[hidden]{display:none!important}.cs-sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0 0 0 0);border:0;clip-path:inset(50%);white-space:nowrap}.cs-skip-link{background:var(--accent);border-radius:var(--radius-full);color:var(--on-accent);font-size:var(--text-sm);font-weight:var(--weight-medium);left:var(--space-2);padding:var(--space-2) var(--space-4);position:absolute;text-decoration:none;top:var(--space-2);transform:translateY(-200%);z-index:var(--z-toast)}.cs-skip-link:focus-visible{outline:2px solid var(--text);outline-offset:2px;transform:none}#enc-jwt-sig{color:var(--dim);font-size:var(--text-xs);word-break:break-all}#hash-input{min-height:80px}#verify-input{min-height:60px}body.hub,body:not([data-tool]){display:flex;flex-direction:column;height:auto;min-height:100vh;overflow:visible}body.hub #hdr{background:var(--bg2)}.hub-main{flex:1;padding:32px 24px 0;width:100%}.hub-container{margin:0 auto;max-width:1200px}.hub-main .site-footer{border-top:var(--border-w) solid var(--border);margin:8px auto 0;max-width:1200px;padding:40px 0 32px}.product-section{margin-bottom:var(--space-16);margin-top:var(--space-8)}.product-header{border-bottom:var(--border-w) solid var(--border);display:flow-root;margin-bottom:24px;padding-bottom:var(--space-4)}.product-badge{align-items:center;background:linear-gradient(135deg,var(--tool-c1,var(--accent)),var(--tool-c2,var(--success)));border-radius:var(--radius-lg);color:var(--on-gradient);display:flex;flex-shrink:0;float:left;height:56px;justify-content:center;margin-bottom:4px;margin-right:var(--space-4);width:56px}.product-badge svg{color:var(--on-gradient);height:26px;width:26px}.product-badge .mdi{color:var(--on-gradient);font-size:26px}.product-title{color:var(--text);font-size:20px;font-weight:700;letter-spacing:-.3px;line-height:1.3;margin:0;overflow-wrap:break-word}.product-desc{color:var(--muted);font-size:13px;margin-top:6px;overflow-wrap:break-word}@media (max-width:639px){.product-badge{border-radius:var(--radius);height:44px;margin-right:var(--space-3);width:44px}.product-badge svg{height:22px;width:22px}.product-badge .mdi{font-size:22px}.product-desc{clear:left;margin-top:var(--space-2)}}@media (max-width:768px){.hub-main{padding:24px 16px 0}.hub-main .site-footer{padding:20px 0 var(--space-8)}}.hero{padding:var(--space-3) 0 var(--space-6);text-align:center}.hero h1{font-size:2.4rem;font-weight:800;letter-spacing:-.05em;line-height:1.1;margin-bottom:var(--space-3)}.hero h1 span{color:var(--accent)}.hero p{color:var(--muted);font-size:var(--text-base);margin:0 auto;max-width:600px;overflow-wrap:break-word}@media (max-width:768px){.hero h1{font-size:1.6rem}.hero p{font-size:var(--text-sm)}}.hub-controls{margin:0 auto;max-width:560px;width:100%}.hub-search-wrap{margin:0 auto}.hub-filters{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:flex-start;margin-top:var(--space-5);overflow-x:auto;padding-bottom:4px;position:relative;scrollbar-width:none}.filter-count{color:var(--dim);font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-weight:var(--weight-medium);margin-left:var(--space-2)}.filter-badge.active .filter-count{color:inherit;opacity:.75}.hub-filters::-webkit-scrollbar{display:none}.filter-badge{align-items:center;background:var(--bg3);border:var(--border-w) solid var(--border);border-radius:var(--radius-full);color:var(--muted);cursor:pointer;display:inline-flex;flex-shrink:0;font-family:var(--ui);font-size:var(--text-md);font-weight:500;height:auto;justify-content:center;line-height:1.2;padding:var(--space-2) var(--space-4);transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);white-space:nowrap}.filter-badge:hover{border-color:var(--muted);color:var(--text)}.filter-badge.active{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}@media (max-width:768px){.hub-filters{flex-wrap:nowrap;justify-content:flex-start;margin-left:calc(var(--space-4)*-1);margin-right:calc(var(--space-4)*-1);padding-left:var(--space-4);padding-right:var(--space-4);scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.filter-badge{min-height:var(--control-h);scroll-snap-align:start}}.grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.card{display:flex;flex-direction:column;overflow:hidden;padding:16px;position:relative;text-decoration:none;transition:border-color .15s,transform .12s,background-color .15s}.card:before{background:linear-gradient(135deg,var(--tool-c1,var(--accent)),var(--tool-c2,var(--success)));content:"";inset:0;opacity:0;position:absolute;transition:opacity .15s}.card:hover{background:var(--bg3);border-color:var(--tool-c1,var(--accent));text-decoration:none;transform:translateY(-2px)}.card:hover:before{opacity:.04}.card:hover .card-title{color:var(--tool-c1,var(--accent));text-decoration:none}.card:hover .card-desc{text-decoration:none}.card-head{gap:12px;margin-bottom:var(--space-3);position:relative}.card-head,.card-icon{align-items:center;display:flex}.card-icon{background:linear-gradient(135deg,var(--tool-c1,var(--accent)),var(--tool-c2,var(--success)));border-radius:9px;color:var(--on-gradient);flex-shrink:0;font-family:var(--mono);font-size:11px;font-weight:700;height:36px;justify-content:center;letter-spacing:-.3px;width:36px}.card-icon svg{color:var(--on-gradient);height:16px;width:16px}.card-icon .mdi{color:var(--on-gradient);font-size:16px}.card-title{color:var(--text-primary);font-size:14px;font-weight:600;line-height:1.3;position:relative}.card-desc{color:var(--muted);display:-webkit-box;flex:1;font-size:12px;-webkit-line-clamp:2;line-height:1.65;position:relative;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.card-tags{display:flex;flex-wrap:nowrap;gap:var(--space-1);margin-top:var(--space-3);overflow-x:auto;position:relative;scrollbar-width:none}.card-tags::-webkit-scrollbar{display:none}.card-tags .tag{flex-shrink:0}.tag{background:var(--bg3);border:var(--border-w) solid var(--border);border-radius:var(--radius-full);font-size:10px;padding:2px 8px}.hub-empty,.tag{color:var(--muted)}.hub-empty{background:var(--bg2);border:1px dashed var(--border);border-radius:var(--radius-xl);margin:0 0 40px;padding:var(--space-16) 24px;text-align:center}.hub-empty p{font-size:var(--text-base)}@media (max-width:640px){.grid{gap:12px;grid-template-columns:1fr}}#editor-wrap{display:flex;flex:1;overflow:hidden}#ace-editor{flex:1;min-height:0;width:100%}#ace-editor,#status-bar{overflow:hidden}.sitem{color:var(--dim);font-size:var(--text-2xs);gap:var(--space-1);white-space:nowrap}#val-badge,.sitem{align-items:center;display:flex}#val-badge{border-radius:20px;cursor:pointer;flex-shrink:0;font-size:10.5px;font-weight:600;gap:4px;height:16px;margin-left:auto;padding:0 var(--space-2)}#val-badge.ok{background:var(--success-bg);color:var(--success)}#val-badge.err{background:var(--danger-bg);color:var(--danger)}#val-badge svg{height:11px;width:11px}#err-tip,#err-tooltip{background:var(--bg2);border:var(--border-w) solid var(--danger);border-radius:var(--radius-lg);bottom:30px;box-shadow:var(--shadow-md);color:var(--danger);display:none;font-family:var(--mono);font-size:11.5px;line-height:1.6;max-width:360px;padding:var(--space-3) var(--space-4);position:fixed;right:12px;z-index:var(--z-toast)}#err-tip.show,#err-tooltip.show{display:block}.sdot{animation:pulse 2s ease infinite;background:var(--success);border-radius:50%;display:inline-block;height:5px;width:5px}body[data-tool=html] #preview-wrap{align-items:flex-start;background:var(--bg3);display:flex;flex:1;justify-content:center;overflow:auto}#preview{background:var(--preview-paper);border:none;display:block;transition:width .18s}#preview.d-full{height:100%;width:100%}#preview.d-tablet{width:768px}#preview.d-mobile,#preview.d-tablet{border-inline:var(--border-w) solid var(--border);min-height:100%}#preview.d-mobile{width:375px}.vtip li b.e{color:var(--danger)}.vtip li b.w{color:var(--warn)}.mode-tabs{background:var(--bg3);border:var(--border-w) solid var(--border);border-radius:var(--radius);display:flex;gap:2px;padding:2px}body[data-tool=text] #layout{flex-direction:column}#compare-mode,#editor-mode{display:flex;flex:1;flex-direction:column;overflow:hidden}.compare-header{align-items:center;background:var(--bg2);border-bottom:var(--border-w) solid var(--border);display:flex;flex-shrink:0;height:30px}#compare-panes{gap:0;min-height:0}#compare-panes,.compare-pane{display:flex;flex:1;overflow:hidden}.compare-pane{flex-direction:column;min-width:0}.compare-pane+.compare-pane{border-left:var(--border-w) solid var(--border)}@media (max-width:768px){#compare-panes{flex-direction:column}.compare-pane+.compare-pane{border-left:none;border-top:var(--border-w) solid var(--border)}}body[data-tool=text] #compare-mode textarea.cs-input{border:0!important;border-radius:0!important;flex:1;font-family:var(--control-font,var(--mono))!important;font-size:var(--text-base);min-height:0}body[data-tool=text] #compare-mode textarea.cs-input::-moz-placeholder{color:var(--dim)}body[data-tool=text] #compare-mode textarea.cs-input::placeholder{color:var(--dim)}#compare-result{background:var(--bg);border-top:var(--border-w) solid var(--border);flex-shrink:0;max-height:40%;overflow:auto}#diff-output{font-family:var(--mono);font-size:12.5px;line-height:1.7;padding:8px 0}.diff-line{align-items:stretch;display:flex;min-height:21.25px}.diff-ln{border-right:var(--border-w) solid var(--border);color:var(--dim);flex-shrink:0;font-size:10px;padding:0 var(--space-2);text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:36px}.diff-text{flex:1;padding:0 12px;white-space:pre-wrap;word-break:break-all}.diff-line.add .diff-text{background:var(--add);color:var(--add-text)}.diff-line.del .diff-text{background:var(--del);color:var(--del-text)}.diff-line.eq .diff-text{color:var(--muted)}.diff-line.add .diff-ln{background:var(--add);color:var(--add-text)}.diff-line.del .diff-ln{background:var(--del);color:var(--del-text)}#diff-summary{border-top:var(--border-w) solid var(--border);color:var(--muted);display:flex;font-size:11px;gap:16px;margin-bottom:var(--space-3);padding:8px var(--space-4)}.diff-stat{align-items:center;display:flex;gap:var(--space-1)}.diff-stat .dot{border-radius:2px;height:8px;width:8px}.dot-add{background:var(--success)}.dot-del{background:var(--danger)}body[data-tool=text] .tool-pill{background:var(--bg3);border-color:var(--border);border-radius:20px;height:28px;padding:0 12px}body[data-tool=text] .tool-pill:hover{background:var(--bg3);border-color:var(--accent)}body[data-tool=css]{overflow:hidden}body[data-tool=css] #hdr{flex-shrink:0}body[data-tool=css] #layout{flex-direction:column}body[data-tool=javascript],body[data-tool=js]{overflow:hidden}body[data-tool=javascript] #hdr,body[data-tool=js] #hdr{flex-shrink:0;gap:var(--space-3)}body[data-tool=javascript] #editor-panel,body[data-tool=js] #editor-panel{border-right:var(--border-w) solid var(--border);flex:0 0 55%}body[data-tool=javascript] #console-panel,body[data-tool=js] #console-panel{flex:1 1 0}#console-out{background:var(--bg);flex:1;font-family:var(--mono);font-size:12px;line-height:1.6;overflow-y:auto;padding:var(--space-4)}.cline{border-bottom:var(--border-w) solid var(--ed-line);padding:2px 0}.cline.log{color:var(--text)}.cline.info{color:var(--accent)}.cline.warn{color:var(--warn)}.cline.error{color:var(--danger)}.cline.result{color:var(--success)}.cline.sys{color:var(--dim);font-style:italic}.cprompt{color:var(--dim);margin-right:var(--space-2);-webkit-user-select:none;-moz-user-select:none;user-select:none}body[data-tool=json]{overflow:hidden}body[data-tool=json] #hdr{justify-content:space-between}body[data-tool=json] .brand-icon{background:var(--warn);font-size:11px;font-weight:500;height:28px;letter-spacing:-.5px;width:28px}body[data-tool=json] #editor-panel{border-right:var(--border-w) solid var(--border);flex:0 0 50%}body[data-tool=json] #preview-panel{flex:1 1 0}@media (max-width:768px){body[data-tool=json] #editor-panel{border-bottom:var(--border-w) solid var(--border);border-right:none}body[data-tool=json] #preview-panel{flex:1 1 0}}.view-tab{align-items:center;background:transparent;border:var(--border-w) solid transparent;border-radius:var(--radius);color:var(--muted);cursor:pointer;display:inline-flex;flex-shrink:0;font-family:var(--ui);font-size:11.5px;font-weight:500;gap:4px;height:26px;padding:0 var(--space-3);transition:all .12s;white-space:nowrap}.view-tab:hover{background:var(--bg3);border-color:var(--border);color:var(--text)}.view-tab.active{background:var(--warn-bg);border-color:var(--warn);color:var(--warn)}#fetch-modal{background:var(--bg2);border:var(--border-w) solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:12px;padding:20px;width:min(420px,calc(100vw - 32px))}#fetch-modal h3{font-size:13px;font-weight:600}.fetch-input-row{display:flex;gap:var(--space-2)}#url-input{background:var(--bg3);border:var(--border-w) solid var(--border);border-radius:var(--radius);color:var(--text);flex:1;font-family:var(--ui);font-size:12px;height:30px;min-width:0;outline:none;padding:0 var(--space-3)}#url-input:focus{border-color:var(--accent)}#url-input::-moz-placeholder{color:var(--dim)}#url-input::placeholder{color:var(--dim)}#fetch-status{font-size:11px;min-height:16px}#fetch-status.ok{color:var(--success)}#fetch-status.err{color:var(--danger)}#fetch-status.load{color:var(--muted)}body[data-tool=json] #preview-wrap{background:var(--bg);flex:1;overflow:auto;padding:var(--space-4)}#search-bar{height:36px;padding:0 var(--space-3)}#search-bar>.mdi-magnify{color:var(--muted);margin-left:var(--space-2)}#search-input{background:transparent;border:none;color:var(--text);flex:1;font-family:var(--ui);font-size:12px;height:28px;min-width:0;outline:none;padding:0 var(--space-2)}#search-input::-moz-placeholder{color:var(--dim)}#search-input::placeholder{color:var(--dim)}#search-count{color:var(--muted);min-width:60px;text-align:right}#path-tip,#search-count{font-size:11px;white-space:nowrap}#path-tip{background:var(--bg3);border:var(--border-w) solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);color:var(--accent);display:none;font-family:var(--mono);max-width:480px;overflow:hidden;padding:4px var(--space-3);pointer-events:none;position:fixed;text-overflow:ellipsis;z-index:var(--z-tooltip)}#path-tip.show{display:block}.jtree{font-family:var(--mono);font-size:var(--mono-sz);line-height:var(--line-h)}.jnode{position:relative}.jnode .toggle{align-items:center;color:var(--muted);cursor:pointer;display:flex;font-size:10px;height:14px;justify-content:center;left:-18px;position:absolute;top:1px;transition:transform .12s;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:14px}.jnode:not(.collapsed)>.jline .toggle{transform:rotate(90deg)}.jnode.collapsed>.jchildren{display:none}.jnode.collapsed>.jline .close-inline,.jnode.collapsed>.jline .jpreview{display:inline}.jnode:not(.collapsed)>.jline .close-inline,.jnode:not(.collapsed)>.jline .jpreview{display:none}.jpreview{color:var(--muted);font-size:11px}.jchildren{border-left:var(--border-w) solid var(--border);margin-left:var(--space-2);padding-left:var(--space-6)}.jk{color:var(--code-json-key)}.jks{color:var(--muted)}.js{color:var(--code-json-string)}.jn{color:var(--code-json-number)}.jb{color:var(--code-json-boolean)}.jz{color:var(--code-json-null)}.jp{color:var(--code-punctuation)}.jline{align-items:baseline;border-radius:3px;cursor:default;display:flex;gap:2px;min-height:calc(var(--mono-sz)*var(--line-h));padding:0 0 0 20px;position:relative}.jline:hover{background:var(--bg3)}.jline.hl-match{background:var(--ed-match)}.jline.hl-cur{background:var(--ed-match-cur)}.jline.hl-hidden{display:none}body[data-tool=xml]{overflow:hidden}body[data-tool=xml] #hdr{flex-shrink:0}body[data-tool=xml] .panel{min-width:0}body[data-tool=xml] #editor-panel{border-right:var(--border-w) solid var(--border);flex:0 0 50%}body[data-tool=xml] #preview-panel{flex:1 1 0}@media (max-width:768px){body[data-tool=xml] #editor-panel{border-bottom:var(--border-w) solid var(--border);border-right:none}body[data-tool=xml] #preview-panel{flex:1 1 0}}body[data-tool=xml] #preview-wrap{background:var(--bg);flex:1;overflow:auto;padding:var(--space-4) 16px}.xtree{font-family:var(--mono);font-size:var(--mono-sz);line-height:var(--line-h)}.xnode{position:relative}.xtoggle{align-items:center;color:var(--muted);cursor:pointer;display:flex;font-size:10px;height:13px;justify-content:center;left:-16px;position:absolute;top:1px;transition:transform .12s;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:13px}.xnode:not(.collapsed)>.xline .xtoggle{transform:rotate(90deg)}.xnode.collapsed>.xchildren{display:none}.xline{border-radius:3px;min-height:calc(var(--mono-sz)*var(--line-h));padding-left:var(--space-5)}.xline:hover{background:var(--bg3)}.xt{color:var(--x-tag)}.xa{color:var(--x-attr)}.xv{color:var(--x-val)}.xc{color:var(--x-comment);font-style:italic}.xcd{color:var(--x-cdata)}.xp{color:var(--x-pi)}.xtext{color:var(--text);opacity:.8}div.ace_editor .ace_constant.ace_language{color:var(--syntax-keyword)}div.ace_editor,div.ace_editor .ace_gutter-layer,div.ace_editor .ace_text-layer{font-family:var(--mono)}body[data-tool=text] .text-compare-result{background:var(--bg);border-top:2px solid var(--border);max-height:40vh;overflow-y:auto;padding:var(--space-4)}body[data-tool=encryptor],body[data-tool=hash],body[data-tool=signer],body[data-tool=ssl],body[data-tool=transcode]{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}body[data-tool=encryptor] #layout,body[data-tool=hash] #layout,body[data-tool=signer] #layout,body[data-tool=ssl] #layout,body[data-tool=transcode] #layout{flex:1;flex-direction:column;min-height:0}.tool-section{display:none;flex-direction:column;gap:var(--space-4)}.crypto-io,.tool-section.active{display:flex}.crypto-io{align-items:flex-start;gap:12px}.crypto-io-col{display:flex;flex:1;flex-direction:column;gap:var(--space-2);width:100%}.crypto-arrow{color:var(--dim);flex-shrink:0;font-size:18px;padding-top:var(--space-6)}.crypto-actions,.crypto-arrow{align-items:center;display:flex}.crypto-actions{flex-wrap:wrap;gap:8px}.crypto-note{background:var(--bg3);border:var(--border-w) solid var(--border);border-radius:var(--radius);color:var(--muted);font-size:11px;line-height:1.6;padding:8px 12px}.hash-rows{display:flex;flex-direction:column;gap:8px;margin-top:4px}.hash-row{align-items:center;display:flex;gap:8px}.hash-row-label{color:var(--muted);flex-shrink:0;font-family:var(--mono);font-size:11px;font-weight:600;width:72px}.hash-value{align-items:center;background:var(--bg3);border:var(--border-w) solid var(--border);border-radius:var(--radius);color:var(--success);display:flex;flex:1;font-family:var(--mono);font-size:12px;min-height:32px;padding:var(--space-2) var(--space-3);word-break:break-all}.hash-value.empty{color:var(--dim)}.section-div{background:var(--border);height:1px}.jwt-parts{display:flex;flex-direction:column;gap:var(--space-3)}.jwt-part label{display:block;font-size:10px;font-weight:600;letter-spacing:.7px;margin-bottom:4px;text-transform:uppercase}.jwt-part label.c-red{color:var(--syntax-keyword)}.jwt-part label.c-blue{color:var(--syntax-string)}.jwt-part label.c-dim{color:var(--dim)}.jwt-part-value{background:var(--bg3);border:var(--border-w) solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--mono);font-size:12px;line-height:1.6;padding:8px 12px;white-space:pre-wrap;word-break:break-all}.result-text{font-size:12px;font-weight:600;margin-left:4px}.result-text.ok{color:var(--success)}.result-text.warn{color:var(--warning)}.result-text.err{color:var(--danger)}@media (max-width:640px){.toolbar-wrap{flex-wrap:nowrap;min-height:auto;overflow-x:auto;padding:var(--space-2) var(--space-3)}.crypto-io{flex-direction:column}.crypto-arrow{display:none}}.custom-select{position:relative}.custom-select-btn{align-items:center;cursor:pointer;display:flex;gap:var(--space-2);justify-content:space-between;text-align:left;width:100%}.custom-select-btn svg{flex-shrink:0;opacity:.6}.verify-grid{align-items:center;display:grid;gap:12px;grid-template-columns:1fr 2fr}@media (max-width:640px){.hash-row{flex-wrap:wrap}.hash-row-label{width:60px}.verify-grid{grid-template-columns:1fr}}.csr-grid{display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr}.csr-field{display:flex;flex-direction:column;gap:var(--space-1)}.csr-field label{color:var(--muted);font-size:11px;font-weight:500}@media (max-width:640px){.csr-grid{grid-template-columns:1fr}}body[data-tool=ssl] .ssl-note{margin-bottom:var(--space-4)}body[data-tool=ssl] .ssl-note p{margin:0}body[data-tool=ssl] .ssl-subhead{border-top:var(--border-w) solid var(--border-subtle);color:var(--muted);font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:.05em;margin:var(--space-6) 0 var(--space-3);padding-top:var(--space-4);text-transform:uppercase}body[data-tool=ssl] .ssl-subhead:first-of-type{border-top:0;margin-top:0;padding-top:0}body[data-tool=ssl] .cs-actions+.cs-grid,body[data-tool=ssl] .cs-grid+.cs-actions{margin-top:var(--space-4)}body[data-tool=ssl] .ssl-inline-actions{margin:var(--space-2) 0 0}body[data-tool=ssl] .ssl-summary{align-items:center;color:var(--muted);display:flex;flex-wrap:wrap;font-size:var(--text-sm);gap:var(--space-2);min-height:var(--control-h-sm)}body[data-tool=ssl] .ssl-summary:empty{display:none}body[data-tool=ssl] .ssl-summary .cs-badge{margin-left:0}body[data-tool=ssl] .ssl-findings{display:flex;flex-direction:column;gap:var(--space-1);list-style:none;margin:var(--space-3) 0;padding:0}body[data-tool=ssl] .ssl-findings li{align-items:flex-start;color:var(--text);display:flex;font-size:var(--text-md);gap:var(--space-2)}body[data-tool=ssl] .ssl-findings .mdi{flex-shrink:0;font-size:16px;line-height:1.4}body[data-tool=ssl] .ssl-findings .ok{color:var(--success)}body[data-tool=ssl] .ssl-findings .warn{color:var(--warning)}body[data-tool=ssl] .ssl-findings .error{color:var(--danger)}body[data-tool=ssl] .ssl-findings .info{color:var(--info)}body[data-tool=ssl] .table-wrap{border:var(--border-w) solid var(--border);border-radius:var(--radius);margin:var(--space-3) 0 var(--space-4);overflow-x:auto}body[data-tool=ssl] .ssl-table{border-collapse:collapse;font-size:var(--text-sm);width:100%}body[data-tool=ssl] .ssl-table th{background:var(--bg3);color:var(--muted);font-size:var(--text-2xs);letter-spacing:.06em;padding:var(--space-2) var(--space-3);text-align:left;text-transform:uppercase;white-space:nowrap}body[data-tool=ssl] .ssl-table td{border-top:var(--border-w) solid var(--border-subtle);color:var(--text);padding:var(--space-2) var(--space-3);vertical-align:top}body[data-tool=ssl] .ssl-table td.mono{font-family:var(--mono);font-size:var(--text-xs);white-space:nowrap}body[data-tool=ssl] .ssl-actions-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));margin:var(--space-4) 0}body[data-tool=ssl] .ssl-action-group{align-items:center;background:var(--bg3);border:var(--border-w) solid var(--border-subtle);border-radius:var(--radius);display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3)}body[data-tool=ssl] .ssl-action-group .tlabel{margin:0 0 var(--space-1);padding:0;position:static;width:100%}body[data-tool=ssl] .ssl-action-group .cs-btn{background:var(--bg2);border-color:var(--border)}body[data-tool=ssl] .ssl-blocks{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}body[data-tool=ssl] .ssl-code{background:var(--bg4);border:var(--border-w) solid var(--border);border-radius:var(--radius)}body[data-tool=ssl] .ssl-code-head{align-items:center;border-bottom:var(--border-w) solid var(--border-subtle);color:var(--muted);display:flex;font-size:var(--text-2xs);font-weight:var(--weight-bold);gap:var(--space-2);letter-spacing:.06em;padding:var(--space-1) var(--space-2) var(--space-1) var(--space-3);text-transform:uppercase}body[data-tool=ssl] .ssl-code-head .spacer{flex:1}body[data-tool=ssl] .ssl-code pre{background:transparent;border:0;color:var(--text);font-family:var(--mono);font-size:var(--text-md);line-height:1.7;margin:0;overflow-x:auto;padding:var(--space-3) var(--space-4)}body[data-tool=ssl] .ssl-code code{background:transparent;border:0;color:inherit;font:inherit;padding:0}body[data-tool=ssl] .ssl-check{margin-top:var(--space-4)}body[data-tool=ssl] .cs-callout a{color:var(--accent)}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.bottom-6{bottom:var(--space-6)}.right-6{right:var(--space-6)}.top-6{top:var(--space-6)}.isolate{isolation:isolate}.z-50{z-index:50}.m-0{margin:0}.mx-auto{margin-left:auto;margin-right:auto}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-12{margin-bottom:var(--space-12)}.mb-14{margin-bottom:3.5rem}.mb-16{margin-bottom:var(--space-16)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.ml-auto{margin-left:auto}.mr-1{margin-right:var(--space-1)}.mr-2{margin-right:var(--space-2)}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-12{margin-top:var(--space-12)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-8{margin-top:var(--space-8)}.\!block{display:block!important}.block{display:block}.inline{display:inline}.flex{display:flex}.\!table{display:table!important}.table{display:table}.\!grid{display:grid!important}.grid{display:grid}.\!contents{display:contents!important}.contents{display:contents}.list-item{display:list-item}.hidden{display:none}.h-10{height:var(--space-10)}.h-2{height:var(--space-2)}.h-7{height:1.75rem}.max-h-\[80vh\]{max-height:80vh}.w-10{width:var(--space-10)}.w-2{width:var(--space-2)}.w-7{width:1.75rem}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[190px\]{min-width:190px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-\[210px\]{max-width:210px}.max-w-none{max-width:none}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.self-start{align-self:flex-start}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:var(--radius)}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:var(--radius-full)}.border{border-width:1px}.border-r{border-right-width:1px}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.border-white\/30{border-color:hsla(0,0%,100%,.3)}.bg-slate-900{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-0{padding:0}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-12{padding-bottom:var(--space-12);padding-top:var(--space-12)}.py-16{padding-bottom:var(--space-16);padding-top:var(--space-16)}.py-4{padding-bottom:var(--space-4);padding-top:var(--space-4)}.py-6{padding-bottom:var(--space-6);padding-top:var(--space-6)}.py-8{padding-bottom:var(--space-8);padding-top:var(--space-8)}.pb-16{padding-bottom:var(--space-16)}.pl-1\.5{padding-left:.375rem}.pl-3{padding-left:var(--space-3)}.pr-4{padding-right:var(--space-4)}.font-mono{font-family:var(--mono)}.text-2xl{font-size:var(--text-2xl)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-sm{font-size:var(--text-sm)}.text-xl{font-size:var(--text-xl)}.text-xs{font-size:var(--text-xs)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.overline{text-decoration-line:overline}.no-underline{text-decoration-line:none}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.accent-muted{accent-color:var(--muted)}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px)}.blur,.drop-shadow{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))}.grayscale{--tw-grayscale:grayscale(100%)}.grayscale,.invert{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert:invert(100%)}.sepia{--tw-sepia:sepia(100%)}.filter,.sepia{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px)}.backdrop-blur,.backdrop-blur-2xl{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-2xl{--tw-backdrop-blur:blur(40px)}.backdrop-blur-3xl{--tw-backdrop-blur:blur(64px)}.backdrop-blur-3xl,.backdrop-blur-lg{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-lg{--tw-backdrop-blur:blur(16px)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-md,.backdrop-blur-none{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-none{--tw-backdrop-blur: }.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.backdrop-blur-sm,.backdrop-blur-xl{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-xl{--tw-backdrop-blur:blur(24px)}.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}*,:after,:before{border-color:var(--border);border-style:solid;border-width:0}@media (min-width:768px){.md\:inline{display:inline}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}}.dark\:border-slate-700:where([data-mode=dark],[data-mode=dark] *){--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.dark\:bg-slate-800:where([data-mode=dark],[data-mode=dark] *){--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.dark\:text-blue-400:where([data-mode=dark],[data-mode=dark] *){--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}