.ch-pg{z-index:1;flex-direction:column;height:100dvh;display:flex;position:relative;overflow:hidden}.ch-pg-bar{background:color-mix(in oklab, var(--ch-bg) 82%, transparent);-webkit-backdrop-filter:blur(14px)saturate(140%);border-bottom:1px solid var(--ch-line);z-index:5;align-items:center;gap:16px;min-height:56px;padding:10px 16px;display:flex}.ch-pg-bar-left,.ch-pg-bar-right{flex:1;align-items:center;gap:8px;display:flex}.ch-pg-bar-right{justify-content:flex-end}.ch-pg-back{font-family:var(--ch-font-mono), ui-monospace, monospace;color:var(--ch-warm);border-bottom:1px solid color-mix(in oklab, var(--ch-warm) 35%, transparent);font-size:12px}.ch-pg-back:hover{border-bottom-color:var(--ch-warm)}.ch-pg-tools{background:var(--ch-paper);border:1px solid var(--ch-line);border-radius:10px;gap:3px;padding:3px;display:flex}.ch-pg-tool{appearance:none;font:inherit;color:var(--ch-sub);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:6px 12px;font-size:13px;transition:background .12s,color .12s}.ch-pg-tool:hover{color:var(--ch-ink);background:color-mix(in oklab, var(--ch-accent) 10%, transparent)}.ch-pg-tool.is-active{background:var(--ch-ink);color:var(--ch-bg);font-weight:500}.ch-pg-btn{appearance:none;font:inherit;font-family:var(--ch-font-mono), ui-monospace, monospace;color:var(--ch-sub);background:var(--ch-paper);border:1px solid var(--ch-line);cursor:pointer;border-radius:8px;padding:6px 12px;font-size:12px;transition:color .12s,border-color .12s}.ch-pg-btn:hover:not(:disabled){color:var(--ch-ink);border-color:var(--ch-ink)}.ch-pg-btn:disabled{opacity:.45;cursor:not-allowed}.ch-pg-stage{flex:1;min-height:0;position:relative}.ch-pg-loading{font-family:var(--ch-font-mono), ui-monospace, monospace;color:var(--ch-sub);justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;inset:0}.ch-pg-credit{z-index:4;font-family:var(--ch-font-mono), ui-monospace, monospace;color:var(--ch-sub);background:color-mix(in oklab, var(--ch-paper) 80%, transparent);-webkit-backdrop-filter:blur(6px);border:1px solid var(--ch-line);border-radius:999px;padding:5px 12px;font-size:11px;transition:border-color .12s;position:absolute;bottom:14px;left:14px}.ch-pg-credit span{color:var(--ch-accent)}.ch-pg-credit:hover{border-color:var(--ch-accent)}.ch-pg-hint{font-family:var(--ch-font-mono), ui-monospace, monospace;color:var(--ch-sub);background:color-mix(in oklab, var(--ch-paper) 80%, transparent);-webkit-backdrop-filter:blur(6px);border:1px solid var(--ch-line);pointer-events:none;z-index:4;white-space:nowrap;border-radius:999px;padding:5px 12px;font-size:11px;position:absolute;bottom:14px;right:14px}.ch-pg-panel{z-index:6;background:color-mix(in oklab, var(--ch-paper) 92%, transparent);-webkit-backdrop-filter:blur(12px);border:1px solid var(--ch-line);border-radius:12px;flex-direction:column;gap:11px;width:250px;padding:12px;display:flex;position:absolute;top:14px;right:14px;box-shadow:0 18px 40px -24px #0f1b2d66}.ch-pg-panel-head{font-family:var(--ch-font-mono), ui-monospace, monospace;color:var(--ch-sub);justify-content:space-between;align-items:center;font-size:11px;display:flex}.ch-pg-del{appearance:none;font:inherit;font-family:var(--ch-font-mono), ui-monospace, monospace;color:var(--ch-warm);cursor:pointer;background:0 0;border:0;padding:0;font-size:11px}.ch-pg-del:hover{text-decoration:underline}.ch-pg-field{flex-direction:column;gap:5px;display:flex}.ch-pg-field-label{color:var(--ch-sub);font-size:11px}.ch-pg-field input[type=range]{width:100%;accent-color:var(--ch-accent)}.ch-pg-swatches{flex-wrap:wrap;gap:5px;display:flex}.ch-pg-swatch{border:1px solid var(--ch-line);cursor:pointer;border-radius:5px;width:22px;height:22px;padding:0}.ch-pg-swatch.is-active{border:2px solid var(--ch-ink)}.ch-pg-swatch.is-transparent{background:repeating-conic-gradient(#cbd5e1 0% 25%,#fff 0% 50%) 50%/8px 8px}.ch-pg-seg{background:var(--ch-bg);border:1px solid var(--ch-line);border-radius:7px;gap:2px;padding:2px;display:flex}.ch-pg-seg button{appearance:none;font:inherit;color:var(--ch-sub);cursor:pointer;background:0 0;border:0;border-radius:5px;flex:1;padding:4px 6px;font-size:12px}.ch-pg-seg button.is-active{background:var(--ch-ink);color:var(--ch-bg)}@media (max-width:720px){.ch-pg-bar{flex-wrap:wrap}.ch-pg-tools{order:3;width:100%;overflow-x:auto}.ch-pg-panel{width:calc(100vw - 28px);max-width:250px}.ch-pg-credit{display:none}}