:root{--wc-card:var(--surface,#fff);--wc-bg:var(--bg);--wc-border:#00000014;--wc-shadow:0 8px 24px #0f172a0f;--wc-input-bg:var(--bg);--wc-chip-bg:#0f172a0a;--wc-chip-active:var(--accent);--wc-divider:#0f172a1f}[data-theme=dark]{--wc-card:#0f172ae6;--wc-bg:#0b1220;--wc-border:#ffffff1f;--wc-shadow:0 10px 30px #00000073;--wc-input-bg:#1e293bd9;--wc-chip-bg:#ffffff14;--wc-chip-active:var(--accent);--wc-divider:#ffffff29}.wc-page,.wc-page *{box-sizing:border-box}.wc-page{max-width:1440px;color:var(--text);margin:0 auto;padding:32px clamp(16px,4vw,48px) 56px;animation:.25s ease-out wcFadeIn}@keyframes wcFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.wc-seo-block{text-align:center;margin-bottom:28px}.wc-page-title{letter-spacing:-.4px;margin-bottom:6px;font-size:32px;font-weight:800}.wc-page-desc{color:var(--muted);max-width:720px;margin:0 auto;font-size:15px;line-height:1.6}.wc-layout{background:var(--wc-card);box-shadow:var(--wc-shadow);box-shadow:var(--shadow-sm);border-radius:22px;gap:32px;padding:clamp(20px,3vw,40px);display:grid}@media (min-width:1024px){.wc-layout{grid-template-columns:1.25fr .75fr;align-items:start}}.wc-editor{width:100%}.wc-textarea{resize:vertical;border:1px solid var(--border);width:100%;min-height:clamp(320px,50vh,520px);color:var(--text);background:var(--wc-input-bg);border-color:var(--wc-border);border-radius:16px;outline:none;padding:18px 20px;font-size:16px;line-height:1.8;transition:border .15s,box-shadow .15s}.wc-textarea::placeholder{color:var(--muted)}.wc-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #38bdf82e}.wc-panel{flex-direction:column;gap:20px;display:flex}.wc-stats-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.wc-stat{background:var(--bg);border:1px solid var(--border);text-align:center;border-radius:16px;padding:18px 16px}.wc-stat-value{font-size:26px;font-weight:800;line-height:1.1}.wc-stat-label{color:var(--muted);margin-top:4px;font-size:13px}.wc-extra-info{background:var(--bg);border:1px solid var(--border);color:var(--muted);border-radius:14px;flex-direction:column;gap:6px;padding:14px 16px;font-size:13px;display:flex}.wc-limits{background:var(--bg);border:1px solid var(--border);border-radius:16px;padding:16px}.wc-section-title{color:var(--text);margin-bottom:10px;font-size:13px;font-weight:700}.wc-limit-buttons{flex-wrap:wrap;gap:8px;display:flex}.wc-limit-btn{border:1px solid var(--border);background:var(--wc-chip-bg);border-color:var(--wc-border);color:var(--text);cursor:pointer;border-radius:999px;padding:7px 14px;font-size:13px}.wc-limit-btn.active{background:var(--accent);color:#fff;background:var(--wc-chip-active)}.wc-limit-progress{color:var(--muted);margin-top:10px;font-size:13px}.wc-keyword-wrap{background:var(--bg);border:1px solid var(--border);border-radius:16px;padding:16px}.wc-keyword{border:1px solid var(--border);background:var(--card);border-radius:12px;width:100%;padding:10px 14px;font-size:14px}.wc-keyword-info{color:var(--muted);margin-top:8px;font-size:13px}.wc-tools{background:var(--bg);border:1px solid var(--border);border-radius:16px;flex-wrap:wrap;gap:10px;padding:14px;display:flex}.wc-tools button{border:1px solid var(--border);background:var(--wc-chip-bg);border-color:var(--wc-border);color:var(--text);cursor:pointer;border-radius:10px;padding:8px 14px;font-size:13px}.wc-tools button:hover{background:var(--accent);color:#fff}.wc-actions{border-top:1px dashed var(--wc-divider);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:36px;padding-top:20px;display:flex}.wc-actions button{cursor:pointer;border:none;border-radius:12px;padding:10px 18px;font-size:14px;font-weight:600}.wc-actions button:first-child{background:var(--accent);color:#fff;box-shadow:0 6px 18px #38bdf840}.wc-actions button:not(:first-child){background:var(--bg);color:var(--text);border:1px solid var(--border)}.wc-actions button:not(:first-child):hover{background:var(--accent);color:#fff}.wc-focus .wc-panel{display:none}.wc-privacy-note{border-top:1px dashed var(--wc-divider);color:var(--muted);text-align:center;margin-top:36px;padding-top:14px;font-size:13px}@media (max-width:768px){.wc-page{padding:16px 12px 24px}.wc-seo-block{margin-bottom:12px}.wc-page-title{margin-bottom:4px;font-size:24px}.wc-page-desc{font-size:13px;line-height:1.45}.wc-layout{grid-template-columns:1fr;gap:16px;padding:14px}.wc-textarea{min-height:200px;padding:14px;font-size:14.5px}.wc-panel{gap:12px}.wc-stats-grid{gap:10px}.wc-stat{padding:12px 10px}.wc-stat-value{font-size:20px}.wc-extra-info,.wc-limits,.wc-keyword-wrap,.wc-tools{padding:12px}.wc-stat,.wc-extra-info,.wc-limits,.wc-keyword-wrap,.wc-tools{background:var(--wc-bg);border-color:var(--wc-border)}.wc-limit-buttons{gap:6px}.wc-limit-btn{padding:6px 10px;font-size:12px}.wc-tools{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.wc-tools button{padding:8px;font-size:12px}.wc-actions{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:20px;padding-top:12px;display:grid}.wc-actions button{min-width:unset;padding:10px;font-size:13px}.wc-actions button:first-child{grid-column:1/-1}.wc-privacy-note{margin-top:18px;padding-top:10px;font-size:12px}}.wc-paste-btn{border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;border-radius:999px;align-self:flex-start;margin-bottom:12px;padding:8px 14px;font-size:13px;font-weight:600;transition:background .15s,box-shadow .15s}.wc-paste-btn:hover{background:var(--accent);color:#fff;box-shadow:0 4px 14px #38bdf840}.wc-readability-hint{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.4}.wc-progress-bar{background:var(--wc-divider);border-radius:999px;height:8px;margin-top:8px;overflow:hidden}.wc-progress-fill{background:linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 70%, transparent));height:100%;transition:width .2s}@media (min-width:1024px){.wc-panel{position:sticky;top:24px}}.wc-actions button{min-width:140px}.wc-tools button:last-child{border-style:dashed}.wc-limit-btn,.wc-tools button,.wc-actions button,.wc-paste-btn{min-height:36px}.wc-tools button:focus-visible,.wc-actions button:focus-visible,.wc-limit-btn:focus-visible,.wc-paste-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #38bdf84d}
