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