.syn-ptree,.syn-ptree ul{list-style:none;margin:0;padding:0;}.syn-ptree [hidden]{display:none!important;}.syn-ptree-row{display:flex;align-items:center;gap:6px;width:100%;min-height:30px;padding:4px 8px;border:0;border-radius:6px;background:none;color:var(--text);font:inherit;font-size:.82rem;text-align:start;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.syn-ptree-row:hover{background:var(--bg-secondary);}.syn-ptree-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;}.syn-ptree-row.is-selected{background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--text);font-weight:600;}.syn-ptree-caret{width:12px;flex:0 0 12px;color:var(--text-secondary);font-size:.7rem;}.syn-ptree-ico{width:14px;height:14px;flex:0 0 14px;border-radius:3px;background:var(--border);}.syn-ptree-ico.is-dir{background:color-mix(in srgb, var(--accent) 45%, transparent);}.syn-ptree-ico.is-html{background:#e8734a;}.syn-ptree-ico.is-css{background:#4a8fe8;}.syn-ptree-ico.is-js,.syn-ptree-ico.is-mjs,.syn-ptree-ico.is-jsx{background:#e8c94a;}.syn-ptree-ico.is-json{background:#8bc34a;}.syn-ptree-ico.is-svg{background:#c94ae8;}.syn-ptree-meta{margin-inline-start:auto;padding-inline-start:10px;color:var(--text-secondary);font-size:.72rem;font-weight:400;}.cp-files-view{flex:1;min-height:0;display:flex;gap:0;}.cp-files-tree{flex:0 0 34%;max-width:280px;min-width:150px;overflow:auto;padding:8px 6px;border-inline-end:1px solid var(--border);}.cp-files-code{flex:1;min-width:0;overflow:auto;}.cp-files-code pre{margin:0;padding:14px 16px;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:.8rem;line-height:1.55;white-space:pre;}.cp-files-code code{background:none;}@media (max-width:768px){.cp-files-view{flex-direction:column;}.cp-files-tree{flex:0 0 auto;max-width:none;max-height:40%;border-inline-end:0;border-bottom:1px solid var(--border);}}.syn-cp-host{flex:1;min-height:0;display:flex;flex-direction:column;}.syn-cp-host .cp-tab[hidden]{display:none!important;}.cp-preview-note{font-size:.69rem;color:var(--text-secondary);margin-left:auto;}.cp-preview-bar .is-warn{color:var(--danger, #d14b4b);}@media (max-width:520px){.cp-header{padding:0 8px;gap:6px;}.cp-header .cp-lang-badge{display:none;}.cp-tabs .cp-tab{padding:5px 8px;gap:0;}.cp-tabs .cp-tab svg{display:none;}}