.ap{background:var(--color-surface);border-left:1px solid var(--color-border-soft);flex-direction:column;min-width:0;min-height:0;display:flex}.ap--sheet{z-index:60;border-left:0;position:fixed;inset:0}.ap-head{border-bottom:1px solid var(--color-border-soft);align-items:center;gap:8px;min-height:48px;padding:6px 10px 6px 16px;display:flex}.ap--sheet .ap-head{padding-left:6px}.ap-titles{flex-direction:column;min-width:0;display:flex}.ap-title{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.ap-meta{color:var(--color-text-muted);font-size:11.5px}.ap-spacer{flex:1}.ap-pill{background:var(--color-surface-hover);color:var(--color-text-secondary);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;display:inline-flex}.ap-pill--live{color:var(--color-accent)}.ap-tabs{border-bottom:1px solid var(--color-border-soft);flex-wrap:nowrap;align-items:center;gap:2px;padding:0 10px;display:flex;overflow-x:auto}.ap-tab{height:36px;color:var(--color-text-secondary);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:0 10px;font-size:12.5px;display:inline-flex}.ap-tab:hover:not(:disabled){color:var(--color-text-primary)}.ap-tab.is-active{color:var(--color-text-primary);border-bottom-color:var(--color-accent);font-weight:500}.ap-tab:disabled{opacity:.45;cursor:default}.ap-tool{border:1px solid var(--color-border-soft);height:28px;color:var(--color-text-secondary);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;align-items:center;gap:5px;padding:0 9px;font-size:12px;display:inline-flex}.ap-tool:hover:not(:disabled),.ap-tool.is-active{color:var(--color-text-primary);background:var(--color-surface-hover)}.ap-tool.is-active{border-color:var(--color-accent)}.ap-tool:disabled{opacity:.5;cursor:default}.ap-banner{color:var(--color-text-secondary);background:var(--color-surface-hover);border-bottom:1px solid var(--color-border-soft);align-items:center;gap:8px;padding:6px 14px;font-size:12px;display:flex}.ap-body{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.ap-body>.src-editor{flex:1;min-height:0;overflow:hidden}.ap-frame{background:var(--color-bg);border:0;flex:1;width:100%;min-height:0}.ap-doc{flex:1;padding:16px 20px;font-size:13.5px;line-height:1.6;overflow:auto}.ap-empty{color:var(--color-text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:24px;font-size:12.5px;display:flex}.ap-versions{flex:1;margin:0;padding:4px 0;list-style:none;overflow:auto}.ap-version{border-bottom:1px solid var(--color-border-soft);align-items:center;gap:10px;padding:9px 16px;display:flex}.ap-version.is-shown{background:var(--color-surface-hover)}.ap-version__main{min-width:0;color:var(--color-text-primary);flex-direction:column;flex:1;gap:2px;font-size:12.5px;display:flex}.ap-version__main strong{font-family:var(--font-mono);font-size:12px;font-weight:600}.ap-version__meta{color:var(--color-text-muted);font-size:11.5px}.ap-version__actions{gap:4px;display:flex}.ap-error{color:var(--color-danger);background:var(--color-danger-bg,transparent);border-top:1px solid var(--color-border-soft);align-items:center;gap:8px;padding:8px 14px;font-size:12px;display:flex}.ap-error>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ap-savebar{border-top:1px solid var(--color-border-soft);background:var(--color-surface);align-items:center;gap:8px;padding:8px 12px;display:flex}.ap-savebar__error{color:var(--color-danger);font-size:12px}.ap-ask{border-top:1px solid var(--color-border-soft);background:var(--color-surface);flex-direction:column;gap:6px;padding:10px 12px;display:flex}.ap-ask__row{align-items:flex-end;gap:8px;display:flex}.ap-ask textarea{resize:none;border:1px solid var(--color-border-soft);background:var(--color-bg);min-height:40px;max-height:140px;color:var(--color-text-primary);font:inherit;border-radius:8px;flex:1;padding:8px 10px;font-size:13px}.ap-ask textarea:focus{border-color:var(--color-accent);outline:none}.ap-focus{color:var(--color-text-secondary);background:var(--color-surface-hover);border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;display:flex}.ap-focus span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.src-editor,.src-editor .cm-editor{height:100%}.ap-card{border:1px solid var(--color-border-soft);background:var(--color-surface);width:100%;max-width:440px;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.ap-card:hover{background:var(--color-surface-hover)}.ap-card.is-open{border-color:var(--color-accent)}.ap-card__icon{background:var(--color-surface-hover);width:34px;height:34px;color:var(--color-accent);border-radius:8px;flex:none;place-items:center;display:grid}.ap-card__text{flex-direction:column;min-width:0;display:flex}.ap-card__title{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.ap-card__meta{color:var(--color-text-muted);font-size:11.5px}.sq-ws--page.has-artifact{grid-template-columns:264px minmax(360px,1fr) minmax(420px,1.15fr)}@media (width<=1280px){.sq-ws--page.has-artifact{grid-template-columns:minmax(340px,1fr) minmax(400px,1.2fr)}.sq-ws--page.has-artifact .sq-ws__side{display:none}}@media (width<=768px){.sq-ws--page.has-artifact{grid-template-columns:minmax(0,1fr)}.ap-head{min-height:52px}.ap-tab,.ap-tool{min-height:44px}.ap-tool{height:36px}}.ap-inline{margin:10px 0;position:relative}.ap-inline__scroll{overscroll-behavior-x:contain;overflow:auto hidden}.ap-inline__stage{position:relative}.ap-frame--inline{background:0 0;flex:none;width:100%;display:block}.ap-inline__open{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;position:absolute;inset:0}.ap-inline__tools{z-index:1;background:var(--color-surface);box-shadow:0 0 0 1px var(--color-border-soft);opacity:0;border-radius:7px;gap:2px;padding:2px;transition:opacity .12s;display:flex;position:absolute;top:4px;right:4px}.ap-inline:hover .ap-inline__tools,.ap-inline:focus-within .ap-inline__tools{opacity:1}@media (hover:none){.ap-inline__tools{opacity:1}}.ap-inline__tools button{width:26px;height:26px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;display:grid}.ap-inline__tools button:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.ap-inline__code{max-height:360px;font:12px/1.55 var(--font-mono);background:var(--color-surface);border-radius:8px;margin:0;padding:10px 12px;overflow:auto}.ap-inline__wait{background:var(--color-surface-hover);border-radius:8px}.ap-canvas{z-index:80;background:var(--color-bg);flex-direction:column;display:flex;position:fixed;inset:0}.ap-canvas__bar{border-bottom:1px solid var(--color-border-soft);background:var(--color-surface);align-items:center;gap:8px;height:48px;padding:0 10px 0 16px;font-size:13px;display:flex}.ap-canvas__hint{color:var(--color-text-muted);font-size:12px}.ap-canvas__frame{background:var(--color-bg);border:0;flex:1;width:100%}@media (width<=768px){.ap-canvas__hint{display:none}.ap-canvas__bar .sq-icon-btn{width:40px;height:40px}}