@font-face{font-family:Archivo;src:url('/releases/3.0.0/assets/09_Schriften/Archivo.ttf') format('truetype');font-display:swap}
@font-face{font-family:PixelOperator;src:url('/releases/3.0.0/assets/KCAPP/fonts/PixelOperator-Bold.ttf') format('truetype');font-display:swap}
@font-face{font-family:Barlow;src:url('/releases/3.0.0/assets/09_Schriften/BarlowCondensed-SemiBold.ttf') format('truetype');font-display:swap}
:root{--ink:#17364d;--muted:#506674;--blue:#0b6c99;--cream:#f5ebd1;--line:#dce3e7;--paper:#fff;--surface:#f6f8f9;--checker-a:#f8fafb;--checker-b:#edf1f3;--card-image-bg:repeating-conic-gradient(var(--checker-a) 0% 25%,var(--checker-b) 0% 50%) 50%/20px 20px;font-family:Archivo,Arial,sans-serif;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,select,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}[hidden]{display:none!important}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}button,a,select,input{border-radius:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;left:12px;top:-100px;z-index:10;padding:12px;background:var(--ink);color:white}.skip:focus{top:12px}.site-header{position:sticky;top:0;z-index:5;background:var(--cream);border-bottom:1px solid #e8dec7}.header-inner{max-width:1512px;padding:20px 48px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center}.brand img{width:170px;height:auto;max-height:48px;object-fit:contain}.site-header nav{display:flex;gap:28px;font-size:14px}.site-header nav a:hover{text-decoration:underline}main{max-width:1512px;padding:40px 48px 48px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px}.page-heading>div{display:flex;align-items:baseline;gap:24px}h1{font-size:40px;line-height:1.1;letter-spacing:-1.3px;margin:0}h2{font-size:24px;letter-spacing:-.5px;margin:0;font-weight:650}h3{font-size:16px;line-height:1.4;margin:0;font-weight:650}.inventory-count{font-size:14px;color:var(--muted)}.button{display:inline-flex;gap:20px;align-items:center;justify-content:space-between;padding:13px 18px;font-size:14px;white-space:nowrap}.primary{background:var(--blue);color:white}.primary:hover{background:#075477}.catalog-tools{margin-bottom:40px}.search-row{display:flex;gap:12px;align-items:center}.search-field{flex:1}.search-field input{background:var(--surface);width:100%;height:46px;padding:12px 16px;color:var(--ink);border:1px solid var(--line)}input::placeholder{color:var(--muted)}.filter-select select{height:46px;max-width:210px;min-width:154px;background:white;color:var(--ink);border:1px solid var(--line);padding:0 34px 0 12px}.reset-button{height:44px;padding:0 10px;background:none;border:0;color:var(--muted);font-size:13px}.category-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.category-tabs button{border:1px solid var(--line);background:white;color:var(--muted);padding:9px 15px;min-height:40px;font-size:14px}.category-tabs button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white}.category-tabs button:hover{border-color:var(--ink)}.library-options{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px}.library-options p{margin:0;font-size:13px;color:var(--muted)}.preview-controls{margin:0;padding:0;display:flex;gap:4px;border:0}.preview-controls button{font-size:12px;padding:6px 10px;background:none;border:1px solid transparent;color:var(--muted);min-height:32px}.preview-controls button[aria-pressed=true]{border-color:var(--line);background:var(--surface);color:var(--ink)}.catalog-section{margin:0 0 52px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-heading h2{display:flex;gap:12px;align-items:center}.section-heading h2 span{font-size:12px;line-height:20px;min-width:24px;text-align:center;padding:0 5px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:4px}.object-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.object-card{min-width:0;border:1px solid var(--line);border-radius:6px;overflow:hidden;align-self:start;background:white}.object-preview{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:250px;padding:24px;background:var(--card-image-bg);border-radius:0}.object-preview img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.pixel-art img{image-rendering:pixelated}.tall-preview{height:300px;padding:12px}.expand-icon{position:absolute;right:10px;top:8px;font-size:20px;color:#516d7d;opacity:0;line-height:1;pointer-events:none}.object-preview:hover .expand-icon,.object-preview:focus-visible .expand-icon{opacity:1}.object-preview:hover{box-shadow:inset 0 0 0 2px #b6cbd4}.object-info{padding:16px}.object-info h3{min-height:22px}.object-meta{font-size:12px;line-height:1.5;color:var(--muted);margin:6px 0 14px}.object-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.download-link{font-size:13px;color:var(--blue);font-weight:650;display:flex;align-items:center;gap:12px;min-height:32px}.download-link:hover{text-decoration:underline}.copy-link{border:0;background:none;color:var(--muted);font-size:12px;padding:7px 0}.copy-link:hover{color:var(--blue)}.variant-control{display:block;margin-bottom:12px}.variant-select{max-width:100%;width:100%;height:36px;border:1px solid var(--line);padding:0 10px;background:var(--surface);color:var(--ink);font-size:12px}.file-details{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}.file-details summary{font-size:12px;color:var(--muted);cursor:pointer;min-height:24px;line-height:24px}.file-list{list-style:none;padding:0;margin:10px 0 0}.file-list li+li{border-top:1px solid var(--line)}.file-list a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;font-size:12px}.file-list a:hover{color:var(--blue)}.file-list small{color:var(--muted);white-space:nowrap}.font-preview{font-size:64px;line-height:1.1;text-align:center}.font-preview span{display:block;font-size:25px;letter-spacing:2px;margin-top:8px}.pixel-font{font-family:PixelOperator,monospace}.barlow-font{font-family:Barlow,Arial,sans-serif}.archivo-font{font-family:Archivo,Arial,sans-serif}.license-preview{font-family:monospace;font-size:30px;color:var(--muted)}.preview-default-dark{--card-image-bg:#17364d}body[data-preview-background=light]{--card-image-bg:#fff}body[data-preview-background=dark]{--card-image-bg:#17364d}body[data-preview-background=light] .preview-default-dark,body[data-preview-background=dark] .preview-default-dark{background:var(--card-image-bg)}body[data-preview-background=dark] .font-preview,body[data-preview-background=dark] .license-preview{color:white}.colors-section,.packages-section,.agent-links{margin-top:52px}.colors-section h2,.packages-section h2,.agent-links h2{margin-bottom:20px}.swatches{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}.swatch{display:flex;flex-direction:column;align-items:flex-start;gap:8px;border:1px solid var(--line);background:white;padding:10px;color:var(--ink);min-width:0;text-align:left}.swatch>span{width:100%;height:65px;border:1px solid #0000000c;border-radius:2px}.swatch strong{font-size:13px}.swatch code{font-size:12px;color:var(--muted)}.package-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.package{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);padding:17px 16px;min-height:60px;font-size:14px}.package span{font-size:12px;color:var(--muted);white-space:nowrap}.package:hover{border-color:var(--blue);color:var(--blue)}.agent-links>div{display:flex;gap:24px;flex-wrap:wrap;font-size:14px;color:var(--blue)}.agent-links a:hover{text-decoration:underline}footer{max-width:1512px;display:flex;gap:24px;justify-content:flex-end;padding:24px 48px 32px;margin:auto;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}dialog{max-width:min(960px,calc(100vw - 40px));width:960px;max-height:calc(100dvh - 48px);padding:0;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:white;overflow:auto}dialog::backdrop{background:#152d45a8}.dialog-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;background:white;border-bottom:1px solid var(--line);padding:18px 24px}.dialog-header h2{font-size:20px}.dialog-close{font-size:28px;width:40px;height:40px;border:0;background:var(--surface);color:var(--ink)}.dialog-preview{display:flex;justify-content:center;align-items:center;background:var(--card-image-bg);padding:24px;min-height:200px}.dialog-preview img{display:block;max-width:100%;max-height:58dvh;width:auto;height:auto;object-fit:contain}.dialog-preview.pixel-art img{image-rendering:pixelated}.dialog-files{padding:18px 24px}.dialog-files ul{margin:0;list-style:none;padding:0}.dialog-files li+li{border-top:1px solid var(--line)}.dialog-files a{display:flex;justify-content:space-between;gap:20px;padding:14px 0;font-size:14px}.dialog-files small{color:var(--muted)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);padding:12px 18px;color:white;background:var(--ink);border-radius:6px;font-size:14px;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;z-index:20;max-width:calc(100vw - 32px);text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}.error-page{max-width:600px;margin:20vh auto}.error-page a{display:inline-block;margin-top:28px;color:var(--blue)}
@media(min-width:1650px){.object-preview{height:275px}.tall-preview{height:330px}}
@media(max-width:1150px){.object-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.swatches{grid-template-columns:repeat(4,minmax(0,1fr))}.package-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.header-inner,main{padding-left:32px;padding-right:32px}.page-heading>div{gap:16px}.search-row{flex-wrap:wrap}.search-field{flex-basis:100%}}
@media(max-width:780px){.object-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.header-inner,main{padding-left:24px;padding-right:24px}.inventory-count{font-size:12px}.page-heading>div{display:block}.inventory-count{display:block;margin-top:8px}.page-heading{align-items:center}h1{font-size:34px}.package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-tabs button{padding:8px 12px}.object-preview{height:230px}.tall-preview{height:280px}footer{padding:24px}.site-header nav{gap:18px}}
@media(max-width:500px){.header-inner{padding:16px 20px}.brand img{width:142px}.site-header nav{gap:14px;font-size:12px}main{padding:28px 20px 40px}.page-heading{gap:12px;margin-bottom:24px}.button{font-size:12px;padding:12px;gap:10px}.inventory-count{font-size:11px}.search-row{gap:10px}.filter-select{flex:1}.filter-select select{min-width:0;max-width:none;width:100%;font-size:12px;padding-right:18px}.reset-button{height:32px;padding:0 2px;flex-basis:100%;text-align:left}.category-tabs{gap:6px;margin-top:14px}.category-tabs button{font-size:12px;padding:7px 10px;min-height:36px}.object-grid{grid-template-columns:1fr;gap:20px}.object-preview{height:280px}.tall-preview{height:340px}.object-info{padding:18px}.object-info h3{font-size:17px}.object-meta{font-size:13px}.copy-link{font-size:13px}.download-link{font-size:14px}.library-options{margin-top:12px}.library-options p{font-size:12px}.preview-controls button{font-size:11px;padding:6px 8px}.swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.package-grid{grid-template-columns:1fr}.catalog-section{margin-bottom:36px}.section-heading h2{font-size:22px}.dialog-header{padding:12px 16px}.dialog-header h2{font-size:17px}.dialog-preview{padding:16px}.dialog-files{padding:12px 16px}dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}footer{justify-content:flex-start;padding:20px;font-size:11px}.agent-links>div{gap:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.toast{transition:none}}