#resource-library{color:var(--paper);font:inherit;min-width:0}#resource-library .controls{display:flex;align-items:end;flex-wrap:wrap;gap:16px;margin-bottom:28px}#resource-library label{display:grid;gap:8px;min-width:140px;max-width:100%;font-size:12px}#resource-library input,#resource-library select,#resource-library button{font:inherit;font-size:13px;color:var(--paper);background:var(--ink);border:1px solid var(--line);padding:12px 16px}#resource-library input[type=color]{width:70px;height:48px;padding:5px}#resource-library button{cursor:pointer}#resource-library button:hover{border-color:var(--accent)}#resource-library button:focus-visible,#resource-library select:focus-visible,#resource-library input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}#resource-library .palette-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:24px}#resource-library .palette-card{padding:0;overflow:hidden;text-align:left;transition:transform .2s}#resource-library .palette-card:hover{transform:translateY(-4px)}#resource-library .card-info{display:block;padding:18px}#resource-library .card-info strong,#resource-library .card-info small{display:block}#resource-library .card-info small{margin-top:7px;color:var(--muted);font-size:11px}#resource-library .swatches{display:flex;min-height:52px}#resource-library .swatch{display:flex;align-items:end;justify-content:center;flex:1;min-width:0;padding:10px 3px;font-size:10px}#resource-library .mini-site{background:var(--bg);color:var(--fg);padding:24px;min-height:230px}#resource-library .mini-nav{font-size:10px;display:flex;justify-content:space-between;margin-bottom:30px}#resource-library .mini-site h3{font-size:30px;line-height:1.08;letter-spacing:-.03em;margin:0 0 15px}#resource-library .mini-site p{font-size:12px;margin:0 0 18px;color:var(--fg)}#resource-library .mini-button{display:inline-block;background:var(--accent);color:var(--button-text);padding:8px 12px;font-size:11px}#resource-library .mini-rule{height:5px;margin-top:22px;background:var(--secondary);width:65%}#resource-library dialog{max-width:850px;width:calc(100% - 30px);max-height:90vh;border:1px solid var(--line);background:var(--ink);color:var(--paper);padding:30px}#resource-library dialog::backdrop{background:#000a}#resource-library #close-dialog{float:right}#resource-library dialog h2{font-size:34px;margin-bottom:25px}#resource-library #dialog-preview .mini-site{min-height:300px;padding:35px}#resource-library #dialog-preview h3{font-size:48px}#resource-library textarea{display:block;width:100%;min-height:140px;padding:15px;margin-top:20px;color:var(--paper);background:var(--ink);border:1px solid var(--line);font:12px/1.5 monospace}#resource-library #template-section{padding:45px 0 0;margin-top:55px;border-top:1px solid var(--line)}#resource-library #template-section h2{font-size:36px}#resource-library iframe{width:100%;height:620px;border:1px solid var(--line);background:var(--ink)}#resource-library #template-code{height:300px}#resource-library p{color:var(--muted)}#resource-library[data-resource-mode=templates] #template-section{margin-top:0;padding-top:0;border:0}#resource-library #count{font-size:13px;margin:20px 0}@media(max-width:600px){#resource-library .palette-grid{grid-template-columns:1fr}#resource-library .controls label{flex:1}#resource-library dialog{padding:20px}#resource-library #dialog-preview h3{font-size:34px}}@media(prefers-reduced-motion:reduce){#resource-library .palette-card{transition:none}#resource-library .palette-card:hover{transform:none}}
#resource-library [hidden]{display:none!important}