:root{--design-page:#101010;--design-frame:#151515;--design-text:#fff;--design-muted:#aaa;--design-line:rgba(255,255,255,.12);--design-line-soft:rgba(255,255,255,.07);--design-gold:var(--gold,#d7b56d);--modal-open-dur:250ms;--modal-close-dur:150ms;--modal-scale:.96;--modal-scale-close:.96;--modal-ease:cubic-bezier(.22,1,.36,1)}
.design-page{background:var(--design-page)}.design-page .wrap{max-width:1120px;padding-inline:24px}.design-library{padding-block:8px 52px}.design-library-head{margin-block-end:30px}.design-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.design-library h1,.design-detail-head h1{margin:0;color:var(--design-text);font:500 28px/34px Inter,system-ui,sans-serif;letter-spacing:-.045em}.design-count,.design-category,.design-rights{display:inline-flex;align-items:center;min-height:28px;padding-inline:10px;border:2px solid var(--design-line);border-radius:999px;color:var(--design-muted);font:500 11px/1 Inter,system-ui,sans-serif;letter-spacing:.03em;text-transform:uppercase}.design-library-head>p{max-width:62ch;margin:9px 0 0;color:var(--design-muted);font:400 16px/1.5 Inter,system-ui,sans-serif}.design-controls{display:grid;gap:14px;margin-block-end:14px}.design-search-label,.design-filters legend{color:var(--design-muted);font:500 12px/1.3 Inter,system-ui,sans-serif}.design-search-row{display:flex;gap:10px;align-items:center}.design-search-row input{min-width:0;flex:1;min-height:44px;padding:10px 14px;border:2px solid var(--design-line);border-radius:999px;background:#111;color:var(--design-text);font:400 16px/1.3 Inter,system-ui,sans-serif}.design-search-row input::placeholder{color:#858585}.design-filters{display:grid;gap:8px;margin:0;padding:0;border:0}.design-filter-list{display:flex;gap:8px;flex-wrap:wrap}.design-pill,.design-filter,.design-clear,.design-close{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 13px;border:2px solid var(--design-line);border-radius:999px;background:transparent;color:var(--design-text);font:500 13px/1.2 Inter,system-ui,sans-serif;text-decoration:none;cursor:pointer;transition:background-color 150ms cubic-bezier(.2,0,0,1),border-color 150ms cubic-bezier(.2,0,0,1),color 150ms cubic-bezier(.2,0,0,1),transform 150ms cubic-bezier(.2,0,0,1)}.design-filter[aria-pressed=true]{border-color:var(--design-gold);color:var(--design-gold)}.design-pill-primary{border-color:var(--design-gold);background:var(--design-gold);color:#17130b}.design-pill:disabled{cursor:not-allowed;opacity:.45}.design-results{min-height:24px;margin:0 0 16px;color:var(--design-muted);font:400 13px/1.5 Inter,system-ui,sans-serif}.design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.design-card{min-width:0;padding:8px;border:1px solid var(--design-line);border-radius:24px;background:var(--design-frame);box-shadow:inset 0 0 0 1px var(--design-line-soft)}.design-frame{position:relative;isolation:isolate;display:grid;overflow:hidden;aspect-ratio:16/10;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#0b0b0c;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035)}.design-frame::after{position:absolute;inset:8px;z-index:0;border:1px solid rgba(255,255,255,.055);border-radius:10px;content:"";pointer-events:none}.design-preview-art{display:grid;place-content:center;gap:8px;padding:24px;color:var(--design-text);text-align:center;background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.13),transparent 38%),linear-gradient(145deg,#191919,#0b0b0c)}.design-preview-art span{max-width:20ch;font:500 clamp(16px,2.2vw,22px)/1.05 Inter,system-ui,sans-serif;letter-spacing:-.04em;text-wrap:balance}.design-preview-art b{color:var(--design-muted);font:500 10px/1.2 Inter,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}.design-preview-frame{position:absolute;z-index:1;width:100%;height:100%;border:0;background:#0b0b0c;opacity:0;transition:opacity 150ms cubic-bezier(.2,0,0,1)}.design-preview-frame.is-loaded{opacity:1}.design-frame-publisher{background:#101010}.design-provider-mark{position:absolute;inset:auto 12px 12px;z-index:1;color:#aaa;font:500 10px/1.2 Inter,system-ui,sans-serif;letter-spacing:.1em;text-align:center;text-transform:uppercase}.design-card-body{display:grid;gap:10px;padding:16px 10px 10px}.design-card-topline{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.design-category,.design-rights{min-height:25px;padding-inline:8px;border-width:1px;font-size:10px}.design-rights{border-color:transparent;color:#9a9a9a;background:rgba(255,255,255,.05);text-transform:none;letter-spacing:0}.design-card h2{margin:0;font:500 18px/1.2 Inter,system-ui,sans-serif;letter-spacing:-.03em}.design-card h2 a{color:var(--design-text);text-decoration:none}.design-card p{margin:0;color:var(--design-muted);font:400 16px/1.45 Inter,system-ui,sans-serif;text-wrap:pretty}.design-card-actions{display:flex;gap:8px;flex-wrap:wrap;padding-top:4px}.design-card-actions .design-pill{flex:1}.design-empty{display:grid;justify-items:start;gap:12px;padding:34px 0;color:var(--design-muted)}.design-empty p{margin:0;font:400 16px/1.5 Inter,system-ui,sans-serif}.design-related{display:flex;gap:10px;flex-wrap:wrap;margin-block-start:38px;padding-block-start:22px;border-top:1px solid var(--design-line-soft)}.design-related a,.design-back{color:var(--design-muted);font:500 13px/1.4 Inter,system-ui,sans-serif;text-decoration:none}.design-related a{text-decoration:underline;text-underline-offset:4px}.design-dialog{width:min(820px,calc(100vw - 32px));max-height:min(88vh,900px);margin:auto;padding:0;border:0;background:transparent;color:var(--design-text);overflow:visible}.design-dialog::backdrop{background:rgba(0,0,0,.72)}.t-modal{max-height:88vh;overflow:auto;overscroll-behavior:contain;padding:22px;border:1px solid var(--design-line);border-radius:24px;background:#151515;box-shadow:0 28px 90px rgba(0,0,0,.5),inset 0 0 0 1px var(--design-line-soft);transform-origin:center;transform:scale(var(--modal-scale));opacity:0;pointer-events:none;transition:transform var(--modal-open-dur) var(--modal-ease),opacity var(--modal-open-dur) var(--modal-ease);will-change:transform,opacity}.t-modal.is-open{transform:scale(1);opacity:1;pointer-events:auto}.t-modal.is-closing{transform:scale(var(--modal-scale-close));opacity:0;pointer-events:none;transition-duration:var(--modal-close-dur)}.design-dialog-bar{display:flex;justify-content:flex-end;margin-block-end:14px}.design-close{min-height:40px}.design-content{display:grid;gap:22px}.design-detail-page{max-width:820px;padding-block:8px 48px}.design-back{display:inline-flex;align-items:center;min-height:44px;margin-block-end:18px}.design-back::before{margin-inline-end:8px;content:"←"}.design-detail-head{display:grid;gap:11px}.design-detail-head h1{font-size:clamp(28px,5vw,42px);line-height:1.05}.design-detail-head>p{max-width:62ch;margin:0;color:var(--design-muted);font:400 16px/1.5 Inter,system-ui,sans-serif;text-wrap:pretty}.design-detail-actions{display:flex;gap:9px;flex-wrap:wrap}.design-disclosure{padding-block:16px;border-block:1px solid var(--design-line-soft)}.design-disclosure+ .design-disclosure{border-block-start:0}.design-disclosure summary{cursor:pointer;color:var(--design-text);font:500 15px/1.4 Inter,system-ui,sans-serif}.design-copy-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-block:14px 10px}.design-copy-status{min-height:20px;color:var(--design-muted);font:400 12px/1.4 Inter,system-ui,sans-serif}.design-disclosure pre{max-width:100%;margin:0;padding:14px;overflow:auto;border:1px solid var(--design-line);border-radius:12px;background:#0b0b0c;color:#e5e5e5;font:400 12px/1.55 "Chivo Mono",ui-monospace,monospace;white-space:pre}.design-disclosure code{font:inherit}.design-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.design-facts h2{margin:0 0 9px;color:var(--design-muted);font:500 11px/1.3 Inter,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase}.design-facts ul,.design-facts ol{margin:0;padding-inline-start:19px;color:var(--design-muted);font:400 14px/1.55 Inter,system-ui,sans-serif}.design-facts li+li{margin-block-start:6px}.design-facts p{margin:0;color:var(--design-muted);font:400 14px/1.55 Inter,system-ui,sans-serif}.design-facts a{color:var(--design-text);text-underline-offset:3px}.design-caution{margin-block-start:10px!important;color:#c9bb99!important}
.design-library [hidden],.design-content [hidden],.design-detail-page [hidden]{display:none!important}
.design-content,.design-disclosure{min-width:0}.design-disclosure pre{max-height:22rem;overscroll-behavior:contain}
@media(max-width:599px){.design-pill,.design-filter,.design-clear,.design-close{min-height:44px}}
.design-motion-note{flex-basis:100%;margin:0;color:var(--design-muted);font:400 12px/1.4 Inter,system-ui,sans-serif}.design-detail-preview{display:grid;gap:10px}.design-preview-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.design-page :focus-visible{outline:2px solid var(--design-gold);outline-offset:3px}@media (hover:hover){.design-pill:hover,.design-filter:hover,.design-clear:hover,.design-close:hover{border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.06)}.design-pill-primary:hover{border-color:#ead08f;background:#ead08f}.design-card h2 a:hover{color:var(--design-gold)}}.design-pill:active,.design-filter:active,.design-clear:active,.design-close:active{transform:scale(.96)}
@media (max-width:899px){.design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:599px){.design-page .wrap{padding-inline:16px}.design-library{padding-block-end:36px}.design-grid,.design-facts{grid-template-columns:1fr}.design-card-actions .design-pill{flex:0 1 auto}.design-search-row{align-items:stretch;flex-direction:column}.design-clear{align-self:flex-start}.design-dialog{width:calc(100vw - 24px)}.t-modal{max-height:92vh;padding:16px;border-radius:20px}.design-detail-actions .design-pill{flex:1}.design-filters{gap:9px}}@media (min-width:600px) and (max-width:899px){.design-card-actions .design-pill{font-size:12px;padding-inline:10px}}@media (max-width:360px){.design-filter-list{gap:6px}.design-filter{padding-inline:10px;font-size:12px}}@media (prefers-reduced-motion:reduce){.design-preview-frame,.design-pill,.design-filter,.design-clear,.design-close,.t-modal{transition:none}.design-pill:active,.design-filter:active,.design-clear:active,.design-close:active{transform:none}}
:where(.design-card-image){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;outline:1px solid rgba(255,255,255,.1);outline-offset:-1px}
.design-image-label{position:absolute;inset:auto auto 10px 10px;z-index:2;padding:4px 7px;border-radius:999px;background:rgba(0,0,0,.65);color:#ccc;font:400 10px/1.2 Inter,system-ui,sans-serif;pointer-events:none}