.pop-menu{min-width:200px;padding:var(--sp-2);z-index:var(--z-popover);gap:var(--sp-05);background:var(--bg-elevated);border:var(--stroke) solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-menu);flex-direction:column;display:flex;position:fixed}.pop-menu-label{padding:var(--sp-3) var(--sp-5) var(--sp-2);font-size:var(--text-xs);font-weight:var(--fw-medium);color:var(--text-muted);letter-spacing:.01em}.pop-menu-search{padding:var(--sp-2) var(--sp-3) var(--sp-3);margin-bottom:var(--sp-2);border-bottom:var(--stroke) solid var(--border)}.pop-menu-search input{width:100%;font-size:var(--text-sm);color:var(--text-strong);padding:var(--sp-2) var(--sp-2);background:0 0;border:none;outline:none}.pop-menu-search input::placeholder{color:var(--text-muted)}.pop-menu-item{align-items:center;gap:var(--sp-4);width:100%;min-height:var(--ctl-md);padding:var(--sp-4) var(--sp-5);color:var(--text-mod);cursor:pointer;border-radius:var(--r-sm);text-align:left;font-size:var(--text-md);transition:background var(--dur-fast), color var(--dur-fast);background:0 0;border:none;line-height:16px;display:flex}.pop-menu-item:hover,.pop-menu-item.active{background:var(--hover-strong);color:var(--text-strong)}.pop-menu-item svg{color:var(--text-muted);flex-shrink:0}.pop-menu-item:hover svg,.pop-menu-item.active svg{color:var(--text-mod)}.pop-menu-item:disabled{opacity:.4;cursor:default;pointer-events:none}.pop-menu-item-text{flex:1;min-width:0}.pop-menu-item-label{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-strong)}.pop-menu-item-hint{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--sp-05)}.pop-menu-item-check{color:var(--text-mod);flex-shrink:0;margin-left:auto}.pop-menu-empty{padding:var(--sp-6) var(--sp-5);font-size:var(--text-sm);color:var(--text-muted);text-align:center}.pop-menu-sep{background:var(--border);height:1px;margin:var(--sp-2) var(--sp-1)}.pop-menu-danger,.pop-menu-danger svg{color:var(--red)}.pop-menu-danger:hover{background:color-mix(in srgb, var(--red) 12%, transparent);color:var(--red)}.pop-menu-danger:hover svg{color:var(--red)}.pop-menu-item--pending{cursor:default}.pop-menu-item-cancel{width:var(--ctl-xs);height:var(--ctl-xs);border-radius:var(--r-xs);color:var(--text-muted);opacity:0;transition:opacity var(--dur-instant), background var(--dur-instant), color var(--dur-instant);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pop-menu-item--pending:hover .pop-menu-item-cancel{opacity:1}@media (hover:none){.pop-menu-item-cancel{opacity:1}}.pop-menu-item-cancel:hover{background:var(--hover-strong);color:var(--text-strong)}.po-card{min-width:0;padding:var(--sp-5);min-height:0;overflow-y:overlay;scrollbar-width:thin;scrollbar-color:var(--border) transparent;background:var(--bg-surface);flex-direction:column;flex:1;display:flex;overflow-x:clip}.po-card::-webkit-scrollbar{width:5px}.po-card::-webkit-scrollbar-track{background:0 0}.po-card::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--border) 60%, transparent);border-radius:var(--r-full)}.po-card::-webkit-scrollbar-thumb:hover{background:var(--border-sub)}.po-card-main{flex:1;align-items:flex-start;min-height:0;display:flex}.po-body{z-index:0;gap:var(--sp-5);flex-direction:column;align-self:stretch;width:100%;min-height:0;padding:0;display:flex;position:relative;overflow-x:hidden}.po-search-input{min-width:0;color:var(--text-strong);font-size:var(--text-sm);background:0 0;border:none;outline:none;flex:1;font-family:inherit}.po-search-input::placeholder{color:var(--text-muted)}.po-tool-tooltip{align-items:center;gap:var(--sp-3);box-sizing:border-box;width:max-content;max-width:220px;padding:var(--sp-2) var(--sp-4);background:var(--bg-surface);color:var(--text-strong);font-size:var(--text-xs);font-weight:var(--fw-medium);white-space:nowrap;border:var(--stroke) solid var(--border);border-radius:var(--r-xs);box-shadow:0 4px 12px var(--scrim);opacity:0;pointer-events:none;transition:opacity var(--dur-fast) ease;z-index:var(--z-tooltip);line-height:1.4;display:flex;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.po-tool-tooltip-badge{min-width:15px;height:15px;padding:0 var(--sp-2);border-radius:var(--r-full);background:var(--hover);color:var(--text-strong);font-size:var(--text-2xs);font-weight:var(--fw-semibold);justify-content:center;align-items:center;line-height:1;display:inline-flex}.po-breadcrumb{align-items:center;gap:var(--sp-1);font-size:var(--text-xl);font-weight:var(--fw-medium);min-width:0;display:inline-flex}.po-breadcrumb-link{align-items:center;gap:var(--sp-3);height:var(--ctl-md);padding:0 var(--sp-4);border-radius:var(--r-sm);color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:background var(--dur-fast), color var(--dur-fast);background:0 0;border:none;display:inline-flex}.po-breadcrumb-link:hover{background:var(--hover-strong);color:var(--text-strong)}.po-breadcrumb-back{padding:0 var(--sp-3);color:var(--text-mod)}.po-breadcrumb-sep{color:var(--text-muted);opacity:.45;padding:0 var(--sp-05);-webkit-user-select:none;user-select:none}.po-breadcrumb-current{height:var(--ctl-md);padding:0 var(--sp-4);color:var(--text-strong);white-space:nowrap;text-overflow:ellipsis;align-items:center;max-width:240px;display:inline-flex;overflow:hidden}.po-workspace{flex:1;gap:0;min-height:0;display:flex;position:relative;overflow:hidden}.po-workspace .po-card{flex:1;gap:0;min-width:0;padding:0;overflow:hidden}.po-workspace--focus{z-index:100;background:var(--bg-base);position:fixed;inset:0}.po-workspace--focus .po-card{border:none;border-radius:0}.po-focus-edge{z-index:40;position:fixed}.po-focus-edge--left{width:8px;top:0;bottom:0;left:0}.po-bottom-bar--capture-hide{visibility:hidden}.po-sp-project-header{gap:var(--sp-5);padding:var(--sp-8);border-bottom:var(--stroke) solid var(--border);flex-direction:column;flex-shrink:0;display:flex}.mention-item{align-items:center;gap:var(--sp-4);width:100%;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-sm);font-size:var(--text-md);color:var(--text-mod);cursor:pointer;transition:background var(--dur-fast), color var(--dur-fast);text-align:left;display:flex}.mention-item:hover,.mention-item.active{background:var(--hover-strong);color:var(--text-strong)}@keyframes spin{to{transform:rotate(360deg)}}.po-card-main{gap:var(--sp-5);flex:1;min-height:0;display:flex;overflow:hidden}.po-card-main .po-body{flex:1;min-width:0}.po-top-group{gap:var(--sp-5);flex-direction:column;display:flex}.po-review-layout{border:var(--stroke) solid var(--border);flex:1;gap:0;min-height:0;display:flex;overflow:hidden}.po-review-layout--flat .po-review-live{overflow:visible}.po-review-live{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.po-canvas-empty{justify-content:center;align-items:center;gap:var(--sp-6);padding:var(--sp-20);font-size:var(--text-md);color:var(--text-muted);text-align:center;flex-direction:column;flex:1;display:flex}.po-canvas-empty p{margin:0}.po-localgate{justify-content:center;align-items:center;gap:var(--sp-4);height:100%;min-height:320px;padding:var(--sp-16) var(--sp-12);text-align:center;color:var(--text-muted);flex-direction:column;display:flex}.po-localgate-title{font-size:var(--text-lg);font-weight:var(--fw-medium);color:var(--text-strong);margin:var(--sp-2) 0 0}.po-localgate-desc{font-size:var(--text-sm);color:var(--text-mod);max-width:320px;margin:0;line-height:1.5}.po-localgate-warn{font-size:var(--text-sm);color:var(--text-muted)}.po-localgate-btn{align-items:center;gap:var(--sp-4);margin-top:var(--sp-4);padding:var(--sp-4) var(--sp-7);font-size:var(--text-md);color:var(--text-strong);background:var(--bg-elevated);border:var(--stroke) solid var(--border-strong);border-radius:var(--r-md);cursor:pointer;transition:background var(--dur-fast);display:inline-flex}.po-localgate-btn:hover{background:var(--hover-layer), var(--bg-elevated)}.po-localgate-btn:disabled{cursor:default;opacity:.6}.po-localgate-btn--ghost{color:var(--text-mod);background:0 0;border-color:#0000;margin-top:0}.po-localgate-btn--ghost:hover{background:var(--hover);color:var(--text-strong)}.po-bottom-bar{align-items:center;gap:var(--sp-1);padding:var(--sp-2);background:var(--bg-base);border:var(--stroke) solid var(--border);border-radius:var(--r-2xl);z-index:220;pointer-events:auto;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.po-bb-group{align-items:center;gap:var(--sp-05);display:flex}.po-bb-sep{background:var(--hover-strong);width:1px;height:18px;margin:0 var(--sp-3);flex-shrink:0}.po-bb-viewport{position:relative}.po-bb-viewport.open .po-bb-tip{display:none}.po-bb-menu{gap:var(--sp-05);min-width:132px;padding:var(--sp-2);background:var(--bg-base);border:var(--stroke) solid var(--border);border-radius:var(--r-lg);z-index:20;flex-direction:column;display:flex;position:absolute;bottom:calc(100% + 12px);left:50%;translate:-50%}.po-flow-hint{z-index:var(--z-toast);justify-content:center;align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-6);border-radius:var(--r-full);color:var(--text-strong);font-size:var(--text-sm);text-align:center;display:flex}.po-flow-hint-kbd{min-width:18px;height:18px;padding:0 var(--sp-2);border-radius:var(--r-xs);background:var(--press);font-size:var(--text-xs);font-weight:var(--fw-semibold);justify-content:center;align-items:center;display:inline-flex}.po-flow-pop{z-index:var(--z-popover);background:var(--bg-elevated);border-radius:var(--r-xl);width:340px;max-height:min(60vh,420px);box-shadow:var(--shadow-popover);flex-direction:column;display:flex;overflow:hidden}.po-flow-pop-head{padding:var(--sp-5) var(--sp-4) var(--sp-5) var(--sp-7);border-bottom:var(--stroke) solid var(--border);color:var(--text-strong);font-size:var(--text-sm);font-weight:var(--fw-semibold);flex-shrink:0;justify-content:space-between;align-items:center;display:flex;position:relative}.btn.po-flow-pop-play--centered{position:absolute;left:50%;transform:translate(-50%)}.po-flow-pop-head-actions{align-items:center;gap:var(--sp-1);display:flex}.btn.po-flow-pop-close{width:22px;color:var(--text-muted)}.btn.po-flow-pop-play{gap:var(--sp-3);transition:opacity var(--dur-fast), transform var(--fx-fast) var(--fx-ease)}.btn.po-flow-pop-play:active{transform:scale(.94)}.po-flow-pop-body-wrap{flex:1;min-height:0;display:flex;position:relative}.po-flow-pop-body{min-height:0;max-height:210px;padding:var(--sp-4);flex:1;overflow:hidden auto}.po-flow-pop-fade{background:linear-gradient(to bottom, transparent, var(--bg-elevated));border-radius:0 0 var(--r-xl) var(--r-xl);pointer-events:none;height:28px;position:absolute;bottom:0;left:0;right:0}.po-flow-pop .fl-list-foot{padding:var(--sp-4);border-top:var(--stroke) solid var(--border);flex-shrink:0;margin-top:0}.po-bb-menu-item{align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-sm);color:var(--text-mod);font-size:var(--text-sm);cursor:pointer;transition:background var(--dur-fast), color var(--dur-fast);background:0 0;border:none;display:flex}.po-bb-menu-item:hover{background:var(--hover-strong);color:var(--text-strong)}.po-bb-menu-item.active{color:var(--text-strong)}.po-bb-menu-item-label{text-align:left;flex:1}.po-bb-btn{border-radius:var(--r-lg);width:36px;height:36px;color:var(--text-strong);cursor:pointer;transition:background var(--dur-fast), color var(--dur-fast);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.po-bb-btn:hover{background:var(--hover-strong);color:var(--text-strong)}.po-bb-btn:disabled{opacity:.25;cursor:not-allowed}.po-bb-btn:disabled:hover{color:var(--text-strong);background:0 0}.po-bb-btn.active{background:var(--surface-invert);color:var(--text-on-invert)}.po-bb-btn{position:relative}.po-bb-tip{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--bg-elevated);border:var(--stroke) solid var(--border);border-radius:var(--r-sm);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--dur-fast) ease, transform var(--dur-fast) ease;z-index:var(--z-tooltip);display:flex;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px)}.po-bb-btn:not(:disabled):not(.active):hover .po-bb-tip{opacity:1;transform:translate(-50%)translateY(0)}.po-bb-tip-label{font-size:var(--text-xs);font-weight:var(--fw-medium);color:var(--text-strong);line-height:1}.po-bb-tip-kbd{font-size:var(--text-2xs);color:var(--text-muted);background:var(--hover-strong);border:var(--stroke) solid var(--border);border-radius:var(--r-xs);padding:var(--sp-1) var(--sp-3);font-family:inherit;line-height:1}.po-bb-badge{border-radius:var(--r-sm);background:var(--text-muted);min-width:14px;height:14px;color:var(--text-on-color);outline:var(--stroke-heavy) solid var(--border-strong);font-size:var(--text-3xs);font-weight:var(--fw-bold);padding:0 var(--sp-2);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:-1px;right:-4px}.po-workspace .po-card-main{flex:1;align-self:stretch;align-items:stretch;height:100%;min-height:0}.po-workspace .po-body,.po-workspace .po-top-group{flex:1;gap:0;height:100%;min-height:0}.po-workspace .po-review-layout{border:none;border-radius:0;flex:1;height:100%;min-height:0}.po-workspace .po-review-live{flex:1;height:100%;min-height:0}.po-breadcrumb-link.drop-target{background:var(--bg-elevated);color:var(--text-strong);outline:var(--stroke) dashed var(--text-muted);outline-offset:-1px}.icon-picker{flex-direction:column;width:480px;max-width:calc(100vw - 48px);max-height:70vh;display:flex;overflow:hidden}.icon-picker-head{align-items:center;gap:var(--sp-4);padding:var(--sp-5) var(--sp-6);border-bottom:var(--stroke) solid var(--border);color:var(--text-muted);display:flex}.icon-picker-input{color:var(--text-strong);font-size:var(--text-md);background:0 0;border:none;outline:none;flex:1}.icon-picker-input::placeholder{color:var(--text-muted)}.icon-picker-grid{gap:var(--sp-2);padding:var(--sp-5) var(--sp-6);flex:1;grid-template-columns:repeat(auto-fill,minmax(32px,1fr));display:grid;overflow-y:auto}.icon-picker-tile{border-radius:var(--r-sm);width:32px;height:32px;color:var(--text-mod);transition:background var(--dur-instant), color var(--dur-instant);background:0 0;justify-content:center;align-items:center;display:inline-flex}.icon-picker-tile:hover{background:var(--hover-strong);color:var(--text-strong)}.icon-picker-tile.active{background:var(--hover);color:var(--text-strong);box-shadow:inset 0 0 0 1px var(--border-strong)}.icon-picker-empty{padding:var(--sp-16) 0;text-align:center;color:var(--text-muted);font-size:var(--text-md);grid-column:1/-1}.icon-picker-hint{padding:var(--sp-4) var(--sp-6);font-size:var(--text-xs);color:var(--text-muted);border-top:var(--stroke) solid var(--border);text-align:center}.pubp{gap:var(--sp-4);flex-direction:column;min-width:0;display:flex}.pubp-head{justify-content:space-between;align-items:baseline;gap:var(--sp-4);min-width:0;display:flex}.pubp-label{min-width:0;font-size:var(--text-sm);color:var(--text-strong);white-space:nowrap;text-overflow:ellipsis;animation:fx-frost-in var(--fx-base) var(--fx-ease) backwards;overflow:hidden}.pubp-count{font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums;flex:none}.pubp-bar{border-radius:var(--r-full);background:var(--bg-surface);height:4px;position:relative;overflow:hidden}.pubp-bar-fill{transform-origin:0;border-radius:inherit;background:var(--text-strong);transition:transform var(--dur-slower) var(--ease-out);position:absolute;inset:0}.pubp-note{align-items:flex-start;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-radius:var(--r-md);background:var(--bg-surface);border:var(--stroke) solid var(--border-sub);font-size:var(--text-xs);color:var(--text-mod);line-height:1.4;display:flex}.pubp-note svg{color:var(--text-muted);flex:none;margin-top:1px}@media (prefers-reduced-motion:reduce){.pubp-label{animation:none}.pubp-bar-fill{transition:none}}