@layer theme{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--background:var(--lightningcss-light,#fff)var(--lightningcss-dark,#09090b);--foreground:var(--lightningcss-light,#09090b)var(--lightningcss-dark,#fafafa);--card:var(--lightningcss-light,#fff)var(--lightningcss-dark,#18181b);--card-foreground:var(--lightningcss-light,#09090b)var(--lightningcss-dark,#fafafa);--primary:var(--lightningcss-light,#574747)var(--lightningcss-dark,#fafafa);--primary-foreground:var(--lightningcss-light,#fafafa)var(--lightningcss-dark,#18181b);--secondary:var(--lightningcss-light,#f4f4f5)var(--lightningcss-dark,#27272a);--secondary-foreground:var(--lightningcss-light,#574747)var(--lightningcss-dark,#fafafa);--muted:var(--lightningcss-light,#f4f4f5)var(--lightningcss-dark,#27272a);--muted-foreground:var(--lightningcss-light,#71717a)var(--lightningcss-dark,#a1a1aa);--faint:var(--lightningcss-light,#fafafa)var(--lightningcss-dark,#1e1e21);--faint-foreground:var(--lightningcss-light,#a1a1aa)var(--lightningcss-dark,#71717a);--accent:var(--lightningcss-light,#f4f4f5)var(--lightningcss-dark,#27272a);--danger:var(--lightningcss-light,#d32f2f)var(--lightningcss-dark,#f4807b);--danger-foreground:var(--lightningcss-light,#fafafa)var(--lightningcss-dark,#18181b);--success:var(--lightningcss-light,#008032)var(--lightningcss-dark,#6cc070);--success-foreground:var(--lightningcss-light,#fafafa)var(--lightningcss-dark,#18181b);--warning:var(--lightningcss-light,#a65b00)var(--lightningcss-dark,#f0a030);--warning-foreground:#09090b;--border:var(--lightningcss-light,#d4d4d8)var(--lightningcss-dark,#52525b);--input:var(--lightningcss-light,#d4d4d8)var(--lightningcss-dark,#52525b);--ring:var(--lightningcss-light,#574747)var(--lightningcss-dark,#d4d4d8);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-18:4.5rem;--radius-small:.125rem;--radius-medium:.375rem;--radius-large:.75rem;--radius-full:9999px;--bar-height:.5rem;--font-sans:system-ui, sans-serif;--font-mono:ui-monospace, Consolas, monospace;--text-1:clamp(1.75rem, 1.5rem + 1.1vw, 2.25rem);--text-2:clamp(1.5rem, 1.3rem + .8vw, 1.875rem);--text-3:clamp(1.25rem, 1.1rem + .5vw, 1.5rem);--text-4:clamp(1.125rem, 1.05rem + .3vw, 1.25rem);--text-5:1.125rem;--text-6:1rem;--text-7:.875rem;--text-8:.75rem;--text-regular:var(--text-6);--leading-normal:1.5;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:600;--shadow-small:0 1px 2px 0 #0000000d;--shadow-medium:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-large:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--transition-fast:.12s cubic-bezier(.4, 0, .2, 1);--transition:.2s cubic-bezier(.4, 0, .2, 1);--z-dropdown:50;--z-modal:200}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}[data-variant=success]{--_variant-color:var(--success)}[data-variant=warning]{--_variant-color:var(--warning)}:is([data-variant=danger],[data-variant=error]){--_variant-color:var(--danger)}}@layer base{*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}*{margin:0}html{tab-size:4}body,dialog,[popover]{font-family:var(--font-sans);font-size:var(--text-regular);line-height:var(--leading-normal);color:var(--foreground)}body{background-color:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased}main{padding-block-start:var(--space-8)}img,picture,video,canvas,svg{max-width:100%}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:1.25}:is(h1,h2,h3,h4,h5,h6):first-child{margin-block-start:0}h1{font-size:var(--text-1);margin:var(--space-10) 0 var(--space-6)}h2{font-size:var(--text-2);margin:var(--space-8) 0 var(--space-5)}h3{font-size:var(--text-3);margin:var(--space-6) 0 var(--space-4)}h4{font-size:var(--text-4);margin:var(--space-5) 0 var(--space-3)}h5{font-size:var(--text-5);margin:var(--space-4) 0 var(--space-2)}h6{font-size:var(--text-regular);margin:var(--space-4) 0 var(--space-2)}p{margin-block-end:var(--space-4)}p:last-child{margin-block-end:0}a{color:var(--primary);text-underline-offset:2px;transition:color var(--transition-fast);text-decoration:underline}a:hover{color:rgb(from var(--primary) r g b / .8)}strong,b{font-weight:var(--font-semibold)}em,i{font-style:italic}small{font-size:var(--text-7)}code{font-family:var(--font-mono);padding:calc(var(--space-1) / 2) var(--space-1);background-color:var(--faint);border-radius:var(--radius-small);font-size:.875em}pre{font-family:var(--font-mono);padding:var(--space-4);background-color:var(--faint);border-radius:var(--radius-medium);margin-block-end:var(--space-4);overflow-x:auto}pre code{background:0 0;border-radius:0;padding:0}blockquote{border-inline-start:4px solid var(--border);margin:var(--space-4) 0;color:var(--muted-foreground);padding-inline-start:var(--space-4);font-style:italic}hr{border:none;border-top:1px solid var(--border);margin:var(--space-8) 0}ul,ol{margin-block-end:var(--space-4);padding-inline-start:var(--space-6)}ul{list-style-type:disc}ol{list-style-type:decimal}li{margin-block-end:var(--space-1)}mark{background-color:rgb(from var(--warning) r g b / .3);padding:calc(var(--space-1) / 2) var(--space-1);border-radius:var(--radius-small)}[hidden]{display:none}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}:disabled,[aria-disabled=true]{cursor:not-allowed;opacity:.5}:is(button,[type=submit],[type=reset],[type=button],a.button){--_hov:color-mix(in srgb, var(--primary), white 25%);justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-7);font-weight:var(--font-medium);line-height:var(--leading-normal);white-space:nowrap;background-color:var(--primary);color:var(--primary-foreground);border-radius:var(--radius-medium);transition:background-color var(--transition-fast),opacity var(--transition-fast),transform var(--transition-fast);border:1px solid #0003;border-color:#ffffff26 #0003 #0003 #ffffff26;text-decoration:none;display:inline-flex}::file-selector-button{--_hov:color-mix(in srgb, var(--primary), white 25%);justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-7);font-weight:var(--font-medium);line-height:var(--leading-normal);white-space:nowrap;background-color:var(--primary);color:var(--primary-foreground);border-radius:var(--radius-medium);transition:background-color var(--transition-fast),opacity var(--transition-fast),transform var(--transition-fast);border:1px solid #0003;border-color:#ffffff26 #0003 #0003 #ffffff26;text-decoration:none;display:inline-flex}::file-selector-button:not(:disabled){cursor:pointer}::file-selector-button:hover:not(:disabled){background-color:var(--_hov)}::file-selector-button:active:not(:disabled){transform:translate(1px,1px)}::file-selector-button[data-variant=secondary]{--_hov:color-mix(in srgb, var(--secondary), black 10%);background-color:var(--secondary);color:var(--secondary-foreground);border-color:#ffffff80 #0000001a #0000001a #ffffff80}::file-selector-button[data-variant=danger]{--_hov:color-mix(in srgb, var(--danger), black 15%);background-color:var(--danger);color:var(--danger-foreground)}::file-selector-button:is(.outline,.ghost){--_hov:var(--accent);color:var(--foreground);background-color:#0000}::file-selector-button:is(.outline,.ghost)[data-variant=danger]{--_hov:color-mix(in srgb, var(--danger), transparent 90%);color:var(--danger)}::file-selector-button:is(.outline,.ghost)[data-variant=secondary]{--_hov:color-mix(in srgb, var(--secondary), transparent 80%);color:var(--secondary-foreground)}::file-selector-button.outline{border-color:var(--border)}::file-selector-button.outline[data-variant=danger]{border-color:var(--danger)}::file-selector-button.outline[data-variant=secondary]{border-color:var(--secondary)}::file-selector-button.ghost{border-color:#0000}::file-selector-button.small{padding:var(--space-1) var(--space-3);font-size:var(--text-8)}::file-selector-button.large{height:3rem;padding:0 var(--space-6);font-size:var(--text-regular)}::file-selector-button.icon{width:2.5rem;padding:0}::file-selector-button.icon.small{width:2rem}::file-selector-button.icon.large{width:3rem}:is(button,[type=submit],[type=reset],[type=button],a.button):not(:disabled){cursor:pointer}:is(button,[type=submit],[type=reset],[type=button],a.button):hover:not(:disabled){background-color:var(--_hov)}:is(button,[type=submit],[type=reset],[type=button],a.button):active:not(:disabled){transform:translate(1px,1px)}:is(button,[type=submit],[type=reset],[type=button],a.button)[data-variant=secondary]{--_hov:color-mix(in srgb, var(--secondary), black 10%);background-color:var(--secondary);color:var(--secondary-foreground);border-color:#ffffff80 #0000001a #0000001a #ffffff80}:is(button,[type=submit],[type=reset],[type=button],a.button)[data-variant=danger]{--_hov:color-mix(in srgb, var(--danger), black 15%);background-color:var(--danger);color:var(--danger-foreground)}:is(button,[type=submit],[type=reset],[type=button],a.button):is(.outline,.ghost){--_hov:var(--accent);color:var(--foreground);background-color:#0000}:is(button,[type=submit],[type=reset],[type=button],a.button):is(.outline,.ghost)[data-variant=danger]{--_hov:color-mix(in srgb, var(--danger), transparent 90%);color:var(--danger)}:is(button,[type=submit],[type=reset],[type=button],a.button):is(.outline,.ghost)[data-variant=secondary]{--_hov:color-mix(in srgb, var(--secondary), transparent 80%);color:var(--secondary-foreground)}:is(button,[type=submit],[type=reset],[type=button],a.button).outline{border-color:var(--border)}:is(button,[type=submit],[type=reset],[type=button],a.button).outline[data-variant=danger]{border-color:var(--danger)}:is(button,[type=submit],[type=reset],[type=button],a.button).outline[data-variant=secondary]{border-color:var(--secondary)}:is(button,[type=submit],[type=reset],[type=button],a.button).ghost{border-color:#0000}:is(button,[type=submit],[type=reset],[type=button],a.button).small{padding:var(--space-1) var(--space-3);font-size:var(--text-8)}:is(button,[type=submit],[type=reset],[type=button],a.button).large{height:3rem;padding:0 var(--space-6);font-size:var(--text-regular)}:is(button,[type=submit],[type=reset],[type=button],a.button).icon{width:2.5rem;padding:0}:is(button,[type=submit],[type=reset],[type=button],a.button).icon.small{width:2rem}:is(button,[type=submit],[type=reset],[type=button],a.button).icon.large{width:3rem}::file-selector-button{color:var(--foreground);border:1px solid var(--border);background-color:#0000}::file-selector-button:hover{background-color:var(--accent)}label{font-size:var(--text-7);font-weight:var(--font-medium);display:block}label:has(input:where([type=checkbox],[type=radio])){align-items:center;gap:var(--space-2);font-weight:var(--font-normal);row-gap:0;display:inline-flex}:where(input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=color]),textarea,select){font-family:var(--font-sans);width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-7);line-height:var(--leading-normal);background-color:var(--background);color:var(--foreground);border:1px solid var(--input);border-radius:var(--radius-medium);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);margin-block-start:var(--space-1)}:where(input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=color]),textarea,select)::placeholder{color:var(--muted-foreground)}:where(input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=color]),textarea,select):focus{border-color:var(--ring);box-shadow:0 0 0 2px rgb(from var(--ring) r g b / .2);z-index:1;outline:none}:where(input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=color]),textarea,select):disabled{background-color:var(--muted)}:where(input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=color]),textarea,select):is([aria-invalid=true],:user-invalid){border-color:var(--danger)}:where(input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=color]),textarea,select):is([aria-invalid=true],:user-invalid):focus{box-shadow:0 0 0 2px rgb(from var(--danger) r g b / .2)}textarea{height:auto;min-height:5rem;padding:var(--space-3);resize:vertical}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-2) center;padding-inline-end:var(--space-6)}input:where([type=checkbox],[type=radio]){appearance:none;background-color:var(--background);border:1px solid var(--input);width:1rem;height:1rem;transition:background-color var(--transition-fast),border-color var(--transition-fast);margin:0;position:relative}input:where([type=checkbox],[type=radio]):checked{background-color:var(--primary);border-color:var(--primary)}input:where([type=checkbox],[type=radio]):checked:after{content:"";background-color:var(--primary-foreground);position:absolute;inset:0;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}input[type=checkbox]{border-radius:var(--radius-small)}input[type=checkbox]:checked:after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='4'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='4'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E")}input[type=checkbox][role=switch]{--switch-height:calc(var(--bar-height) * 3);--switch-inset:2px;--switch-thumb:calc(var(--switch-height) - var(--switch-inset) * 3);width:calc(var(--switch-height) * 2);height:var(--switch-height);border-radius:var(--radius-full);background-color:var(--input)}input[type=checkbox][role=switch]:before{content:"";top:50%;left:var(--switch-inset);width:var(--switch-thumb);height:var(--switch-thumb);background-color:var(--background);border-radius:var(--radius-full);transition:transform var(--transition);box-shadow:var(--shadow-small);position:absolute;transform:translateY(-50%)}input[type=checkbox][role=switch]:checked{background-color:var(--primary)}input[type=checkbox][role=switch]:checked:after{content:none}input[type=checkbox][role=switch]:checked:before{transform:translateY(-50%) translate(var(--switch-height))}input[type=radio]{border-radius:var(--radius-full)}input[type=radio]:checked:after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='4' fill='currentColor'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='4' fill='currentColor'/%3E%3C/svg%3E")}:where(input:where([type=checkbox],[type=radio],[type=range]),select):not(:disabled){cursor:pointer}label:has(input:where([type=checkbox],[type=radio]):not(:disabled)){cursor:pointer}input[type=range]{width:100%;height:var(--bar-height);appearance:none;background:var(--muted);border-radius:var(--radius-full)}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--primary);border-radius:var(--radius-full);width:1.25rem;height:1.25rem;transition:transform var(--transition-fast)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}input[type=range]::-moz-range-thumb{background:var(--primary);border-radius:var(--radius-full);border:none;width:1.25rem;height:1.25rem}fieldset{border:1px solid var(--border);border-radius:var(--radius-medium);padding:var(--space-4);margin-block-end:var(--space-4)}legend{font-size:var(--text-7);font-weight:var(--font-medium);padding:0 var(--space-2)}.table{width:100%;min-width:320px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:var(--text-7)}thead{border-bottom:1px solid var(--border)}tfoot{border-top:1px solid var(--border)}th,td{overflow-wrap:break-word}th{padding:var(--space-3) var(--space-2);text-align:start;font-weight:var(--font-medium);color:var(--muted-foreground)}td{padding:var(--space-3) var(--space-2)}tbody tr{border-bottom:1px solid var(--border);transition:background-color var(--transition-fast)}tbody tr:last-child{border-bottom:none}tbody tr:hover{background-color:rgb(from var(--muted) r g b / .5)}progress,meter{appearance:none;width:100%;height:var(--bar-height);border-radius:var(--radius-full);background:var(--muted);border:none;overflow:hidden}progress::-webkit-progress-bar{background-color:var(--muted);border-radius:var(--radius-full)}progress::-webkit-progress-value{background-color:var(--primary);border-radius:var(--radius-full);transition:width var(--transition)}progress::-moz-progress-bar{background-color:var(--primary);border-radius:var(--radius-full)}meter::-webkit-meter-bar{background:var(--muted);border-radius:var(--radius-full);height:var(--bar-height);border:none}meter::-webkit-meter-optimum-value{border-radius:var(--radius-full)}meter::-webkit-meter-suboptimum-value{border-radius:var(--radius-full)}meter::-webkit-meter-even-less-good-value{border-radius:var(--radius-full)}meter::-webkit-meter-optimum-value{background:var(--success)}meter::-webkit-meter-suboptimum-value{background:var(--warning)}meter::-webkit-meter-even-less-good-value{background:var(--danger)}meter::-moz-meter-bar{background:var(--success);border-radius:var(--radius-full)}meter:-moz-meter-sub-optimum::-moz-meter-bar{background:var(--warning)}meter:-moz-meter-sub-sub-optimum::-moz-meter-bar{background:var(--danger)}}@layer components{figure[data-variant=avatar]:not([role=group]){width:var(--sz,2.5rem);height:var(--sz,2.5rem);color:var(--primary);background-color:var(--muted);border-radius:var(--radius-full);font-weight:var(--font-medium);justify-content:center;align-items:center;display:inline-flex;overflow:hidden}figure[data-variant=avatar]:not([role=group])>img{object-fit:cover;width:100%;height:100%}figure[data-variant=avatar]:not([role=group]).small{--sz:2rem}figure[data-variant=avatar]:not([role=group]).large{--sz:3.25rem}figure[data-variant=avatar][role=group]{align-items:center;margin:0;display:inline-flex}figure[data-variant=avatar][role=group] figure[data-variant=avatar]{isolation:isolate;border:2px solid var(--background);margin-inline-end:calc(var(--space-5) * -1)}figure[data-variant=avatar][role=group] figure[data-variant=avatar]:last-child{margin-inline-end:0}figure[data-variant=avatar][role=group].small{--sz:2rem}figure[data-variant=avatar][role=group].small figure[data-variant=avatar]{border-width:1px;margin-inline-end:calc(var(--space-4) * -.8)}figure[data-variant=avatar][role=group].large{--sz:3.25rem}figure[data-variant=avatar][role=group].large figure[data-variant=avatar]{margin-inline-end:calc(var(--space-6) * -1)}menu.buttons{padding-inline-start:0;list-style-type:none;display:inline-flex}menu.buttons>li:first-child>*{border-start-start-radius:var(--radius-medium);border-end-start-radius:var(--radius-medium)}menu.buttons>li:last-child>*{border-start-end-radius:var(--radius-medium);border-end-end-radius:var(--radius-medium)}menu.buttons>li>*{border-radius:0}menu.buttons>li:not(:last-child)>*{border-inline-end:1px solid rgb(from var(--primary-foreground) r g b / .2)}fieldset.group{border:none;align-items:stretch;margin:0;padding:0;display:flex}fieldset.group>:is(input,textarea,select){flex:1;margin-block-start:0}fieldset.group>:is(input,textarea,select):not(:focus):not(:last-child){border-inline-end-color:#0000}fieldset.group>:is(input,textarea,select,button){border-radius:0}fieldset.group>:is(input,textarea,select,button):first-child{border-radius:var(--radius-medium) 0 0 var(--radius-medium)}fieldset.group>:is(input,textarea,select,button):last-child{border-radius:0 var(--radius-medium) var(--radius-medium) 0}fieldset.group>legend{float:inline-start;padding:0 var(--space-3);line-height:var(--leading-normal);font-weight:var(--font-normal);color:var(--muted-foreground);background-color:var(--muted);border:1px solid var(--input);border-radius:var(--radius-medium) 0 0 var(--radius-medium);border-inline-end:none;align-items:center;display:inline-flex}[data-field]{flex-wrap:wrap;margin-block-end:var(--space-4)}[data-field] [data-hint],[data-field] .error{font-size:var(--text-8);font-weight:var(--font-normal);color:var(--muted-foreground);flex-basis:100%;min-inline-size:100%;margin-block-start:var(--space-1);display:block}[data-field] .error{display:none}[data-field]:is([aria-invalid=true],:has([aria-invalid=true])) .error{color:var(--danger);display:block}[aria-busy=true]:before{content:"";border:2px solid var(--muted);border-top-color:var(--primary);border-radius:var(--radius-full);width:1.5rem;height:1.5rem;animation:1s linear infinite spin;display:inline-block}[aria-busy=true][data-spinner~=small]:before{width:1rem;height:1rem}[aria-busy=true][data-spinner~=large]:before{border-width:3px;width:2rem;height:2rem}[aria-busy=true][data-spinner~=overlay]{position:relative}[aria-busy=true][data-spinner~=overlay]>*{opacity:.3;pointer-events:none}[aria-busy=true][data-spinner~=overlay]:before{z-index:1;margin:auto;position:absolute;inset:0}@keyframes spin{to{transform:rotate(360deg)}}:root{--grid-cols:12;--grid-gap:1.5rem;--container-max:1280px;--container-pad:1rem}.container{width:100%;max-width:var(--container-max);padding-inline:var(--container-pad);margin-inline:auto}.row{grid-template-columns:repeat(var(--grid-cols),1fr);gap:var(--grid-gap);width:100%;display:grid}.col,[class*=col-]{grid-column-end:span calc(var(--span,var(--grid-cols)) + var(--offset,0))}.col-1{--span:1}.col-2{--span:2}.col-3{--span:3}.col-4{--span:4}.col-5{--span:5}.col-6{--span:6}.col-7{--span:7}.col-8{--span:8}.col-9{--span:9}.col-10{--span:10}.col-11{--span:11}.col-12{--span:12}.offset-1{--offset:1}.offset-2{--offset:2}.offset-3{--offset:3}.offset-4{--offset:4}.offset-5{--offset:5}.offset-6{--offset:6}[class*=offset-]{margin-inline-start:calc(var(--offset) * (100% + var(--grid-gap)) / (var(--span) + var(--offset)))}.col-end{grid-column-start:span var(--span,1);grid-column-end:-1}@media (width<=768px){.row{--grid-cols:4;--grid-gap:1rem}.col,[class*=col-]{--span:4}[class*=offset-]{--offset:0;margin-inline-start:0}}.card{background-color:var(--card);color:var(--card-foreground);border:1px solid var(--border);border-radius:var(--radius-medium);box-shadow:var(--shadow-small);padding:var(--space-6)}[role=alert]{gap:var(--space-3);padding:var(--space-4) var(--space-6);background-color:var(--background);border:1px solid var(--border);border-radius:var(--radius-medium);font-size:var(--text-7);display:flex;position:relative}[role=alert][data-variant]{border:none}[role=alert]:is([data-variant=error],[data-variant=danger],[data-variant=success],[data-variant=warning]){color:var(--_variant-color);background-color:var(--lightningcss-light,color-mix(in srgb,var(--_variant-color) 8%,transparent))var(--lightningcss-dark,color-mix(in srgb,var(--_variant-color) 20%,transparent))}[role=alert]:is([data-variant=error],[data-variant=danger],[data-variant=success],[data-variant=warning]) a{color:var(--_variant-color)}.badge{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-4);font-size:var(--text-8);font-weight:var(--font-medium);text-wrap:nowrap;line-height:var(--leading-normal);background-color:var(--primary);color:var(--primary-foreground);border-radius:var(--radius-full);display:inline-flex}.badge.outline{color:var(--foreground);border:1px solid var(--border);background-color:#0000}.badge[data-variant=secondary]{background-color:var(--secondary);color:var(--secondary-foreground)}.badge:is([data-variant=success],[data-variant=warning],[data-variant=danger]){color:var(--_variant-color);background-color:var(--lightningcss-light,color-mix(in srgb,var(--_variant-color) 10%,transparent))var(--lightningcss-dark,color-mix(in srgb,var(--_variant-color) 30%,transparent))}.badge{position:relative}.badge button{all:unset;padding-inline:var(--space-3) var(--space-2);cursor:pointer;opacity:0;pointer-events:none;background-color:color-mix(in srgb,var(--muted) 60%,transparent);transition:opacity var(--transition-fast);border-start-end-radius:inherit;border-end-end-radius:inherit;position:absolute;right:0}.badge:hover button,.badge button:focus-visible{opacity:1;pointer-events:auto}details{border:1px solid var(--border);border-radius:var(--radius-medium);overflow:hidden}details+details{border-start-start-radius:0;border-start-end-radius:0;margin-top:-1px}details:has(+details){border-end-end-radius:0;border-end-start-radius:0}details[open] summary{border-bottom:1px solid var(--border)}summary{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-4);font-weight:var(--font-medium);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast);display:flex}summary:hover{background-color:var(--muted)}summary::-webkit-details-marker{display:none}summary::marker{display:none}summary:after{content:"";width:1em;height:1em;transition:transform var(--transition-fast);background-color:currentColor;flex-shrink:0;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}details[open] :is(summary):after{transform:rotate(180deg)}details>:not(summary){margin:var(--space-4)}[role=tablist]{align-items:center;gap:var(--space-1);padding:var(--space-1);background-color:var(--muted);border-radius:var(--radius-medium);display:inline-flex}[role=tab]{padding:var(--space-2) var(--space-3);font-size:var(--text-7);font-weight:var(--font-medium);white-space:nowrap;color:var(--foreground);border-radius:calc(var(--radius-medium) - 2px);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);background-color:#0000;border:none;justify-content:center;align-items:center;display:inline-flex}[role=tab]:hover{color:var(--muted-foreground)}[role=tab][aria-selected=true]{background-color:var(--background);box-shadow:var(--shadow-small)}[role=tabpanel]{padding:var(--space-4) 0}[role=tabpanel]:focus-visible{outline:none}dialog{z-index:var(--z-modal);background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius-large);width:min(100% - 2rem,32rem);max-height:85vh;box-shadow:var(--shadow-large);opacity:0;transition:opacity .15s ease,transform .15s ease,overlay .15s ease allow-discrete,display .15s ease allow-discrete;margin:auto;padding:0;position:fixed;inset:0;overflow:hidden;transform:scale(.95)}dialog:is([open],:popover-open){opacity:1;transform:scale(1)}@starting-style{dialog:is([open],:popover-open){opacity:0;transform:scale(.95)}}dialog::backdrop{transition:background-color .15s ease,overlay .15s ease allow-discrete,display .15s ease allow-discrete;background-color:#0000}dialog:is([open],:popover-open)::backdrop{background-color:#00000080}@starting-style{dialog:is([open],:popover-open)::backdrop{background-color:#0000}}dialog>header,dialog>form>header{gap:var(--space-1);padding:var(--space-6);flex-direction:column;padding-block-end:0;display:flex}:is(dialog>header,dialog>form>header)>:is(h1,h2,h3,h4,h5,h6){margin-block-end:0}:is(dialog>header,dialog>form>header)>p{font-size:var(--text-7);color:var(--muted-foreground);margin-block-end:0}:is(dialog,dialog>form)>:is(p,div,section){padding:var(--space-6);overflow-y:auto}dialog>footer,dialog>form>footer{justify-content:flex-end;gap:var(--space-2);padding:var(--space-6);padding-block-start:0;display:flex}ot-dropdown [popover]{background-color:var(--background);border:1px solid var(--border);border-radius:var(--radius-medium);min-width:12rem;box-shadow:var(--shadow-small);opacity:0;transition:opacity .15s ease-out,transform .15s ease-out,display .15s allow-discrete,overlay .15s allow-discrete;margin:0;position:fixed;transform:translateY(-4px)}ot-dropdown [popover]:popover-open{opacity:1;transform:translateY(0)}@starting-style{ot-dropdown [popover]:popover-open{opacity:0;transform:translateY(-4px)}}ot-dropdown [popover] hr{margin:var(--space-1) 0}ot-dropdown [role=menuitem]{width:100%;padding:var(--space-2) var(--space-3);cursor:pointer;justify-content:start;display:flex}ot-dropdown [role=menuitem]:hover,ot-dropdown [role=menuitem]:focus{background-color:var(--accent);outline:none}.toast-container{pointer-events:none;background:0 0;border:none;flex-direction:column;margin:0;padding:0;display:flex;position:fixed;overflow:visible}.toast-container::backdrop{display:none}.toast-container[data-placement^=top]{inset:var(--space-4) auto auto auto}.toast-container[data-placement^=bottom]{inset:auto auto var(--space-4) auto;flex-direction:column-reverse}.toast-container[data-placement$=left]{left:var(--space-4)}.toast-container[data-placement$=center]{left:50%;transform:translate(-50%)}.toast-container[data-placement$=right]{right:var(--space-4)}.toast{--transition:.3s;--transition-in:calc(var(--transition) - 50ms);padding:var(--space-5) var(--space-4);pointer-events:auto;background-color:var(--card);border:1px solid var(--border);border-inline-start-width:var(--space-1);border-inline-start-style:solid;border-inline-start-color:var(--_variant-color,var(--border));border-radius:var(--radius-medium);min-width:20rem;max-width:28rem;box-shadow:var(--shadow-small);transition:opacity var(--transition-in),transform var(--transition-in),margin var(--transition-in);line-height:1}.toast .toast-title{margin:0 0 var(--space-3) 0;color:var(--_variant-color,inherit);font-weight:600}.toast .toast-message{color:var(--muted-foreground)}.toast>[data-close]{cursor:pointer;opacity:.5;background:0 0;border:none;margin-inline-start:auto;padding:0}.toast>[data-close]:hover{opacity:1}.toast{margin:var(--space-2) 0}.toast[data-entering]{opacity:0;transform:translateY(-1rem)}.toast[data-exiting]{opacity:0;max-height:0;transition:opacity var(--transition),margin var(--transition),padding var(--transition),max-height var(--transition);margin:0;padding-block:0;overflow:hidden}:root{--sidebar-width:15rem}[data-sidebar-layout]{grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:auto 1fr;height:100dvh;display:grid}[data-sidebar-layout]>main{grid-row:2;min-width:0;overflow-y:auto}[data-sidebar-layout]>aside[data-sidebar]{z-index:1;background-color:var(--background);border-inline-end:1px solid var(--border);min-height:0;box-shadow:var(--shadow-medium);flex-direction:column;grid-row:2;display:flex}[data-sidebar-layout]>aside[data-sidebar]>:is(header,footer){padding:var(--space-3);flex-shrink:0}[data-sidebar-layout]>aside[data-sidebar]>footer{margin-block-start:auto}[data-sidebar-layout]>aside[data-sidebar]>nav{min-height:0;padding:var(--space-3) var(--space-2);font-size:var(--text-7);flex:1;overflow-y:auto}[data-sidebar-layout]>aside[data-sidebar]>nav ul{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}[data-sidebar-layout]>aside[data-sidebar]>nav ul li{margin:0}[data-sidebar-layout]>aside[data-sidebar]>nav a{gap:var(--space-2);padding:var(--space-1) var(--space-3);color:var(--foreground);border-radius:var(--radius-small);transition:background-color var(--transition-fast);text-decoration:none;display:flex}[data-sidebar-layout]>aside[data-sidebar]>nav a:is(:hover,[aria-current]){background-color:var(--accent)}[data-sidebar-layout]>aside[data-sidebar]>nav details{border:none;overflow:visible}[data-sidebar-layout]>aside[data-sidebar]>nav details+details{margin-top:0}[data-sidebar-layout]>aside[data-sidebar]>nav details[open] summary{border-bottom:none}[data-sidebar-layout]>aside[data-sidebar]>nav details>ul{padding:var(--space-1) 0;margin-inline-start:var(--space-4)}[data-sidebar-layout]>aside[data-sidebar]>nav summary{padding:var(--space-2) var(--space-3);border-radius:var(--radius-small);justify-content:flex-start}[data-sidebar-layout]>aside[data-sidebar]>nav summary:after{width:.75rem;height:.75rem;margin-inline-start:auto}[data-sidebar-layout]>nav[data-topnav]{grid-column:1/-1}nav[data-topnav]{z-index:5;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background-color:var(--background);border-bottom:1px solid var(--border);box-shadow:var(--shadow-small);display:flex;position:sticky;top:0}nav[data-topnav] a{text-decoration:none}:is([data-sidebar-toggle],[data-sidebar-header]){display:none}[data-sidebar-toggle]{padding:0 var(--space-1);border:1px solid var(--border);border-radius:var(--radius-small);background:0 0}@media (width>=769px){[data-sidebar-layout=always]{transition:grid-template-columns var(--transition)}[data-sidebar-layout=always] [data-sidebar-toggle]{display:inline-block}[data-sidebar-layout=always]>aside[data-sidebar]{opacity:1;transition:transform var(--transition),opacity var(--transition),visibility var(--transition);transform:translate(0)}[data-sidebar-layout=always][data-sidebar-open]{grid-template-columns:0 1fr;gap:0}[data-sidebar-layout=always][data-sidebar-open]>aside[data-sidebar]{opacity:0;visibility:hidden;border-inline-end:none;min-width:0;overflow:hidden;transform:translate(-100%)}}@media (width<=768px){[data-sidebar-layout]{grid-template-columns:1fr}[data-sidebar-layout]>main{grid-column:1}[data-sidebar-layout]>aside[data-sidebar]{z-index:2;width:min(var(--sidebar-width),100vw);transition:transform var(--transition);box-shadow:var(--shadow-large);grid-column:1;transform:translate(-100%)}[data-sidebar-layout][data-sidebar-open]>aside[data-sidebar]{transform:translate(0)}[data-sidebar-toggle]{display:inline-block}[data-sidebar-header]{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);display:flex}}ot-taginput{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background-color:var(--background);border:1px solid var(--input);border-radius:var(--radius-medium);cursor:text;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%;min-height:calc(1lh + var(--space-5));flex-wrap:wrap;display:flex}ot-taginput:focus-within{border-color:var(--ring);box-shadow:0 0 0 2px rgb(from var(--ring) r g b / .2)}ot-taginput input{background:0 0;border:none;flex:1;min-width:8ch;margin:0;padding:0}ot-taginput input:focus{box-shadow:none}[role=status].skeleton{--_c:var(--lightningcss-light,color-mix(in srgb, var(--muted) 15%, white))var(--lightningcss-dark,color-mix(in srgb, var(--muted) 90%, var(--foreground)));background:var(--muted);border-radius:var(--radius-medium);background-size:200% 100%;background-image:linear-gradient(90deg,var(--muted) 0%,var(--_c) 50%,var(--muted) 100%);margin-block-end:var(--space-3);animation:2s infinite anim}[role=status].skeleton.box{width:4rem;height:4rem}[role=status].skeleton.line{width:100%;height:1rem}[role=status].skeleton:last-child{margin-block-end:0}@keyframes anim{0%{background-position:200% 0}to{background-position:-200% 0}}[data-tooltip]{--_c:translateX(-50%);--_o:translateY(4px);position:relative}[data-tooltip]:before,[data-tooltip]:after{transform:var(--_c) var(--_o);opacity:0;visibility:hidden;transition:opacity var(--transition-fast),transform var(--transition-fast),visibility var(--transition-fast);pointer-events:none;z-index:calc(var(--z-modal) + 10);position:absolute;inset-inline-start:50%}[data-tooltip]:after{content:attr(data-tooltip);padding:var(--space-2) var(--space-3);font-size:var(--text-7);white-space:nowrap;background:var(--foreground);color:var(--background);border-radius:var(--radius-medium);line-height:1;inset-block-end:calc(100% + 10px)}[data-tooltip]:before{content:"";border:8px solid #0000;border-top-color:var(--foreground);inset-block-end:calc(100% - 5px)}[data-tooltip][data-tooltip-placement=bottom]{--_o:translateY(-4px)}[data-tooltip][data-tooltip-placement=bottom]:before,[data-tooltip][data-tooltip-placement=bottom]:after{inset-block:calc(100% + 10px) auto}[data-tooltip][data-tooltip-placement=bottom]:before{border-color:#0000;border-bottom-color:var(--foreground);inset-block-start:calc(100% - 5px)}[data-tooltip]:is([data-tooltip-placement=left],[data-tooltip-placement=right]){--_c:translateY(-50%)}[data-tooltip]:is([data-tooltip-placement=left],[data-tooltip-placement=right]):before,[data-tooltip]:is([data-tooltip-placement=left],[data-tooltip-placement=right]):after{inset-block:50% auto}[data-tooltip]:is([data-tooltip-placement=left],[data-tooltip-placement=right]):before{border-color:#0000}[data-tooltip][data-tooltip-placement=left]{--_o:translateX(4px)}[data-tooltip][data-tooltip-placement=left]:before,[data-tooltip][data-tooltip-placement=left]:after{inset-inline-start:auto}[data-tooltip][data-tooltip-placement=left]:after{inset-inline-end:calc(100% + 10px)}[data-tooltip][data-tooltip-placement=left]:before{border-inline-start-color:var(--foreground);inset-inline-end:calc(100% - 5px)}[data-tooltip][data-tooltip-placement=right]{--_o:translateX(-4px)}[data-tooltip][data-tooltip-placement=right]:after{inset-inline-start:calc(100% + 10px)}[data-tooltip][data-tooltip-placement=right]:before{border-inline-end-color:var(--foreground);inset-inline-start:calc(100% - 5px)}[data-tooltip]:is(:hover,:focus-visible){--_o:translateY(0)}[data-tooltip]:is(:hover,:focus-visible):before,[data-tooltip]:is(:hover,:focus-visible):after{opacity:1;visibility:visible;transition-delay:.7s}ot-upload{cursor:pointer;width:100%}ot-upload[data-drag]{border-color:var(--ring);box-shadow:0 0 0 2px rgb(from var(--ring) r g b / .2)}ot-upload .badge{text-overflow:ellipsis;max-width:20ch;display:inline-block;overflow:hidden}}@layer animations{@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}dialog::backdrop{opacity:1;transition:opacity .15s cubic-bezier(.4,0,.2,1)}@starting-style{dialog::backdrop{opacity:0}}}@layer utilities{.align-left{text-align:start}.align-center{text-align:center}.align-right{text-align:end}.text-light{color:var(--muted-foreground)}.text-lighter{color:var(--faint-foreground)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.hstack{align-items:center;gap:var(--space-3);flex-wrap:wrap;align-content:flex-start;height:auto;display:flex}.hstack>*{margin:0}.vstack{gap:var(--space-3);flex-direction:column;display:flex}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.mt-2{margin-block-start:var(--space-2)}.mt-4{margin-block-start:var(--space-4)}.mt-6{margin-block-start:var(--space-6)}.mt-8{margin-block-start:var(--space-8)}.mb-2{margin-block-end:var(--space-2)}.mb-4{margin-block-end:var(--space-4)}.mb-6{margin-block-end:var(--space-6)}.mb-8{margin-block-end:var(--space-8)}.p-4{padding:var(--space-4)}.w-100{width:100%}:is(ul,ol).unstyled{padding:0;text-decoration:none;list-style:none}a.unstyled{color:inherit;text-decoration:none}a.unstyled:hover{color:var(--primary)}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--op-red:var(--lightningcss-light,#d3222a)var(--lightningcss-dark,#ff5a60)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{margin:0}.app-header{z-index:20;background:var(--background);border-bottom:1px solid var(--border);position:sticky;top:0}.app-header-inner{justify-content:space-between;align-items:center;gap:1rem;max-width:1400px;margin:0 auto;padding:.6rem 1rem;display:flex}.brand{color:var(--foreground);align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700;text-decoration:none;display:inline-flex}.brand-flag{font-size:1.3rem}.app-nav{align-items:center;gap:1rem;display:flex}.app-nav a{color:var(--foreground);border-bottom:2px solid #0000;padding:.25rem 0;font-weight:500;text-decoration:none}.app-nav a:hover{color:var(--op-red)}.app-nav a.router-link-exact-active{border-bottom-color:var(--op-red);color:var(--op-red)}.theme-toggle{text-transform:capitalize;align-items:center;gap:.35rem;display:inline-flex}.theme-toggle-text{font-size:.75rem}@media (width<=560px){.theme-toggle-text{display:none}}.badge{background:var(--op-red);color:#fff;text-align:center;vertical-align:middle;border-radius:999px;min-width:1.4em;padding:0 .35em;font-size:.7rem;font-weight:700;line-height:1.4em;display:inline-block}.app-main{max-width:1400px;margin:0 auto;padding:1rem}.browse-layout{grid-template-columns:260px 1fr;align-items:start;gap:1.5rem;display:grid}@media (width<=800px){.browse-layout{grid-template-columns:1fr}}.filter-sidebar{flex-direction:column;gap:.75rem;min-width:0;display:flex}.filter-sidebar-header{justify-content:space-between;align-items:center;gap:.5rem;padding:0 .15rem;display:flex}.filter-clear-btn{padding:.15rem .5rem;font-size:.8rem}.filter-group{border:1px solid var(--border);border-radius:var(--radius-medium);background:var(--card);padding:var(--space-3) var(--space-4) var(--space-4);min-width:0}.filter-group-title{margin:0 0 var(--space-2);color:var(--foreground);font-size:.95rem;font-weight:600}.filter-options{flex-direction:column;gap:.25rem;max-height:12.15em;font-size:.9rem;line-height:1.35;display:flex;overflow:hidden auto}.filter-check{align-items:flex-start;gap:var(--space-2);cursor:pointer;color:var(--foreground);min-width:0;padding:.1rem 0;font-size:.9rem;display:flex}.filter-check input,.filter-check .color-dot{flex-shrink:0;margin-top:.15rem}.filter-check input{width:auto;margin-block:.15rem 0}.filter-check-label{overflow-wrap:anywhere;flex:1;min-width:0;line-height:1.35}.filter-search{margin-block:0 var(--space-2)}.completion-summary{margin:0 0 var(--space-2);color:var(--muted-foreground);font-size:.78rem}.toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.toolbar .search{flex:240px;min-width:180px;margin-top:0}.toolbar .result-count{color:var(--muted-foreground);white-space:nowrap;font-size:.9rem}.toggle-inline{white-space:nowrap;cursor:pointer;color:var(--foreground);align-items:center;gap:.4rem;display:inline-flex}.toggle-inline input{width:auto;margin:0}.size-toggle{gap:0;display:inline-flex}.size-toggle button{border-radius:0;min-width:2rem;margin:0;padding-inline:.5rem}.size-toggle button:first-child{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius)}.size-toggle button:last-child{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius)}.size-toggle button:not(:first-child){margin-left:-1px}.size-toggle button.active{background:var(--op-red);border-color:var(--op-red);color:#fff;z-index:1}.card-grid{gap:1rem;display:grid}.card-grid--small{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.card-grid--medium{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.card-grid--large{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.card-tile{border:1px solid var(--border);background:var(--card);color:var(--card-foreground);content-visibility:auto;contain-intrinsic-size:auto 280px;border-radius:10px;flex-direction:column;text-decoration:none;transition:transform 80ms,box-shadow 80ms,border-color 80ms;display:flex;position:relative;overflow:hidden}.card-tile:hover{box-shadow:var(--shadow-large);border-color:var(--op-red);transform:translateY(-2px)}.card-tile-image-wrap{position:relative}.card-tile-img{aspect-ratio:5/7;object-fit:cover;background:var(--muted);width:100%;display:block}.ownership-badges{z-index:1;gap:.3rem;display:flex;position:absolute;bottom:.4rem;left:.4rem}.ownership-badge{color:#fff;background:#000000c7;border-radius:999px;padding:.12rem .42rem;font-size:.68rem;font-weight:700}.ownership-badge--owned{background:#1a7f45}.ownership-badge--wanted{background:#8a5a00}.card-tile-actions{z-index:2;opacity:0;pointer-events:none;flex-direction:column;gap:.35rem;transition:opacity .1s,transform .1s;display:flex;position:absolute;bottom:.5rem;left:.5rem;right:.5rem;transform:translateY(.25rem)}.card-tile:hover .card-tile-actions,.card-tile:focus-within .card-tile-actions{opacity:1;pointer-events:auto;transform:translateY(0)}.card-tile-actions button{width:100%}.card-tile-body{padding:.5rem .6rem .6rem}.card-tile-name{text-overflow:ellipsis;white-space:nowrap;color:var(--card-foreground);margin:0 0 .25rem;font-size:.9rem;font-weight:600;line-height:1.2;overflow:hidden}.card-tile-meta{color:var(--muted-foreground);flex-wrap:wrap;gap:.25rem .5rem;font-size:.75rem;display:flex}.pills{flex-wrap:wrap;align-items:center;gap:.25rem;margin-top:.35rem;display:flex}.pill{border:1px solid var(--border);background:var(--faint);color:var(--muted-foreground);border-radius:999px;padding:.05rem .4rem;font-size:.68rem;line-height:1.4}.color-dot{width:.75em;height:.75em;box-shadow:0 0 0 1px var(--border);vertical-align:middle;border-radius:50%;display:inline-block}.color-Red{background:#d3222a}.color-Green{background:#1a9c47}.color-Blue{background:#1f6fd0}.color-Purple{background:#8241a8}.color-Black{background:#2b2b2b}.color-Yellow{background:#f2c200}.variant-count-badge{color:#fff;z-index:1;background:#000000c7;border-radius:999px;padding:.1rem .4rem;font-size:.68rem;position:absolute;top:.4rem;left:.4rem}.star-btn{cursor:pointer;color:#fff;z-index:1;background:#0000008c;border:none;border-radius:50%;justify-content:center;align-items:center;width:1.9rem;height:1.9rem;padding:0;font-size:1rem;line-height:1;transition:background .1s,color .1s;display:flex;position:absolute;top:.35rem;right:.35rem}.star-btn.active{color:#ffcf33}.star-btn:hover{background:#000000c7}.detail-layout{grid-template-columns:minmax(240px,360px) 1fr;align-items:start;gap:2rem;display:grid}@media (width<=720px){.detail-layout{grid-template-columns:1fr}}.detail-main-img{border:1px solid var(--border);background:var(--muted);border-radius:12px;width:100%}.detail-sub{color:var(--muted-foreground);margin:0 0 .75rem}.variant-thumbs{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.variant-thumb{cursor:pointer;background:var(--muted);border:2px solid #0000;border-radius:6px;width:64px;display:block}.variant-thumb.active{border-color:var(--op-red)}.stat-table{width:100%}.stat-table th{text-align:left;white-space:nowrap;vertical-align:top;color:var(--muted-foreground);padding-right:1rem;font-weight:600}.stat-table td{color:var(--foreground)}.detail-actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin:1rem 0;display:flex}.effect-box{white-space:pre-line;line-height:1.5}.loading,.empty-state{text-align:center;color:var(--muted-foreground);padding:3rem 1rem}.alert-error{border:1px solid var(--danger);background:rgb(from var(--danger) r g b / .12);color:var(--foreground);border-radius:8px;padding:1rem}.spinner{vertical-align:middle;border:2px solid;border-right-color:#0000;border-radius:50%;width:1em;height:1em;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.back-link{margin-bottom:1rem;text-decoration:none;display:inline-block}.filter-link{color:var(--op-red);text-decoration:none}.filter-link:hover{text-decoration:underline}.toolbar button.active{background:var(--op-red);border-color:var(--op-red);color:#fff}.select-bar{border:1px solid var(--border);border-radius:var(--radius-medium);background:var(--faint);flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.6rem .85rem;display:flex}.select-bar span{color:var(--muted-foreground);font-size:.9rem}.card-tile--selectable{cursor:pointer}.card-tile--selected{border-color:var(--op-red);box-shadow:0 0 0 2px var(--op-red)}.select-check{color:#fff;z-index:2;background:#0000008c;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:1.6rem;height:1.6rem;font-size:.95rem;font-weight:700;line-height:1;display:flex;position:absolute;top:.35rem;right:.35rem}.select-check.active{background:var(--op-red);border-color:#fff}.binder-workspace{grid-template-columns:minmax(0,1fr) 250px;align-items:start;gap:1.25rem;display:grid}.binder-main{min-width:0}.binder-nav{justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.binder-nav-label{color:var(--foreground);text-align:center;font-weight:600}.binder-nav-label small{color:var(--muted-foreground);font-weight:400;display:block}.binder-page{gap:.75rem;max-width:900px;margin:0 auto;display:grid}.binder-slot{aspect-ratio:5/7;border:1px solid var(--border);background:var(--muted);border-radius:10px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.binder-slot--empty{border-style:dashed}.binder-slot--filled{cursor:grab}.binder-slot--filled:active{cursor:grabbing}.binder-slot--drag-over{border-color:var(--op-red);box-shadow:0 0 0 2px var(--op-red)}.binder-slot-img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.binder-slot-placeholder{color:var(--muted-foreground);opacity:.5;font-size:1.8rem}.binder-slot-missing{text-align:center;color:var(--muted-foreground);word-break:break-all;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;font-size:.75rem;display:flex}.binder-slot-remove{color:#fff;cursor:pointer;z-index:2;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:1.7rem;height:1.7rem;padding:0;font-size:.85rem;line-height:1;display:flex;position:absolute;top:.3rem;right:.3rem}.binder-slot-remove:hover{background:var(--op-red)}.binder-slot-details{z-index:2;opacity:0;pointer-events:none;transition:opacity .1s;position:absolute;bottom:.45rem;left:50%;transform:translate(-50%)}.binder-slot--filled:hover .binder-slot-details,.binder-slot--filled:focus-within .binder-slot-details{opacity:1;pointer-events:auto}.binder-queue{border:1px solid var(--border);border-radius:var(--radius-medium);background:var(--card);padding:.75rem;transition:border-color .1s,box-shadow .1s;position:sticky;top:5rem}.binder-queue--drag-over{border-color:var(--op-red);box-shadow:0 0 0 2px var(--op-red)}.binder-queue-header{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex}.binder-queue-header h2{margin:0;font-size:1rem}.binder-queue-header p,.binder-queue-empty{color:var(--muted-foreground);margin:.15rem 0 0;font-size:.78rem;line-height:1.35}.binder-queue-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;max-height:calc(100vh - 10rem);display:grid;overflow-y:auto}.binder-queue-card{aspect-ratio:5/7;border:1px solid var(--border);background:var(--muted);cursor:grab;border-radius:7px;position:relative;overflow:hidden}.binder-queue-card:active{cursor:grabbing}.binder-queue-card img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.binder-queue-card .binder-slot-remove{width:1.45rem;height:1.45rem;font-size:.72rem}.binder-queue-empty{text-align:center;padding:1rem .25rem}@media (width<=900px){.binder-workspace{grid-template-columns:1fr}.binder-queue{order:2;position:static}.binder-queue-list{grid-template-columns:none;grid-auto-columns:105px;grid-auto-flow:column;max-height:none;padding-bottom:.25rem;display:grid;overflow:auto hidden}}.binder-preset-row{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.binder-preset-row button.active{background:var(--op-red);border-color:var(--op-red);color:#fff}.binder-size-inputs{align-items:flex-end;gap:.75rem;margin-bottom:1rem;display:flex}.binder-size-inputs label{color:var(--muted-foreground);flex-direction:column;gap:.25rem;font-size:.85rem;display:flex}.binder-size-inputs input{width:5rem;margin:0}.binder-size-inputs span{padding-bottom:.5rem}
