.templates-pane-heading{align-items:flex-start;gap:var(--space-3);justify-content:space-between;display:flex}.template-filter-select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--font-size-meta);height:28px;padding:0 var(--space-2)}.template-filter-select:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus-ring);outline:none}.template-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0;padding:0;list-style:none;display:grid}.template-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:var(--space-2);padding:var(--space-3) var(--space-4);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);grid-template-rows:auto minmax(0,1fr) auto;display:grid}.template-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-subtle)}.template-card-skeleton{gap:var(--space-2)}.template-card-header{align-items:center;gap:var(--space-2);justify-content:space-between;display:flex}.template-card-scope{color:var(--color-text-faint);font-family:var(--font-mono);letter-spacing:var(--letter-spacing-meta);text-transform:uppercase;font-size:10px}.template-card-body strong{color:var(--color-text);font-size:var(--font-size-panel);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);margin-bottom:var(--space-1);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.template-card-description{color:var(--color-text-muted);font-size:var(--font-size-meta);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.template-card-description-mono{font-family:var(--font-mono);font-size:var(--font-size-meta)}.template-card-description-muted{color:var(--color-text-faint);font-style:italic}.template-card-footer{border-top:1px solid var(--color-border);align-items:center;gap:var(--space-2);margin-top:var(--space-2);padding-top:var(--space-2);justify-content:space-between;display:flex}.template-card-meta{color:var(--color-text-muted);font-size:var(--font-size-meta);align-items:center;gap:var(--space-2);flex-wrap:wrap;min-width:0;display:inline-flex}.template-card-priority{color:var(--color-text);font-size:var(--font-size-meta);font-weight:var(--font-weight-semibold);align-items:center;gap:var(--space-1);display:inline-flex}.template-card-actions{align-items:center;gap:var(--space-1);flex-shrink:0;display:inline-flex}.recurring-row{grid-template-columns:auto minmax(0,1fr) auto}.recurring-row-skeleton{gap:var(--space-2)}.recurring-interval-input{align-items:center;gap:var(--space-2);display:inline-flex}.recurring-interval-input input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-body);min-width:0;height:32px;padding:0 var(--space-3);width:80px}.recurring-interval-input input:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus-ring);outline:none}.recurring-interval-input span{color:var(--color-text-muted);font-size:var(--font-size-meta)}.template-dialog{max-width:560px}.template-dialog-section{border:1px solid var(--color-border);border-radius:var(--radius-md);gap:var(--space-2);padding:var(--space-3) var(--space-4);margin:0;display:grid}.template-dialog-section legend{color:var(--color-text-muted);font-size:var(--font-size-meta);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-meta);padding:0 var(--space-1);text-transform:uppercase}.template-dialog-grid{gap:var(--space-2) var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.template-dialog-textarea{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-mono);font-size:var(--font-size-meta);line-height:var(--line-height-dense);min-height:140px;padding:var(--space-2) var(--space-3);resize:vertical;width:100%}.template-dialog-textarea:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus-ring);outline:none}.form-hint{color:var(--color-text-faint);font-size:var(--font-size-meta);font-weight:var(--font-weight-regular);letter-spacing:0;margin-left:var(--space-2);text-transform:none}@media (max-width:560px){.template-dialog-grid{grid-template-columns:minmax(0,1fr)}}.template-editor{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);grid-template-rows:auto minmax(0,1fr);gap:0;height:calc(100vh - 96px);min-height:0;display:grid;overflow:hidden}.template-editor-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3) var(--space-2) var(--space-2);justify-content:space-between;display:flex}.template-editor-crumbs{align-items:center;gap:var(--space-2);min-width:0;display:inline-flex}.template-editor-back{border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;font:inherit;font-size:var(--font-size-meta);font-weight:var(--font-weight-semibold);align-items:center;gap:var(--space-1);height:26px;padding:0 var(--space-2);transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:0 0;border:1px solid #0000;display:inline-flex}.template-editor-back:hover{background:var(--color-surface-muted);border-color:var(--color-border);color:var(--color-text)}.template-editor-crumb-sep{color:var(--color-text-faint);font-size:var(--font-size-meta)}.template-editor-crumb-current{color:var(--color-text);font-size:var(--font-size-panel);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.template-editor-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:inline-flex}.template-editor-body{gap:var(--space-5);max-width:880px;min-height:0;padding:var(--space-5) var(--space-6);scrollbar-gutter:stable;width:100%;margin:0 auto;display:grid;overflow-y:auto}.template-editor-section{gap:var(--space-2);display:grid}.template-editor-headline{gap:var(--space-2)}.template-editor-title-input{border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-display);font-size:var(--font-size-page-title);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight);margin:0 calc(var(--space-2) * -1);padding:var(--space-1) var(--space-2);transition:background-color var(--transition-fast);width:calc(100% + var(--space-2) * 2);background:0 0;border:0;display:block}.template-editor-title-input::placeholder{color:var(--color-text-faint)}.template-editor-title-input:hover,.template-editor-title-input:focus{background:var(--color-surface-muted);box-shadow:none;outline:none}.template-editor-meta-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.template-editor-kind{border:0;margin:0;padding:0}.template-editor-kind-control button{padding:0 var(--space-3)}.template-editor-scope select{border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;font:inherit;font-size:var(--font-size-meta);height:26px;padding:0 var(--space-2);transition:background var(--transition-fast), border-color var(--transition-fast);background:0 0;border:1px solid #0000}.template-editor-scope select:hover,.template-editor-scope select:focus{background:var(--color-surface-muted);border-color:var(--color-border);outline:none}.template-editor-priority-chip{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);align-items:center;gap:var(--space-1);height:26px;padding:0 var(--space-1) 0 var(--space-2);display:inline-flex}.template-editor-priority-label{color:var(--color-text-muted);font-size:var(--font-size-meta);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-meta);text-transform:uppercase}.template-editor-priority-chip select{color:var(--color-text);font:inherit;font-size:var(--font-size-meta);background:0 0;border:0;outline:none;padding:0}.template-editor-priority-remove{border-radius:var(--radius-sm);color:var(--color-text-faint);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:18px;height:18px;padding:0;display:inline-flex}.template-editor-priority-remove:hover{background:var(--color-surface);color:var(--color-text)}.template-editor-priority-add{border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;font-size:var(--font-size-meta);font-weight:var(--font-weight-medium);align-items:center;gap:var(--space-1);height:26px;padding:0 var(--space-2);transition:border-color var(--transition-fast), color var(--transition-fast);background:0 0;display:inline-flex}.template-editor-priority-add:hover{border-color:var(--color-text-muted);color:var(--color-text)}.template-editor-fieldlabel{color:var(--color-text-muted);font-size:var(--font-size-meta);font-weight:var(--font-weight-semibold);align-items:center;gap:var(--space-2);letter-spacing:var(--letter-spacing-meta);text-transform:uppercase;display:inline-flex}.template-editor-fieldlabel .form-hint{text-transform:none}.template-editor-text-input{border-radius:var(--radius-md);color:var(--color-text);font:inherit;font-size:var(--font-size-body);margin:0 calc(var(--space-2) * -1);padding:var(--space-2);transition:background-color var(--transition-fast);width:calc(100% + var(--space-2) * 2);background:0 0;border:0;display:block}.template-editor-text-input::placeholder{color:var(--color-text-faint)}.template-editor-text-input:hover,.template-editor-text-input:focus{background:var(--color-surface-muted);box-shadow:none;outline:none}.template-editor-description-input{border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-mono);font-size:var(--font-size-meta);line-height:var(--line-height-body);margin:0 calc(var(--space-2) * -1);min-height:200px;padding:var(--space-2);resize:vertical;transition:background-color var(--transition-fast);width:calc(100% + var(--space-2) * 2);background:0 0;border:0;display:block}.template-editor-description-input::placeholder{color:var(--color-text-faint)}.template-editor-description-input:hover,.template-editor-description-input:focus{background:var(--color-surface-muted);box-shadow:none;outline:none}.template-editor-section-header h2{font-size:var(--font-size-section);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight)}.template-editor-section-header p{color:var(--color-text-muted);font-size:var(--font-size-meta);margin-top:var(--space-1);max-width:64ch}.template-editor-kind{gap:var(--space-2);border:0;margin:0;padding:0;display:grid}.template-editor-kind legend{color:var(--color-text-muted);font-size:var(--font-size-meta);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-meta);margin-bottom:var(--space-1);text-transform:uppercase;padding:0}.template-editor-kind-control button{max-width:200px;padding:0 var(--space-4);flex:1 1 0}.template-editor-grid{gap:var(--space-2) var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.template-editor-body-input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-mono);font-size:var(--font-size-meta);line-height:var(--line-height-dense);min-height:160px;padding:var(--space-2) var(--space-3);resize:vertical;width:100%}.template-editor-body-input:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus-ring);outline:none}.template-editor-footer{border-top:1px solid var(--color-border);gap:var(--space-2);margin-top:var(--space-2);padding-top:var(--space-3);justify-content:flex-end;display:flex}@media (max-width:720px){.template-editor{height:auto}.template-editor-grid{grid-template-columns:minmax(0,1fr)}.template-editor-body{padding:var(--space-4)}}.template-filter-bar{align-items:center;gap:var(--space-2);flex-wrap:wrap;justify-content:space-between;display:flex}.template-kind-toggle button{padding:0 var(--space-3)}.sub-tab-count{background:var(--color-surface-muted);border-radius:var(--radius-pill);color:var(--color-text-muted);font-family:var(--font-mono);font-size:10px;font-weight:var(--font-weight-semibold);margin-left:var(--space-1);padding:1px var(--space-2)}.sub-tab.active .sub-tab-count{background:var(--color-primary-soft);color:var(--color-primary)}.template-dialog-kind{gap:var(--space-2);border:0;margin:0;padding:0;display:grid}.template-dialog-kind legend{color:var(--color-text-muted);font-size:var(--font-size-meta);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-meta);margin-bottom:var(--space-1);text-transform:uppercase;padding:0}.template-dialog-kind-control button{padding:0 var(--space-4);flex:1 1 0}.template-dialog-defaults{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3) var(--space-3)}.template-dialog-defaults summary{color:var(--color-text);cursor:pointer;font-size:var(--font-size-meta);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-meta);padding:var(--space-1) 0;text-transform:uppercase;-webkit-user-select:none;user-select:none}.template-dialog-defaults summary::marker{color:var(--color-text-faint)}.template-dialog-defaults summary::-webkit-details-marker{color:var(--color-text-faint)}.template-dialog-defaults>p{color:var(--color-text-muted);font-size:var(--font-size-meta);margin:var(--space-1) 0 var(--space-2)}.template-field-list{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:var(--space-2);padding:var(--space-3) var(--space-4);display:grid}.template-field-list-header{align-items:flex-start;gap:var(--space-3);justify-content:space-between;display:flex}.template-field-list-header h4{color:var(--color-text);font-size:var(--font-size-panel);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);margin:0}.template-field-list-header .quiet-meta{margin-top:var(--space-1);max-width:48ch}.template-field-list-add{position:relative}.template-field-add-trigger{align-items:center;gap:var(--space-1);display:inline-flex}.template-field-add-menu{background:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-popover);gap:var(--space-2);margin-top:var(--space-1);min-width:220px;padding:var(--space-2);z-index:32;display:grid;position:absolute;top:100%;right:0}.template-field-add-group-label{color:var(--color-text-faint);font-size:10px;font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-meta);padding:var(--space-1) var(--space-2);text-transform:uppercase}.template-field-add-item{border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;font:inherit;font-size:var(--font-size-dense);align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);text-align:left;background:0 0;border:0;grid-template-columns:18px minmax(0,1fr) auto;width:100%;display:grid}.template-field-add-item:hover{background:var(--color-surface-muted)}.template-field-add-item:disabled{color:var(--color-text-faint);cursor:not-allowed}.template-field-add-icon{color:var(--color-text-muted);justify-content:center;align-items:center;height:14px;display:inline-flex}.template-field-list-empty{color:var(--color-text-muted);font-size:var(--font-size-meta);margin:0}.template-fields{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.template-field{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:var(--space-2);padding:var(--space-2) var(--space-3);display:grid}.template-field-row{align-items:center;gap:var(--space-2);grid-template-columns:18px 18px minmax(0,1fr) auto auto;display:grid}.template-field{transition:box-shadow var(--transition-fast), transform var(--transition-fast), opacity var(--transition-fast), border-color var(--transition-fast)}.template-field-dragging{border-color:var(--color-border-focus);box-shadow:var(--shadow-popover);opacity:.6}.template-field-drop-target{border-color:var(--color-primary);box-shadow:0 -2px 0 0 var(--color-primary)}.template-field-drag{border-radius:var(--radius-sm);color:var(--color-text-faint);cursor:grab;height:28px;transition:color var(--transition-fast);background:0 0;border:0;justify-content:center;align-items:center;width:18px;padding:0;display:inline-flex}.template-field-drag:hover{color:var(--color-text-muted)}.template-field-drag:active{cursor:grabbing}.template-field-icon{color:var(--color-text-muted);justify-content:center;align-items:center;height:14px;display:inline-flex}.template-field-label-input{border-radius:var(--radius-sm);color:var(--color-text);font:inherit;font-size:var(--font-size-body);font-weight:var(--font-weight-medium);min-width:0;height:28px;padding:0 var(--space-2);transition:background-color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:1px solid #0000}.template-field-label-input:hover{background:var(--color-surface-muted)}.template-field-label-input:focus{background:var(--color-surface);border-color:var(--color-border-focus);box-shadow:var(--shadow-focus-ring);outline:none}.template-field-type{color:var(--color-text-faint);font-size:var(--font-size-meta);letter-spacing:var(--letter-spacing-meta);text-transform:uppercase}.template-field-actions{align-items:center;gap:var(--space-1);display:inline-flex}.template-field-settings{border-top:1px solid var(--color-border);gap:var(--space-2);padding-top:var(--space-2);display:grid}.template-field-required{color:var(--color-text-muted);font-size:var(--font-size-meta);align-items:center;gap:var(--space-2);display:inline-flex}.template-field-instructions-input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-mono);font-size:var(--font-size-meta);min-height:60px;padding:var(--space-2) var(--space-3);resize:vertical;width:100%}.template-field-instructions-input:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus-ring);outline:none}.template-field-options{gap:var(--space-1);display:grid}.template-field-options ul{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.template-field-option{align-items:center;gap:var(--space-1);grid-template-columns:minmax(0,1fr) auto;display:grid}.template-field-option input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--font-size-meta);height:28px;padding:0 var(--space-2)}.template-field-option input:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus-ring);outline:none}.template-use-fields{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.template-use-field .form-row{gap:var(--space-1);display:grid}.template-use-field .form-row>span,.template-use-field .form-row>legend{color:var(--color-text);font-size:var(--font-size-meta);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-meta);text-transform:uppercase;padding:0}.template-use-field input,.template-use-field select,.template-use-field textarea{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-body);padding:var(--space-2) var(--space-3);width:100%}.template-use-field input:focus,.template-use-field select:focus,.template-use-field textarea:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus-ring);outline:none}.template-use-instructions{background:var(--color-info-soft);border:1px solid color-mix(in srgb, var(--color-info) 25%, transparent);border-radius:var(--radius-md);gap:var(--space-1);padding:var(--space-3) var(--space-4);display:grid}.template-use-instructions strong{color:var(--color-info);font-size:var(--font-size-meta);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-meta);text-transform:uppercase}.template-use-instructions p{color:var(--color-text);font-size:var(--font-size-body);white-space:pre-wrap;margin:0}.template-use-checkboxes{border:0;margin:0;padding:0}.template-use-checkboxes legend{margin-bottom:var(--space-1)}.template-use-labels-bar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);align-items:center;gap:var(--space-1);min-height:36px;padding:var(--space-1) var(--space-2);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);flex-wrap:wrap;display:flex}.template-use-labels-bar:focus-within{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus-ring)}.template-use-labels-bar .badge{align-items:center;gap:var(--space-1);display:inline-flex}.template-use-labels-input{color:var(--color-text);font-size:var(--font-size-body);background:0 0;border:0;outline:none;flex:1;min-width:120px;padding:0}.template-use-label-remove{color:var(--color-text-faint);cursor:pointer;background:0 0;border:0;width:16px;height:16px;padding:0;font-size:13px;line-height:1}.template-use-label-remove:hover{color:var(--color-text)}.template-use-upload-list{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:0;margin:0;padding:0;list-style:none;display:grid}.template-use-upload-list li{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);justify-content:space-between;display:flex}.template-use-upload-list li+li{border-top:1px solid var(--color-border)}.template-use-upload-list a{color:var(--color-primary);font-size:var(--font-size-meta);text-overflow:ellipsis;white-space:nowrap;text-decoration:none;overflow:hidden}.template-use-upload-list a:hover{text-decoration:underline}.template-use-upload-row{align-items:stretch;gap:var(--space-2);grid-template-columns:minmax(0,1fr) minmax(0,2fr) auto;display:grid}.template-use-upload-row input{font-size:var(--font-size-meta)}.template-editor-section-fields .template-field-list{background:var(--color-bg)}.recurring-rule-dialog{max-width:560px}.recurring-rule-description{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-mono);font-size:var(--font-size-meta);line-height:var(--line-height-dense);min-height:100px;padding:var(--space-2) var(--space-3);resize:vertical;width:100%}.recurring-rule-description:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus-ring);outline:none}
.artifact-shell{gap:var(--space-3);grid-template-columns:minmax(180px,240px) minmax(0,1fr);min-height:min(760px,100vh - 86px);display:grid}.artifact-sidebar,.artifact-editor,.artifact-inspector{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:0}.artifact-sidebar{grid-template-rows:auto auto auto auto 1fr;display:grid;overflow:hidden}.artifact-sidebar-section{border-bottom:1px solid var(--color-border);gap:var(--space-1);padding:var(--space-2) var(--space-2) var(--space-3);display:grid}.artifact-sidebar-section:last-child{border-bottom:0}.artifact-doc-section{grid-template-rows:auto minmax(0,1fr);min-height:0;padding-bottom:0;overflow:hidden}.artifact-sidebar-search{border-bottom:1px solid var(--color-border);align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);grid-template-columns:auto minmax(0,1fr);display:grid}.artifact-sidebar-search-icon{color:var(--color-text-muted);pointer-events:none;justify-content:center;align-items:center;display:inline-flex}.artifact-sidebar-search input{background:var(--color-surface-muted);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-meta);min-width:0;padding:var(--space-1) var(--space-2);transition:background-color var(--transition-fast), border-color var(--transition-fast);border:1px solid #0000}.artifact-sidebar-search input:hover{background:var(--color-bg)}.artifact-sidebar-search input:focus-visible{background:var(--color-bg);border-color:var(--color-primary);outline:0}.artifact-section-header{align-items:center;gap:var(--space-2);padding:0 var(--space-1);justify-content:space-between;display:flex}.artifact-section-header h3{color:var(--color-text-muted);font-family:inherit;font-size:var(--font-size-dense);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-meta);text-transform:uppercase;margin:0}.artifact-section-count{background:var(--color-surface-muted);color:var(--color-text-muted);font-size:var(--font-size-dense);font-weight:var(--font-weight-semibold);text-align:center;border-radius:999px;min-width:18px;padding:1px 6px}.artifact-section-action{border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;width:22px;height:22px;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;display:inline-flex}.artifact-section-action:hover,.artifact-section-action:focus-visible{background:var(--color-surface-muted);color:var(--color-text);outline:0}.artifact-section-empty{padding:var(--space-1) var(--space-2)}.artifact-filters{gap:2px}.artifact-filter-item{border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;font-size:var(--font-size-meta);font-weight:var(--font-weight-semibold);padding:var(--space-1) var(--space-2);text-align:left;background:0 0;border:1px solid #0000}.artifact-filter-item:hover{background:var(--color-surface-muted)}.artifact-filter-item.active{background:var(--color-primary-soft);color:var(--color-primary)}.artifact-collection-tree{gap:2px;margin:0;padding:0;list-style:none;display:grid}.artifact-collection-tree li{align-items:center;gap:var(--space-1);grid-template-columns:minmax(0,1fr) auto;display:grid}.artifact-collection-item{border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;font-size:var(--font-size-meta);align-items:center;gap:var(--space-2);min-width:0;padding:var(--space-1) var(--space-2);text-align:left;background:0 0;border:1px solid #0000;grid-template-columns:auto minmax(0,1fr);display:grid}.artifact-collection-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.artifact-collection-item:hover{background:var(--color-surface-muted)}.artifact-collection-item.active{background:var(--color-primary-soft);color:var(--color-primary)}.artifact-collection-edit{border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:inline-flex}.artifact-collection-edit:hover,.artifact-collection-edit:focus-visible{background:var(--color-surface-muted);color:var(--color-text);outline:0}.artifact-archive-button{color:var(--color-text-muted);margin-left:auto}.artifact-archive-button:hover:not(:disabled){color:var(--color-danger,var(--color-text))}.artifact-sidebar-header,.artifact-editor-header{border-bottom:1px solid var(--color-border);align-items:center;gap:var(--space-3);min-height:52px;padding:var(--space-2) var(--space-3);justify-content:space-between;display:flex}.artifact-sidebar-header{background:var(--color-bg);z-index:1;position:sticky;top:0}.artifact-new-doc-button{align-items:center;gap:var(--space-1);height:28px;padding:0 var(--space-2);display:inline-flex}.artifact-new-doc-button svg{flex-shrink:0}.artifact-sidebar-header h2{font-size:var(--font-size-section);margin:0}.artifact-sidebar-header p,.artifact-meta,.artifact-empty{color:var(--color-text-muted);font-size:var(--font-size-meta);margin:0}.artifact-list{gap:var(--space-1);padding:var(--space-2);display:grid;overflow:auto}.artifact-collection-form{gap:var(--space-1);padding:var(--space-1) 0;grid-template-columns:minmax(0,1fr) auto;display:grid}.artifact-collection-editor{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-2);display:grid}.artifact-collection-editor label{color:var(--color-text-muted);font-size:var(--font-size-meta);font-weight:var(--font-weight-semibold);gap:var(--space-1);display:grid}.artifact-collection-editor-actions{gap:var(--space-2);display:flex}.artifact-collection-form input,.artifact-collection-editor input,.artifact-collection-editor select,.artifact-field select,.artifact-template-select{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);min-width:0;padding:var(--space-2)}.artifact-collection-form input:focus-visible,.artifact-collection-editor input:focus-visible,.artifact-collection-editor select:focus-visible,.artifact-field select:focus-visible,.artifact-template-select:focus-visible{border-color:var(--color-primary);outline:0}.artifact-template-select{max-width:150px}.artifact-list-item{border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;padding:var(--space-2);text-align:left;transition:background-color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:1px solid #0000;gap:2px;display:grid}.artifact-list-item:hover{background:var(--color-surface-muted);border-color:var(--color-border)}.artifact-list-item.active{background:var(--color-primary-soft);border-color:var(--color-primary)}.artifact-list-item.active>span{color:var(--color-primary)}.artifact-list-item:focus-visible{border-color:var(--color-primary);outline:0}.artifact-list-item>span{font-weight:var(--font-weight-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.artifact-list-item small{color:var(--color-text-muted);font-size:var(--font-size-dense);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.artifact-list-item-tag{background:var(--color-surface-muted);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--font-size-dense);font-weight:var(--font-weight-semibold);align-self:flex-start;width:fit-content;margin-top:4px;padding:1px 6px}.artifact-list-item.active .artifact-list-item-tag{background:var(--color-surface);color:var(--color-primary)}.artifact-list-empty{gap:var(--space-2);padding:var(--space-3) var(--space-2);justify-items:start;display:grid}.artifact-editor{grid-template-rows:auto 1fr;display:grid;overflow:hidden}.artifact-editor-title{border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-section);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);min-width:0;padding:var(--space-1) var(--space-2);transition:background-color var(--transition-fast), box-shadow var(--transition-fast);background:0 0;border:0;outline:0;flex:1}.artifact-editor-title:hover{background:var(--color-surface-muted)}.artifact-editor-title:focus-visible{background:var(--color-bg);box-shadow:0 0 0 1px var(--color-primary)}.artifact-editor-title::placeholder{color:var(--color-text-muted);font-weight:var(--font-weight-regular)}.artifact-toolbar{align-items:center;gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end;display:flex}.artifact-toolbar .nav-button[aria-pressed=true]{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.artifact-mode-toggle{border:1px solid var(--color-border);flex-shrink:0;margin:0}.artifact-mode-toggle button[aria-pressed=true]{background:var(--color-surface);color:var(--color-text)}.artifact-save-status{color:var(--color-text-muted);font-size:var(--font-size-meta);white-space:nowrap;min-width:0;min-height:16px}.artifact-doc-grid{grid-template-columns:minmax(0,1fr) minmax(220px,280px);min-height:0;display:grid}.artifact-doc-main{min-height:0;padding:var(--space-3);overflow:auto}.artifact-doc-main textarea{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);min-height:100%;padding:var(--space-3);resize:none;outline:0;width:100%}.artifact-rich-editor{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);grid-template-rows:auto minmax(0,1fr);min-height:100%;display:grid;overflow:hidden}.artifact-rich-toolbar{border-bottom:1px solid var(--color-border);align-items:center;gap:var(--space-1);padding:var(--space-2);flex-wrap:wrap;display:flex}.artifact-rich-button{border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;font-size:var(--font-size-dense);font-weight:var(--font-weight-semibold);min-width:30px;height:28px;padding:0 var(--space-2);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.artifact-rich-button:hover:not(:disabled),.artifact-rich-button:focus-visible,.artifact-rich-button[aria-pressed=true]{background:var(--color-surface-muted);border-color:var(--color-border)}.artifact-rich-button:disabled{cursor:default;opacity:.55}.artifact-rich-content{color:var(--color-text);line-height:var(--line-height-body);min-height:100%;padding:var(--space-4);outline:0;overflow:auto}.artifact-rich-content>:first-child{margin-top:0}.artifact-rich-content>:last-child{margin-bottom:0}.artifact-rich-content p.is-editor-empty:first-child:before{color:var(--color-text-muted);content:attr(data-placeholder);float:left;pointer-events:none;height:0}.artifact-rich-content ul[data-type=taskList]{padding-left:0;list-style:none}.artifact-rich-content li[data-type=taskItem]{align-items:flex-start;gap:var(--space-2);display:flex}.artifact-rich-content li[data-type=taskItem]>div{flex:auto}.artifact-inspector{align-content:start;gap:var(--space-3);padding:var(--space-3);display:grid;overflow:auto}.artifact-link-picker,.artifact-field,.artifact-check-field,.artifact-review-card{gap:var(--space-2);display:grid}.artifact-check-field{color:var(--color-text-muted);font-size:var(--font-size-meta);align-items:center;display:flex}.artifact-review-card{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2)}.artifact-review-card h3,.artifact-review-card p{margin:0}.artifact-review-card h3,.artifact-outline h3{font-size:var(--font-size-body)}.artifact-review-card p{color:var(--color-text-muted);font-size:var(--font-size-meta)}.artifact-outline{border-top:1px solid var(--color-border);gap:var(--space-2);padding-top:var(--space-3);display:grid}.artifact-outline h3,.artifact-outline p,.artifact-outline ol,.artifact-outline ul{margin:0}.artifact-outline-header{align-items:center;gap:var(--space-2);justify-content:space-between;display:flex}.artifact-outline-header span{background:var(--color-surface-muted);color:var(--color-text-muted);font-size:var(--font-size-dense);font-weight:var(--font-weight-semibold);text-align:center;border-radius:999px;min-width:18px;padding:1px 6px}.artifact-outline p,.artifact-outline li{color:var(--color-text-muted);font-size:var(--font-size-meta);align-items:center;gap:var(--space-1);grid-template-columns:minmax(0,1fr) auto;display:grid}.artifact-outline ol,.artifact-outline ul{gap:var(--space-1);padding:0;list-style:none;display:grid}.artifact-outline li[data-depth="1"] span{color:var(--color-text);font-weight:var(--font-weight-semibold)}.artifact-outline li span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.document-comment-target button{color:var(--color-primary);cursor:pointer;font:inherit;background:0 0;border:0;padding:0}.artifact-outline li button{border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:inline-flex}.artifact-outline li button:hover,.artifact-outline li button:focus-visible{background:var(--color-surface-muted);color:var(--color-text);outline:0}.artifact-comments{border-top:1px solid var(--color-border);gap:var(--space-2);padding-top:var(--space-3);display:grid}.artifact-comments-header{justify-content:space-between;align-items:center;display:flex}.artifact-comments-header h3{font-size:var(--font-size-body);margin:0}.artifact-comments-header p{color:var(--color-text-muted);font-size:var(--font-size-meta);margin:0}.artifact-comments-header span{color:var(--color-text-muted);font-size:var(--font-size-meta)}.artifact-comment-list,.artifact-comment-form{gap:var(--space-2);display:grid}.artifact-comment{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:var(--space-1);padding:var(--space-2);display:grid}.artifact-comment header{align-items:center;gap:var(--space-2);justify-content:space-between;display:flex}.artifact-comment strong{font-size:var(--font-size-meta)}.artifact-comment time{color:var(--color-text-muted);font-size:var(--font-size-dense)}.artifact-comment p{font-size:var(--font-size-meta);white-space:pre-wrap;margin:0}.artifact-comment-form textarea{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);min-height:76px;padding:var(--space-2);resize:vertical}.document-comment-thread{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.document-comment-target{color:var(--color-text-muted);font-size:var(--font-size-meta);align-items:center;gap:var(--space-2);margin:0 0 var(--space-2);grid-template-columns:minmax(0,1fr) auto;display:grid}.document-comment-target span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.artifact-link-picker label,.artifact-field,.canvas-object-inspector label{color:var(--color-text-muted);font-size:var(--font-size-meta);font-weight:var(--font-weight-semibold);gap:var(--space-1);display:grid}.artifact-link-picker input,.canvas-object-inspector input,.canvas-object-inspector textarea{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);min-width:0;padding:var(--space-2)}.artifact-rich-content li[data-type=taskItem]>label{flex:none;padding-top:.15em}.artifact-link-chips,.artifact-link-results{gap:var(--space-1);display:grid}.artifact-link-option-row{align-items:stretch;gap:var(--space-1);grid-template-columns:minmax(0,1fr) auto;display:grid}.artifact-link-chip,.artifact-link-option{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;padding:var(--space-2);text-align:left;gap:1px;display:grid}.artifact-link-chip{background:var(--color-primary-soft);color:var(--color-primary)}.artifact-link-option.selected{border-color:var(--color-primary)}.artifact-link-option small{color:var(--color-text-muted);font-size:var(--font-size-dense)}.artifact-version-panel{gap:var(--space-2);display:grid}.artifact-version-panel h3,.artifact-version-panel p{margin:0}.artifact-version-panel h3{font-size:var(--font-size-body)}.artifact-version-panel p{color:var(--color-text-muted);font-size:var(--font-size-meta)}.artifact-version-list{gap:var(--space-1);display:grid}.artifact-version-row{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;padding:var(--space-2);text-align:left;gap:2px;display:grid}.artifact-version-row:hover,.artifact-version-row:focus-visible{border-color:var(--color-primary)}.artifact-version-row:disabled{cursor:default;opacity:.62}.artifact-version-row small{color:var(--color-text-muted);font-size:var(--font-size-dense)}.artifact-version-row-actions{gap:var(--space-1);margin-top:var(--space-1);display:flex}.artifact-version-compare{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:var(--space-2);padding:var(--space-2);display:grid}.artifact-version-compare h4{font-size:var(--font-size-meta);margin:0}.artifact-version-diff{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.artifact-version-diff strong{font-size:var(--font-size-meta)}.artifact-version-diff ul{gap:var(--space-1);margin:var(--space-1) 0 0;padding:0;list-style:none;display:grid}.artifact-version-diff li{background:var(--color-surface-muted);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--font-size-dense);text-overflow:ellipsis;white-space:nowrap;padding:3px 5px;overflow:hidden}.artifact-error-block{gap:var(--space-2);display:grid}.artifact-error-block p{margin:0}@media (max-width:980px){.artifact-shell,.artifact-doc-grid{grid-template-columns:1fr}.artifact-sidebar{max-height:220px}}.artifact-page{grid-template-rows:auto minmax(0,1fr);min-height:100vh;display:grid}.artifact-page-header{background:var(--color-bg);border-bottom:1px solid var(--color-border);align-items:center;gap:var(--space-4);min-height:58px;padding:var(--space-2) var(--space-4);justify-content:space-between;display:flex}.artifact-page-heading{align-items:center;gap:var(--space-3);min-width:0;display:flex}.artifact-page-heading h1,.artifact-page-heading p{margin:0}.artifact-page-heading h1{font-size:var(--font-size-page-title);line-height:var(--line-height-tight)}.artifact-page-heading p{color:var(--color-text-muted);font-size:var(--font-size-meta)}.artifact-page-back{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-dense);font-weight:var(--font-weight-semibold);height:30px;padding:0 var(--space-2);align-items:center;text-decoration:none;display:inline-flex}.artifact-page-back:hover,.artifact-page-back:focus-visible{border-color:var(--color-primary);color:var(--color-primary)}.artifact-page-nav{align-items:center;gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end;display:flex}.artifact-page-account{border-left:1px solid var(--color-border);align-items:center;gap:var(--space-2);margin-left:var(--space-1);padding-left:var(--space-3);display:inline-flex}.artifact-page-nav [aria-current=page]{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.artifact-page-surface{min-height:0}.artifact-page .artifact-shell{gap:0;height:calc(100vh - 58px);min-height:0}.artifact-page-docs .artifact-shell{grid-template-columns:minmax(260px,320px) minmax(0,1fr)}.artifact-page .artifact-sidebar,.artifact-page .artifact-editor,.artifact-page .artifact-inspector{border-radius:0}.artifact-page .artifact-editor,.artifact-page .artifact-inspector{border-left:0}.artifact-page .artifact-doc-grid{grid-template-columns:minmax(0,1fr) minmax(300px,360px)}.artifact-page .artifact-doc-main{padding:var(--space-5)}.artifact-page .artifact-doc-main textarea{font-size:var(--font-size-body);line-height:var(--line-height-body)}.artifact-page-state{align-content:center;gap:var(--space-3);min-height:calc(100vh - 58px);padding:var(--space-8);justify-items:start;display:grid}.artifact-page-state h1,.artifact-page-state p{margin:0}.artifact-page-state p{color:var(--color-text-muted)}@media (max-width:900px){.artifact-page-header{flex-direction:column;align-items:stretch}.artifact-page-nav{justify-content:flex-start}.artifact-page-account{border-left:0;margin-left:0;padding-left:0}.artifact-page .artifact-shell,.artifact-page .artifact-doc-grid{grid-template-columns:1fr}.artifact-page .artifact-shell{height:auto;min-height:calc(100vh - 58px)}.artifact-page .artifact-sidebar{max-height:260px}}@media (max-width:720px){.artifact-editor-header{align-items:stretch;gap:var(--space-2);padding:var(--space-3);flex-direction:column}.artifact-editor-title{font-size:var(--font-size-page-title);padding:var(--space-2)}.artifact-toolbar{gap:var(--space-2);flex-wrap:wrap;justify-content:flex-start;width:100%}.artifact-mode-toggle{flex:100%;order:-1}.artifact-mode-toggle button{min-height:40px;padding:0 var(--space-3);flex:1 1 0}.artifact-template-select{flex:auto;max-width:100%;min-height:40px}.artifact-toolbar .nav-button{min-height:40px}.artifact-toolbar .nav-button.primary{flex:auto}.artifact-save-status{text-align:left;flex:100%}.artifact-page-docs .artifact-shell,.artifact-page .artifact-doc-grid{grid-template-columns:1fr}}
.canvas-shell{grid-template-columns:minmax(180px,230px) minmax(0,1fr) minmax(220px,280px)}.artifact-page-canvas .canvas-shell{grid-template-columns:minmax(240px,300px) minmax(0,1fr) minmax(300px,360px)}.canvas-workspace{height:100%;min-height:0;display:block;position:relative}.canvas-stage{background:radial-gradient(circle, color-mix(in srgb, var(--color-text-faint) 24%, transparent) 1px, transparent 1px), linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 85%, transparent), color-mix(in srgb, var(--color-surface) 55%, transparent)), var(--color-bg);background-size:22px 22px,100% 100%,100% 100%;height:100%;min-height:0;padding:0;position:relative;overflow:hidden}.canvas-topbar{pointer-events:none;z-index:4;position:absolute;inset:0}.canvas-topbar>*{pointer-events:auto;position:absolute}.canvas-history-pill,.canvas-tool-pill,.canvas-zoom-pill{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);align-items:center;gap:2px;padding:4px;display:inline-flex;box-shadow:0 1px 2px #0d14130f,0 12px 28px -12px #0d14132e}.canvas-history-pill{left:var(--space-3);top:var(--space-3)}.canvas-tool-pill{bottom:var(--space-4);left:50%;transform:translate(-50%)}.canvas-zoom-pill{bottom:var(--space-4);right:var(--space-3);gap:2px}.canvas-tool-icon-button{border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:background .1s,color .1s,transform .1s;display:inline-flex;position:relative}.canvas-tool-icon-button:hover:not(:disabled){background:var(--color-surface-muted);color:var(--color-text)}.canvas-tool-icon-button:focus-visible{box-shadow:var(--shadow-focus-ring);outline:0}.canvas-tool-icon-button[aria-pressed=true]{background:var(--color-primary-soft);color:var(--color-primary)}.canvas-tool-icon-button[aria-pressed=true]:hover{background:var(--color-primary-strong)}.canvas-tool-icon-button:disabled{cursor:not-allowed;opacity:.35}.canvas-tool-icon-button svg{pointer-events:none}.canvas-tool-hint{background:var(--color-surface-muted);color:var(--color-text-faint);letter-spacing:.02em;opacity:0;pointer-events:none;border-radius:3px;padding:1px 3px;font-size:9px;font-weight:700;line-height:1;transition:opacity .12s,transform .12s;position:absolute;bottom:2px;right:2px;transform:translateY(2px)}.canvas-tool-icon-button:hover .canvas-tool-hint,.canvas-tool-icon-button:focus-visible .canvas-tool-hint{opacity:1;transform:translateY(0)}.canvas-tool-group{align-items:center;gap:2px;display:inline-flex}.canvas-tool-divider{background:var(--color-border);flex:none;width:1px;height:20px;margin:0 4px;display:inline-block}.canvas-swatches{align-items:center;gap:4px;padding:0 6px;display:inline-flex}.canvas-swatch{background:var(--color-bg);border:2px solid var(--color-surface);box-shadow:0 0 0 1px var(--color-border-strong);cursor:pointer;border-radius:999px;width:18px;height:18px;padding:0;transition:transform .12s,box-shadow .12s}.canvas-swatch:hover{transform:scale(1.12)}.canvas-swatch:focus-visible{box-shadow:0 0 0 1px var(--color-border-strong), var(--shadow-focus-ring);outline:0}.canvas-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--color-primary)}.canvas-pen-size-group{border:0;align-items:center;gap:4px;margin:0;padding:0 6px;display:inline-flex}.canvas-fieldset-label{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.canvas-size-chip{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;font-size:var(--font-size-meta);font-weight:var(--font-weight-semibold);background:0 0;height:26px;padding:0 8px}.canvas-size-chip:hover,.canvas-size-chip:focus-visible{border-color:var(--color-primary);color:var(--color-primary);outline:0}.canvas-size-chip[aria-pressed=true]{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.canvas-zoom-readout{color:var(--color-text);font-size:var(--font-size-meta);font-variant-numeric:tabular-nums;min-width:42px;padding:0 var(--space-1);text-align:center;font-weight:600}.canvas-board{aspect-ratio:14/9;border-radius:var(--radius-md);color:var(--color-text);cursor:crosshair;background:0 0;border:0;width:100%;min-width:860px;display:block}.canvas-board-shell{touch-action:none;outline:0;position:relative;overflow:hidden}.canvas-board-shell:focus-visible{box-shadow:0 0 0 2px var(--color-primary)}.canvas-board-shell[data-tool=select]{cursor:default}.canvas-board-shell[data-tool=text]{cursor:text}.canvas-board-shell[data-tool=comment]{cursor:cell}.canvas-board-shell[data-tool=sticky],.canvas-board-shell[data-tool=frame],.canvas-board-shell[data-tool=table],.canvas-board-shell[data-tool=card],.canvas-board-shell[data-tool=mindmap],.canvas-board-shell[data-tool=rectangle],.canvas-board-shell[data-tool=diamond],.canvas-board-shell[data-tool=circle],.canvas-board-shell[data-tool=triangle],.canvas-board-shell[data-tool=hexagon],.canvas-board-shell[data-tool=line],.canvas-board-shell[data-tool=arrow],.canvas-board-shell[data-tool=pen],.canvas-board-shell[data-tool=highlighter]{cursor:crosshair}.canvas-board-shell[data-tool=eraser]{cursor:cell}.canvas-gpu-layer,.canvas-fallback-layer,.canvas-overlay-layer{width:100%;height:100%;position:absolute;inset:0}.canvas-gpu-layer{z-index:0}.canvas-fallback-layer{z-index:1}.canvas-overlay-layer{z-index:2}.canvas-text-edit-layer{pointer-events:none;z-index:4;border:0;min-inline-size:0;margin:0;padding:0;position:absolute;inset:0}.canvas-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.canvas-inline-textarea{-webkit-text-fill-color:currentColor;border:2px solid var(--color-primary);border-radius:var(--radius-md);box-sizing:border-box;box-shadow:0 0 0 4px var(--color-primary-soft), 0 10px 28px -12px #0d141333;color:#1f2b28;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-sans);pointer-events:auto;resize:none;scrollbar-width:thin;text-shadow:none;transform-origin:50%;z-index:1;background:#fff;outline:0;padding:10px 16px;position:absolute;overflow:auto}.canvas-inline-textarea::placeholder{-webkit-text-fill-color:var(--color-text-muted);color:var(--color-text-muted)}.canvas-inline-textarea::selection{-webkit-text-fill-color:#1f2b28;background:var(--color-primary-strong);color:#1f2b28}.canvas-table-cell-textarea{border-radius:0;padding:6px 8px;box-shadow:inset 0 0 0 1px #ffffffb8}.canvas-smart-mention-menu{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);pointer-events:auto;z-index:3;max-height:168px;padding:4px;display:grid;position:absolute;overflow:auto;box-shadow:0 1px 2px #0d141314,0 18px 36px -18px #0d141352}.canvas-smart-mention-menu button{border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;text-align:left;background:0 0;border:0;gap:2px;padding:8px 10px;display:grid}.canvas-smart-mention-menu button:hover,.canvas-smart-mention-menu button:focus-visible{background:var(--color-primary-soft);outline:0}.canvas-smart-mention-menu span{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}.canvas-smart-mention-menu small{color:var(--color-text-muted);font-size:var(--font-size-meta);text-transform:capitalize}.canvas-text-format-toolbar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text);pointer-events:auto;z-index:2;align-items:center;gap:2px;min-height:40px;padding:4px;display:inline-flex;position:absolute;transform:translate(-50%);box-shadow:0 1px 2px #0d14130f,0 18px 36px -18px #0d141352}.canvas-text-format-divider{background:var(--color-border);flex:none;width:1px;height:18px;margin:0 2px}.canvas-text-format-button{border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:background .1s,color .1s;display:inline-flex}.canvas-text-format-button:hover{background:var(--color-surface-muted);color:var(--color-text)}.canvas-text-format-button[aria-pressed=true]{background:var(--color-primary-soft);color:var(--color-primary)}.canvas-text-format-button:focus-visible{box-shadow:var(--shadow-focus-ring);outline:0}.canvas-text-format-color{align-items:center;gap:0;padding:0 4px;display:inline-flex;position:relative}.canvas-text-format-color select{appearance:none;color:#0000;cursor:pointer;opacity:0;background:0 0;border:0;width:100%;position:absolute;inset:0}.canvas-text-color-swatch{border:2px solid var(--color-surface);box-shadow:0 0 0 1px var(--color-border-strong);cursor:pointer;border-radius:50%;width:20px;height:20px}.canvas-text-format-select{border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;font-size:var(--font-size-meta);background:0 0;border:0;flex:none;align-items:center;gap:4px;height:30px;padding:0 8px;font-weight:600;transition:background .1s;display:inline-flex;position:relative}.canvas-text-format-select:hover{background:var(--color-surface-muted)}.canvas-text-format-select select{appearance:none;color:#0000;cursor:pointer;opacity:0;background:0 0;border:0;width:100%;position:absolute;inset:0}.canvas-text-format-select-label{font-variant-numeric:tabular-nums;pointer-events:none;white-space:nowrap}.canvas-text-format-select select:focus-visible+.canvas-text-format-select-label,.canvas-text-format-select:focus-within{background:var(--color-surface-muted);box-shadow:var(--shadow-focus-ring);outline:0}.canvas-text-format-select svg{color:var(--color-text-muted);pointer-events:none;flex:none;width:14px;height:14px}.canvas-text-format-size{min-width:64px}.canvas-text-align-group{border:0;gap:2px;min-inline-size:0;margin:0;padding:0;display:inline-flex}.canvas-table-insert-control{background:var(--color-surface);border:1px solid var(--color-primary);border-radius:var(--radius-pill);color:var(--color-primary);cursor:pointer;z-index:4;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:14px;font-weight:700;line-height:1;transition:background .1s,color .1s,transform .1s;display:inline-flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 2px #0d141314,0 8px 18px -10px #0d141347}.canvas-table-insert-control:hover,.canvas-table-insert-control:focus-visible{background:var(--color-primary);color:var(--color-text-on-accent);outline:0;transform:translate(-50%,-50%)scale(1.08)}.canvas-mindmap-cluster{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);pointer-events:auto;z-index:4;align-items:center;gap:1px;padding:2px;display:inline-flex;position:absolute;transform:translateY(-50%);box-shadow:0 1px 2px #0d14130f,0 8px 20px -10px #0d141338}.canvas-mindmap-action{border-radius:var(--radius-pill);color:var(--color-text);cursor:pointer;letter-spacing:.02em;white-space:nowrap;background:0 0;border:0;flex:none;align-items:center;gap:4px;height:22px;padding:0 7px;font-size:10px;font-weight:600;transition:background .12s,color .12s;display:inline-flex}.canvas-mindmap-action:hover,.canvas-mindmap-action:focus-visible{background:var(--color-surface-muted);outline:0}.canvas-mindmap-action svg{color:currentColor;flex:none;width:12px;height:12px}.canvas-mindmap-action-label{pointer-events:none}.canvas-mindmap-action-icon{width:22px;padding:0}.canvas-mindmap-action-primary{background:var(--color-primary);color:var(--color-text-on-accent)}.canvas-mindmap-action-primary:hover,.canvas-mindmap-action-primary:focus-visible{background:var(--color-primary-hover);color:var(--color-text-on-accent)}.canvas-mindmap-action-primary svg{color:var(--color-text-on-accent)}.canvas-mindmap-action-danger{color:var(--color-danger)}.canvas-mindmap-action-danger:hover,.canvas-mindmap-action-danger:focus-visible{background:var(--color-danger-soft);color:var(--color-danger)}.canvas-comment-thread{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);z-index:5;min-width:min(420px,100vw - 48px);max-width:min(480px,100vw - 48px);position:absolute;overflow:hidden;box-shadow:0 2px 4px #0d14130f,0 24px 60px -28px #0d14135c}.canvas-comment-thread-header{border-bottom:1px solid var(--color-border);align-items:center;gap:var(--space-2);min-height:44px;padding:6px var(--space-3) 6px var(--space-4);justify-content:space-between;display:flex}.canvas-comment-thread-title{align-items:center;gap:var(--space-2);display:inline-flex}.canvas-comment-thread-title strong{font-size:var(--font-size-panel);font-weight:600}.canvas-comment-resolved-tag{background:var(--color-success-soft);border-radius:var(--radius-sm);color:var(--color-success);font-size:var(--font-size-meta);text-transform:uppercase;letter-spacing:.04em;padding:2px 6px;font-weight:600}.canvas-comment-thread-actions{align-items:center;gap:2px;display:inline-flex}.canvas-comment-thread-button,.canvas-comment-card-resolve{border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:background .1s,color .1s;display:inline-flex}.canvas-comment-thread-button:hover,.canvas-comment-thread-button:focus-visible,.canvas-comment-card-resolve:hover,.canvas-comment-card-resolve:focus-visible{background:var(--color-surface-muted);color:var(--color-text);outline:0}.canvas-comment-thread-button[aria-pressed=true]{background:var(--color-success-soft);color:var(--color-success)}.canvas-comment-thread-body{gap:var(--space-4);max-height:60vh;padding:var(--space-4);display:grid;overflow-y:auto}.canvas-comment-message{gap:var(--space-2);grid-template-columns:28px minmax(0,1fr);display:grid}.canvas-comment-message p{font-size:var(--font-size-body);margin:0;line-height:1.45}.canvas-comment-meta{align-items:baseline;gap:var(--space-2);flex-wrap:wrap;margin:0 0 2px;display:flex}.canvas-comment-meta strong{color:var(--color-text);font-size:var(--font-size-body);font-weight:600}.canvas-comment-meta time{color:var(--color-text-muted);font-size:var(--font-size-meta)}.canvas-comment-avatar{background:var(--color-primary);border-radius:var(--radius-pill);color:var(--color-text-on-accent);letter-spacing:.02em;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:600;display:inline-flex}.canvas-comment-reply{border-top:1px solid var(--color-border);align-items:start;gap:var(--space-2);margin-top:var(--space-2);padding-top:var(--space-3);grid-template-columns:28px minmax(0,1fr);display:grid}.canvas-comment-reply-field{background:var(--color-surface-muted);border-radius:var(--radius-md);padding:var(--space-2);border:1px solid #0000;grid-template-rows:minmax(0,1fr) auto;gap:0;transition:border-color .1s,box-shadow .1s;display:grid;position:relative}.canvas-comment-reply-field:focus-within{background:var(--color-surface);border-color:var(--color-primary);box-shadow:var(--shadow-focus-ring)}.canvas-comment-reply textarea{color:var(--color-text);font-family:inherit;font-size:var(--font-size-body);resize:none;background:0 0;border:0;outline:0;min-height:36px;padding:0;line-height:1.4}.canvas-comment-reply textarea::placeholder{color:var(--color-text-faint)}.canvas-comment-send{background:var(--color-primary);border-radius:var(--radius-md);color:var(--color-text-on-accent);cursor:pointer;border:0;justify-content:center;justify-self:end;align-items:center;width:28px;height:28px;margin-top:4px;padding:0;transition:background .1s,opacity .1s;display:inline-flex}.canvas-comment-send:hover:not(:disabled){background:var(--color-primary-hover)}.canvas-comment-send:disabled{background:var(--color-surface-muted);color:var(--color-text-faint);cursor:not-allowed}.canvas-comment-mention-menu{z-index:6;width:auto;inset:auto 0 calc(100% + 6px)}.canvas-recenter-button{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text);cursor:pointer;font-size:var(--font-size-meta);font-weight:var(--font-weight-semibold);align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);z-index:5;display:inline-flex;position:absolute;bottom:72px;left:50%;transform:translate(-50%);box-shadow:0 1px 2px #0d14130f,0 12px 28px -12px #0d14132e}.canvas-recenter-button:hover,.canvas-recenter-button:focus-visible{border-color:var(--color-primary);color:var(--color-primary)}.canvas-context-menu{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);z-index:6;gap:2px;min-width:150px;padding:4px;display:grid;position:absolute;box-shadow:0 1px 2px #0d141314,0 18px 36px -18px #0d141359}.canvas-context-menu button{border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;font-size:var(--font-size-meta);font-weight:var(--font-weight-semibold);text-align:left;background:0 0;border:0;align-items:center;gap:8px;height:32px;padding:0 10px;display:inline-flex}.canvas-context-menu button:hover,.canvas-context-menu button:focus-visible{background:var(--color-surface-muted);color:var(--color-primary);outline:0}.canvas-context-menu button:disabled{color:var(--color-text-faint);cursor:not-allowed;opacity:.55}.canvas-comments-panel{border-bottom:1px solid var(--color-border);gap:var(--space-3);margin:calc(var(--space-4) * -1) calc(var(--space-4) * -1) var(--space-3);padding:var(--space-3) var(--space-4) var(--space-4);display:grid}.canvas-comments-panel-header{align-items:center;gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto;display:grid}.canvas-comments-search{background:var(--color-surface-muted);border-radius:var(--radius-md);color:var(--color-text-muted);align-items:center;gap:var(--space-1);padding:0 var(--space-2);border:1px solid #0000;transition:border-color .1s,background .1s;display:flex}.canvas-comments-search:focus-within{background:var(--color-surface);border-color:var(--color-primary);box-shadow:var(--shadow-focus-ring)}.canvas-comments-search-icon{color:var(--color-text-faint);flex:none;justify-content:center;align-items:center;width:16px;height:32px;display:inline-flex}.canvas-comments-search-icon svg{width:14px;height:14px}.canvas-comments-search input{color:var(--color-text);font-size:var(--font-size-body);background:0 0;border:0;outline:0;width:100%;min-width:0;height:32px}.canvas-comments-search input::placeholder{color:var(--color-text-faint)}.canvas-comments-panel-header>button{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .1s;display:inline-flex}.canvas-comments-panel-header>button:hover{border-color:var(--color-border-strong);color:var(--color-text)}.canvas-comments-panel-header>button[aria-pressed=true]{background:var(--color-success-soft);color:var(--color-success);border-color:#0000}.canvas-comments-list{gap:var(--space-1);display:grid}.canvas-comment-card{border-radius:var(--radius-md);gap:var(--space-2);padding:var(--space-2);background:0 0;border:1px solid #0000;grid-template-columns:minmax(0,1fr) auto;transition:background .1s,border-color .1s;display:grid}.canvas-comment-card:hover{background:var(--color-surface-muted)}.canvas-comment-card[data-selected=true]{background:var(--color-primary-soft);border-color:var(--color-primary)}.canvas-comment-card-main{color:var(--color-text);cursor:pointer;align-items:start;gap:var(--space-2);text-align:left;background:0 0;border:0;grid-template-columns:28px minmax(0,1fr);padding:0;display:grid}.canvas-comment-card-content{gap:2px;min-width:0;display:grid}.canvas-comment-card-kicker{color:var(--color-text-faint);font-size:var(--font-size-meta);letter-spacing:.04em;text-transform:uppercase;font-weight:600}.canvas-comment-card-content small{color:var(--color-text-muted);font-size:var(--font-size-meta)}.canvas-comment-card-content strong{color:var(--color-text);font-size:var(--font-size-body);flex-wrap:wrap;align-items:baseline;gap:6px;font-weight:600;display:flex}.canvas-comment-card-content time{color:var(--color-text-muted);font-size:var(--font-size-meta);font-weight:var(--font-weight-regular)}.canvas-comment-card-content>span:not(.canvas-comment-card-kicker){color:var(--color-text-muted);font-size:var(--font-size-body);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.artifact-page-canvas .canvas-board{border:0;border-radius:0;min-width:0;height:100%}.canvas-save-status{color:var(--color-text-muted);font-size:var(--font-size-meta);padding:0 var(--space-2);align-items:center;gap:6px;font-weight:500;display:inline-flex}.canvas-save-status[data-state=saving]{color:var(--color-text-muted)}.canvas-save-status[data-state=saved]{color:var(--color-success)}.canvas-save-status[data-state=dirty]{color:var(--color-warning)}.canvas-save-status[data-state=conflict]{color:var(--color-danger)}.canvas-save-status .canvas-save-dot{background:currentColor;border-radius:50%;width:7px;height:7px}.canvas-save-status[data-state=saving] svg{animation:1.2s linear infinite canvas-spin}@keyframes canvas-spin{to{transform:rotate(360deg)}}.canvas-icon-action{justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:inline-flex}.canvas-icon-action svg{width:16px;height:16px}.canvas-sidebar-empty{align-items:center;gap:var(--space-3);padding:var(--space-4);text-align:center;display:grid}.canvas-sidebar-empty .nav-button{justify-content:center;align-items:center;gap:6px;display:inline-flex}.canvas-new-button{background:var(--color-primary-soft);border-radius:var(--radius-md);color:var(--color-primary);border:1px solid #0000;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .1s;display:inline-flex}.canvas-new-button:hover{background:var(--color-primary);color:var(--color-text-on-accent)}.artifact-list-item[aria-current=true]{background:var(--color-primary-soft);border-color:var(--color-primary)}.canvas-inspector{grid-template-rows:auto 1fr auto;display:grid}.canvas-object-inspector{gap:var(--space-2);display:grid}.canvas-object-inspector h3{font-size:var(--font-size-panel);align-items:center;gap:var(--space-2);letter-spacing:var(--letter-spacing-tight,normal);margin:0;display:flex}.canvas-object-inspector .canvas-inspector-meta{color:var(--color-text-muted);font-size:var(--font-size-meta);font-weight:500}.canvas-object-inspector textarea{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);min-height:86px;padding:var(--space-2);resize:vertical}.canvas-object-inspector textarea:focus-visible,.canvas-object-inspector input:focus-visible,.canvas-object-inspector select:focus-visible{border-color:var(--color-primary);box-shadow:var(--shadow-focus-ring);outline:0}.canvas-object-inspector select,.canvas-object-inspector input[type=number],.canvas-object-inspector input[type=text]{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);min-width:0;padding:6px var(--space-2)}.canvas-object-inspector input[type=color]{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;width:100%;height:30px;padding:2px}.canvas-object-inspector label{color:var(--color-text-muted);font-size:var(--font-size-meta);letter-spacing:.02em;text-transform:uppercase;gap:4px;font-weight:600;display:grid}.canvas-object-inspector label>input,.canvas-object-inspector label>select,.canvas-object-inspector label>textarea{color:var(--color-text);font-size:var(--font-size-body);letter-spacing:normal;text-transform:none;font-weight:500}.canvas-inspector-grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.canvas-inspector-actions,.canvas-segment{gap:var(--space-1);flex-wrap:wrap;display:flex}.canvas-inspector-actions .nav-button{align-items:center;gap:6px;display:inline-flex}.canvas-inspector-actions .nav-button svg{flex:none;width:14px;height:14px}.canvas-inspector-actions .nav-button.danger{border-color:var(--color-border);color:var(--color-danger)}.canvas-inspector-actions .nav-button.danger:hover:not(:disabled){background:var(--color-danger-soft);border-color:var(--color-danger);color:var(--color-danger)}label.canvas-checkbox-row,.canvas-object-inspector label.canvas-checkbox-row{color:var(--color-text);font-size:var(--font-size-body);align-items:center;gap:var(--space-2);letter-spacing:normal;text-transform:none;flex-direction:row;font-weight:500;display:flex}.canvas-error-block{gap:var(--space-2);display:grid}.canvas-error-block p{margin:0}.canvas-segment button{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;font-size:var(--font-size-meta);font-weight:var(--font-weight-semibold);text-transform:capitalize;flex:1;height:28px;transition:all .1s}.canvas-segment button:hover{border-color:var(--color-border-strong)}.canvas-segment button[aria-pressed=true]{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.canvas-mentions{border:1px solid var(--color-border);border-radius:var(--radius-md);display:grid;overflow:hidden}.canvas-mentions button{background:var(--color-bg);border:0;border-bottom:1px solid var(--color-border);color:var(--color-text);cursor:pointer;padding:var(--space-2);text-align:left;gap:1px;display:grid}.canvas-mentions button:last-child{border-bottom:0}.canvas-mentions button:hover{background:var(--color-surface-muted)}.canvas-mentions small{color:var(--color-text-muted)}.artifact-page-canvas .canvas-shell{background:var(--color-bg);grid-template-columns:1fr;position:relative;overflow:hidden}.artifact-page-canvas .artifact-sidebar{border-radius:var(--radius-lg);left:var(--space-3);max-height:min(420px,100% - 24px);top:var(--space-3);z-index:6;width:232px;position:absolute;box-shadow:0 1px 2px #0d14130f,0 12px 28px -12px #0d14132e}.artifact-page-canvas .artifact-editor{background:0 0;border:0;height:100%;overflow:hidden}.artifact-page-canvas .artifact-editor-header{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-height:48px;left:256px;right:var(--space-3);top:var(--space-3);z-index:6;position:absolute;box-shadow:0 1px 2px #0d14130f,0 12px 28px -12px #0d14132e}.artifact-page-canvas .artifact-editor-header input[aria-label=Canvas\ title]{font-size:var(--font-size-panel);background:0 0;border:0;font-weight:600}.artifact-page-canvas .artifact-editor-header input[aria-label=Canvas\ title]:focus-visible{box-shadow:var(--shadow-focus-ring);border-radius:var(--radius-sm);outline:0}.artifact-page-canvas .canvas-workspace{grid-template-rows:minmax(0,1fr);height:100%}.artifact-page-canvas .canvas-inspector{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);bottom:var(--space-3);max-height:calc(100% - 92px);right:var(--space-3);z-index:6;width:320px;position:absolute;top:76px;box-shadow:0 1px 2px #0d14130f,0 12px 28px -12px #0d14132e}@media (max-width:1180px){.canvas-shell{grid-template-columns:minmax(180px,220px) minmax(0,1fr)}.canvas-inspector{grid-column:1/-1}.artifact-page-canvas .canvas-shell{grid-template-columns:1fr}.artifact-page-canvas .canvas-inspector{display:none}}@media (max-width:820px){.canvas-shell{grid-template-columns:1fr}.canvas-board{min-width:720px}.canvas-tool-pill{flex-wrap:wrap;justify-content:center;max-width:calc(100% - 24px)}}.mobile-readonly-banner{display:none}@media (max-width:720px){.canvas-shell .mobile-readonly-banner{background:var(--color-primary-soft);border:1px solid var(--color-primary);border-radius:var(--radius-md);color:var(--color-primary);font-size:var(--font-size-meta);font-weight:var(--font-weight-semibold);margin:var(--space-3);padding:var(--space-2) var(--space-3);text-align:center;display:block}.canvas-shell .canvas-topbar,.canvas-shell .artifact-toolbar,.canvas-shell .canvas-inspector,.canvas-shell .canvas-history-pill{display:none}.canvas-shell .artifact-editor-header{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.canvas-shell .artifact-editor-header input[aria-label=Canvas\ title]{pointer-events:none}.canvas-shell .canvas-stage,.canvas-shell .canvas-board{pointer-events:none;touch-action:pan-y}.canvas-shell .canvas-board{min-width:0}}
.detail-section{border-top:1px solid var(--color-border);gap:var(--space-2);padding-top:var(--space-3);display:grid}.detail-section h3{color:var(--color-text);font-size:var(--font-size-panel);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight)}.detail-section .section-heading-row h3{align-items:center;gap:var(--space-2);display:inline-flex}.section-heading-row{align-items:flex-start}.segmented-control{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);align-items:center;min-inline-size:0;margin:0;padding:2px;display:inline-flex}.segmented-control button{border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;font-size:var(--font-size-meta);font-weight:var(--font-weight-semibold);height:24px;padding:0 var(--space-2);background:0 0;border:1px solid #0000}.segmented-control button.active{background:var(--color-elevated);border-color:var(--color-border);color:var(--color-text);box-shadow:var(--shadow-subtle)}.inline-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.context-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.context-grid .nav-button{justify-self:start}.context-grid textarea{min-height:64px}.context-summary{color:var(--color-text-muted);font-size:var(--font-size-meta);margin:0}.context-form{gap:var(--space-3);display:grid}.disclosure{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.disclosure summary{background:var(--color-surface-muted);color:var(--color-text);cursor:pointer;font-size:var(--font-size-meta);font-weight:var(--font-weight-semibold);align-items:center;gap:var(--space-2);letter-spacing:var(--letter-spacing-meta);padding:var(--space-2) var(--space-3);text-transform:uppercase;transition:background-color var(--transition-fast);list-style:none;display:flex}.disclosure summary::-webkit-details-marker{display:none}.disclosure summary:hover{background:color-mix(in srgb, var(--color-surface-muted) 60%, var(--color-border-strong) 40%)}.disclosure-caret{color:var(--color-text-faint);transition:transform var(--transition-fast);font-size:10px;display:inline-block}.disclosure[open] .disclosure-caret{transform:rotate(90deg)}.disclosure-dot{background:var(--color-primary);border-radius:var(--radius-pill);box-shadow:0 0 0 3px var(--color-primary-soft);width:6px;height:6px;margin-left:auto;display:inline-block}.disclosure-body{background:var(--color-surface);gap:var(--space-3);padding:var(--space-3);display:grid}.compact-form{align-items:end;gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr)) max-content;display:grid}.compact-form-pair{grid-template-columns:repeat(2,minmax(0,1fr)) max-content}.compact-form input,.compact-form select{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-meta);height:28px;padding:0 var(--space-2)}.developer-pane{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);gap:var(--space-4);padding:var(--space-4) var(--space-5);display:grid}.developer-pane-heading h2{font-size:var(--font-size-section);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight)}.developer-pane-heading p{color:var(--color-text-muted);font-size:var(--font-size-meta);margin-top:var(--space-1);max-width:64ch}.developer-pane-body{gap:var(--space-4);display:grid}.developer-section{gap:var(--space-3);display:grid}.developer-section-header h3{font-size:var(--font-size-section);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight)}.developer-section-header p{margin-top:var(--space-1)}.quiet-meta{color:var(--color-text-muted);font-size:var(--font-size-meta);margin:0}.sub-tabs{border-bottom:1px solid var(--color-border);align-items:center;gap:0;display:flex}.sub-tab{color:var(--color-text-muted);cursor:pointer;font-size:var(--font-size-meta);font-weight:var(--font-weight-semibold);padding:var(--space-2) var(--space-3);transition:border-color var(--transition-fast), color var(--transition-fast);background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px}.sub-tab:hover{color:var(--color-text)}.sub-tab.active{border-bottom-color:var(--color-primary);color:var(--color-text)}.inline-form{align-items:flex-end;gap:var(--space-2);display:flex}.inline-form-field{gap:var(--space-1);flex:auto;min-width:0;display:grid}.inline-form-label{color:var(--color-text-muted);font-size:var(--font-size-meta);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-meta);text-transform:uppercase}.inline-form-field input,.inline-form-field select,.inline-form-field textarea{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-body);min-width:0;padding:0 var(--space-3);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);width:100%}.inline-form-field input,.inline-form-field select{height:32px}.inline-form-field textarea{min-height:72px;padding-bottom:var(--space-2);padding-top:var(--space-2);resize:vertical;line-height:1.5}.inline-form-field input:focus,.inline-form-field select:focus,.inline-form-field textarea:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus-ring);outline:none}.inline-form-submit{flex-shrink:0;height:32px}.agent-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:var(--space-3);padding:var(--space-3) var(--space-4);display:grid}.agent-form-teams{gap:var(--space-2);border:0;margin:0;padding:0;display:grid}.agent-form-teams legend{padding:0}.agent-form-actions{justify-content:flex-end;display:flex}.agent-form-grid{gap:var(--space-2) var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.agent-form-options{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}@media (max-width:560px){.agent-form-grid{grid-template-columns:minmax(0,1fr)}}.team-picker{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:0;display:grid;overflow:hidden}.team-picker-row{cursor:pointer;align-items:center;gap:var(--space-2);height:32px;padding:0 var(--space-3);transition:background-color var(--transition-fast);background:0 0;grid-template-columns:14px 8px auto minmax(0,1fr) auto;display:grid}.team-picker-row+.team-picker-row{border-top:1px solid var(--color-border)}.team-picker-row:hover{background:var(--color-surface-muted)}.team-picker-row.selected{background:var(--color-primary-soft)}.team-picker-checkbox{accent-color:var(--color-primary);cursor:pointer;width:14px;height:14px;margin:0}.team-picker-dot{border-radius:50%;width:6px;height:6px}.team-picker-dot-public{background:var(--color-primary)}.team-picker-dot-private{background:var(--color-warning)}.team-picker-id{color:var(--color-text);font-family:var(--font-mono);font-size:var(--font-size-dense);font-weight:var(--font-weight-semibold)}.team-picker-name{color:var(--color-text-muted);font-size:var(--font-size-meta);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.team-picker-visibility{color:var(--color-text-faint);font-size:10px;font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-meta);text-transform:uppercase}.developer-list{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.developer-row{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);transition:border-color var(--transition-fast);grid-template-columns:56px minmax(0,1fr) auto;display:grid}.developer-row:hover{border-color:var(--color-border-strong)}.developer-row-kind{font-family:var(--font-mono);letter-spacing:var(--letter-spacing-meta);text-align:center;font-size:10px}.developer-row-body{gap:2px;min-width:0;display:grid}.developer-row-body strong{font-weight:var(--font-weight-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.developer-row-body span,.developer-row-body code{color:var(--color-text-muted);font-size:var(--font-size-meta)}.developer-row-body code{font-family:var(--font-mono)}.developer-row-actions{align-items:center;gap:var(--space-1);display:inline-flex}.developer-activity{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:var(--space-2);padding:var(--space-3) var(--space-4);display:grid}.developer-activity h4{color:var(--color-text-muted);font-size:var(--font-size-meta);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-meta);text-transform:uppercase;margin:0}.developer-activity ul{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.developer-activity li{align-items:baseline;gap:var(--space-2);grid-template-columns:minmax(120px,auto) minmax(0,1fr) auto;display:grid}.developer-activity li strong{font-family:var(--font-mono);font-size:var(--font-size-meta);font-weight:var(--font-weight-semibold)}.developer-activity li span{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--font-size-meta);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.developer-activity li time{color:var(--color-text-faint);font-size:var(--font-size-meta)}.callout{border:1px solid var(--color-border);border-radius:var(--radius-md);gap:var(--space-2);padding:var(--space-3) var(--space-4);grid-template-columns:minmax(0,1fr) auto;display:grid}.callout-success{background:var(--color-success-soft);border-color:color-mix(in srgb, var(--color-success) 25%, transparent)}.callout-success strong{color:var(--color-success)}.callout-danger{background:var(--color-danger-soft);border-color:color-mix(in srgb, var(--color-danger) 25%, transparent)}.callout-danger strong{color:var(--color-danger)}.callout-info{background:var(--color-info-soft);border-color:color-mix(in srgb, var(--color-info) 25%, transparent)}.callout-info strong{color:var(--color-info)}.callout-body{gap:var(--space-1);min-width:0;display:grid}.callout-body strong{font-size:var(--font-size-panel);font-weight:var(--font-weight-semibold)}.callout-body p{color:var(--color-text-muted);font-size:var(--font-size-meta);margin:0}.callout-code{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:var(--font-mono);font-size:var(--font-size-meta);margin-top:var(--space-1);padding:var(--space-2) var(--space-3);-webkit-user-select:all;user-select:all;white-space:pre-wrap;word-break:break-all;display:block;overflow-x:auto}.callout-actions{align-items:center;gap:var(--space-1);flex-shrink:0;display:inline-flex}.context-list{gap:var(--space-2);display:grid}.context-list h4{color:var(--color-text-muted);font-size:var(--font-size-meta);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-meta);text-transform:uppercase;margin:0}.context-row{border:1px solid var(--color-border);border-radius:var(--radius-md);gap:var(--space-1);padding:var(--space-3);display:grid}.context-row strong{font-size:var(--font-size-body);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-tight)}.context-row span{color:var(--color-text-muted);font-size:var(--font-size-meta);text-transform:lowercase}.context-row p{color:var(--color-text);overflow-wrap:anywhere;margin:0}.asset-form{align-items:end;gap:var(--space-2);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr) max-content;display:grid}.asset-row{background:var(--color-surface-muted);border-radius:var(--radius-md);align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-2) var(--space-3);transition:background-color var(--transition-fast), border-color var(--transition-fast);border:1px solid #0000;justify-content:space-between;display:flex}.asset-row:hover{background:color-mix(in srgb, var(--color-surface-muted) 60%, var(--color-border-strong) 40%)}.notification-row{border-top:1px solid var(--color-border);align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-2) var(--space-1);justify-content:space-between;display:flex}.notification-row:first-child{padding-top:var(--space-1);border-top:0}.asset-row-leading{color:var(--color-text-muted);flex-shrink:0;align-items:center;width:16px;height:16px;display:inline-flex}.asset-row-body{align-items:baseline;gap:var(--space-2);min-width:0;display:flex}.asset-row-body strong{color:var(--color-text);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-tight);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.asset-row-body small{color:var(--color-text-faint);font-family:var(--font-mono);font-size:var(--font-size-meta);letter-spacing:0;white-space:nowrap}.asset-row-meta{align-items:center;gap:var(--space-2);flex-shrink:0;display:inline-flex}.asset-row-tag{border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--font-size-meta);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-meta);padding:2px var(--space-2);text-transform:uppercase;background:0 0}.asset-row-tag-violet{background:var(--color-violet-soft);color:var(--color-violet)}.asset-row-tag-success{background:var(--color-success-soft);color:var(--color-success)}.asset-row-tag-warning{background:var(--color-warning-soft);color:var(--color-warning)}.asset-row-tag-danger{background:var(--color-danger-soft);color:var(--color-danger)}.add-button{border-radius:var(--radius-pill);justify-content:center;align-items:center;width:24px;height:24px;padding:0}.add-popover{position:relative}.add-popover-menu{background:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-popover);margin-top:var(--space-1);min-width:200px;padding:var(--space-1);z-index:30;gap:1px;display:grid;position:absolute;top:100%;right:0}.add-popover-item{border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;font:inherit;font-size:var(--font-size-body);padding:var(--space-2) var(--space-3);text-align:left;background:0 0;border:0;width:100%;display:flex}.add-popover-item:hover{background:var(--color-surface-muted)}.asset-dialog{width:min(100% - 32px,480px);max-width:480px}.asset-dialog-title{font-size:var(--font-size-section);letter-spacing:var(--letter-spacing-tight)}.asset-dialog-form{gap:var(--space-3);display:grid}.asset-dialog-actions{gap:var(--space-2);margin-top:var(--space-2);justify-content:flex-end;display:flex}.asset-row>div,.notification-row>div{gap:2px;min-width:0;display:grid}.asset-row strong,.notification-row strong{font-weight:var(--font-weight-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.notification-row.unread{border-left:2px solid var(--color-primary);padding-left:var(--space-3)}.compact-link{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-meta);font-weight:var(--font-weight-semibold);height:26px;padding:0 var(--space-2);transition:background-color var(--transition-fast), border-color var(--transition-fast);background:0 0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.compact-link:hover{background:var(--color-surface-muted);border-color:var(--color-border-strong)}.markdown-body{color:var(--color-text);font-size:var(--font-size-body);gap:var(--space-3);line-height:var(--line-height-body);overflow-wrap:anywhere;min-width:0;display:grid}.markdown-body :where(p,ul,ol,blockquote,pre,table){margin:0}.markdown-body :where(ul,ol){padding-left:var(--space-5)}.markdown-body :where(blockquote){border-left:2px solid var(--color-border-strong);color:var(--color-text-muted);padding-left:var(--space-3)}.markdown-body :where(code){background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-mono);padding:0 4px;font-size:.92em}.markdown-body :where(pre){background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);overflow-x:auto}.markdown-body :where(pre code){background:0 0;border:0;padding:0}.markdown-body :where(table){border-collapse:collapse;max-width:100%;display:block;overflow-x:auto}.markdown-body :where(th,td){border:1px solid var(--color-border);padding:var(--space-1) var(--space-2)}.markdown-body :where(a){color:var(--color-primary);text-decoration:none}.markdown-body :where(a):hover{text-decoration:underline}.comment-form .nav-button{justify-self:start}.comment-row{border-top:1px solid var(--color-border);gap:var(--space-1);padding:var(--space-2) var(--space-1);display:grid}.comment-row:first-child{padding-top:var(--space-1);border-top:0}.comment-row strong,.activity-row strong{font-size:var(--font-size-meta);font-weight:var(--font-weight-semibold)}.comment-row p{color:var(--color-text);overflow-wrap:anywhere}.activity-row{border-top:1px solid var(--color-border);align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-1);justify-content:space-between;display:flex}.activity-row:first-child{padding-top:var(--space-1);border-top:0}.activity-row>span{color:var(--color-text-faint);font-size:var(--font-size-meta);white-space:nowrap}.activity-line{align-items:center;gap:var(--space-2);flex-wrap:wrap;min-width:0;display:flex}.activity-line strong{font-size:var(--font-size-meta);font-weight:var(--font-weight-semibold)}.activity-actor{color:var(--color-text-muted);font-size:var(--font-size-meta);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.actor-badge{background:var(--color-surface-muted);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:9px;font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-meta);text-transform:uppercase;padding:3px 5px;line-height:1}.actor-badge-agent{background:var(--color-primary-soft);color:var(--color-primary)}.actor-badge-integration{background:var(--color-info-soft);color:var(--color-info)}.actor-badge-system{background:var(--color-surface-muted);color:var(--color-text-faint)}.modal-backdrop{z-index:20;position:fixed;inset:0}.modal-overlay{background:var(--color-overlay);cursor:pointer;border:0;width:100%;padding:0;position:absolute;inset:0}.modal-panel{background:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-modal);gap:var(--space-4);max-height:calc(100vh - var(--space-8));max-width:520px;padding:var(--space-5);width:min(100% - 32px,520px);display:grid;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.command-palette-backdrop{z-index:40;position:fixed;inset:0}.command-palette-overlay{background:var(--color-overlay);cursor:pointer;border:0;width:100%;padding:0;position:absolute;inset:0}.command-palette{background:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-modal);width:min(620px,100% - 32px);max-height:70vh;display:grid;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.command-palette-input{border:0;border-bottom:1px solid var(--color-border);color:var(--color-text);font-size:var(--font-size-section);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-tight);padding:var(--space-4);background:0 0;width:100%}.command-palette-input::placeholder{color:var(--color-text-faint)}.command-palette-input:focus{outline:0}.command-palette-list{max-height:50vh;padding:var(--space-2);gap:1px;display:grid;overflow:auto}.command-palette-item{border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;font:inherit;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);text-align:left;background:0 0;border:0;grid-template-columns:80px minmax(0,1fr) max-content;width:100%;display:grid}.command-palette-item.active{background:var(--color-primary-soft)}.command-palette-group{color:var(--color-text-faint);font-size:10px;font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-meta);text-transform:uppercase}.command-palette-label{font-size:var(--font-size-body);letter-spacing:var(--letter-spacing-tight);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.command-palette-hint{color:var(--color-text-faint);font-family:var(--font-mono);font-size:var(--font-size-meta)}.command-palette-empty{color:var(--color-text-muted);font-size:var(--font-size-meta);padding:var(--space-3)}.command-palette-footer{border-top:1px solid var(--color-border);color:var(--color-text-faint);font-size:var(--font-size-meta);gap:var(--space-3);padding:var(--space-2) var(--space-4);display:flex}.command-trigger{gap:var(--space-2);min-width:200px;display:inline-flex}.command-trigger>span{color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.command-trigger kbd{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-family:var(--font-mono);margin-left:auto;padding:1px 6px;font-size:10px}.modal-heading{align-items:flex-start}.modal-heading h2{font-size:var(--font-size-section);letter-spacing:var(--letter-spacing-tight)}.toast-stack{gap:var(--space-2);pointer-events:none;max-width:min(360px,100vw - 32px);right:var(--space-4);z-index:60;width:max-content;display:grid;position:fixed;top:60px}.toast{background:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-popover);color:var(--color-text);font-size:var(--font-size-body);align-items:flex-start;gap:var(--space-3);letter-spacing:var(--letter-spacing-tight);opacity:1;padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);pointer-events:auto;transition:opacity .22s var(--ease-out-expo), transform .22s var(--ease-out-expo);display:flex;transform:translate(0)}.toast-entering,.toast-exiting{opacity:0;transform:translate(12px)}@media (prefers-reduced-motion:reduce){.toast{transition:none}}.toast-message{flex:1;min-width:0}.toast-dismiss{border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;height:18px;transition:color var(--transition-fast);background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;width:18px;padding:0;display:inline-flex}.toast-dismiss:hover{color:var(--color-text)}
.context-empty{color:var(--color-text-muted);font-size:var(--font-size-meta);margin:0}.context-field-list{gap:var(--space-2);margin:0;display:grid}.context-field-row{border:1px solid var(--color-border);border-radius:var(--radius-md);gap:var(--space-1);padding:var(--space-3);display:grid}.context-field-row dt{color:var(--color-text-muted);font-size:var(--font-size-meta);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-meta);text-transform:uppercase}.context-field-row dd{color:var(--color-text);overflow-wrap:anywhere;white-space:pre-wrap;margin:0}.context-override-form{gap:var(--space-3);display:grid}.context-override-form label{gap:var(--space-1);display:grid}.context-override-label{color:var(--color-text-muted);font-size:var(--font-size-meta);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-meta);text-transform:uppercase}.context-override-form textarea{min-height:72px}.context-override-form .nav-button{justify-self:start}
.planning-pane{gap:var(--space-4);display:grid}.planning-toolbar{align-items:center;gap:var(--space-3);justify-content:space-between;display:flex}.planning-pair{align-items:start;gap:var(--space-4);grid-template-columns:minmax(240px,300px) minmax(0,1fr);min-width:0;display:grid}.planning-list-pane,.planning-detail-pane{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);gap:var(--space-3);padding:var(--space-3);display:grid}.planning-detail-pane{min-width:0;padding:var(--space-4);align-self:start}.planning-list-heading{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);justify-content:space-between;display:flex}.planning-list-heading strong{color:var(--color-text-muted);font-size:var(--font-size-meta);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-meta);text-transform:uppercase}.planning-list{gap:1px;display:grid}.planning-list-item{border-radius:var(--radius-md);cursor:pointer;gap:var(--space-1);padding:var(--space-2);text-align:left;transition:background-color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:1px solid #0000;width:100%;display:grid;position:relative}.planning-list-item:hover{background:var(--color-surface-muted)}.planning-list-item.selected{background:var(--color-primary-soft)}.planning-list-item.selected:before{background:var(--color-primary);content:"";border-radius:0 2px 2px 0;width:2px;height:18px;position:absolute;top:50%;left:-1px;transform:translateY(-50%)}.planning-list-item-row{align-items:baseline;gap:var(--space-2);justify-content:space-between;display:flex}.planning-list-item-row strong{color:var(--color-text);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-tight);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.planning-list-item-row small{color:var(--color-text-faint);font-family:var(--font-mono);font-size:var(--font-size-meta);white-space:nowrap}.planning-list-item-meta{color:var(--color-text-muted);font-size:var(--font-size-meta);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.planning-progress-mini{background:var(--color-surface-muted);border-radius:var(--radius-pill);height:3px;overflow:hidden}.planning-progress-mini span{background:var(--color-primary);height:100%;display:block}.planning-inline-form{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:var(--space-2);padding:var(--space-3);display:grid}.planning-form-grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.planning-project-body{gap:var(--space-4);min-width:0;display:grid}.stacked-form{gap:var(--space-3);display:grid}.checkbox-list,.inline-create-form{gap:var(--space-2);flex-wrap:wrap;align-items:end;display:flex}.checkbox-list{border:0;margin:0;padding:0}.checkbox-list legend{color:var(--color-text-muted);font-size:var(--font-size-meta);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-meta);text-transform:uppercase;flex:0 0 100%;padding:0}.checkbox-list label,.inline-create-form label{gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-meta);align-items:center;display:inline-flex}.inline-create-form label{flex-direction:column;flex:180px;align-items:stretch}.progress-summary{gap:var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-meta);min-width:120px;display:grid}.progress-track{border-radius:var(--radius-pill);background:var(--color-surface-muted);height:6px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--color-primary);height:100%;display:block}.mini-list{gap:var(--space-1);display:grid}.mini-list article,.mini-list button{gap:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted);width:100%;color:var(--color-text);cursor:pointer;padding:var(--space-2) var(--space-3);text-align:left;transition:background-color var(--transition-fast), border-color var(--transition-fast);display:grid}.mini-list button:hover{background:color-mix(in srgb, var(--color-surface-muted) 60%, var(--color-border-strong) 40%)}.mini-list strong{font-size:var(--font-size-body);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-tight)}.mini-list span{color:var(--color-text-muted);font-size:var(--font-size-meta)}.planning-label-list{gap:var(--space-2);flex-wrap:wrap;display:flex}.planning-label-chip{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text);font-size:var(--font-size-meta);align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);line-height:1;display:inline-flex}.planning-label-chip button{color:var(--color-text-muted);cursor:pointer;font:inherit;background:0 0;border:0;padding:0}.planning-label-chip button:hover{color:var(--color-text)}.planning-label-color{border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);width:8px;height:8px;display:inline-block}.planning-row-actions,.planning-section-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.planning-row-actions{margin-top:var(--space-1)}.planning-row-actions .custom-select{min-width:150px}.compact-textarea{min-height:84px}@media (max-width:1040px){.planning-pair{grid-template-columns:1fr}}@media (max-width:720px){.planning-form-grid{grid-template-columns:1fr}}.planning-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:var(--space-3);padding:var(--space-4);display:grid}
.ask-page{gap:var(--space-6);max-width:760px;min-height:calc(100vh - 40px);padding:var(--space-10) var(--space-6);margin:0 auto;display:grid}.ask-heading{border-bottom:1px solid var(--color-border);gap:var(--space-3);padding-bottom:var(--space-6);display:grid}.ask-heading h1,.ask-panel h1,.ask-panel h2{color:var(--color-text);font-size:var(--font-size-page-title);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight);margin:0}.ask-heading p,.ask-panel p{color:var(--color-text-muted);margin:0}.ask-kicker{color:var(--color-primary);font-size:var(--font-size-meta);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-meta);text-transform:uppercase;margin:0}.ask-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle);gap:var(--space-4);padding:var(--space-5);display:grid}.ask-form-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ask-panel input,.ask-panel textarea{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);min-width:0;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:.55rem .65rem}.ask-panel textarea{resize:vertical}.ask-panel input:focus,.ask-panel textarea:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus-ring);outline:none}.ask-actions{justify-content:flex-end;display:flex}.form-error{color:var(--color-danger)}.ask-status-grid{gap:var(--space-3);margin:var(--space-2) 0 0;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.ask-status-grid div{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:0;padding:var(--space-3)}.ask-status-grid dt{color:var(--color-text-muted);font-size:var(--font-size-meta)}.ask-status-grid dd{color:var(--color-text);font-weight:var(--font-weight-semibold);margin:var(--space-1) 0 0;overflow-wrap:anywhere}.ask-thread{gap:var(--space-3);display:grid}.ask-thread-item{border-top:1px solid var(--color-border);gap:var(--space-2);padding-top:var(--space-3);display:grid}.ask-thread-item:first-child{border-top:0;padding-top:0}.ask-thread-item header{align-items:center;gap:var(--space-3);justify-content:space-between;display:flex}.ask-thread-item time{color:var(--color-text-muted);font-size:var(--font-size-meta)}@media (max-width:680px){.ask-page{padding:var(--space-6) var(--space-4)}.ask-form-grid,.ask-status-grid{grid-template-columns:1fr}}
.sidebar-scrim{background:var(--color-overlay);cursor:pointer;z-index:35;border:0;margin:0;padding:0;display:none;position:fixed;inset:0}.product-shell.sidebar-open .sidebar-scrim{display:block}.sidebar-toggle{display:none}@media (max-width:1180px){.product-shell{grid-template-columns:220px minmax(0,1fr)}.work-grid{grid-template-columns:1fr}.issue-detail-pane{position:static}.composer-rail{width:clamp(520px,100vw - 280px,800px)}.home-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:960px){.home-kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}.composer-rail{width:clamp(420px,100vw - 260px,720px)}.composer-prop-row{grid-template-columns:88px minmax(0,1fr)}}@media (max-width:720px){.product-shell{grid-template-columns:1fr}.work-grid:not(.work-grid-list-only)>.worklist-pane{display:none}.work-grid:not(.work-grid-list-only){grid-template-columns:1fr}.issue-detail-close{width:36px;height:36px}.product-sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);max-width:320px;height:100vh;padding:var(--space-3);transition:transform var(--transition-medium);z-index:40;width:88%;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.product-shell.sidebar-open .product-sidebar{transform:translate(0)}.sidebar-toggle{flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.content-toolbar{gap:var(--space-2);padding:var(--space-2) var(--space-3);flex-wrap:wrap}.command-trigger{flex:1;min-width:0}.command-trigger-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.toolbar-actions{flex-shrink:0}.workspace-main{padding:0}.home-pane{gap:var(--space-3);padding:var(--space-3) var(--space-3) var(--space-6)}.home-section{padding:var(--space-3) var(--space-3)}.home-kpi-row{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr))}.home-kpi{padding:var(--space-3)}.home-kpi-value{font-size:20px}.property-grid{grid-template-columns:1fr}.composer-prop-row{padding:var(--space-2) 0;grid-template-columns:1fr}.composer-prop-key{margin-bottom:var(--space-1)}.composer-rail{z-index:50;border-left:0;width:100vw;inset:0}.composer-rail-body{padding:var(--space-3)}.insights-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.insights-grid{grid-template-columns:1fr}.issue-row{gap:var(--space-1) var(--space-2);padding:var(--space-2) var(--space-3);grid-template-rows:auto auto;grid-template-columns:14px 1fr;height:auto;min-height:48px}.issue-row-id,.issue-row>.status-icon,.issue-row>.priority-icon{grid-row:1}.issue-row>.priority-icon{grid-column:1}.issue-row>.status-icon{grid-area:2/1}.issue-row-id{color:var(--color-text-muted);font-size:var(--font-size-meta);grid-column:2}.issue-row-title{white-space:normal;line-height:var(--line-height-snug);grid-area:2/2}.issue-row-trailing{gap:var(--space-1);flex-wrap:wrap;grid-area:3/2;justify-self:start}.worklist-control-bar{align-items:stretch;gap:var(--space-2);flex-direction:column}.worklist-filters,.worklist-control-bar-right{flex-wrap:wrap}.nav-button,.compact-button,.icon-button{min-height:40px}.icon-button{min-width:40px}.detail-heading{align-items:stretch;gap:var(--space-2);flex-direction:column}.issue-title-input{font-size:var(--font-size-section)}.asset-form,.compact-form,.context-grid,.form-grid{grid-template-columns:1fr}.modal-backdrop{padding:0}.modal-panel{border-radius:0;width:100vw;max-width:100vw;height:100vh;max-height:100vh}.sub-tabs{scrollbar-width:none;overflow-x:auto}.sub-tabs::-webkit-scrollbar{display:none}.card-grid{padding:var(--space-3);grid-template-columns:1fr}.app-header{padding:0 var(--space-3)}}@media (max-width:480px){.home-heading h1{font-size:22px}.home-kpi-row{grid-template-columns:1fr 1fr}.home-kpi-value{font-size:18px}.insights-kpis{grid-template-columns:1fr}.cycle-card,.progress-line{gap:var(--space-2)}.toolbar-actions{gap:4px}.command-trigger-text,.command-trigger kbd{display:none}.command-trigger{justify-content:center;width:40px;padding:0}.issue-row-trailing .badge-soft .badge-truncate{max-width:90px}.home-pane{padding:var(--space-2)}.home-section{border-radius:var(--radius-md);padding:var(--space-3)}}@media (hover:none) and (pointer:coarse){.sidebar-nav-item,.team-filter,.commit-item,.signal-item,.notif-row{min-height:44px}}.sidebar-close{right:var(--space-2);top:var(--space-2);z-index:1;display:none;position:absolute}@media (max-width:720px){.sidebar-close{display:inline-flex}.workspace-switcher-trigger{padding:var(--space-3);min-height:48px}.sidebar-nav-item,.team-filter{min-height:44px;padding:var(--space-2) var(--space-3)}.custom-select-trigger{height:40px;min-height:40px}input,textarea,select,.issue-title-input,.issue-body-input,.composer-prop-date{font-size:max(16px, var(--font-size-body))}.composer-rail{animation:composer-rail-mobile-in .22s var(--ease-out-expo)}@keyframes composer-rail-mobile-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.command-palette{width:100vw;max-width:100vw;max-height:100vh;margin:0;inset:0}.table{overflow-x:auto}.table table{min-width:560px}.activity-row,.comment-row{align-items:flex-start;gap:var(--space-1);flex-direction:column}.state-panel,.empty-state{padding:var(--space-4) var(--space-3);text-align:center}.sidebar-toggle{align-items:center;display:inline-flex}.product-sidebar{z-index:41}.sidebar-scrim{z-index:40}}@media (min-width:721px) and (max-width:960px){.product-sidebar{padding:var(--space-2)}.sidebar-nav-item span,.team-filter span{font-size:var(--font-size-meta)}}