:root{color-scheme:light;--bg: #f7faf9;--panel: #ffffff;--panel-subtle: #eef6f3;--text: #17201d;--muted: #5b6763;--border: #cddbd6;--accent: #0f766e;--accent-strong: #115e59;--warning: #b45309;--danger: #b91c1c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.dark{color-scheme:dark;--bg: #111816;--panel: #18221f;--panel-subtle: #20302b;--text: #eef7f3;--muted: #a9b8b3;--border: #31433d;--accent: #5eead4;--accent-strong: #99f6e4;--warning: #fbbf24;--danger: #fca5a5}body{background:var(--bg);color:var(--text);margin:0;overflow-x:hidden}a{color:inherit}button,input,select,textarea{font:inherit}.visually-hidden{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.skip-link{background:var(--accent);border-radius:0 0 6px;color:#fff;left:0;padding:.6rem .85rem;position:fixed;top:0;transform:translateY(-120%);z-index:20}.skip-link:focus{transform:translateY(0)}.site-header{align-items:center;border-bottom:1px solid var(--border);display:grid;gap:1rem;grid-template-columns:auto 1fr auto;margin:0 auto;max-width:1120px;padding:1rem}.brand{color:var(--accent-strong);font-weight:800;text-decoration:none}.primary-nav,.header-controls{display:flex;flex-wrap:wrap;gap:.5rem}.primary-nav{justify-content:flex-start}.primary-nav a{border:1px solid transparent;border-radius:6px;color:var(--muted);padding:.35rem .5rem;text-decoration:none}.primary-nav a[aria-current=page]{border-color:var(--border);color:var(--text)}.header-controls{align-items:center;justify-content:flex-end}.language-picker{align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:6px;display:inline-flex;gap:.35rem;min-height:2.5rem;padding:0 .45rem}.language-picker img{border:1px solid var(--border);border-radius:2px;flex:0 0 auto}.language-picker select{appearance:none;background:transparent;border:0;color:var(--text);cursor:pointer;max-width:9rem;min-height:2.25rem}.icon-button,button{background:var(--accent);border:0;border-radius:6px;color:#fff;cursor:pointer;min-height:2.5rem;padding:.55rem .8rem}.icon-button{min-width:2.5rem;padding:0}.secondary-button{background:var(--panel-subtle);border:1px solid var(--border);color:var(--text)}main{margin:0 auto;max-width:1120px;padding:1.5rem 1rem 3rem}.language-suggestion{background:transparent;color:var(--text);padding:.75rem 1rem 0;text-align:center}.language-suggestion-panel{align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:0 10px 30px color-mix(in srgb,var(--text) 10%,transparent);display:inline-flex;gap:.75rem;max-width:100%;padding:.45rem .55rem .45rem .8rem}.language-suggestion a,.workspace-card a,.secondary-link{color:var(--accent-strong);font-weight:700;text-decoration:none}.language-suggestion-dismiss{background:var(--panel-subtle);border:1px solid var(--border);color:var(--muted);min-height:2rem;padding:.3rem .55rem}.tool-panel{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:1.25rem}.hero-panel{margin-bottom:1rem}.home-page{display:grid;gap:1.5rem}.home-hero{align-items:center;display:grid;gap:1.25rem;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);min-height:24rem}.home-hero-copy{display:grid;gap:.85rem}.hero-kicker{color:var(--accent-strong);font-weight:800;margin:0}.hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.button-link{background:var(--accent);border-radius:6px;color:#fff;font-weight:800;min-height:2.5rem;padding:.65rem .9rem;text-decoration:none}.hero-terminal{background:#111827;border:1px solid #334155;border-radius:8px;color:#d1fae5;display:grid;gap:.75rem;padding:1rem}.hero-terminal p{display:grid;gap:.4rem;margin:0}.hero-terminal span{color:#93c5fd;font-size:.8rem;text-transform:uppercase}.hero-terminal code{background:#1f2937;border-radius:6px;overflow-wrap:anywhere;padding:.65rem}.workspace-section,.trust-section,.faq-section{display:grid;gap:.9rem}.workspace-grid,.trust-grid{display:grid;gap:.85rem;grid-template-columns:repeat(3,minmax(0,1fr))}.workspace-card,.trust-grid article{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:1rem}.workspace-card p,.trust-section p,.trust-grid p,.faq-section p{color:var(--muted);line-height:1.65}h1,h2{line-height:1.2;margin:0 0 .75rem}h1{font-size:2rem}h2{font-size:1.25rem}.lead,.content-guide p,.file-tool p,.legal-page p,.site-footer{color:var(--muted);line-height:1.65}.text-tool{display:grid;gap:.75rem;grid-template-columns:1fr 1fr;margin-top:1.25rem}.text-tool label{font-weight:700}.field{display:grid;gap:.5rem}.text-tool textarea{min-height:14rem}textarea,input[type=search],input[type=text]{background:var(--bg);border:1px solid var(--border);border-radius:6px;box-sizing:border-box;color:var(--text);padding:.75rem;width:100%}textarea:focus,input[type=search]:focus,input[type=text]:focus,select:focus,button:focus,a:focus{outline:3px solid color-mix(in srgb,var(--accent) 35%,transparent);outline-offset:2px}.copy-hint{background:var(--panel-subtle);border:1px solid var(--border);border-radius:6px;color:var(--muted);line-height:1.5;margin:1rem 0 0;padding:.6rem .75rem}.tool-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin:1rem 0}.tool-actions label{align-items:center;background:var(--panel-subtle);border:1px solid var(--border);border-radius:6px;display:inline-flex;gap:.4rem;min-height:2.25rem;padding:0 .65rem}#text-status,#file-status,#history-status{color:var(--warning);min-height:1.5rem}.share-panel{display:grid;gap:.4rem;margin:.75rem 0}.share-panel label,.history-panel label{font-weight:700}.history-panel{display:grid;gap:.75rem}.panel-heading{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between}.panel-heading h2{margin:0}.history-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.history-list{display:grid;gap:.55rem;list-style:none;margin:0;padding:0}.history-item,.history-empty{background:var(--panel-subtle);border:1px solid var(--border);border-radius:6px;padding:.7rem}.history-item{align-items:center;display:grid;gap:.5rem;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr) auto auto}.history-summary,.history-meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-meta{color:var(--muted);font-size:.9rem}.file-tool{display:grid;gap:.75rem}.file-tool input[type=file]{border:1px dashed var(--border);border-radius:6px;box-sizing:border-box;padding:.75rem;width:100%}.file-tool textarea{min-height:7rem}.content-guide{display:grid;gap:1rem;margin-top:1.5rem}.blog-page{display:grid;gap:1.25rem}.blog-hero,.blog-article{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:1.25rem}.blog-list{display:grid;gap:.85rem;grid-template-columns:repeat(3,minmax(0,1fr))}.blog-card{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:1rem}.blog-card a{color:var(--accent-strong);text-decoration:none}.blog-card p,.blog-article p{color:var(--muted);line-height:1.65}.blog-article section{border-top:1px solid var(--border);margin-top:1rem;padding-top:1rem}.blog-back{margin-top:0}.accessibility-mode{--accent: #064e3b;--accent-strong: #022c22;--border: #334155}.dark.accessibility-mode{--accent: #99f6e4;--accent-strong: #ccfbf1;--border: #cbd5e1}.accessibility-mode textarea:focus,.accessibility-mode input:focus,.accessibility-mode select:focus,.accessibility-mode button:focus,.accessibility-mode a:focus{outline:4px solid var(--warning);outline-offset:3px}.content-guide section{border-top:1px solid var(--border);padding-top:1rem}.site-footer{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;border-top:1px solid var(--border);margin:0 auto;max-width:1120px;padding:1rem}.site-footer p{margin:0}.site-footer nav{display:flex;gap:.75rem}@media(max-width:760px){.site-header,.home-hero,.workspace-grid,.trust-grid,.text-tool,.history-item,.blog-list{grid-template-columns:1fr}.header-controls{justify-content:flex-start}h1{font-size:1.6rem}.tool-actions,.panel-heading,.hero-actions{align-items:stretch}.tool-actions>*,.panel-heading>*,.header-controls>*{max-width:100%}.language-picker select{max-width:7.5rem}}
