/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-font-weight:initial}}}@layer theme{:host,:root{--spacing:.25rem;--container-6xl:72rem;--text-3xl:1.875rem;--text-3xl--line-height:1.2;--font-weight-bold:700}}@layer base,components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mx-auto{margin-inline:auto}.mt-3{margin-top:calc(var(--spacing)*3)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.grid{display:grid}.hidden{display:none}.max-w-6xl{max-width:var(--container-6xl)}.resize{resize:both}.px-6{padding-inline:calc(var(--spacing)*6)}.py-12{padding-block:calc(var(--spacing)*12)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}}@property --tw-font-weight{syntax:"*";inherits:false}:root{--paper:#f5f4f7;--accent:#2c9678;--accent-strong:#247b63;--surface:color-mix(in srgb, var(--paper) 20%, #fff);--card:color-mix(in srgb, var(--paper) 5%, #fff);--ink:color-mix(in srgb, var(--accent) 20%, #252a2e);--muted:color-mix(in srgb, var(--accent) 8%, #6f7975);--subtle:color-mix(in srgb, var(--accent) 8%, #89918d);--line:color-mix(in srgb, var(--accent) 12%, var(--surface));--soft-line:color-mix(in srgb, var(--accent) 7%, var(--surface));--accent-line:color-mix(in srgb, var(--accent) 23%, var(--surface));--accent-wash:color-mix(in srgb, var(--accent) 8%, var(--card));--soft-surface:color-mix(in srgb, var(--paper) 40%, var(--card));--hover:color-mix(in srgb, var(--accent) 12%, var(--paper));--focus:color-mix(in srgb, var(--accent) 55%, #fff);--scroll-thumb:color-mix(in srgb, var(--accent) 48%, var(--surface));--button-hover:color-mix(in srgb, var(--accent-strong) 88%, #000);--sidebar:232px;--header-height:76px;color:var(--ink);background:var(--surface);font-synthesis:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}a,button,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}a,button{touch-action:manipulation}button{cursor:pointer}a,button{color:inherit}a{text-decoration:none}button{background:0 0;border:0}svg{fill:none;stroke:currentColor;stroke-width:1.65px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;display:block}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:4px}[hidden]{display:none!important}.skip-link{background:var(--accent-strong);color:#fff;z-index:20;padding:12px;position:fixed;top:-60px;left:12px}.skip-link:focus{top:8px}html{scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .18s}main{max-width:1660px;margin:auto;padding:34px 40px 0}.external-arrow{color:var(--subtle);margin-left:auto;font-size:13px;transition:color .18s}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1200px){:root{--sidebar:210px}main{padding:28px 28px 0}}@media (width<=760px){:root{--sidebar:232px;--header-height:62px}main{padding:22px 20px 0}}@media (width<=450px){main{padding:17px 15px 0}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition:none!important}}#view-title{overflow-wrap:anywhere}.lucide{vertical-align:middle;flex-shrink:0}button:disabled{cursor:wait;opacity:.55}.icon-button{width:32px;height:32px;color:var(--muted);border-radius:6px;justify-content:center;align-items:center;display:flex}.icon-button:hover{background:var(--accent-wash);color:var(--accent-strong)}.field-label{white-space:nowrap;color:var(--muted);align-items:center;gap:7px;font-size:12px;display:flex}.field-label svg{width:14px;height:14px}.search-box{border:1px solid var(--line);background:var(--soft-surface);min-width:100px;max-width:none;min-height:41px;color:var(--subtle);border-radius:6px;flex:1;align-items:center;gap:9px;padding:0 12px;display:flex}.search-box:focus-within{border-color:var(--accent-strong);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 7.45%,transparent)}.search-box svg{flex-shrink:0;width:17px;height:17px}.search-box input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:none;padding:12px 0;font-size:12px}.search-box input:focus-visible{outline:none}.search-box input::placeholder{color:var(--subtle)}kbd{border:1px solid var(--line);background:var(--card);white-space:nowrap;color:var(--subtle);border-radius:3px;padding:2px 4px;font-family:inherit;font-size:9px}@media (width<=1000px){.search-box{max-width:none}}@media (width<=450px){.field-label{font-size:10px}}.mode-switch{border:1px solid var(--line);min-height:34px;color:var(--muted);background:var(--card);border-radius:6px;flex-shrink:0;align-items:center;gap:8px;padding:6px 9px;font-size:11px;display:inline-flex}.mode-switch.is-editing,.mode-switch:hover{color:var(--accent-strong);background:var(--accent-wash)}.mode-switch-track{background:var(--line);border-radius:10px;flex-shrink:0;width:28px;height:16px;padding:2px}.mode-switch-track>span{background:var(--card);border-radius:50%;width:12px;height:12px;display:block}.is-editing .mode-switch-track{background:var(--accent-strong)}.is-editing .mode-switch-track>span{transform:translate(12px)}@media (width<=760px){.topbar .mode-switch{padding:6px}.topbar .mode-switch-track,.topbar .mode-switch>.lucide{display:none}}.sidebar{width:var(--sidebar);background:var(--paper);border-right:1px solid var(--line);z-index:10;scrollbar-width:thin;scrollbar-color:transparent transparent;flex-direction:column;padding:31px 18px 0;transition:scrollbar-color .18s;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.sidebar.is-scrolling,html.is-scrolling{scrollbar-color:var(--scroll-thumb) transparent}.sidebar::-webkit-scrollbar{width:5px}html::-webkit-scrollbar{width:5px}.sidebar::-webkit-scrollbar-track{background:0 0}html::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:0 0;border-radius:10px}html::-webkit-scrollbar-thumb{background:0 0;border-radius:10px}.sidebar.is-scrolling::-webkit-scrollbar-thumb{background:var(--scroll-thumb)}html.is-scrolling::-webkit-scrollbar-thumb{background:var(--scroll-thumb)}.brand{color:var(--accent-strong);gap:12px;padding:0 10px;font-size:23px;font-weight:750}.brand,.brand-mark{letter-spacing:0;align-items:center;display:flex}.brand-mark{background:var(--accent);width:43px;height:43px;color:var(--paper);border-radius:12px;flex-shrink:0;justify-content:center;font-size:24px;font-weight:500;position:relative}.brand-mark svg{width:36px;height:36px}.fish-eye{fill:var(--accent)}[data-i18n=brandName]{white-space:nowrap}.brand-caption{letter-spacing:1.15px;margin-top:3px;font-size:6.6px;font-weight:600;display:block}.sidebar-intro{color:var(--muted);letter-spacing:.6px;margin:19px 10px 38px;font-size:11px}.nav-label{color:var(--muted);letter-spacing:1px;justify-content:space-between;margin-bottom:13px;padding:0 12px;font-size:10px;display:flex}.nav-label>span:last-child{letter-spacing:1.2px;opacity:.7;font-size:8px}.nav-item{text-align:left;width:100%;min-height:45px;color:var(--muted);border-radius:7px;align-items:center;gap:12px;margin-bottom:5px;padding:10px 13px;font-size:14px;transition:background .18s,color .18s;display:flex}.nav-item svg{width:18px;height:18px}.nav-item:hover{background:var(--hover);color:var(--accent-strong)}.nav-item.active{background:var(--accent-strong);color:#fff;box-shadow:0 4px 10px color-mix(in srgb,var(--accent) 7.45%,transparent)}.nav-count{text-align:center;background:var(--hover);min-width:22px;color:var(--muted);font-variant-numeric:tabular-nums;border-radius:4px;margin-left:auto;padding:2px 4px;font-size:10px}.active .nav-count{color:#fff;background:#ffffff21}.sidebar-bottom{margin-top:auto;padding-top:42px}.little-note{border:1px solid var(--line);border-radius:8px;margin:0 8px 27px;padding:17px 15px;position:relative;overflow:hidden}.little-note>span:first-child{color:var(--accent-strong);margin-bottom:12px;display:block}.little-note strong{font-size:12px;font-weight:600}.little-note p{color:var(--muted);margin:7px 0 0;font-size:11px;line-height:1.9}.note-line{width:80px;height:80px;bottom:-28px;right:-39px}.note-line,.note-line:after{border:1px solid var(--line);border-radius:50%;position:absolute}.note-line:after{content:"";inset:7px}.workspace{margin-left:var(--sidebar)}.topbar{z-index:8;height:var(--header-height);border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;padding:0 40px;position:sticky;top:0}.breadcrumb,.topbar{align-items:center;display:flex}.breadcrumb{color:var(--muted);gap:13px;font-size:11px}.breadcrumb>span:first-of-type{color:var(--accent-strong)}.breadcrumb svg{width:17px;height:17px}.breadcrumb strong{color:var(--ink);font-weight:500}.breadcrumb-slash{color:var(--subtle)}.topbar-right{align-items:center;gap:21px;display:flex}.topbar-caption{color:var(--subtle);letter-spacing:1px;font-size:10px}.menu-toggle{display:none}.footer{border-top:1px solid var(--line);color:var(--subtle);letter-spacing:.4px;justify-content:space-between;gap:20px;padding:24px 0;font-size:9px;display:flex}.footer-brand{color:var(--muted)}.footer-brand>span:first-child{color:var(--subtle);padding:0 8px}.footer-star{color:var(--accent-strong);vertical-align:middle;margin-left:10px;font-size:18px}.sidebar-overlay{z-index:9;background:color-mix(in srgb,var(--ink) 36.08%,transparent);position:fixed;inset:0}body.menu-open{overflow:hidden}@media (width<=1200px){.sidebar{padding-left:13px;padding-right:13px}.topbar{padding:0 28px}}@media (width<=1000px){.topbar-caption{display:none}}@media (width<=760px){.sidebar{padding:28px 18px 0;transition:transform .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.workspace{margin-left:0}.topbar{height:var(--header-height);padding:0 20px}.menu-toggle{margin-left:-7px;display:flex}.breadcrumb{gap:9px;font-size:10px}.breadcrumb>span:first-of-type{display:none}.topbar-right{gap:9px}.footer{font-size:8px}.footer>span{display:none}.sidebar-bottom{padding-top:25px}}@media (width<=450px){.breadcrumb>span{display:none}.topbar{padding:0 15px}}.topbar{gap:16px}.topbar-right{flex-shrink:0;gap:12px}.breadcrumb{min-width:0}.breadcrumb strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.breadcrumb>span{flex-shrink:0}.nav-item>span:not(.nav-count):not([data-icon]){overflow-wrap:anywhere;min-width:0}@media (width<=1200px){.topbar-caption{display:none}}@media (width<=1000px){.breadcrumb>span:not([data-icon]){display:none}.topbar-right{gap:6px}}@media (width<=450px){.breadcrumb>strong{display:none}.topbar-right{gap:5px}.topbar{gap:6px}}@media (width<=600px){.topbar{height:auto;min-height:76px;padding-top:10px;padding-bottom:10px}.topbar-right{flex-wrap:wrap;flex-shrink:1;justify-content:flex-end}.topbar .breadcrumb{flex-shrink:0}.topbar .breadcrumb>:not(.menu-toggle){display:none}}.brand-mark>svg{width:36px;height:36px}.footer>span{align-items:center;gap:6px;display:inline-flex}@media (width<=760px){.sidebar{visibility:hidden}.menu-open .sidebar{visibility:visible;transform:translate(0)}body:has(.menu-open){overflow:hidden}.vue-overlay{display:block}}.hero{background:var(--paper);border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;min-height:230px;margin-bottom:27px;padding:32px 36px;display:flex;position:relative;overflow:hidden}.hero-copy{z-index:1}.eyebrow{letter-spacing:1.7px;color:var(--accent-strong);align-items:center;gap:8px;font-size:8px;font-weight:600;display:flex}.eyebrow>span{background:var(--accent);border-radius:50%;width:5px;height:5px}h1{letter-spacing:1px;color:var(--ink);margin:19px 0 15px;font-size:clamp(27px,2.6vw,41px);font-weight:650;line-height:1.3}.hand-underline{color:var(--accent-strong);white-space:nowrap;position:relative}.hand-underline:after{content:"";border-top:2px solid color-mix(in srgb,var(--accent) 45.88%,transparent);border-radius:50%;height:6px;position:absolute;bottom:-6px;left:0;right:12px;transform:rotate(-3deg)}.hero-meta{color:var(--muted);align-items:center;gap:15px;margin-top:26px;font-size:9px;display:flex}.hero-meta strong{color:var(--ink);font-size:11px;font-weight:650}.meta-divider{background:var(--line);width:1px;height:10px}.tiny-arrow{color:var(--accent-strong);margin-left:5px}.hero-art{opacity:.9;width:270px;height:215px;position:absolute;top:9px;right:23px}.art-grid{background-image:linear-gradient(color-mix(in srgb,var(--accent) 3.53%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--accent) 3.53%,transparent) 1px,transparent 1px);background-size:23px 23px;inset:10px;-webkit-mask-image:radial-gradient(#000,#0000 72%);mask-image:radial-gradient(#000,#0000 72%)}.art-grid,.orbit{position:absolute}.orbit{border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:50%;width:161px;height:161px;top:25px;left:57px}.orbit-one{transform:rotate(-30deg)scaleX(1.24)scaleY(.68)}.orbit-two{transform:rotate(44deg)scaleX(.78)scaleY(1.15)}.art-center{font-family:Georgia,serif;font-size:131px;line-height:1;top:31px;left:89px;transform:rotate(-13deg)}.art-center,.art-label{color:var(--accent-strong);position:absolute}.art-label{border:1px solid var(--accent-line);background:var(--paper);letter-spacing:1.4px;border-radius:4px;padding:6px 10px;font-size:8px}.art-label-one{top:29px;left:41px;transform:rotate(-10deg)}.art-label-two{bottom:54px;right:6px;transform:rotate(8deg)}.art-spark{color:var(--accent-strong);font-size:24px;position:absolute;top:14px;right:35px}.art-dot{border:2px solid var(--accent);background:var(--paper);border-radius:50%;width:7px;height:7px;position:absolute;bottom:55px;left:58px}.mobile-break{display:none}@media (width>=1600px){.hero{min-height:250px}.hero-art{top:19px;right:70px}}@media (width<=1200px){.hero{padding:29px 26px}.hero-art{opacity:.65;right:-9px;transform:scale(.84)}.hero-copy{max-width:72%}.hero-meta{gap:10px;font-size:8px}}@media (width<=1000px){.hero-art{opacity:.37;right:-47px}.hero-copy{max-width:90%}}@media (width<=760px){.hero{min-height:205px;margin-bottom:20px;padding:26px 24px}.hero h1{font-size:31px}.hero-art{opacity:.45;top:-4px;right:-18px;transform:scale(.8)}.hero-copy{max-width:90%}.hero-meta{margin-top:22px}}@media (width<=450px){.hero{min-height:211px;padding:25px 20px}.hero h1{margin:14px 0 12px;font-size:29px;line-height:1.35}.mobile-break{display:block}.eyebrow{letter-spacing:1.2px;font-size:6px}.hero-art{opacity:.36;top:7px;right:-74px;transform:scale(.74)}.hero-meta{margin-top:18px;font-size:8px}.hero-copy{max-width:100%}}.hero-meta strong{margin-right:4px}.hero-meta{flex-wrap:wrap}html:not(:lang(zh)) .hero-copy{max-width:calc(100% - 220px)}html:not(:lang(zh)) .hero h1{letter-spacing:0;font-size:clamp(26px,2.4vw,36px);line-height:1.35}html:not(:lang(zh)) .hand-underline{white-space:normal}@media (width<=1000px){html:not(:lang(zh)) .hero-copy{max-width:90%}}@media (width<=760px){html:not(:lang(zh)) .hero-copy{max-width:100%}html:not(:lang(zh)) .hero-art{opacity:.18}}.hero-mood-actions{gap:8px;max-width:100%;display:flex}.hero-hint,.hero-mood-actions{align-items:center;min-width:0}.hero-hint{gap:4px;display:inline-flex}.hero-hint .lucide{flex-shrink:0}.hero-mood-button{border:1px solid var(--line);background:var(--paper);min-height:32px;color:var(--muted);white-space:nowrap;border-radius:6px;flex-shrink:0;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:inline-flex}.hero-mood-button:hover{color:var(--accent-strong);background:var(--accent-wash)}.hero-mood-button:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}.hero-mood-button .lucide{width:15px;height:15px}@media (width<=1000px){.hero-meta>.hero-hint-divider{display:none}.hero-mood-actions{flex-basis:100%}}.hero-meta>span{align-items:center;display:inline-flex}.art-center>svg{width:110px;height:110px}.category-label{margin-top:34px}.tag{min-height:28px;color:var(--muted);white-space:nowrap;border:1px solid #0000;border-radius:4px;padding:5px 10px;font-size:11px}.tag.active,.tag:hover{color:var(--accent-strong);background:var(--accent-wash)}.tag.active{border-color:var(--accent-line)}.results-heading{scroll-margin-top:calc(var(--header-height) + 24px);justify-content:space-between;align-items:flex-end;margin-bottom:25px;display:flex}.section-kicker{letter-spacing:1.5px;color:var(--muted);font-size:8px}h2{letter-spacing:.5px;margin:7px 0 0;font-size:22px;font-weight:650}.heading-dot{color:var(--accent-strong);padding-left:2px}.results-meta{color:var(--subtle);align-items:center;gap:17px;padding-bottom:3px;font-size:10px;display:flex}.layout-icon{border:1px solid var(--line);color:var(--accent-strong);background:var(--accent-wash);border-radius:5px;padding:6px}.layout-icon svg{width:15px;height:15px}.tool-section{margin-bottom:28px;scroll-margin-top:20px}.category-heading{align-items:center;gap:10px;margin-bottom:14px;display:flex}.category-icon{border:1px solid var(--line);width:29px;height:29px;color:var(--accent-strong);background:var(--accent-wash);border-radius:6px;place-items:center;display:grid}.category-heading svg{width:15px;height:15px}.category-heading h3{margin:0;font-size:14px;font-weight:600}.category-description{color:var(--muted);margin-left:5px;font-size:11px}.category-total{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:9px}.category-total>span{margin-left:8px;font-size:12px}.card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.tool-card{border:1px solid var(--line);background:var(--card);border-radius:9px;min-width:0;transition:transform .18s,border-color .18s,box-shadow .18s;position:relative}.tool-card:hover{border-color:var(--accent-line);box-shadow:0 7px 20px color-mix(in srgb,var(--ink) 3.92%,transparent);transform:translateY(-3px)}.card-link{border-radius:9px;padding:18px 17px 12px;display:block}.card-top{align-items:center;gap:10px;margin-bottom:12px;padding-right:15px;display:flex}.tool-logo{width:36px;height:36px;color:var(--logo-color);background:var(--logo-bg);letter-spacing:-1.2px;border-radius:9px;flex-shrink:0;place-items:center;font-family:Arial,PingFang SC,sans-serif;font-size:20px;font-weight:700;display:grid}.tool-logo.small-text{letter-spacing:-.7px;font-size:14px}.tool-name{min-width:0}.tool-name h4{color:var(--accent-strong);margin:0 0 5px;font-size:14px;font-weight:650;line-height:1.35}.tool-domain,.tool-name h4{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tool-domain{letter-spacing:.1px;color:var(--muted);font-size:10px}.card-description{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:43px;margin:0;font-size:12px;line-height:1.8;display:-webkit-box;overflow:hidden}.card-bottom{border-top:1px solid var(--soft-line);align-items:center;gap:5px;min-height:26px;margin-top:13px;padding-top:10px;display:flex}.card-tag{background:var(--accent-wash);white-space:nowrap;border-radius:3px;padding:3px 6px;font-size:9px}.card-tag,.favorite-button,.tool-card:hover .external-arrow{color:var(--accent-strong)}.favorite-button{border-radius:5px;place-items:center;width:27px;height:27px;display:grid;position:absolute;top:12px;right:9px}.favorite-button svg{width:13px;height:13px}.favorite-button:hover{background:var(--paper)}.favorite-button.saved,.favorite-button:hover{color:var(--accent-strong)}.favorite-button.saved svg{fill:color-mix(in srgb,var(--accent) 12.16%,transparent)}@media (width>=1600px){.card-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width<=1200px){.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1000px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-description{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}}@media (width<=760px){.results-heading{margin-bottom:22px}.category-description{font-size:9px}.category-heading{gap:8px}.results-meta{gap:10px}}@media (width<=450px){.tag{padding:5px 7px;font-size:9px}.card-grid{gap:10px}.card-link{padding:15px 12px 10px}.card-top{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:9px;padding-right:0}.tool-logo{width:33px;height:33px;font-size:19px}.tool-name{max-width:100%}.tool-name h4{font-size:13px}.tool-domain{font-size:9px}.card-description{min-height:40px;font-size:11px}.card-bottom{gap:4px;margin-top:10px}.card-tag{padding:3px 4px;font-size:8px}.category-description{display:none}.category-total,.results-meta{font-size:9px}.section-kicker{font-size:7px}h2{font-size:21px}.tool-section{margin-bottom:24px}.favorite-button{width:30px;height:30px;top:13px;right:9px}.favorite-button svg{width:15px;height:15px}}.category-icon,.category-total{flex-shrink:0}.category-heading h3{overflow-wrap:anywhere}.category-description{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.card-bottom{flex-wrap:wrap;padding-right:25px}.card-tag{text-overflow:ellipsis;max-width:100%;overflow:hidden}.results-heading{flex-wrap:wrap;gap:12px}.visibility-button{width:27px;height:27px;color:var(--subtle);border-radius:5px;place-items:center;display:grid;position:absolute;bottom:9px;right:9px}.visibility-button svg{width:14px;height:14px}.visibility-button:hover{color:var(--accent-strong);background:var(--paper)}.trash-description{color:var(--muted);margin:-6px 0 24px;font-size:12px;line-height:1.7}@media (width<=450px){.visibility-button{width:30px;height:30px;bottom:6px;right:7px}}.card-bottom{padding-right:56px}@media (width<=450px){.card-bottom{padding-bottom:30px;padding-right:0}}.card-top{padding-right:42px}@media (width<=450px){.card-top{padding-right:0}}.tool-logo img{-o-object-fit:contain;object-fit:contain;border-radius:8px;width:100%;height:100%}.tool-card .card-description{overflow-wrap:anywhere}.category-total{align-items:center;gap:6px;display:inline-flex}@media (width<=760px){.category-heading{flex-wrap:wrap;gap:8px}}.category-title-row{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.category-title-row h3{white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;max-width:40%;overflow:hidden}.category-tags{overscroll-behavior-x:contain;scrollbar-width:thin;flex:1;align-items:center;gap:6px;min-width:0;display:flex;overflow-x:auto}.category-tags .tag{flex-shrink:0}.category-empty{color:var(--muted);padding:12px 0;font-size:12px}@media (width<=1100px){.category-total{display:none}}@media (width<=760px){.category-title-row{flex-basis:100%;gap:8px}.category-tags .tag{min-height:32px}}.empty-state{border:1px dashed var(--line);min-height:240px;color:var(--muted);background:var(--soft-surface);border-radius:10px}.empty-state,.loading-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:32px;font-size:13px;display:flex}.loading-state{color:#64877c;background:#f6fcfa;border-radius:12px;gap:20px;min-height:320px}.loading-splash{border-radius:0;min-height:100dvh}.loading-logo{width:64px;height:64px;animation:2.4s ease-in-out infinite loading-float;display:block}@keyframes loading-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.loading-logo{animation:none}}.loading-message{letter-spacing:1px;margin:0}.loading-retry[hidden]{display:none}.empty-state>svg{width:35px;height:35px;color:var(--accent-strong);margin-bottom:14px}.empty-state h3{color:var(--ink);margin:5px 0;font-size:17px}.empty-state p{overflow-wrap:anywhere;max-width:470px;font-size:12px;line-height:1.8}.primary-button{background:var(--accent-strong);color:#fff;border-radius:6px;margin-top:10px;padding:11px 19px;font-size:12px}.primary-button:hover{background:var(--button-hover)}.toast{border:1px solid var(--accent-line);background:var(--card);box-shadow:0 5px 25px color-mix(in srgb,var(--ink) 12.55%,transparent);color:var(--accent-strong);z-index:30;border-radius:8px;padding:13px 22px;font-size:12px;position:fixed;bottom:27px;left:calc(50% + 116px);transform:translate(-50%)}dialog{border:1px solid var(--line);background:var(--surface);width:calc(100% - 36px);max-width:430px;color:var(--ink);box-shadow:0 15px 80px color-mix(in srgb,var(--ink) 16.47%,transparent);border-radius:14px;padding:27px}dialog::backdrop{background:color-mix(in srgb,var(--ink) 31.37%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-header{justify-content:space-between;align-items:center;gap:15px;display:flex}.dialog-header h2{margin:0;font-size:21px}dialog p{color:var(--muted);font-size:13px;line-height:1.9}dialog .primary-button{justify-content:space-between;width:100%;display:flex}.noscript{background:var(--paper);z-index:50;place-items:center;display:grid;position:fixed;inset:0}@media (width<=1200px){.toast{left:calc(50% + 105px)}}@media (width<=760px){.toast{white-space:nowrap;max-width:90%;left:50%}}.toast{white-space:normal;text-align:center;width:max-content;max-width:min(520px,90vw)}.theme-toggle{color:var(--accent-strong);position:relative}.theme-indicator{background:var(--accent);border:1px solid var(--surface);border-radius:50%;width:7px;height:7px;position:absolute;bottom:3px;right:3px}:is(#theme-dialog,#language-dialog){max-width:640px;max-height:calc(100dvh - 32px);padding:28px;overflow-y:auto}:is(#theme-dialog,#language-dialog)[open]{flex-direction:column;display:flex}:is(#theme-dialog,#language-dialog) .dialog-header{flex-shrink:0;align-items:flex-start}:is(#theme-dialog,#language-dialog) h2{margin-top:9px;font-size:23px}:is(#theme-description,#language-description){flex-shrink:0;margin:12px 0 21px}.theme-grid{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-height:0;margin:-3px;padding:3px;display:grid;overflow-y:auto}.theme-option{text-align:left;border:1px solid var(--line);background:var(--card);border-radius:9px;min-width:0;padding:7px 7px 10px}.theme-option:hover{border-color:var(--focus)}.theme-option[aria-pressed=true]{border-color:var(--accent-strong);box-shadow:0 0 0 1px var(--accent-strong)}.theme-preview{background:var(--swatch-paper);border-radius:5px;height:62px;display:block;position:relative;overflow:hidden}.theme-preview:before{content:"";width:29%;top:0;bottom:0;right:0}.theme-preview-line,.theme-preview:before{background:var(--swatch-accent);position:absolute}.theme-preview-line{border-radius:2px;width:31%;height:3px;top:21px;left:11px}.theme-preview-line:after{content:"";background:var(--swatch-accent);opacity:.4;width:65%;height:2px;position:absolute;top:9px;left:0}.theme-preview-dot{border:1px solid var(--swatch-accent);background:var(--swatch-paper);border-radius:50%;width:42px;height:42px;position:absolute;top:10px;right:14%}.theme-preview-art{color:var(--swatch-accent);font:29px/1 Georgia,serif;position:absolute;top:17px;right:20%}.theme-option-label{align-items:center;gap:7px;margin:10px 3px 5px;display:flex}.theme-number{color:var(--subtle);font-size:9px}.theme-option-label strong{font-size:12px;font-weight:600}.theme-check{color:var(--accent-strong);visibility:hidden;margin-left:auto;font-size:13px}.theme-option[aria-pressed=true] .theme-check{visibility:visible}.theme-pair{color:var(--muted);margin:0 3px;font-size:9px;line-height:1.6;display:block}.theme-dialog-footer{flex-shrink:0;justify-content:space-between;align-items:center;gap:15px;margin-top:21px;display:flex}:is(#theme-status,#language-status){margin:0;font-size:11px;line-height:1.7}:is(#theme-done,#language-done){flex-shrink:0;gap:20px;width:auto;min-width:95px;margin:0}@media (width<=450px){:is(#theme-dialog,#language-dialog){padding:23px 18px}:is(#theme-dialog,#language-dialog) h2{font-size:19px}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.theme-preview{height:51px}.theme-preview-dot{width:36px;height:36px;top:7px}.theme-preview-art{font-size:25px;top:12px}.theme-dialog-footer{align-items:flex-start}}.language-control{border:1px solid var(--line);min-width:56px;height:34px;color:var(--muted);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;gap:5px;font-size:10px;display:inline-flex;position:relative}.language-control svg{width:16px;height:16px}.language-control:hover{background:var(--accent-wash);color:var(--accent-strong)}.language-control:focus-within{outline:2px solid var(--accent-strong);outline-offset:3px}.theme-option-label strong{overflow-wrap:anywhere}@media (width<=450px){.language-control{min-width:32px}.topbar .language-control [data-language-code]{display:none}.theme-dialog-footer{flex-wrap:wrap;gap:12px}}.language-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.language-option{flex-direction:column;gap:7px;min-height:78px;padding:13px 15px;display:flex;position:relative}.language-option-code{color:var(--muted);letter-spacing:1px;font-size:10px}.language-option strong{overflow-wrap:anywhere;font-size:14px;font-weight:600}.language-option .theme-check{position:absolute;top:13px;right:13px}@media (width<=450px){.language-option{min-height:72px;padding:11px 12px}.language-option strong{-webkit-hyphens:auto;hyphens:auto;font-size:12px}}.vue-theme-preview{border-radius:5px;justify-content:space-between;align-items:center;min-height:74px;padding:16px;display:flex}.vue-theme-preview>span{border-radius:50%;width:35px;height:35px}.vue-theme-preview~.theme-option-label{flex-wrap:wrap;gap:4px;display:flex}.vue-theme-preview~.theme-option-label>span:not(.theme-check){color:var(--muted);font-size:10px}.theme-check{justify-content:center;align-items:center;display:flex}.vue-theme-preview>svg{width:40px;height:40px}#search-dialog{max-width:700px;max-height:calc(100dvh - 120px);margin:clamp(16px,12vh,100px) auto 0;padding:0;overflow:hidden}#search-dialog[open]{flex-direction:column;display:flex}.spotlight-input-row{border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:14px;padding:22px 23px;display:flex}.spotlight-input-row>[data-icon]{color:var(--accent-strong)}.spotlight-input-row svg{width:23px;height:23px}.spotlight-input-row .icon-button{flex-shrink:0}#dialog-search{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:4px 0;font-size:20px}#dialog-search::placeholder{color:var(--subtle)}.spotlight-input-row:focus-within{box-shadow:inset 0 -2px var(--accent-line)}.spotlight-summary{color:var(--muted);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:15px 23px 9px;font-size:11px;display:flex}#search-results{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent;min-height:0;padding:3px 11px 9px;overflow-y:auto}.spotlight-result{border:1px solid #0000;border-radius:8px;gap:12px;min-height:71px;padding:13px 12px}.spotlight-result[aria-selected=true]{background:var(--accent-wash);border-color:var(--accent-line)}.spotlight-copy{flex:1;min-width:0}.spotlight-copy strong{color:var(--accent-strong);font-size:14px}.spotlight-copy strong,.spotlight-detail{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.spotlight-detail{color:var(--muted);margin-top:6px;font-size:11px}.spotlight-category{max-width:130px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.spotlight-arrow{color:var(--accent-strong);font-size:15px}.spotlight-empty{text-align:center;color:var(--muted);padding:40px 22px}.spotlight-empty>span{place-items:center;margin-bottom:14px;display:grid}.spotlight-empty strong{color:var(--ink);font-size:14px}.spotlight-empty p{margin-bottom:0}.spotlight-footer{border-top:1px solid var(--line);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:13px 23px;display:flex}#search-description{margin:0;font-size:10px;line-height:1.6}.spotlight-shortcuts{color:var(--muted);flex-wrap:wrap;gap:12px;font-size:10px;display:flex}.spotlight-shortcuts kbd{margin-right:3px}@media (width<=450px){#search-dialog{max-height:calc(100dvh - 32px);margin-top:16px}.spotlight-input-row{gap:9px;padding:16px 14px}#dialog-search{font-size:15px}.spotlight-summary{padding:13px 15px 8px;font-size:10px}#search-results{padding:3px 6px 8px}.spotlight-result{gap:9px;padding:12px 9px}.spotlight-result .tool-logo{width:31px;height:31px;font-size:15px}.spotlight-copy strong{font-size:13px}.spotlight-category{display:none}.spotlight-footer{padding:12px 15px}.spotlight-shortcuts{display:none}}#search-dialog .dialog-header{margin-bottom:0;padding:22px 22px 0}#search-dialog .dialog-header h2{font-size:18px}.spotlight-result{align-items:center;gap:14px;padding:14px 22px;display:flex}.spotlight-result.active{background:var(--accent-wash)}.spotlight-result-copy{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.spotlight-result-copy>small,.spotlight-result-copy>span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.spotlight-result-icon{color:var(--accent-strong)}.report-button{width:27px;height:27px;color:var(--muted);border-radius:5px;place-items:center;display:grid;position:absolute;bottom:9px;right:39px}.report-button svg{width:14px;height:14px}.report-button:hover{color:var(--accent-strong);background:var(--accent-wash)}#submission-dialog{max-width:860px;max-height:calc(100dvh - 32px);overflow:hidden}#submission-dialog[open]{flex-direction:column;display:flex}#submission-dialog>.dialog-header{flex-shrink:0}#submission-panel{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent;min-height:0;margin:-3px;padding:3px;overflow-y:auto}#report-dialog{max-width:600px;max-height:calc(100dvh - 32px);overflow-y:auto}.feedback-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;display:grid}.feedback-field{min-width:0;color:var(--ink);flex-direction:column;gap:8px;font-size:12px;display:flex}.feedback-field input,.feedback-field select,.feedback-field textarea{width:100%;min-width:0;font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:6px;padding:11px 12px}.feedback-field textarea{resize:vertical;min-height:86px;max-height:260px;line-height:1.6}.feedback-field select{height:41px}.feedback-field :is(input,textarea,select):focus{border-color:var(--accent-strong);outline:2px solid var(--accent-line);outline-offset:1px}.full-width{grid-column:1/-1}.optional{color:var(--muted);font-size:10px}.feedback-tags,.report-reasons{border:0;min-width:0;margin:0;padding:0}.feedback-tags legend,.report-reasons legend{margin-bottom:10px;padding:0;font-size:12px}.feedback-tag-options{flex-wrap:wrap;gap:7px;display:flex}.feedback-tag{border:1px solid var(--line);cursor:pointer;border-radius:5px;align-items:center;gap:6px;padding:7px 9px;font-size:11px;display:inline-flex}.feedback-tag:has(input:checked){color:var(--accent-strong);border-color:var(--accent-line);background:var(--accent-wash)}.feedback-tag input,.report-reason input{accent-color:var(--accent-strong);flex-shrink:0;margin:0}.feedback-form>.primary-button{margin-top:22px}.feedback-status{border:1px solid var(--line);background:var(--paper);border-radius:6px;padding:11px 13px;font-size:12px}.feedback-status[data-tone=success]{color:var(--accent-strong);border-color:var(--accent-line);background:var(--accent-wash)}.report-site{background:var(--accent-wash);border-radius:7px;flex-direction:column;gap:8px;margin:18px 0 22px;padding:15px;display:flex}.report-site strong{color:var(--accent-strong);overflow-wrap:anywhere;font-size:14px}.report-site span{color:var(--muted);overflow-wrap:anywhere;font-size:11px}.report-reason{border:1px solid var(--line);cursor:pointer;border-radius:7px;align-items:center;gap:10px;margin-top:9px;padding:14px;font-size:13px;display:flex}.report-reason:has(input:checked){border-color:var(--accent-strong);background:var(--accent-wash)}.report-description-field{margin-top:20px}@media (width<=450px){#report-dialog,#submission-dialog{padding:23px 18px}.feedback-grid{grid-template-columns:minmax(0,1fr)}.report-button{width:30px;height:30px;bottom:6px;right:38px}}.vue-fieldset{border:0;min-width:0;margin:0;padding:0}.feedback-field input[type=color]{cursor:pointer;height:39px;padding:5px}.feedback-field input[type=color]::-webkit-color-swatch-wrapper{padding:0}.feedback-field input[type=color]::-webkit-color-swatch{border:0;border-radius:3px}.feedback-field input[type=color]::-moz-color-swatch{border:0;border-radius:3px}.category-sort-item{margin-bottom:5px;position:relative}.category-sort-item .nav-item{margin-bottom:0}.category-sort-item .nav-item>svg{flex-shrink:0}.sort-handle{width:25px;height:27px;color:var(--muted);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;opacity:.55;border-radius:5px;place-items:center;padding:5px;display:grid}.sort-handle svg{pointer-events:none;width:13px;height:16px}.sort-handle:focus-visible,.sort-handle:hover{color:var(--accent-strong);background:var(--accent-wash);opacity:1}.category-sort-handle{position:absolute;top:50%;right:4px;transform:translateY(-50%)}.category-sort-item:has(.active) .category-sort-handle{color:#fff}.category-sort-item:has(.active) .category-sort-handle:hover{background:#ffffff26}.card-sort-handle{position:absolute;top:12px;right:37px}.category-sort-item:only-child .sort-handle,.tool-card:only-child .sort-handle{display:none}.is-sorting{-webkit-user-select:none;user-select:none;cursor:grabbing}.is-sorting .tool-card:hover{transform:none}.sort-dragging{opacity:.25;outline:2px dashed var(--accent-strong);outline-offset:-2px}.sort-ghost{z-index:100;opacity:.93;box-shadow:0 10px 35px color-mix(in srgb,var(--ink) 18%,transparent);background:var(--card);transform:rotate(1deg);pointer-events:none!important;margin:0!important;position:fixed!important}.sort-ghost.category-sort-item{background:var(--paper);border-radius:7px}.sort-ghost.sort-invalid{opacity:.45}@media (width<=450px){.card-sort-handle{width:28px;top:14px;right:39px}}@media (pointer:coarse){.sort-handle{opacity:1}}.drag-placeholder{opacity:.2}.category-sort-item .nav-item{padding-right:35px}.admin-category-actions,.admin-row-actions,.admin-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-toolbar{margin-left:auto}.admin-button{border:1px solid var(--line);color:var(--muted);background:var(--card);white-space:nowrap;border-radius:5px;padding:6px 9px;font-size:11px}.admin-button:hover{background:var(--accent-wash);color:var(--accent-strong)}.admin-button:disabled{opacity:.5;cursor:wait}.admin-category-actions{flex-shrink:0;gap:4px}.admin-card-actions{gap:6px;padding:0 76px 12px 16px;display:flex}.admin-page .category-heading{flex-wrap:wrap}.admin-page .card-bottom{padding-bottom:0;padding-right:0}.admin-page .tool-card{flex-direction:column;display:flex}.admin-page .card-link{flex:1}.admin-page .card-grid:empty{border:1px dashed var(--line);border-radius:7px;min-height:45px}.admin-page .card-grid:empty:before{content:"暂无匹配网站，点击分类旁的 ＋ 添加";color:var(--muted);grid-column:1/-1;padding:14px;font-size:11px}#admin-delete,#admin-editor{max-width:680px;max-height:calc(100dvh - 32px);overflow-y:auto}#admin-editor .dialog-header{margin-bottom:24px}.admin-role-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.admin-role-row>div:first-child{overflow-wrap:anywhere;min-width:0}.admin-role-row strong{font-size:14px}.admin-role-row p{margin:7px 0 0}.admin-row-actions{flex-shrink:0}.admin-management-list{margin-bottom:22px}#admin-error{color:#b53c3c}.admin-domain-search{border:1px solid var(--line);background:var(--paper);border-radius:8px;padding:14px}.admin-domain-search-row{gap:8px;margin-top:8px;display:flex}.admin-domain-search-row input{border:1px solid var(--line);background:var(--card);min-width:0;color:var(--ink);font:inherit;border-radius:6px;flex:1;padding:10px 12px;font-size:12px}.admin-domain-search-row input:focus{outline:2px solid var(--accent-line);border-color:var(--accent-strong)}#admin-domain-status{margin:10px 0 0;font-size:11px}#admin-domain-results{overscroll-behavior-y:contain;max-height:260px;margin-top:10px;overflow-y:auto}.admin-domain-result{text-align:left;border:1px solid var(--line);background:var(--card);overflow-wrap:anywhere;border-radius:6px;flex-direction:column;gap:6px;width:100%;margin-bottom:6px;padding:12px;display:flex}.admin-domain-result:focus-visible,.admin-domain-result:hover{background:var(--accent-wash);border-color:var(--accent-strong)}.admin-domain-result-title{justify-content:space-between;gap:10px;width:100%;font-size:13px;display:flex}.admin-domain-description,.admin-domain-result-title>span,.admin-domain-url{color:var(--muted);font-size:11px;line-height:1.6}.admin-site-details{grid-column:1/-1;min-width:0}#admin-editor.admin-site-editor .feedback-tag-options{max-height:112px;padding:2px;overflow-y:auto}@media (width>=861px){#admin-editor.admin-site-editor{max-width:1120px;height:min(720px,100dvh - 32px);overflow:hidden}#admin-editor.admin-site-editor[open]{flex-direction:column;display:flex}#admin-editor.admin-site-editor>.dialog-header{flex-shrink:0;margin-bottom:18px}#admin-editor.admin-site-editor #admin-form{flex-direction:column;flex:1;gap:16px;min-height:0;display:flex}#admin-editor.admin-site-editor #admin-fields{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:22px;min-height:0}#admin-editor.admin-site-editor .admin-domain-search{flex-direction:column;grid-column:1;min-height:0;display:flex}#admin-editor.admin-site-editor .admin-domain-search>:not(#admin-domain-results){flex-shrink:0}#admin-editor.admin-site-editor #admin-domain-results{flex:1;min-height:0;max-height:none}#admin-editor.admin-site-editor .admin-site-details{overscroll-behavior-y:contain;grid-column:2;align-content:start;gap:12px;min-height:0;padding:2px 8px 2px 2px;overflow-y:auto}#admin-editor.admin-site-editor .feedback-field textarea{min-height:72px}#admin-editor.admin-site-editor #admin-error{flex-shrink:0;margin:0}#admin-editor.admin-site-editor #admin-save{flex-shrink:0;width:100%;margin:0}}@media (width<=600px){.admin-toolbar{width:100%;margin-left:0}.admin-category-actions .admin-button{padding:5px 7px}.admin-page .category-heading .category-total{margin-left:auto}#admin-delete,#admin-editor{padding:22px 18px}.admin-card-actions{padding:0 12px 42px}.admin-page .identity-switch{max-width:150px}}.vue-admin-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin:24px 0 0;display:flex}.vue-admin-toolbar strong{align-items:center;gap:8px;margin-right:auto;font-size:13px;display:inline-flex}.admin-button{justify-content:center;align-items:center;gap:4px;display:inline-flex}.preset-readonly{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin-bottom:20px;font-size:12px;display:flex}.admin-management-list{max-height:45vh;margin-bottom:20px;overflow-y:auto}#admin-manager{width:min(860px,100vw - 32px);max-width:860px}#admin-manager .search-box{width:100%}#admin-editor .admin-site-details{grid-column:1/-1}.admin-site-details .feedback-tag-options{max-height:140px;overflow-y:auto}.site-tag-suggestions{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.site-tag-suggestions p{margin:0 0 8px;font-size:12px}.site-tag-suggestions p span{color:var(--subtle);margin-left:6px;font-size:11px}.site-tag-suggestions button:hover{border-color:var(--accent-strong);color:var(--accent-strong);background:var(--accent-wash)}#admin-editor.admin-site-editor #admin-save{justify-content:center;width:100%}.site-options-heading{width:100%}.site-options-heading>span{padding-top:6px;display:inline-block}.site-options-actions{float:right;gap:6px;display:flex}.site-options-heading .icon-button{border:1px solid var(--line);width:28px;height:28px;color:var(--accent-strong);border-radius:6px;padding:6px}.site-icon-preview{color:var(--muted);border-radius:6px;align-items:center;gap:12px;padding:10px 12px;font-size:12px;display:flex}#admin-related-editor{width:min(520px,100vw - 32px);max-width:960px;max-height:calc(100dvh - 32px);overflow-y:auto}#admin-related-editor.admin-related-category{width:min(960px,100vw - 32px)}#admin-related-editor .dialog-header{margin-bottom:24px}.related-fields{gap:24px;display:grid}.admin-related-category .related-fields{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start}.related-details{grid-template-columns:minmax(0,1fr);min-width:0}#admin-related-editor .primary-button{justify-content:center;margin-top:20px}@media (width<=760px){.admin-related-category .related-fields{grid-template-columns:minmax(0,1fr)}}.icon-picker{border:1px solid var(--line);background:var(--paper);border-radius:10px;flex-direction:column;gap:16px;min-width:0;padding:20px;display:flex}.icon-picker h3,.icon-picker p{margin:0}.icon-picker h3{font-size:14px}.icon-picker-grid{overscroll-behavior-y:contain;scrollbar-gutter:stable;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));grid-auto-rows:44px;align-content:start;gap:6px;height:292px;padding:3px;display:grid;overflow-y:auto}.icon-picker-option{border:1px solid var(--line);background:var(--card);color:var(--muted);border-radius:8px;place-items:center;display:grid}.icon-picker-option:hover{background:var(--hover);color:var(--accent-strong)}.icon-picker-option[aria-pressed=true]{border-color:var(--accent-strong);background:var(--accent-wash);color:var(--accent-strong);box-shadow:inset 0 0 0 1px var(--accent-strong)}.icon-picker-option:focus-visible{outline:2px solid var(--accent-strong);outline-offset:1px}.category-details-title{margin:0;font-size:14px}.category-editor-preview{border:1px solid var(--line);background:var(--paper);border-radius:8px;align-items:center;gap:10px;min-width:0;padding:12px 14px;display:flex}.category-editor-preview .category-icon{flex-shrink:0}.category-editor-preview strong{overflow-wrap:anywhere;font-size:14px}#admin-editor.admin-category-editor{width:min(960px,100vw - 32px);max-width:960px}#admin-editor.admin-category-editor #admin-fields{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:24px}#admin-editor.admin-category-editor .admin-site-details{grid-column:2;grid-template-columns:minmax(0,1fr);align-content:start;gap:18px}#admin-editor.admin-category-editor #admin-save{justify-content:center;width:100%;margin:20px 0 0}@media (width<=760px){#admin-editor.admin-category-editor #admin-fields{grid-template-columns:minmax(0,1fr);gap:20px}#admin-editor.admin-category-editor .admin-site-details{grid-column:1}.icon-picker{gap:12px;padding:16px}.icon-picker-grid{height:194px}}@media (width>=861px){#admin-editor.admin-site-editor .admin-site-details{grid-column:2}}@media (width<=760px){.vue-admin-toolbar strong{flex-basis:100%}}@media (width<=1100px){.admin-page .category-heading{grid-template-columns:minmax(0,1fr);gap:10px 8px;display:grid}.admin-page .category-title-row{grid-column:1/-1}.admin-page .admin-category-actions{grid-area:2/1;justify-content:flex-start;margin-left:0}.admin-page .category-description{display:none}}.role-actions .admin-button{padding:6px 8px}#identity-status{color:var(--accent-strong);font-size:13px}.identity-switch{border:1px solid var(--accent-line);min-height:38px;color:var(--accent-strong);background:var(--accent-wash);white-space:nowrap;border-radius:7px;align-items:center;gap:9px;padding:9px 12px;font-size:12px;display:inline-flex}.identity-switch:hover{background:var(--hover)}.identity-switch svg{width:16px;height:16px}.identity-chevron{margin-left:5px;font-size:15px;line-height:1}#identity-dialog{width:min(640px,100vw - 32px);max-width:640px;max-height:calc(100dvh - 32px);padding:30px;overflow-y:auto}#identity-dialog .dialog-header{margin-bottom:21px}.role-dialog-mark{background:var(--accent-wash);width:43px;height:43px;color:var(--accent-strong);border-radius:12px;place-items:center;display:grid}.role-dialog-mark svg{width:24px;height:24px}#identity-title{margin-top:10px;font-size:25px}#identity-description{margin:12px 0 23px}#identity-options{border:0;gap:10px;min-width:0;margin:0;padding:0}.identity-option{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:9px;align-items:center;gap:13px;padding:16px;display:flex;position:relative}.identity-option:hover{border-color:var(--accent-line)}.identity-option:has(input:checked){border-color:var(--accent);background:var(--accent-wash)}.identity-option:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:3px}.identity-option input{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.identity-option-icon{color:var(--accent-strong);background:var(--soft-surface);border-radius:8px;flex-shrink:0;padding:10px}.identity-option-copy{flex:1;gap:6px;min-width:0;display:grid}.identity-option-copy strong{overflow-wrap:anywhere;font-size:14px;font-weight:600}.identity-option-copy>span{color:var(--muted);font-size:11px;line-height:1.7}.identity-option-check{border:1px solid var(--line);border-radius:50%;flex-shrink:0;width:16px;height:16px}.identity-option:has(input:checked) .identity-option-check{border:5px solid var(--accent-strong);background:var(--card)}#identity-dialog .identity-hint{margin:19px 0 9px;font-size:11px;line-height:1.8}#confirm-identity{min-height:43px}@media (width<=450px){.identity-switch{gap:6px;padding:8px 10px;font-size:11px}.identity-chevron{margin-left:2px}#identity-dialog{padding:23px 20px}#identity-title{font-size:22px}.identity-option{gap:10px;padding:13px}.identity-option-icon{padding:8px}}#identity-dialog .language-control{margin-left:auto;margin-right:8px}.identity-switch{max-width:185px}.identity-chevron,.identity-switch svg{flex-shrink:0}#current-identity{text-overflow:ellipsis;overflow:hidden}@media (width<=450px){.identity-switch{max-width:min(150px,100vw - 230px)}}.role-dialog-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}#identity-dialog .role-language{margin:0}.identity-option-check{place-items:center;display:grid}.identity-option-check .lucide{display:none}.identity-option:has(input:checked) .identity-option-check{background:var(--accent-strong);color:#fff;border:0}.identity-option:has(input:checked) .identity-option-check .lucide{display:block}#identity-options{grid-template-columns:minmax(0,1fr);max-height:48vh;padding:3px;display:grid;overflow-y:auto}.role-choice-row{min-width:0}.role-actions{flex-wrap:wrap;align-items:center;gap:6px;padding:8px 0;display:flex}.role-actions button:disabled{cursor:not-allowed}.role-preset{color:var(--accent-strong);flex-shrink:0;margin-left:0;font-size:11px}.role-title{align-items:center;gap:4px;min-width:0;display:flex}.role-title strong{min-width:0}.role-create-button{margin-left:auto}#role-delete,#role-editor,#role-share{width:min(520px,100vw - 32px)}#role-editor input[type=file]{white-space:normal}#role-editor .primary-button,#role-share .primary-button{margin-top:18px}.role-choice-row{border:1px solid var(--line);background:var(--card);border-radius:8px}.role-choice-row:hover{border-color:var(--accent-line)}.role-choice-row:has(input:checked){border-color:var(--accent);background:var(--accent-wash)}:is(.role-choice-row>.identity-option,.role-choice-row>.identity-option:has(input:checked)){border-radius:inherit;background:0 0;border:0}.role-choice-row>.identity-option:has(input:focus-visible){outline:none}.role-choice-row:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.role-choice-row .role-actions{justify-content:flex-end;padding:0 14px 10px}.role-action-button{width:32px;height:32px}.role-action-button svg{width:16px;height:16px}.role-action-button:disabled{cursor:not-allowed}.role-clear-file{justify-self:start}.role-import-hint{margin:0;line-height:1.7}@media (pointer:coarse){.role-action-button{width:36px;height:36px}}