.p2pc{--p2pc-comment:var(--text-secondary);--p2pc-keyword:#c4b5fd;--p2pc-string:#6ee7b7;--p2pc-number:#fdba74;--p2pc-function:#7dd3fc;--p2pc-tag:#f9a8d4;--p2pc-attr:#fcd34d;--p2pc-punct:var(--text-secondary)}[data-theme=light] .p2pc{--p2pc-keyword:#6d28d9;--p2pc-string:#047857;--p2pc-number:#b45309;--p2pc-function:#0369a1;--p2pc-tag:#be185d;--p2pc-attr:#92400e}.p2pc-share{border:1px solid var(--border-card);border-radius:var(--radius-md);background:var(--bg-card);flex-direction:column;gap:.5rem;padding:1rem;display:flex}.p2pc-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.75rem;display:flex}.p2pc-lang{width:220px;max-width:100%}.p2pc-actions{justify-content:flex-end}.p2pc-work{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}@media (width>=1000px){.p2pc-work.has-video{grid-template-columns:minmax(0,1fr) 300px}}.p2pc-editor-col{flex-direction:column;gap:.5rem;min-width:0;display:flex}.p2pc-editor{border:1px solid var(--border-input);border-radius:var(--radius-md);background:var(--bg-input);height:clamp(320px,58vh,640px);font-family:var(--font-mono);align-items:flex-start;font-size:14px;line-height:1.6;display:flex;overflow:auto}.p2pc-editor:focus-within{border-color:var(--border-focus)}.p2pc-editor.is-readonly{opacity:.7}.p2pc-gutter{z-index:1;border-right:1px solid var(--border-input);background:var(--bg-secondary);min-height:100%;color:var(--text-secondary);font:inherit;text-align:right;-webkit-user-select:none;user-select:none;flex-shrink:0;margin:0;padding:14px .6rem 14px .75rem;position:sticky;left:0}.p2pc-code{min-width:calc(100% - 3.5rem);min-height:100%;color:var(--text-primary);flex:1 0 auto;font-family:var(--font-mono)!important;font-size:14px!important;line-height:1.6!important}.p2pc-code .p2pc-pre,.p2pc-code .p2pc-textarea{tab-size:2;white-space:pre!important;overflow-wrap:normal!important;word-break:normal!important;font-family:inherit!important;font-size:inherit!important;line-height:inherit!important}.p2pc-code .p2pc-textarea{caret-color:var(--text-primary);outline:none}.p2pc-code .p2pc-textarea::placeholder{color:var(--text-muted)}.p2pc-code .token.comment,.p2pc-code .token.prolog,.p2pc-code .token.doctype,.p2pc-code .token.cdata{color:var(--p2pc-comment);font-style:italic}.p2pc-code .token.punctuation{color:var(--p2pc-punct)}.p2pc-code .token.keyword,.p2pc-code .token.atrule,.p2pc-code .token.important,.p2pc-code .token.boolean,.p2pc-code .token.constant{color:var(--p2pc-keyword)}.p2pc-code .token.string,.p2pc-code .token.char,.p2pc-code .token.template-string,.p2pc-code .token.attr-value,.p2pc-code .token.regex,.p2pc-code .token.url{color:var(--p2pc-string)}.p2pc-code .token.number,.p2pc-code .token.unit{color:var(--p2pc-number)}.p2pc-code .token.function,.p2pc-code .token.class-name,.p2pc-code .token.builtin{color:var(--p2pc-function)}.p2pc-code .token.tag,.p2pc-code .token.selector,.p2pc-code .token.property,.p2pc-code .token.symbol,.p2pc-code .token.deleted{color:var(--p2pc-tag)}.p2pc-code .token.attr-name,.p2pc-code .token.variable,.p2pc-code .token.operator,.p2pc-code .token.entity{color:var(--p2pc-attr)}.p2pc-code .token.bold{font-weight:700}.p2pc-code .token.italic{font-style:italic}.p2pc-video{flex-direction:column;gap:.6rem;display:flex}.p2pc-video-box{aspect-ratio:4/3;border:1px solid var(--border-card);border-radius:var(--radius-md);background:var(--bg-tertiary);place-items:center;display:grid;position:relative;overflow:hidden}.p2pc-video-box.is-small{aspect-ratio:16/9;width:50%}.p2pc-video-el{object-fit:cover;width:100%;height:100%}.p2pc-video-el.is-mirrored{transform:scaleX(-1)}.p2pc-video-el.is-hidden{display:none}.p2pc-video-empty{color:var(--text-secondary);text-align:center;padding:1rem;font-size:.85rem}.p2pc-output{flex-direction:column;gap:.5rem;display:flex}.p2pc-output-head{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;display:flex}.p2pc-output-title{color:var(--text-primary);font-size:.9rem;font-weight:700}.p2pc-output-body{min-height:120px;max-height:320px}.p2pc-line--warn{color:var(--accent-amber)}.p2pc-line--error{color:var(--accent-red)}[data-theme=light] .p2pc-line--warn{color:#b45309}[data-theme=light] .p2pc-line--error{color:#b91c1c}@media (width<=640px){.p2pc-lang{width:100%}.p2pc-actions{justify-content:flex-start}.p2pc-editor{height:clamp(300px,55vh,520px);font-size:13px}.p2pc-code{font-size:13px!important}}@supports (-webkit-touch-callout:none){.p2pc-editor,.p2pc-code{font-size:16px!important}}