@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg:#f8fafc;--bg-elev:#fff;--ink:#0f172a;--ink-2:#334155;--ink-3:#64748b;--ink-4:#94a3b8;--line:#e6ecf2;--line-2:#d6dee7;--muted:#f1f5f9;--muted-2:#e2e8f0;--accent:#2563eb;--accent-soft:#e7effd;--accent-ink:#1d4ed8;--danger:#dc2626;--success:#16a34a;--radius:10px;--radius-lg:14px;--radius-sm:6px;--shadow-sm:0 1px 2px #1a1a190a;--shadow-md:0 4px 16px -4px #1a1a1914, 0 1px 2px #1a1a190a;--shadow-lg:0 16px 40px -12px #1a1a1929, 0 2px 4px #1a1a190a;--mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--topbar-h:56px}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}html body{font-family:var(--sans);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11", "ss01", "ss03";margin:0;font-size:14px;line-height:1.5}::selection{background:var(--accent-soft);color:var(--accent-ink)}code,pre,.mono{font-family:var(--mono)}.app{flex-direction:column;min-height:100vh;display:flex}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{height:var(--topbar-h);border-bottom:1px solid var(--line);-webkit-backdrop-filter:saturate(140%)blur(10px);backdrop-filter:saturate(140%)blur(10px);z-index:20;background:#fafaf7d9;align-items:center;gap:24px;padding:0 24px;display:flex;position:sticky;top:0}.brand{color:inherit;font:inherit;cursor:pointer;letter-spacing:0;background:0 0;border:none;align-items:center;gap:11px;padding:0;font-size:20px;font-weight:500;text-decoration:none;transition:opacity .14s;display:flex}.brand:hover{opacity:.75}.brand-mark{border-radius:6px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid;overflow:hidden}.brand-mark img{object-fit:contain;width:44px;height:44px;display:block}.topbar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.nav-icon{border-radius:var(--radius-sm);width:34px;height:34px;color:var(--ink-3);cursor:pointer;background:0 0;border:none;place-items:center;text-decoration:none;transition:color .12s,background .12s;display:grid}.nav-icon:hover,.nav-icon.active{color:var(--ink);background:var(--muted)}.kbd{font-family:var(--mono);color:var(--ink-3);background:var(--bg-elev);border:1px solid var(--line);text-align:center;border-bottom-width:2px;border-radius:4px;min-width:18px;padding:1px 6px;font-size:11px;line-height:1.4;display:inline-block}@media (width<=640px){.topbar{gap:12px;padding:0 16px}}.loader{width:40px;height:40px;padding:25vh calc(50vw - 20px);display:inline-block}.loader:after{content:" ";border:5px solid var(--line-2);border-color:var(--line-2) transparent var(--line-2) transparent;border-radius:50%;width:30px;height:30px;margin:1px;animation:1.2s linear infinite loader;display:block}@keyframes loader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.home{flex:1;justify-content:center;padding:40px 24px 80px;display:flex}.home-inner{grid-template-columns:1fr 1fr;align-items:start;gap:20px;width:100%;max-width:1400px;display:grid}@media (width<=720px){.home-inner{grid-template-columns:1fr;align-content:start;gap:2rem}.home{padding:24px 16px 64px}}.home-col{flex-direction:column;gap:16px;min-width:0;display:flex}.home-col-head{color:var(--ink-4);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:10px;padding:0 4px;font-size:11px;font-weight:600;display:flex}.home-col-head .dot{background:var(--ink-4);border-radius:50%;width:6px;height:6px}.home-col-head .swap{text-transform:none;letter-spacing:0;color:var(--ink-3);align-items:center;gap:6px;margin-left:auto;font-size:11px;font-weight:500;display:inline-flex}.swap-sep{background:var(--line-2);width:1px;height:10px;margin:0 4px}.swap-label{opacity:.5}@media (width<=480px){.home-col-head .swap{display:none}}.input-card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;min-height:280px;transition:border-color .16s,box-shadow .16s;display:flex;position:relative}.input-card:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft), var(--shadow-sm)}.input-card textarea{resize:none;width:100%;font-family:var(--mono);color:var(--ink);background:0 0;border:none;outline:none;flex:1;min-height:200px;max-height:360px;padding:16px 18px;font-size:15px;line-height:1.6;overflow-y:auto}.input-card textarea::placeholder{color:var(--ink-4)}.input-qr-btn{border:1px solid var(--line);background:var(--bg-elev);width:28px;height:28px;color:var(--ink-3);cursor:pointer;border-radius:6px;place-items:center;padding:0;transition:all .12s;display:grid;position:absolute;bottom:10px;right:10px}.input-qr-btn:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.input-options{text-transform:none;letter-spacing:0;flex-wrap:wrap;gap:6px;margin-left:auto;display:inline-flex}.opt-chip{font-family:var(--mono);background:var(--accent-soft);color:var(--accent-ink);border-radius:4px;align-items:center;padding:2px 7px;font-size:11px;display:inline-flex}.opt-k{font-weight:500}.opt-eq{opacity:.5;margin:0 1px}.opt-v{opacity:.85}.out-count{color:var(--ink-3);text-transform:none;letter-spacing:0;font-size:11px;font-weight:500;font-family:var(--mono)}.boxes{flex-direction:column;gap:10px;display:flex}.empty{text-align:center;border:1px dashed var(--line-2);border-radius:var(--radius-lg);background:var(--bg-elev);padding:60px 20px}.empty-mark{background:var(--muted);border-radius:7px;width:32px;height:32px;margin:0 auto 16px;position:relative}.empty-mark:before{content:"";background:var(--ink-4);opacity:.4;border-radius:2px;position:absolute;inset:10px}.empty-title{color:var(--ink);margin-bottom:4px;font-size:14px;font-weight:500}.empty-sub{color:var(--ink-3);max-width:340px;margin:0 auto;font-size:13px}.box-card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;padding:0;transition:border-color .14s,box-shadow .14s;display:block;overflow:hidden}.box-card:hover{border-color:var(--line-2)}.box-card.is-selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft), var(--shadow-sm)}.box-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;min-width:0;padding:11px 14px;display:flex}.box-tag{background:var(--muted);width:22px;height:22px;color:var(--ink-2);font-size:12px;font-family:var(--mono);border-radius:5px;flex-shrink:0;place-items:center;display:grid}.box-card.is-selected .box-tag{background:var(--accent-soft);color:var(--accent-ink)}.box-title{color:var(--ink);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:13px;font-weight:500;overflow:hidden}.box-kind{color:var(--ink-4);text-transform:uppercase;letter-spacing:.08em;background:var(--muted);white-space:nowrap;border-radius:3px;padding:2px 6px;font-size:10px;font-weight:500}.box-actions{align-items:center;gap:6px;margin-left:auto;display:inline-flex}.box-copy,.box-expand{color:var(--ink-3);border:1px solid var(--line);background:var(--bg-elev);cursor:pointer;border-radius:5px;align-items:center;gap:4px;padding:4px 9px;font-size:11px;font-weight:500;transition:all .12s;display:inline-flex}.box-expand{padding:4px}.box-copy:hover,.box-expand:hover{background:var(--muted);color:var(--ink)}.box-card.is-selected .box-copy,.box-card.is-selected .box-expand{border-color:var(--accent);color:var(--accent-ink);background:var(--accent-soft)}.box-body{padding:12px 14px}.box-meta{color:var(--ink-4);border-top:1px dashed var(--line);word-break:break-all;margin-top:8px;padding-top:8px;font-size:11px}.box-out{color:var(--ink);white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;font-size:13px;line-height:1.5;font-family:var(--mono);margin:0}@media (width<=480px){.box-head{flex-wrap:wrap;row-gap:6px}.box-kind{display:none}}.box-modal-root{place-items:center;padding:24px;display:grid;position:fixed;inset:0}.box-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:default;background:#0f172a73;border:none;margin:0;padding:0;position:absolute;inset:0}.box-modal-card{z-index:1;background:var(--bg-elev);border-radius:var(--radius-lg);width:100%;max-width:min(720px,95vw);max-height:90vh;box-shadow:var(--shadow-lg);outline:none;flex-direction:column;display:flex;position:relative;overflow:hidden}.box-modal-head{border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:10px;padding:14px 16px;display:flex}.box-modal-title{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;margin:0;font-size:14px;font-weight:600;overflow:hidden}.box-modal-close{width:26px;height:26px;color:var(--ink-3);cursor:pointer;background:0 0;border:none;border-radius:5px;place-items:center;padding:0;transition:all .12s;display:grid}.box-modal-close:hover{background:var(--muted);color:var(--ink)}.box-modal-body{flex:auto;min-height:0;padding:16px;overflow:auto}.page{flex:1;justify-content:center;display:flex}.page-inner{flex-direction:column;gap:28px;width:100%;max-width:960px;padding:40px 24px 80px;display:flex}@media (width<=720px){.page-inner{padding:24px 16px 64px}}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.page-title{letter-spacing:-.02em;color:var(--ink);margin:0 0 6px;font-size:28px;font-weight:600}.page-sub{color:var(--ink-3);max-width:520px;margin:0;font-size:13px;line-height:1.55}.list-page{flex-direction:column;flex:1;align-items:stretch;min-width:0;padding:0;display:flex}.list-shell{width:100%;min-width:0;min-height:calc(100vh - var(--topbar-h));flex:auto;grid-template-columns:minmax(0,1fr);display:grid}@media (width>=900px){.list-shell{grid-template-columns:300px minmax(0,1fr)}}@media (width>=1280px){.list-shell{grid-template-columns:340px minmax(0,1fr)}}@media (width>=1600px){.list-shell{grid-template-columns:380px minmax(0,1fr)}}.browser-toggle{background:var(--bg-elev);border:none;border-bottom:1px solid var(--line);width:100%;color:var(--ink);text-align:left;top:var(--topbar-h);z-index:5;cursor:pointer;align-items:center;gap:10px;padding:10px 16px;font-size:13px;display:flex;position:sticky}.browser-toggle-label{color:var(--ink-4);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:600}.browser-toggle-current{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}.browser-toggle-chevron{color:var(--ink-4);flex-shrink:0;transition:transform .16s}.browser-toggle[aria-expanded=true] .browser-toggle-chevron{transform:rotate(180deg)}@media (width>=900px){.browser-toggle{display:none}}.browser-backdrop{inset:var(--topbar-h) 0 0 0;z-index:4;background:#0f172a59;animation:.16s browserFade;display:none;position:fixed}.list-page[data-browser-open=true]{overflow:hidden}@keyframes browserFade{0%{opacity:0}to{opacity:1}}.browser{background:var(--bg-elev);flex-direction:column;display:flex;overflow:hidden}@media (width<=899px){.browser{top:var(--topbar-h);z-index:5;border-bottom:1px solid var(--line);pointer-events:none;max-height:70vh;transition:transform .2s;position:fixed;left:0;right:0;transform:translateY(-100%);box-shadow:0 12px 28px -14px #0f172a40}.list-page[data-browser-open=true] .browser{pointer-events:auto;transform:translateY(0)}.list-page[data-browser-open=true] .browser-backdrop{display:block}}@media (width>=900px){.browser{border-right:1px solid var(--line);top:var(--topbar-h);height:calc(100vh - var(--topbar-h));position:sticky}}.browser-head{justify-content:space-between;align-items:flex-start;gap:12px;padding:24px 20px 12px;display:flex}@media (width>=900px){.browser-head{padding:28px 20px 12px}}.browser-title{letter-spacing:-.02em;color:var(--ink);margin:0;font-size:20px;font-weight:600}@media (width>=900px){.browser-title{font-size:22px}}.browser-collapse{width:26px;height:26px;color:var(--ink-4);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .12s,background .12s,border-color .12s;display:none}.browser-collapse:hover{color:var(--ink);background:var(--muted);border-color:var(--line)}@media (width>=900px){.browser-collapse{display:inline-flex}}.browser-expand{top:var(--topbar-h);width:28px;height:calc(100vh - var(--topbar-h));border-right:1px solid var(--line);background:var(--bg-elev);color:var(--ink-4);cursor:pointer;border-top:none;border-bottom:none;border-left:none;flex-shrink:0;justify-content:center;align-self:flex-start;align-items:flex-start;padding-top:16px;transition:color .12s,background .12s;display:none;position:sticky}.browser-expand:hover{color:var(--ink);background:var(--muted)}@media (width>=900px){.list-page[data-sidebar-collapsed=true]{flex-direction:row;align-items:stretch}.list-page[data-sidebar-collapsed=true] .browser-expand{display:flex}.list-page[data-sidebar-collapsed=true] .list-shell{grid-template-columns:minmax(0,1fr)}.list-page[data-sidebar-collapsed=true] .browser{display:none}}.browser-search{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink-4);align-items:center;gap:8px;margin:0 14px 10px;padding:7px 10px;transition:border-color .12s;display:flex;position:relative}.browser-search:focus-within{border-color:var(--accent);background:var(--bg-elev);box-shadow:0 0 0 3px var(--accent-soft)}.browser-search input{width:100%;color:var(--ink);background:0 0;border:none;outline:none;font-family:inherit;font-size:13px}.browser-search-clear{width:18px;height:18px;color:var(--ink-4);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;place-items:center;padding:0;transition:all .12s;display:grid}.browser-search-clear:hover{background:var(--muted);color:var(--ink)}.browser-list{flex:1;max-height:280px;padding:4px 8px 16px;overflow-y:auto}@media (width>=900px){.browser-list{max-height:none;padding:4px 10px 20px}}.browser-group{margin-top:8px}.browser-group-head{color:var(--ink-4);text-transform:uppercase;letter-spacing:.09em;justify-content:space-between;align-items:center;padding:10px 10px 6px;font-size:10px;font-weight:600;display:flex}.browser-group-count{font-family:var(--mono);color:var(--ink-4);opacity:.7;font-weight:500}.browser-row{border-radius:var(--radius-sm);text-align:left;width:100%;color:var(--ink-2);cursor:pointer;font:inherit;background:0 0;border:none;align-items:center;gap:10px;padding:7px 10px;transition:background .12s,color .12s;display:flex}.browser-row:hover{background:var(--muted);color:var(--ink)}.browser-row.active{background:var(--accent-soft);color:var(--accent-ink)}.browser-row-tag{background:var(--muted);width:22px;height:22px;color:var(--ink-3);font-size:12px;font-family:var(--mono);border-radius:5px;flex-shrink:0;place-items:center;transition:background .12s,color .12s;display:grid}.browser-row.active .browser-row-tag{background:var(--accent);color:#fff}.browser-row-title{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;font-weight:500;overflow:hidden}.browser-row-chevron{color:var(--ink-4);opacity:0;transition:opacity .12s;display:inline-flex}.browser-row:hover .browser-row-chevron,.browser-row.active .browser-row-chevron{opacity:1}.browser-row.active .browser-row-chevron{color:var(--accent-ink)}.browser-empty{text-align:center;color:var(--ink-4);padding:32px 20px;font-size:12.5px}.preview{background:var(--bg);box-sizing:border-box;overflow-wrap:anywhere;word-break:break-word;width:100%;min-width:0;padding:20px 16px 60px}@media (width>=560px){.preview{padding:24px 24px 72px}}@media (width>=900px){.preview{padding:28px 28px 80px;overflow-y:auto}}@media (width>=1280px){.preview{padding:36px 40px 96px}}.preview-stack{flex-direction:column;gap:14px;min-width:0;max-width:760px;margin:0 auto;display:flex}.preview-meta{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.preview-title{letter-spacing:-.02em;color:var(--ink);overflow-wrap:anywhere;word-break:break-word;min-width:0;max-width:100%;margin:0;font-size:20px;font-weight:600}@media (width>=900px){.preview-title{font-size:26px}}.preview-kind{color:var(--ink-4);text-transform:uppercase;letter-spacing:.09em;background:var(--muted);border-radius:4px;padding:3px 8px;font-size:11px;font-weight:600}.preview-desc{color:var(--ink-3);text-wrap:pretty;max-width:640px;margin:0 0 10px;font-size:13.5px;line-height:1.55}@media (width>=900px){.preview-desc{font-size:14px}}.preview-col-head{color:var(--ink-4);text-transform:uppercase;letter-spacing:.08em;flex-wrap:wrap;align-items:center;gap:10px;margin-top:6px;padding:0 4px;font-size:11px;font-weight:600;display:flex}.preview-col-head .dot{background:var(--ink-4);border-radius:50%;width:6px;height:6px}.preview-hint{text-transform:none;letter-spacing:0;color:var(--ink-4);margin-left:auto;font-size:11px;font-weight:500}@media (width<=560px){.preview-hint{display:none}}.preview-input-card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);transition:border-color .16s,box-shadow .16s}.preview-input-card:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.preview-input-card textarea{resize:none;width:100%;font-family:var(--mono);color:var(--ink);box-sizing:border-box;background:0 0;border:none;outline:none;min-height:68px;max-height:240px;padding:12px 14px;font-size:13.5px;line-height:1.6;overflow:auto}@media (width>=900px){.preview-input-card textarea{padding:14px 16px;font-size:14px}}.preview-empty{text-align:center;border:1px dashed var(--line-2);border-radius:var(--radius-lg);background:var(--bg-elev);max-width:760px;margin:60px auto 0;padding:48px 20px}.preview-empty-mark{background:var(--muted);border-radius:7px;width:32px;height:32px;margin:0 auto 16px}.preview-empty-title{color:var(--ink);margin-bottom:4px;font-size:14px;font-weight:500}.preview-empty-sub{color:var(--ink-3);font-size:13px}.settings-section{border-top:1px solid var(--line);gap:48px;padding:24px 0;display:flex}.settings-section:first-of-type{border-top:none;padding-top:8px}.settings-section-head{flex-shrink:0;width:220px}.settings-section-title{letter-spacing:-.01em;color:var(--ink);margin:6px 0 0;font-size:13px;font-weight:600}.settings-section-sub{color:var(--ink-3);margin:6px 0 0;font-size:12px;line-height:1.5}.settings-section-body{flex-direction:column;flex:1;gap:18px;min-width:0;display:flex}.field{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.field-info{flex:1}.field-label{color:var(--ink);margin-bottom:2px;font-size:13px;font-weight:500}.field-hint{color:var(--ink-3);max-width:420px;font-size:12px;line-height:1.5}.field-control{flex-shrink:0}.seg{background:var(--muted);border-radius:7px;gap:2px;padding:2px;display:inline-flex}.seg-item{color:var(--ink-3);cursor:pointer;background:0 0;border:none;border-radius:5px;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:500;transition:all .12s}.seg-item:hover{color:var(--ink)}.seg-item.active{background:var(--bg-elev);color:var(--ink);box-shadow:var(--shadow-sm)}.toggle{background:var(--muted-2);cursor:pointer;border:none;border-radius:9px;flex-shrink:0;width:32px;height:18px;padding:0;transition:background .16s;display:inline-block;position:relative}.toggle-dot{background:var(--bg-elev);border-radius:50%;width:14px;height:14px;transition:transform .16s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000026}.toggle.on{background:var(--accent)}.toggle.on .toggle-dot{transform:translate(14px)}.select{border:1px solid var(--line);background:var(--bg-elev) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%239B9B94' stroke-width='2'><path d='m6 9 6 6 6-6'/></svg>") no-repeat right 8px center;color:var(--ink);appearance:none;cursor:pointer;border-radius:6px;padding:5px 28px 5px 10px;font-family:inherit;font-size:12px;font-weight:500}.shortcut-list{flex-direction:column;gap:2px;display:flex}.shortcut-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.shortcut-row:last-child{border-bottom:none}.shortcut-label{color:var(--ink-2);font-size:13px}.shortcut-keys{gap:3px;display:flex}.about{flex-direction:column;gap:2px;display:flex}.about-row{color:var(--ink-2);border-bottom:1px solid var(--line);justify-content:space-between;padding:8px 0;font-size:13px;display:flex}.about-row:last-child{border-bottom:none}.about-row .mono{color:var(--ink-3);font-size:12px}.about-link{color:var(--accent-ink);font-size:12px;text-decoration:none}.about-link:hover{text-decoration:underline}.btn-danger{color:var(--danger);border:1px solid var(--line);background:var(--bg-elev);cursor:pointer;border-radius:6px;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:500;transition:all .12s}.btn-danger:hover{background:#fef2f2;border-color:#fecaca}.btn-subtle{color:var(--ink-3);border:1px solid var(--line);background:var(--bg-elev);cursor:pointer;border-radius:6px;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:500;transition:all .12s}.btn-subtle:hover{background:var(--muted);color:var(--ink);border-color:var(--line-2)}.dnd-list{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:4px;margin-bottom:12px;padding:4px;display:flex}.dnd-row{background:var(--bg-elev);-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:6px;grid-template-columns:20px 28px 24px minmax(0,1fr) auto 32px;align-items:center;column-gap:10px;min-width:0;padding:8px 10px;transition:background .12s,border-color .12s,opacity .12s;display:grid}.dnd-row:hover{background:var(--muted)}.dnd-row.is-dragging{opacity:.4}.dnd-row.is-off{opacity:.55}.dnd-grip{color:var(--ink-4);cursor:grab;width:20px;height:24px;font:inherit;touch-action:none;background:0 0;border:none;border-radius:4px;place-items:center;padding:0;display:grid}.dnd-grip:active{cursor:grabbing}.dnd-row:hover .dnd-grip{color:var(--ink-3)}.dnd-index{color:var(--ink-4);text-align:left;width:28px;font-size:10px}.dnd-tag{background:var(--muted);width:24px;height:24px;color:var(--ink-2);font-size:12px;font-family:var(--mono);border-radius:5px;place-items:center;display:grid}.dnd-title{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;font-weight:500;overflow:hidden}.dnd-kind{color:var(--ink-4);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;font-size:10px;font-weight:500}.dnd-row .toggle{justify-self:end}@media (width<=720px){.settings-section{flex-direction:column;gap:16px}.settings-section-head{width:auto}.field{flex-direction:column;gap:10px}.dnd-kind{display:none}.dnd-row{grid-template-columns:20px 28px 24px minmax(0,1fr) 32px}}