:root{--pc-primary:var(--main-primary);--pc-primary-rgb:99, 102, 241;--pc-text:#1e293b;--pc-text-muted:#64748b;--pc-bg:#fff;--pc-bg-secondary:#f8fafc;--pc-border:#e2e8f0;--pc-shadow:0 1px 3px #00000014;--pc-shadow-md:0 4px 12px #00000014;--pc-radius:var(--main-radius,.5rem);--pc-radius-lg:var(--main-radius-lg,.75rem);--pc-tone1:#6366f1;--pc-tone2:#10b981;--pc-tone3:#f59e0b;--pc-tone4:#ef4444;--pc-tone5:#94a3b8}._pc-container{gap:var(--main-space-4,1rem);flex-direction:column;max-width:900px;margin:0 auto;display:flex}@media (max-width:768px){._pc-container{gap:var(--main-space-3,.75rem);padding-left:1rem;padding-right:1rem}}@media (max-width:480px){._pc-container{padding-left:.75rem;padding-right:.75rem}}._pc-format-toggle{background:var(--pc-bg);border-radius:var(--pc-radius-lg);box-shadow:var(--pc-shadow);border-style:solid;border-width:1px;border-color:var(--pc-border);width:-moz-fit-content;width:fit-content;margin:0 auto;padding:4px;display:flex}._pc-format-btn{color:var(--pc-text-muted);border-radius:var(--pc-radius);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:500;display:flex}._pc-format-btn:hover{color:var(--pc-text)}._pc-format-btn--active{background:var(--pc-primary);color:#fff;box-shadow:0 2px 6px rgba(var(--pc-primary-rgb), .3)}._pc-format-btn--active:hover{color:#fff}._pc-format-example{opacity:.7;font-size:.75rem;font-family:var(--main-font-mono)}._pc-format-btn--active ._pc-format-example{opacity:.85}._pc-converter{gap:var(--main-space-3,.75rem);grid-template-columns:1fr 1fr;align-items:stretch;display:grid}._pc-panel{background:var(--pc-bg);border-radius:var(--pc-radius-lg);box-shadow:var(--pc-shadow);border-style:solid;border-width:1px;border-color:var(--pc-border);flex-direction:column;min-height:200px;display:flex}._pc-panel-header{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--pc-border);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}._pc-panel-label{color:var(--pc-text);text-transform:uppercase;letter-spacing:.03em;font-size:.8125rem;font-weight:600}._pc-panel-actions{gap:.25rem;display:flex}._pc-btn-icon{width:30px;height:30px;color:var(--pc-text-muted);border-radius:var(--pc-radius);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}._pc-btn-icon:hover{color:var(--pc-primary);background:rgba(var(--pc-primary-rgb), .08)}._pc-btn-icon svg{width:14px;height:14px}._pc-textarea{color:var(--pc-text);resize:none;background:0 0;border:none;outline:none;flex:1;min-height:160px;padding:1rem;font-family:inherit;font-size:1.125rem;line-height:1.8}._pc-textarea::placeholder{color:var(--pc-text-muted);opacity:.7}._pc-panel-footer{border-top-style:solid;border-top-width:1px;border-top-color:var(--pc-border);justify-content:flex-end;align-items:center;padding:.5rem 1rem;display:flex}._pc-char-count{color:var(--pc-text-muted);font-size:.75rem;font-family:var(--main-font-mono)}._pc-output{color:var(--pc-text);-webkit-overflow-scrolling:touch;word-break:break-word;flex:1;min-height:160px;padding:1rem;font-size:1.125rem;line-height:1.8;overflow-y:auto}._pc-output-placeholder{color:var(--pc-text-muted);opacity:.7;font-size:1rem}@media (max-width:640px){._pc-converter{grid-template-columns:1fr}._pc-panel{min-height:150px}._pc-format-toggle{width:100%}._pc-format-btn{flex:1;justify-content:center;min-height:44px;padding:.625rem .5rem;font-size:.8125rem}._pc-format-example{font-size:.6875rem}._pc-btn-icon{width:36px;height:36px}._pc-textarea,._pc-output{min-height:140px;padding:.875rem;font-size:1rem}}@media (max-width:380px){._pc-format-btn{flex-wrap:wrap;gap:.25rem;padding:.5rem .375rem}._pc-panel-header{padding:.625rem .75rem}._pc-panel-footer{padding:.5rem .75rem}}._pc-alignment{background:var(--pc-bg);border-radius:var(--pc-radius-lg);box-shadow:var(--pc-shadow);border-style:solid;border-width:1px;border-color:var(--pc-border);flex-wrap:wrap;justify-content:center;gap:.25rem;min-height:60px;padding:1.25rem;display:none}._pc-alignment--visible{display:flex}._pc-align-item{flex-direction:column;align-items:center;gap:.125rem;padding:.375rem .25rem;display:flex}._pc-align-pinyin{color:var(--pc-primary);white-space:nowrap;min-height:1.125rem;font-size:.75rem;font-weight:500;line-height:1.125rem}._pc-align-char{color:var(--pc-text);font-size:1.25rem;line-height:1.4}._pc-align-space{width:.75rem}._pc-align-break{flex-basis:100%;height:.5rem}._pc-align-more{color:var(--pc-text-muted);font-size:.875rem}._pc-tone1{color:var(--pc-tone1)}._pc-tone2{color:var(--pc-tone2)}._pc-tone3{color:var(--pc-tone3)}._pc-tone4{color:var(--pc-tone4)}._pc-tone5{color:var(--pc-tone5)}@media (max-width:640px){._pc-alignment{gap:.125rem;padding:1rem}._pc-align-char{font-size:1.125rem}._pc-align-pinyin{font-size:.6875rem}._pc-align-item{padding:.25rem .125rem}}@media (max-width:380px){._pc-alignment{padding:.75rem}._pc-align-space{width:.5rem}}._pc-reference{background:var(--pc-bg);border-radius:var(--pc-radius-lg);box-shadow:var(--pc-shadow);border-style:solid;border-width:1px;border-color:var(--pc-border);padding:1.25rem}._pc-reference-title{color:var(--pc-text);align-items:center;gap:.5rem;margin:0 0 1rem;font-size:.875rem;font-weight:600;display:flex}._pc-reference-title svg{width:14px;height:14px;color:var(--pc-primary)}._pc-ref-grid{grid-template-columns:repeat(5,1fr);gap:.5rem;display:grid}._pc-ref-card{background:var(--pc-bg-secondary);border-radius:var(--pc-radius);text-align:center;border-style:solid;border-width:1px;border-color:var(--pc-border);padding:.75rem}._pc-ref-card:first-child{border-top-width:2px;border-top-color:var(--pc-tone1)}._pc-ref-card:nth-child(2){border-top-width:2px;border-top-color:var(--pc-tone2)}._pc-ref-card:nth-child(3){border-top-width:2px;border-top-color:var(--pc-tone3)}._pc-ref-card:nth-child(4){border-top-width:2px;border-top-color:var(--pc-tone4)}._pc-ref-card:nth-child(5){border-top-width:2px;border-top-color:var(--pc-tone5)}._pc-ref-card-header{justify-content:center;align-items:center;gap:.375rem;margin-bottom:.375rem;display:flex}._pc-ref-tone-name{color:var(--pc-text);font-size:.75rem;font-weight:600}._pc-ref-tone-mark{color:var(--pc-primary);font-size:1rem;font-weight:700}._pc-ref-examples{color:var(--pc-text);font-size:.8125rem;font-weight:500;font-family:var(--main-font-mono);letter-spacing:.02em;margin-bottom:.25rem}._pc-ref-desc{color:var(--pc-text-muted);font-size:.6875rem}@media (max-width:768px){._pc-ref-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){._pc-reference{padding:1rem}._pc-ref-card{padding:.625rem .5rem}}@media (max-width:480px){._pc-ref-grid{grid-template-columns:repeat(2,1fr);gap:.375rem}._pc-ref-card:nth-child(5){grid-column:span 2}}