.platform-note{text-transform:none;letter-spacing:0;color:var(--text-secondary);opacity:.8;font-weight:500}.platform-frame{border:1px solid var(--border);border-radius:12px;overflow:hidden}.preview-disclaimer,.section-hint{color:var(--text-secondary);margin:-2rem 0 3rem;font-size:.8125rem}.section-hint{margin:-.75rem 0 1.25rem}.x-frame{color:#e7e9ea;background:#000;padding:12px 16px;font-family:TwitterChirp,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.x-post{gap:8px;display:flex}.x-avatar{background:linear-gradient(135deg,#1d9bf0,#7856ff);border-radius:50%;flex-shrink:0;width:40px;height:40px}.x-body{flex:1;min-width:0}.x-meta{color:#71767b;white-space:nowrap;text-overflow:ellipsis;font-size:15px;line-height:20px;overflow:hidden}.x-meta b{color:#e7e9ea;font-weight:700}.x-text{margin:2px 0 12px;font-size:15px;line-height:20px}.x-text span{color:#1d9bf0}.x-card{border:1px solid #2f3336;border-radius:16px;overflow:hidden}.x-large{position:relative}.x-large img,.x-large .img-placeholder{aspect-ratio:1.91;object-fit:cover;width:100%;display:block}.x-overlay{color:#fff;white-space:nowrap;text-overflow:ellipsis;background:#000000c4;border-radius:4px;max-width:calc(100% - 24px);padding:0 4px;font-size:13px;line-height:16px;position:absolute;bottom:12px;left:12px;overflow:hidden}.x-from{color:#71767b;margin-top:4px;font-size:13px;line-height:16px}.x-summary{align-items:stretch;display:flex}.x-summary .x-thumb{aspect-ratio:1;background:#16181c;border-right:1px solid #2f3336;flex-shrink:0;justify-content:center;align-items:center;width:36%;max-width:130px;display:flex}.x-summary .x-thumb img,.x-summary .x-thumb .img-placeholder{object-fit:cover;width:100%;height:100%;display:block}.x-summary-text{flex-direction:column;flex:1;justify-content:center;gap:2px;min-width:0;padding:10px 12px;font-size:15px;line-height:20px;display:flex}.x-summary-text .d{color:#71767b}.x-summary-text .t{color:#e7e9ea;-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.x-summary-text .s{color:#71767b;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.x-summary .x-thumb.icon{color:#71767b;font-size:28px}.imessage-frame{background:#000;flex-direction:column;align-items:flex-end;gap:4px;padding:14px 12px 12px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;display:flex}.im-time{text-align:center;color:#8e8e93;align-self:center;margin-bottom:6px;font-size:11px}.im-time b{font-weight:600}.im-bubble{background:#262628;border-radius:18px;width:78%;max-width:300px;overflow:hidden}.im-bubble img,.im-bubble .img-placeholder{aspect-ratio:1.91;object-fit:cover;width:100%;display:block}.im-caption{padding:8px 12px 9px}.im-title{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:600;line-height:17px;display:-webkit-box;overflow:hidden}.im-domain{color:#8e8e93;margin-top:1px;font-size:12px;line-height:16px}.im-compact{align-items:center;gap:10px;padding:8px 12px;display:flex}.im-compact .im-icon{object-fit:cover;color:#8e8e93;background:#3a3a3c;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.im-delivered{color:#8e8e93;margin-right:6px;font-size:11px}.slack-frame{color:#d1d2d3;background:#1a1d21;padding:12px 16px 14px;font-family:Lato,Slack-Lato,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.sl-msg{gap:8px;display:flex}.sl-avatar{background:linear-gradient(135deg,#e01e5a,#ecb22e);border-radius:6px;flex-shrink:0;width:36px;height:36px}.sl-body{flex:1;min-width:0;font-size:15px;line-height:22px}.sl-name{color:#d1d2d3;font-weight:900}.sl-name small{color:#ababad;margin-left:4px;font-size:12px;font-weight:400}.sl-link{color:#1d9bd1;word-break:break-all}.sl-unfurl{margin-top:6px;display:flex}.sl-bar{background:#35373b;border-radius:8px;flex-shrink:0;width:4px}.sl-content{min-width:0;padding-left:12px}.sl-site{color:#d1d2d3;align-items:center;gap:6px;font-size:15px;font-weight:900;display:flex}.sl-site img{border-radius:3px;width:16px;height:16px}.sl-title{color:#1d9bd1;font-size:15px;font-weight:700;line-height:22px}.sl-desc{color:#d1d2d3;font-size:15px;line-height:22px}.sl-image{aspect-ratio:1.91;object-fit:cover;border:1px solid #ffffff14;border-radius:8px;width:360px;max-width:100%;margin-top:8px;display:block}.img-placeholder{color:#71767b;background:repeating-linear-gradient(45deg,#202327,#202327 10px,#262a2f 10px 20px);justify-content:center;align-items:center;font-size:12px;display:flex}.recs-container{gap:1.5rem;margin-bottom:3rem;display:grid}.recs-list{gap:.625rem;margin:0;padding:0;list-style:none;display:grid}.rec{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;grid-template-columns:auto 1fr;align-items:start;gap:.75rem;padding:.875rem 1rem;display:grid}.rec-badge{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-radius:4px;margin-top:.125rem;padding:.2rem .5rem;font-size:.6875rem;font-weight:700}.rec-badge.high{color:#f87171;background:#f8717124}.rec-badge.medium{color:#fbbf24;background:#fbbf241f}.rec-badge.low{color:#a5b4fc;background:#818cf824}.rec-badge.ok{color:#4ade80;background:#4ade801a}.rec-title{color:var(--text);font-size:.9375rem;font-weight:600}.rec-detail{color:var(--text-secondary);margin-top:.125rem;font-size:.875rem;line-height:1.45}.rec-detail code,.snippet-hint code,.section-hint code{color:var(--text);font-family:Monaco,Menlo,monospace;font-size:.8125rem}.snippet-block{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.snippet-header{justify-content:space-between;align-items:center;display:flex}.snippet-header h3{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.875rem;font-weight:600}.snippet-hint{color:var(--text-secondary);margin:.5rem 0 .75rem;font-size:.8125rem}.copy-btn{min-width:64px;min-height:44px;color:var(--text);border:1px solid var(--border);font:inherit;cursor:pointer;background:0 0;border-radius:8px;padding:.375rem .875rem;font-size:.875rem}.copy-btn:hover{border-color:var(--portfolio-accent)}.snippet-code{background:var(--bg);border:1px solid var(--border);color:var(--text);white-space:pre;border-radius:8px;margin:0;padding:1rem;font-family:Monaco,Menlo,monospace;font-size:.8125rem;line-height:1.6;overflow-x:auto}.recs-container>*,.styles-grid>*,.preview-grid>*,.snippet-block{min-width:0}.rec-detail code{overflow-wrap:anywhere}@media (width<=640px){.platform-frame{border-radius:10px}.x-frame{padding:10px 12px}.x-avatar{width:32px;height:32px}.slack-frame{padding:10px 12px 12px}.sl-avatar{width:32px;height:32px}.im-bubble{width:86%}.rec{grid-template-columns:1fr;gap:.375rem;padding:.75rem .875rem}.rec-badge{justify-self:start}.snippet-block{padding:1rem}.snippet-code{padding:.75rem;font-size:.75rem}.styles-grid{grid-template-columns:1fr}.style-card{padding:1rem}.x-summary .x-thumb{width:34%}.x-summary-text{font-size:14px;line-height:18px}}.styles-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.style-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.style-card.current{border-color:var(--portfolio-accent)}.style-card h3{color:var(--text);flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 .25rem;font-size:.9375rem;font-weight:600;display:flex}.style-tag{text-transform:uppercase;letter-spacing:.05em;color:var(--portfolio-accent);background:#ffb7c524;border-radius:4px;padding:.15rem .45rem;font-size:.6875rem;font-weight:700}.style-card p{color:var(--text-secondary);margin:0 0 .875rem;font-size:.8125rem;line-height:1.45}.style-card p code{color:var(--text);font-family:Monaco,Menlo,monospace;font-size:.75rem}.style-card .platform-frame{padding:12px}.x-textonly{padding:12px;font-size:15px;line-height:20px}.x-textonly .d{color:#71767b;font-size:13px}.x-textonly .t{color:#e7e9ea;font-weight:400}.x-textonly .s{color:#71767b;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tool-page[data-astro-cid-nccsyduc]{padding-block:clamp(2rem,4vw,3rem) 2rem}.tool-header[data-astro-cid-nccsyduc]{margin-bottom:2rem}.back-link[data-astro-cid-nccsyduc]{min-height:44px;color:var(--text-secondary);align-items:center;margin-bottom:1rem;font-size:.9375rem;text-decoration:none;transition:color .2s;display:inline-flex}.back-link[data-astro-cid-nccsyduc]:hover{color:var(--portfolio-accent)}.tool-title[data-astro-cid-nccsyduc]{letter-spacing:-.025em;margin:0 0 .75rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:650}.tool-intro[data-astro-cid-nccsyduc]{color:var(--text-secondary);max-width:65ch;margin:0;font-size:1.0625rem}.previewer-container[data-astro-cid-nccsyduc]{max-width:960px}.input-section[data-astro-cid-nccsyduc]{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;margin-bottom:2rem;padding:2rem}.tab-buttons[data-astro-cid-nccsyduc]{gap:.5rem;margin-bottom:1.5rem;display:flex}.tab-button[data-astro-cid-nccsyduc]{border:1px solid var(--border);min-height:44px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;padding:.5rem 1rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:all .2s}.tab-button[data-astro-cid-nccsyduc]:hover{border-color:var(--portfolio-accent);color:var(--text)}.tab-button[data-astro-cid-nccsyduc].active{background:var(--portfolio-accent);color:var(--portfolio-ink);border-color:var(--portfolio-accent)}.input-group[data-astro-cid-nccsyduc] label[data-astro-cid-nccsyduc]{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.url-input-row[data-astro-cid-nccsyduc]{gap:.5rem;display:flex}.url-input[data-astro-cid-nccsyduc],.html-input[data-astro-cid-nccsyduc]{background:var(--bg);border:1px solid var(--border);min-height:48px;color:var(--text);border-radius:8px;flex:1;padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:border-color .2s}.html-input[data-astro-cid-nccsyduc]{resize:vertical;font-family:Monaco,Menlo,monospace;font-size:.875rem}.url-input[data-astro-cid-nccsyduc]:focus,.html-input[data-astro-cid-nccsyduc]:focus{border-color:var(--portfolio-accent);outline:none;box-shadow:0 0 0 3px #ffb7c51a}.fetch-btn[data-astro-cid-nccsyduc]{background:var(--portfolio-accent);min-height:48px;color:var(--portfolio-ink);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:.75rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:600;transition:background .2s}.fetch-btn[data-astro-cid-nccsyduc]:hover{background:var(--portfolio-accent-hover)}.fetch-btn[data-astro-cid-nccsyduc]:disabled{opacity:.5;cursor:not-allowed}.input-hint[data-astro-cid-nccsyduc]{color:var(--text-secondary);margin:.5rem 0 0;font-size:.8125rem}.loading[data-astro-cid-nccsyduc]{background:var(--bg);border:1px solid var(--border);border-radius:8px;align-items:center;gap:1rem;margin-top:1rem;padding:1rem;display:flex}.spinner[data-astro-cid-nccsyduc]{border:3px solid var(--border);border-top-color:var(--portfolio-accent);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-message[data-astro-cid-nccsyduc]{color:#f87171;background:#f871711a;border:1px solid #f871714d;border-radius:8px;margin-top:1rem;padding:1rem}.warnings-section[data-astro-cid-nccsyduc]{margin-bottom:2rem}.warning{color:#fbbf24;background:#fbbf241a;border:1px solid #fbbf244d;border-radius:8px;margin-bottom:.5rem;padding:1rem;font-size:.9375rem}.results-section[data-astro-cid-nccsyduc] h2[data-astro-cid-nccsyduc]{color:var(--text);margin:0 0 1.5rem;font-size:1.25rem;font-weight:600}.preview-grid[data-astro-cid-nccsyduc]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.preview-card[data-astro-cid-nccsyduc]{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.preview-card[data-astro-cid-nccsyduc] h3[data-astro-cid-nccsyduc]{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem;font-size:.875rem;font-weight:600}.meta-table-container[data-astro-cid-nccsyduc]{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;overflow-x:auto}.meta-table[data-astro-cid-nccsyduc]{border-collapse:collapse;width:100%}.meta-table[data-astro-cid-nccsyduc] th,.meta-table[data-astro-cid-nccsyduc] td{text-align:left;border-bottom:1px solid var(--border);padding:.75rem 1rem}.meta-table[data-astro-cid-nccsyduc] th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;background:var(--bg);font-size:.875rem;font-weight:600}.meta-table[data-astro-cid-nccsyduc] td{color:var(--text);font-size:.9375rem}.meta-table[data-astro-cid-nccsyduc] tr:last-child td{border-bottom:none}.meta-value{word-break:break-word;font-family:Monaco,Menlo,monospace;font-size:.875rem}.meta-status{text-transform:uppercase;border-radius:4px;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.meta-status.present{color:#4ade80;background:#4ade801a}.meta-status.missing{color:#fbbf24;background:#fbbf241a}@media (width<=640px){.input-section[data-astro-cid-nccsyduc]{padding:1.5rem}.url-input-row[data-astro-cid-nccsyduc]{flex-direction:column}.fetch-btn[data-astro-cid-nccsyduc]{width:100%}.preview-grid[data-astro-cid-nccsyduc]{grid-template-columns:1fr;gap:1rem}.preview-card[data-astro-cid-nccsyduc]{padding:1rem}.tab-buttons[data-astro-cid-nccsyduc]{grid-template-columns:1fr 1fr;display:grid}.preview-disclaimer[data-astro-cid-nccsyduc]{margin:-1.5rem 0 2.5rem}.meta-table-container[data-astro-cid-nccsyduc]{background:0 0;border:none;overflow:visible}.meta-table[data-astro-cid-nccsyduc] thead{display:none}.meta-table[data-astro-cid-nccsyduc],.meta-table[data-astro-cid-nccsyduc] tbody,.meta-table[data-astro-cid-nccsyduc] tr,.meta-table[data-astro-cid-nccsyduc] td{box-sizing:border-box;width:100%;display:block}.meta-table[data-astro-cid-nccsyduc] tr{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;grid-template-columns:1fr auto;gap:.25rem .75rem;margin-bottom:.5rem;padding:.75rem .875rem;display:grid}.meta-table[data-astro-cid-nccsyduc] td{border:none;padding:0}.meta-table[data-astro-cid-nccsyduc] td:nth-child(2){color:var(--text-secondary);grid-area:2/1/auto/-1}.meta-table[data-astro-cid-nccsyduc] td:nth-child(3){grid-area:1/2}}