:root{--pp-font:"Pretendard Variable", Pretendard, "Noto Sans KR", system-ui, sans-serif;--pp-bg:#ffffff;--pp-bg-sub:#f3f4f6;--pp-board:#e4e6ea;--pp-line:#d9dce1;--pp-text:#1f2328;--pp-text-sub:#5f6670;--pp-accent:#2f6bff;--pp-guide:#ff3d7f;--pp-surface:#ffffff;--pp-hover:#eef1f5;--pp-accent-soft:#e8efff;--pp-danger:#c92a2a;--pp-ok:#2b8a3e;--pp-warn-bg:#fff8e1;--pp-warn-text:#8a6100;--pp-warn-line:#f0c36d;--pp-tip-bg:#1f2328;--pp-shadow:0 6px 24px rgba(0,0,0,.14);--pp-paper:#ffffff;--pp-radius:4px;--pp-titlebar-h:36px;--pp-ribbon-h:112px;--pp-status-h:26px;--pp-left-w:240px;--pp-right-w:272px;font-size:13px}:root[data-theme=dark]{color-scheme:dark;--pp-bg:#232428;--pp-bg-sub:#1b1c1f;--pp-board:#121315;--pp-line:#3a3d44;--pp-text:#e6e8eb;--pp-text-sub:#a2a8b1;--pp-accent:#5b8cff;--pp-guide:#ff5c93;--pp-surface:#2c2e33;--pp-hover:#353840;--pp-accent-soft:rgba(91,140,255,.2);--pp-danger:#ff6b6b;--pp-ok:#51cf66;--pp-warn-bg:#3a3112;--pp-warn-text:#ffd479;--pp-warn-line:#6b5a1e;--pp-tip-bg:#45484f;--pp-shadow:0 8px 28px rgba(0,0,0,.5)}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--pp-font);color:var(--pp-text);background:var(--pp-bg-sub);overflow:hidden;-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:anywhere}button,[role=tab],[role=menuitem],[role=menuitemcheckbox],[role=option],kbd,.pp-nowrap{white-space:nowrap}input,textarea,select{word-break:normal;overflow-wrap:normal}.pp-ellipsis{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-app{height:100%;display:grid;grid-template-columns:var(--pp-left-w) 1fr var(--pp-right-w);grid-template-rows:var(--pp-titlebar-h) var(--pp-ribbon-h) 1fr var(--pp-status-h);grid-template-areas:"title  title  title""ribbon ribbon ribbon""left   stage  right""status status status"}.pp-titlebar{grid-area:title;background:var(--pp-bg-sub);display:flex;align-items:center;padding:0 12px}.pp-ribbon{grid-area:ribbon;background:var(--pp-bg-sub);border-bottom:1px solid var(--pp-line)}.pp-left{grid-area:left;background:var(--pp-bg);border-right:1px solid var(--pp-line);overflow:auto}.pp-stage{grid-area:stage;background:var(--pp-board);position:relative;overflow:hidden}.pp-right{grid-area:right;background:var(--pp-bg);border-left:1px solid var(--pp-line);overflow:auto}.pp-status{grid-area:status;background:var(--pp-bg-sub);border-top:1px solid var(--pp-line);display:flex;align-items:center;gap:16px;padding:0 12px;color:var(--pp-text-sub);font-size:12px}.pp-app.no-right{grid-template-columns:var(--pp-left-w) 1fr 0}.pp-app.no-left{grid-template-columns:0 1fr var(--pp-right-w)}.pp-app.no-left.no-right{grid-template-columns:0 1fr 0}:focus-visible{outline:2px solid var(--pp-accent);outline-offset:1px}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}