:root{--ac-surface:#fff;--ac-canvas:#f3f2ef;--ac-text:#292524;--ac-muted:#78716c;--ac-line:#e7e5e4;--ac-accent:#292524;--ac-radius:10px}.ac-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:7px 12px;border:1px solid var(--ac-line);border-radius:8px;background:var(--ac-surface);color:var(--ac-text);font:500 12px/1.4 inherit;cursor:pointer;white-space:nowrap}.ac-button-primary{background:var(--ac-accent);color:#fff;border-color:var(--ac-accent)}.ac-button-ghost{border-color:transparent;background:transparent}.ac-button:hover{filter:brightness(.97)}.ac-button:disabled{opacity:.45;cursor:not-allowed}.ac-button:focus-visible{outline:2px solid #a8a29e;outline-offset:3px}.ac-canvas{height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:var(--ac-canvas);color:var(--ac-text);font:13px/1.5 system-ui,sans-serif}.ac-canvas-toolbar{min-height:56px;display:flex;align-items:center;gap:10px;padding:8px 16px;border-bottom:1px solid var(--ac-line);background:var(--ac-surface);flex-shrink:0}.ac-canvas-body{display:flex;flex:1;min-height:0}.ac-canvas-left,.ac-canvas-right{background:var(--ac-surface);overflow:auto;flex-shrink:0}.ac-canvas-left{width:232px;border-right:1px solid var(--ac-line)}.ac-canvas-right{width:320px;border-left:1px solid var(--ac-line)}.ac-canvas-center{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;position:relative;overflow:hidden}.ac-canvas-bottom{height:210px;min-height:140px;flex-shrink:0;border-top:1px solid var(--ac-line);background:var(--ac-surface);overflow:auto}.ac-compiled-frame{width:100%;height:100%;position:relative;min-height:0}.ac-compiled-frame iframe{width:100%;height:100%;border:0;background:#fff;display:block}.ac-preview-error{padding:24px;color:var(--ac-muted);font-size:13px}.ac-annotation-layer{position:absolute;inset:0;z-index:3;touch-action:none}.ac-annotation-layer.ac-select{pointer-events:none}.ac-annotation-layer.ac-draw{cursor:crosshair}.ac-note{position:absolute;pointer-events:auto;cursor:pointer;color:#fff;border:2px solid #d97706;background:#f59e0b14;padding:0;min-height:0;min-width:0}.ac-note-point{width:24px;height:24px;border-radius:50%;transform:translate(-50%,-50%)}.ac-note-point,.ac-note-region span{background:#d97706;font:600 10px system-ui}.ac-note-region span{position:absolute;top:-18px;left:-2px;min-width:20px;border-radius:4px 4px 0 0;padding:2px 5px}.ac-note-resolved{opacity:.45}.ac-note:focus-visible{outline:2px solid #292524;outline-offset:4px}@media (max-width:1100px){.ac-canvas-left{width:195px}.ac-canvas-right{width:280px}}@media (max-width:800px){.ac-canvas-left{display:none}.ac-canvas-right{position:absolute;right:0;top:56px;bottom:0;width:min(320px,90vw);z-index:8;box-shadow:-8px 0 30px #00000012}.ac-canvas-toolbar{gap:6px;padding-inline:10px;flex-wrap:wrap}.ac-canvas-bottom{height:170px}}.ac-composer{position:relative;border:1px solid var(--ac-line);border-radius:16px;background:var(--ac-surface);color:var(--ac-text);box-shadow:0 4px 20px #00000004;transition:border-color .15s}.ac-composer:focus-within{border-color:#a8a29e}.ac-composer-input{display:block;width:100%;min-height:96px;max-height:240px;border:0;outline:0;resize:vertical;padding:16px;background:transparent;color:inherit;font:inherit;line-height:1.6}.ac-composer-input::placeholder{color:#a8a29e}.ac-composer-controls{display:flex;align-items:center;gap:6px;padding:0 10px 10px;min-width:0}.ac-composer-controls select{border:0;border-radius:6px;background:transparent;color:var(--ac-muted);font:inherit;font-size:11px;max-width:160px;padding:6px}.ac-composer-spacer{flex:1}.ac-composer-send{width:32px;height:32px;border:0;border-radius:10px;background:var(--ac-accent);color:white;font-size:21px;cursor:pointer}.ac-composer-send:disabled{opacity:.4;cursor:default}.ac-composer-attachments,.ac-composer-context{display:flex;flex-wrap:wrap;gap:5px;padding:10px 12px 0}.ac-context-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--ac-line);border-radius:7px;padding:4px 7px;font-size:11px;color:var(--ac-muted)}.ac-context-chip button{border:0;background:none;color:inherit;cursor:pointer}.ac-context-error{color:#b91c1c}.ac-tool-button{display:inline-flex;position:relative;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border:0;border-radius:7px;color:var(--ac-muted);background:transparent;cursor:pointer}.ac-tool-button svg{width:16px;height:16px}.ac-tool-active,.ac-tool-button:hover{color:var(--ac-text);background:#f1efeb}.ac-tool-button:focus-visible{outline:2px solid #a8a29e;outline-offset:2px}.ac-tool-button:disabled{opacity:.4;cursor:default}.ac-resizable-panel{position:relative;flex-shrink:0;min-height:0;overflow:visible!important}.ac-panel-resize{position:absolute;top:0;bottom:0;width:7px;z-index:20;cursor:col-resize;touch-action:none}.ac-resizable-left>.ac-panel-resize{right:-4px}.ac-resizable-right>.ac-panel-resize{left:-4px}.ac-panel-resize:focus-visible,.ac-panel-resize:hover{background:#a8a29e55;outline:0}.ac-source-browser{height:100%;min-height:240px;display:flex;background:#fff;color:var(--ac-text);text-align:left}.ac-source-tree{width:190px;flex-shrink:0;overflow:auto;border-right:1px solid var(--ac-line);padding:12px 6px;background:#fafaf9}.ac-source-heading{display:block;padding:4px 8px 12px;font-size:11px;color:var(--ac-muted)}.ac-source-tree button{display:flex;align-items:center;gap:8px;width:100%;border:0;border-radius:6px;text-align:left;padding:8px;background:transparent;cursor:pointer;font:11px/1.4 ui-monospace,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ac-source-tree .ac-source-selected{background:#e7e5e4}.ac-source-editor{display:flex;flex-direction:column;min-width:0;flex:1}.ac-source-filebar{display:flex;padding:10px 14px;border-bottom:1px solid var(--ac-line);font:11px ui-monospace,monospace}.ac-source-filebar span{margin-left:auto;color:var(--ac-muted)}.ac-source-editor textarea{flex:1;width:100%;min-height:180px;border:0;outline:0;resize:none;padding:18px;background:#fff;color:#44403c;font:12px/1.7 ui-monospace,SFMono-Regular,monospace;tab-size:2;white-space:pre;overflow:auto}.ac-source-empty{display:grid;place-items:center;height:100%;min-height:240px;padding:40px;color:var(--ac-muted);text-align:center}@media (max-width:800px){.ac-canvas-left.ac-resizable-panel{display:flex;position:absolute;left:0;top:56px;bottom:0;z-index:9;max-width:85vw;box-shadow:8px 0 30px #00000012}.ac-source-tree{width:125px}.ac-composer-controls select{max-width:115px}.ac-resizable-panel{max-width:90vw}.ac-panel-resize{display:none}}.ac-resizable-panel{display:flex}.ac-panel-content{display:flex;flex-direction:inherit;flex:1;min-width:0;min-height:0;overflow:auto}.ac-canvas-left,.ac-canvas-right,.ac-recordable-frame{flex-direction:column}.ac-recordable-frame{display:flex!important;position:relative;min-height:0}.ac-recordable-frame>iframe{flex:1;min-height:0}.ac-recording-controls{display:flex;align-items:center;gap:12px;min-height:30px;padding:4px 10px;background:#fafaf9;border-bottom:1px solid #e7e5e4;font:11px system-ui;color:#78716c;position:relative;z-index:2}.ac-recording-controls button{background:none;border:0;cursor:pointer;color:inherit;padding:2px}.ac-recording-controls span{margin-left:auto;color:#b91c1c}.ac-recording-error{font:12px system-ui;color:#b91c1c;padding:8px;background:#fff7ed;display:flex;justify-content:space-between}.ac-recording-player{flex:1;min-height:0;display:flex;flex-direction:column}.ac-recording-player>iframe{flex:1;min-height:0;width:100%;border:0}.ac-recording-timeline{display:flex;align-items:center;gap:12px;padding:10px;font:11px system-ui;background:#fafaf9}.ac-recording-timeline input{flex:1;min-width:40px}.ac-recording-timeline button{border:1px solid #e7e5e4;border-radius:6px;padding:4px 10px}.ac-recordable-frame{overflow:hidden}.ac-recording-controls{position:absolute;top:8px;right:8px;border:1px solid #e7e5e4;border-radius:8px;background:#fffffff2;z-index:30}.ac-recording-error{position:absolute;bottom:8px;left:8px;right:8px;z-index:30}.ac-recordable-frame>.ac-recording-player{position:absolute;inset:40px 0 0}.ac-composer-controls{flex-wrap:wrap}.ac-composer-controls select{min-width:90px;flex:1}.ac-composer-controls .ac-composer-spacer{display:none}