.record-view-container{font-family:var(--font-mono);max-width:1200px;margin:2rem auto;padding:0 1rem}.record-header{border-bottom:1px solid var(--color-border);margin-bottom:2rem;padding-bottom:.5rem}.record-header h1{font-family:var(--font-mono);color:var(--color-text);text-transform:uppercase;letter-spacing:.15em;margin-bottom:1rem;font-size:1.2rem;font-weight:400}.uri-input-section{margin-bottom:1rem}.uri-input{font-family:var(--font-mono);box-sizing:border-box;background:var(--color-surface,#0003);border:1px solid var(--color-border);width:100%;max-width:100%;color:var(--color-text);outline:none;padding:.5rem .75rem;font-size:.9rem;transition:border-color .2s}.uri-input:focus{border-color:var(--color-primary)}.uri-input::placeholder{color:var(--color-subtle);opacity:.5}.record-metadata{display:flex-wrap;flex-direction:column;gap:.75rem}.metadata-row{align-items:baseline;gap:.5rem;padding:.35rem;display:flex}.metadata-label{color:var(--color-subtle);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;font-size:.85rem}.metadata-label:after{content:":";margin-left:.25rem;font-size:.8rem}.metadata-value{font-family:var(--font-mono);color:var(--color-text);word-break:break-all;font-size:1rem}.uri-link{text-decoration:none}.uri-link:hover .aturi-scheme,.uri-link:hover .aturi-authority,.uri-link:hover .aturi-collection,.uri-link:hover .aturi-rkey,.uri-link:hover .uri-scheme,.uri-link:hover .uri-authority,.uri-link:hover .uri-path{text-decoration:underline}.tab-bar{border-bottom:1px solid var(--color-border);align-items:center;gap:0;margin-top:1.5rem;display:flex}.tab-button{font-family:var(--font-mono);cursor:pointer;color:var(--color-subtle);text-transform:uppercase;letter-spacing:.1em;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.5rem 1rem;font-size:.9rem;transition:all .2s}.tab-button:hover{color:var(--color-secondary);border-bottom-color:var(--color-secondary);font-weight:550}.tab-button.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.tab-button.edit-button{margin-left:auto}.action-buttons-group{align-items:center;gap:0;margin-left:auto;display:flex}.tab-button.action-button-danger{color:var(--color-error,#ff6b6b)}.tab-button.action-button-danger:hover{color:var(--color-error,#ff5252);border-bottom-color:var(--color-error,#ff6b6b)}.dropdown-wrapper{display:inline-block;position:relative}.dropdown-menu{background:var(--color-background);border:1px solid var(--color-border);z-index:100;border-radius:4px;min-width:150px;margin-top:.25rem;position:absolute;top:100%;left:0}.dropdown-menu button{text-align:left;cursor:pointer;width:100%;color:var(--color-text);font-family:var(--font-mono);background:0 0;border:none;padding:.5rem 1rem;display:block}.dropdown-menu button:hover{background:var(--color-hover,#ffffff0d)}.tab-content{min-height:300px}.pretty-record{border-left:1px dashed var(--color-subtle);flex-direction:column;align-items:flex-start;display:flex}.record-field{border-left:2px solid var(--color-secondary);border-bottom:1px dashed var(--color-subtle);z-index:1;flex-direction:column;margin-left:-1px;padding:0 1rem;display:flex}.field-label{font-family:var(--font-mono);color:var(--color-subtle);padding-top:.5rem;font-size:.7rem}.path-prefix{color:var(--color-subtle)}.path-final{color:var(--color-text);font-weight:500}.array-len{font-family:var(--font-mono);color:var(--color-subtle);padding-top:.5rem;padding-left:.125rem;font-size:.9rem;font-weight:400}.field-value{font-family:var(--font-mono);color:var(--color-text);word-break:break-word;padding-top:.2rem;padding-bottom:.1rem;font-size:.9rem}.field-value.muted{color:var(--color-subtle);font-style:italic}.field-value.mime{color:var(--color-subtle);font-size:.85rem;font-style:italic}.field-value.bytes{color:var(--color-subtle);font-size:.75rem}.record-section{border-left:1px dashed var(--color-border);margin-left:1.5rem;position:relative}.section-content .record-section,.array-item .record-section{border-left:1px dashed var(--color-border);position:relative}.section-label{font-family:var(--font-mono);color:var(--color-primary);border-left:2px solid var(--color-primary);border-bottom:1px dashed var(--color-muted);margin-left:-1px;padding-top:.5rem;padding-bottom:.25rem;padding-left:1rem;font-size:1rem;font-weight:600}.section-content .section-label{font-family:var(--font-mono);color:var(--color-tertiary);border-left:2px solid var(--color-secondary);margin-left:-1px;padding-top:.5rem;padding-left:1rem;font-size:.9rem;font-weight:600}.section-content{flex-direction:column;align-items:flex-start;padding-right:1rem;display:flex}.section-content .record-field{border-left-color:var(--color-secondary);opacity:.95;align-self:stretch;width:100%}.blob-image{object-fit:contain;align-self:flex-start;width:auto;max-width:600px;height:auto;max-height:400px;margin-top:.5rem;margin-bottom:.5rem;display:block}.string-type-tag{color:var(--color-subtle);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.string-did,.string-handle,.string-at-identifier{color:var(--color-primary)}.string-at-uri,.string-uri{color:var(--color-secondary)}.string-cid,.string-tid{color:var(--color-tertiary);font-family:var(--font-mono)}.string-nsid{color:var(--color-emphasis)}.string-datetime{color:var(--color-text);font-style:italic}.nsid-dot{color:var(--color-subtle);opacity:.6}.nsid-segment-0{color:var(--color-primary)}.nsid-segment-1{color:var(--color-secondary)}.nsid-segment-2{color:var(--color-tertiary)}.did-scheme{color:var(--color-subtle);opacity:.7}.did-method{color:var(--color-secondary);font-weight:500}.did-separator{color:var(--color-muted);opacity:.6}.did-identifier{color:var(--color-primary)}.handle-dot{color:var(--color-subtle);opacity:.6}.handle-segment-0{color:var(--color-primary);font-weight:500}.handle-segment-1{color:var(--color-secondary)}.aturi-scheme{color:var(--color-subtle);opacity:.7}.aturi-authority{color:var(--color-primary)}.aturi-slash{color:var(--color-subtle);opacity:.6}.aturi-collection{color:var(--color-secondary)}.aturi-rkey{color:var(--color-tertiary)}.uri-scheme{color:var(--color-subtle);opacity:.7;font-weight:500}.uri-separator{color:var(--color-subtle);opacity:.6}.uri-authority{color:var(--color-primary)}.uri-path{color:var(--color-secondary)}.json-editor{gap:1.5rem;display:flex}.json-textarea{font-family:var(--font-mono);background:var(--color-surface,#0003);border:1px solid var(--color-border);color:var(--color-text);resize:vertical;flex:1;padding:1rem;font-size:.9rem;line-height:1.5}.json-textarea:focus{border-color:var(--color-primary);outline:none}.validation-panel{font-family:var(--font-mono);background:var(--color-surface,#0003);border:1px solid var(--color-border);flex:0 0 300px;align-self:flex-start;padding:1rem;font-size:.85rem;overflow-y:auto}.parse-error,.validation-errors{color:var(--color-error);margin-top:.5rem}.parse-success,.validation-success{color:var(--color-success)}.validation-errors h4{color:var(--color-text);margin-bottom:.5rem;font-size:.9rem;font-weight:600}.validation-errors .error{border-left:2px solid var(--color-error);margin:.25rem 0;padding:.25rem 0 .25rem .5rem}.section-header{align-items:baseline;gap:.5rem;display:flex}.array-length{font-family:var(--font-mono);color:var(--color-subtle);font-size:.8rem;font-weight:400}.array-item{flex-direction:column;width:100%;margin-left:1.48rem;display:flex}.record-field input[type=text],.record-field input[type=number]{font-family:var(--font-mono);color:var(--color-text);background:0 0;border:none;border-bottom:1px solid #0000;outline:none;flex:auto;width:auto;min-width:10ch;max-width:100%;margin-top:.1rem;padding:.2rem 0 .1rem;font-size:.9rem;transition:border-color .2s}.record-field input[type=number]{-moz-appearance:textfield}.record-field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.record-field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.record-field textarea{font-family:var(--font-mono);color:var(--color-text);background:0 0;border:none;border-bottom:1px solid #0000;outline:none;width:100%;min-height:1.5em;margin-top:.1rem;padding:.2rem 0 .1rem;font-size:.9rem;transition:border-color .2s;overflow-y:hidden}.record-field textarea::-webkit-resizer{border:2px solid var(--color-border);background:0 0;border-top:none;border-bottom:none;border-left:none}.record-field textarea{scrollbar-color:var(--color-border)transparent;scrollbar-width:thin}.record-field input[type=text]:focus,.record-field input[type=number]:focus,.record-field textarea:focus{border-bottom-color:var(--color-primary)}.record-field input[type=text].invalid,.record-field input[type=number].invalid,.record-field textarea.invalid{border-bottom-color:var(--color-error,#ff6b6b)}.boolean-toggle{font-family:var(--font-mono);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;margin-bottom:.2rem;margin-right:.5rem;padding:.25rem;font-size:.9rem;transition:background-color .2s,border-color .2s}.boolean-toggle-false{color:var(--color-error);border:1px solid var(--color-error)}.boolean-toggle-true{border:1px solid var(--color-success)}.boolean-toggle:hover{border:1px solid var(--color-primary);background-color:var(--color-primary);color:var(--color-surface)}.field-error{font-family:var(--font-mono);color:var(--color-error,#ff6b6b);padding-top:.2rem;padding-bottom:.3rem;font-size:.75rem}.add-field-widget{border-left:1px solid var(--color-border);align-items:center;gap:.5rem;margin-bottom:1rem;margin-left:1.5rem;padding:.75rem 0 0 0;display:flex}.add-field-widget input[type=text]{font-family:var(--font-mono);color:var(--color-text);background:var(--color-background-alt,#0003);border:1px solid var(--color-border);outline:none;margin-left:-1px;padding:.3rem .5rem;font-size:.85rem}.add-field-widget input[type=text]:focus{border-color:var(--color-primary)}.add-field-widget button{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--color-border);color:var(--color-primary);cursor:pointer;background:0 0;margin-left:-1px;padding:.3rem .75rem;font-size:.75rem;transition:all .2s}.add-field-form button{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--color-primary);color:var(--color-primary);cursor:pointer;background:0 0;margin-left:-1px;padding:.36rem .75rem;font-size:.75rem;transition:all .2s}.add-field-form button:hover{background-color:var(--color-primary);color:var(--color-surface)}.add-field-widget button:hover{border:1px solid var(--color-primary);background-color:var(--color-primary);color:var(--color-surface)}.add-field-widget button:disabled{opacity:.4;cursor:not-allowed}.field-header{align-items:baseline;gap:.5rem;display:flex}.bytes-field input,.bytes-field textarea{min-width:80ch}.blob-upload-section{z-index:2;flex-wrap:wrap;align-items:center;gap:.5rem;width:100%;margin-top:.5rem;display:flex}.blob-upload-section input[type=file]{font-family:var(--font-mono);color:var(--color-text);text-overflow:clip;white-space:normal;flex:auto;min-width:0;max-width:100%;font-size:.85rem;overflow:visible}.blob-upload-section input[type=file]::file-selector-button{font-family:var(--font-mono);color:var(--color-text);background:var(--color-surface);border:1px dashed var(--color-border);cursor:pointer;margin-bottom:-.2rem;margin-right:.5rem;padding:.25rem .5rem;font-size:.85rem;transition:background-color .2s,border-color .2s}.blob-upload-section input[type=file]::file-selector-button:hover{border:1px solid var(--color-primary);background-color:var(--color-primary);color:var(--color-surface)}.blob-upload-section input[type=file]:disabled::file-selector-button{opacity:.5;cursor:not-allowed}.upload-status{color:var(--color-subtle);font-size:.85rem;font-style:italic}.field-remove-button{font-family:var(--font-mono);color:var(--color-error);cursor:pointer;background:0 0;border:none;padding:.2rem .4rem;font-size:.7rem;transition:color .2s}.field-remove-button:hover{color:var(--color-warning,#ff6b6b)}.blob-fields{flex-direction:column;gap:.5rem;width:100%;padding-top:.5rem;display:flex}.blob-field-row{align-items:baseline;gap:.5rem;width:100%;display:flex}.blob-field-row label{font-family:var(--font-mono);color:var(--color-subtle);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;min-width:4rem;font-size:.75rem}.blob-field-cid{flex-wrap:wrap}.blob-field-cid input{flex:auto;font-size:.75rem;width:100%!important;min-width:unset!important;max-width:unset!important}.blob-field-row .readonly{font-family:var(--font-mono);color:var(--color-text);opacity:.7;font-size:.85rem}.blob-upload-note{padding-top:.25rem;font-size:.75rem;font-style:italic}.dialog-actions{flex-direction:row;justify-content:flex-end;gap:0;margin-top:8px;display:flex}.dialog-actions button{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--color-subtle);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.5rem 1rem;font-size:.75rem;transition:all .2s}.dialog-actions button:hover{color:var(--color-primary);border-bottom-color:var(--color-primary)}.dialog-actions button:first-child{color:var(--color-error,#ff6b6b)}.dialog-actions button:first-child:hover{color:var(--color-error,#ff5252);border-bottom-color:var(--color-error,#ff6b6b)}