.header{display:flex;align-items:center;gap:16px;padding:16px 18px;background:var(--penna-c-bg-elevated);border-bottom:1px solid color-mix(in srgb,var(--penna-c-text-3) 22%,transparent)}.back{text-decoration:none;color:var(--penna-c-brand-1);font-size:13px}.back:hover{color:var(--penna-c-brand-2)}.title{font-weight:650;color:var(--penna-c-text-1)}.layout{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:16px 18px 28px;height:calc(100vh - 64px)}.panel{background:var(--penna-c-bg);border:1px solid color-mix(in srgb,var(--penna-c-text-3) 22%,transparent);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;min-height:0}.panel-title{padding:12px 14px;border-bottom:1px solid color-mix(in srgb,var(--penna-c-text-3) 14%,transparent);font-size:13px;color:var(--penna-c-text-2);font-weight:600}.preview{flex:1;min-height:0;padding:14px;overflow:auto}@media(max-width:900px){.layout{grid-template-columns:1fr;height:auto}}.header{display:flex;align-items:center;gap:16px}.theme-btn{margin-left:auto;padding:6px 12px;border:1px solid color-mix(in srgb,var(--penna-c-text-3) 35%,transparent);border-radius:999px;background:var(--penna-c-bg);color:var(--penna-c-text-1);font-size:12px;font-weight:500;cursor:pointer}.theme-btn:hover{border-color:var(--penna-c-brand-2);background:var(--penna-c-bg-elevated)}.textarea{width:100%;flex:1;min-height:0;border:none;padding:14px;outline:none;font-size:13px;resize:none;background:var(--penna-c-bg);color:var(--penna-c-text-1)}.btn{margin:10px 14px 14px;padding:10px 14px;border:none;border-radius:8px;background:var(--penna-c-brand-1);color:var(--penna-c-contrast-light);cursor:pointer}.btn:hover{background:var(--penna-c-brand-2)}.converter-error{margin:0;color:var(--penna-c-danger);font-size:13px}#preview-wrap{flex:1;min-height:0;overflow:auto}