.connections-form{gap:calc(var(--spacing-unit) * 2);flex-direction:column;display:flex}.form-field{gap:var(--spacing-unit);flex-direction:column;display:flex}.form-status{padding:var(--spacing-unit);background:#f9f9f9;border-radius:2px}.form-status small{color:var(--color-text-secondary)}.test-form{padding-top:calc(var(--spacing-unit) * 2);margin-top:calc(var(--spacing-unit) * 2);gap:calc(var(--spacing-unit) * 2);border-top:1px solid #e0e0e0;flex-direction:column;display:flex}.test-result{padding:var(--spacing-unit);background:#f0f8ff;border:1px solid #e0e6ff;border-radius:2px}.test-result pre{white-space:pre-wrap;word-wrap:break-word;margin:0;font-family:monospace;font-size:.9em}.ask-dialog{padding:2ch}.ask-dialog input{border:1px solid #ccc}.outline-section{max-width:90rem;margin:0 auto;padding:2ch}.outline-header{justify-content:space-between;align-items:center;margin-bottom:1ch;display:flex}.outline-header h2{color:var(--color-text);font-weight:700}.outline-actions{gap:1ch;display:flex}.outline-action-button{font-weight:400;font-size:inherit;color:var(--color-text-secondary);font-family:inherit;line-height:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.outline-action-button:hover{color:var(--color-text)}.outline-content{flex-direction:column;gap:1ch;display:flex}.outline-item{color:var(--color-text);flex-direction:column;gap:1ch;display:flex}.outline-item.generating{color:var(--color-text-secondary);font-style:italic}.outline-item-self{cursor:pointer;align-items:flex-start;display:flex}.outline-chevron{text-align:center;width:1.5em;font-family:monospace}.outline-bullet-point{flex:1}.outline-item-children{flex-direction:column;gap:1ch;padding-left:1.5em;display:flex}.outline-ask{padding:1ch;display:flex}.outline-ask-input{background-color:var(--background-color);color:var(--text-color);border:1px solid var(--border-color);flex-grow:1;padding:.5ch 1ch}:root{--color-text:#222;--color-text-secondary:#666;--color-text-tertiary:#aaa;--color-text-active:#000;--color-selection-outline:#295ea0;--color-error:#d73a49;--color-error-bg:#fff5f5;--color-error-border:#fdaeb7;--page-background:white;--spacing-unit:1ch;font-family:monospace;font-size:14px}*,:before,:after{box-sizing:border-box;font-size:inherit;margin:0;padding:0;font-family:inherit}body{color:var(--color-text);background:var(--page-background);line-height:1.4}dialog:open{width:100%;max-width:40rem;height:auto;max-height:calc(100% - 4rem);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}label{color:var(--color-text-secondary)}menu{flex-wrap:wrap;gap:1ch;display:flex}menu textarea{resize:none;field-sizing:content;flex:1;min-width:20ch}textarea{font-family:inherit;font-size:inherit;resize:none;field-sizing:content;width:100%;padding:var(--spacing-unit);border:1px solid #ccc}textarea:focus{outline:2px solid var(--color-text-active)}button{font-family:inherit;font-size:inherit;padding:var(--spacing-unit) calc(var(--spacing-unit) * 2);color:var(--color-text);cursor:pointer;background:#fff;border:1px solid #ccc}button:hover{background:#f5f5f5}button:active{color:var(--color-text-active);background:#eee}button:disabled{color:#ccc;cursor:not-allowed;background:#f8f8f8}button.small{padding:calc(var(--spacing-unit) / 2) var(--spacing-unit);font-size:.9em}input{font-family:inherit;font-size:inherit;padding:var(--spacing-unit);border:1px solid #ccc;width:100%}input:focus{outline:2px solid var(--color-text-active)}.connections-dialog-body{gap:2ch;padding:2ch;display:grid}.media-card{background:#fff;border:1px solid #eee;flex-direction:column;display:flex}.media-card.pinned{background:#fafafa;border-color:#000}.media-card .hidden{display:none!important}.media-card .card-image{aspect-ratio:1;object-fit:cover;width:100%;display:block}.media-card .card-edit-area{flex-direction:column;flex-grow:1;height:12ch;display:flex}.media-card .card-edit-textarea{resize:none;field-sizing:content;background:#f8f8f8;border:none;width:100%;height:100%;padding:1ch;font-family:inherit;font-size:.9em}.media-card .card-content{flex-direction:column;flex-grow:1;gap:.5ch;padding:1ch 0;display:flex}.media-card .card-content menu{padding-inline:1ch}.media-card:has(.card-edit-area:not(.hidden)) .card-content{flex-grow:0}.media-card .card-name{min-width:0;font-family:inherit;font-weight:700;font-size:inherit;resize:none;field-sizing:content;background:0 0;border:none;flex:1;width:100%}generative-image img{object-fit:cover;width:100%;height:100%}#app{flex-direction:column;height:100vh;display:flex}.app-header{background:#fff;border-bottom:1px solid #eee;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:1ch;padding:1ch;display:flex}.main{flex:1;position:relative;overflow:auto}.app-footer{color:var(--color-text-secondary);background:#fff;border-top:1px solid #eee;flex-shrink:0;height:20rem;padding:1ch;overflow:auto}.empty-placeholder{justify-content:center;align-items:center;height:100%;display:flex}.empty-placeholder .empty-placeholder-trigger{color:var(--color-text-secondary);text-underline-offset:.2ch;background:0 0;border:0;padding:0;font-style:italic;text-decoration:underline}
