.blog-card-image{display:block;text-decoration:none}.blog-card-image img{width:100%;height:220px;object-fit:cover;filter:grayscale(1)}.blog-controls{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin:28px 0}.blog-controls label{font-size:12px}.blog-controls input,.blog-controls select{display:block;margin-top:8px}.article-cover{width:100%;max-height:520px;object-fit:cover;margin-bottom:36px;filter:grayscale(1)}.blog-prose{overflow-wrap:anywhere}.blog-prose table{display:block;overflow:auto;max-width:100%;border-collapse:collapse}.blog-prose td,.blog-prose th{border:1px solid var(--line);padding:8px}.blog-prose img{height:auto}.editor-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.editor-heading h1{font-size:clamp(44px,7vw,84px);margin:0}.login-panel{max-width:480px}.editor-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:40px;padding-bottom:70px}.editor-layout aside{max-height:80vh;overflow:auto}.editor-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:24px 0}.editor-toolbar p{margin:0 auto 0 0}.editor-layout label,.login-panel label{display:block;margin-bottom:20px;font-size:13px;color:var(--muted)}.editor-layout input:not([type=checkbox]),.editor-layout textarea,.login-panel input{display:block;width:100%;margin-top:8px;border:1px solid #777;background:#111;color:var(--paper);padding:12px;font:inherit;border-radius:0}.editor-layout textarea{font:16px/1.7 Release,Arial,sans-serif;resize:vertical;min-height:360px}.editor-layout h2{font-size:32px}.editor-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.post-choice{display:block;width:100%;text-align:left;background:#0c0c0c;color:var(--paper);border:1px solid var(--line);padding:16px;margin:10px 0}.post-choice:hover{border-color:#aaa}.post-choice strong,.post-choice span{display:block}.post-choice span{font-size:11px;color:var(--muted);margin-top:8px}.checkbox{display:flex!important;gap:8px;align-items:center;margin:0!important}#cover-preview{max-height:260px;margin:24px 0}#article-preview{padding:24px;border:1px solid var(--line);margin:24px 0}#editor-status{margin-top:24px;min-height:1.6em}.error{color:#ffb4ab}button:disabled{opacity:.55;cursor:wait}.editor-save{border-top:1px solid var(--line);padding-top:24px}
@media(max-width:800px){.blog-grid{grid-template-columns:1fr}.blog-nav-row{flex-wrap:wrap}.blog-article{padding:48px 0 70px}.editor-layout{grid-template-columns:1fr}.editor-layout aside{max-height:280px}.editor-fields,.blog-controls{grid-template-columns:1fr}.editor-heading{align-items:start;flex-direction:column}.editor-save .button{width:100%}}
@media(max-width:800px){.blog-about{grid-template-columns:1fr;gap:32px}}

#giphy-picker{border:1px solid var(--line,#ffffff38);padding:1rem;margin:1rem 0}#giphy-picker summary{cursor:pointer;font-weight:600}.giphy-search{display:flex;align-items:end;gap:1rem;margin-top:1rem}.giphy-search label{flex:1;min-width:0}.giphy-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-bottom:1rem}.giphy-result{padding:0;border:1px solid #ffffff38;background:#080808;cursor:pointer;overflow:hidden}.giphy-result img{display:block;width:100%;height:130px;object-fit:cover}.giphy-result:hover,.giphy-result:focus-visible{outline:2px solid #f1f1eb;outline-offset:2px}@media(max-width:600px){.giphy-search{align-items:stretch;flex-direction:column}.giphy-results{grid-template-columns:repeat(2,minmax(0,1fr))}.giphy-result img{height:110px}}
.article-share{margin:40px 0;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.article-share>span{display:block;margin-bottom:16px;font-size:14px}.share-actions{display:flex;flex-wrap:wrap;gap:10px}.share-actions a,.share-actions button{font:inherit;font-size:14px;color:var(--paper);background:transparent;border:1px solid #777;padding:10px 14px;text-decoration:none;cursor:pointer}.share-actions [hidden]{display:none}.share-actions a:hover,.share-actions button:hover{background:#292929}.share-actions :focus-visible{outline:2px solid var(--paper);outline-offset:3px}.share-status{font-size:14px;overflow-wrap:anywhere}.share-status:empty{display:none}.share-status input{display:block;width:100%;padding:10px;margin-top:8px}