.local-controls{display:flex;align-items:center;gap:18px;padding:9px 28px;background:#fff8e9;border-bottom:1px solid #eee1c5;font-size:12px}.local-controls label{display:flex;align-items:center;gap:9px}.local-controls select{background:#fff;border:1px solid #d7c9ab;border-radius:6px;padding:5px 9px;color:#20334a;font:inherit}.local-controls>.text-button{margin-left:auto}.local-controls>span{color:#36516d}#connection-status{padding:35px 28px;text-align:center}.form-error{padding:12px;background:#fff0ee;border:1px solid #efc8c1;border-radius:8px;color:#8b3028;font-size:13px;margin-bottom:12px}#detail-dialog{max-height:92vh}.native-dialog{width:min(1450px,calc(100vw - 40px));height:94vh;max-height:94vh!important;display:flex;flex-direction:column;padding:18px!important}.native-dialog #detail-content{flex:1;display:flex;flex-direction:column;min-height:0}.native-dialog .dialog-heading{position:static;margin-bottom:8px;padding:0}.native-dialog .dialog-heading h2{font-size:20px}.native-dialog iframe{border:1px solid #e1e8ef;border-radius:9px;width:100%;flex:1;min-height:300px;background:white}.native-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:5px 0 12px;font-size:11px;color:#36516d}.native-dialog:has(#native-frame[hidden]){display:none}dialog:not([open]){display:none}.task-row h3{margin-top:10px}.material-visual svg{width:44px;height:44px;color:#567ca7}.task-panel .task-body{padding-top:12px}.mini-tree:before,.mini-tree:after{display:none}.mini-tree{background:none}.person-card b{padding:0 4px}.research-links{align-items:flex-start}.research-links .text-button{white-space:normal;text-align:left}.flow-actions button{white-space:normal}.material-context>.text-button{margin-right:15px}.form-error .text-button{white-space:normal}.site-nav button[data-preview="Древа истории"]{display:none}.photo-dialog .full-photo img{max-height:60vh}.photo-dialog{width:950px}audio{width:100%}.scope-note{font-size:11px}.next-task-bottom .small-avatar{display:none}.next-task-bottom>span:nth-child(2){display:none}.quality-item b{display:inline}.journal-row{align-items:flex-start}.flow-materials .material-card{width:100%}.scenario-dialog .dialog-heading{top:-26px}.material-card:focus-visible{outline-offset:1px}#family .panel-heading{flex-wrap:wrap}
@media(max-width:650px){.local-controls{padding:9px 12px;gap:8px;flex-wrap:wrap;font-size:10px}.local-controls>span{display:none}.local-controls select{max-width:195px}.local-controls .text-button{font-size:10px}.native-dialog{width:calc(100vw - 12px);max-width:calc(100vw - 12px);height:96vh;max-height:96vh!important;padding:12px!important}.native-toolbar{flex-wrap:wrap;gap:6px}.native-dialog .dialog-heading h2{font-size:17px}.native-dialog .dialog-heading .eyebrow{font-size:10px}.native-dialog iframe{min-height:320px}.photo-dialog .full-photo img{max-height:55vh}.scenario-dialog .dialog-heading{top:-20px}}
.mini-tree.has-family:before,.mini-tree.has-family:after{display:block}.mini-tree.has-family{background:linear-gradient(#b4c8dd,#b4c8dd) center 242px/35px 1.5px no-repeat}.task-panel .count-pill{max-width:105px}.dates-panel .date-row>.text-button{margin-left:auto}@media(max-width:560px){.mini-tree.has-family{background-size:28px 1.5px}.dates-panel .date-row>.text-button{margin-left:0}}
html[data-local-busy]:after{content:"";position:fixed;top:0;left:0;width:28%;height:2px;z-index:40000;background:#1765ef;opacity:0;animation:local-loading-bar 1.1s .12s linear infinite;pointer-events:none}@keyframes local-loading-bar{0%{opacity:.75;transform:translateX(-100%)}100%{opacity:.75;transform:translateX(460%)}}.space-boot .workspace .view .panel>*,.workspace.is-loading .view .panel>*,.workspace.is-group-loading #family-members,.workspace.is-group-loading #discussions,.workspace.is-group-loading #family-albums,.workspace.is-group-loading #family-activity,.workspace.is-group-loading #recent-materials,.workspace.is-group-loading #archive-items{visibility:hidden}.space-boot .workspace .view .panel,.workspace.is-loading .view .panel{background:#fff}.space-boot .workspace .member-summary,.workspace.is-loading .member-summary{visibility:hidden}.space-boot .workspace .material-grid,.workspace.is-loading .material-grid{min-height:183px}.materials-panel .material-grid{min-height:183px}.task-panel{min-height:245px}.dates-panel{min-height:133px}.space-boot .workspace .panel,.workspace.is-loading .panel{position:relative}.space-boot .workspace .panel:after,.workspace.is-loading .panel:after{content:"";position:absolute;left:20px;right:20px;top:22px;height:12px;width:38%;max-width:210px;background:#edf2f7;border-radius:4px;box-shadow:0 35px #f3f6f9}.workspace.is-loading .view{pointer-events:none}@media(max-width:560px){.materials-panel .material-grid,.space-boot .workspace .material-grid,.workspace.is-loading .material-grid{min-height:175px}.dates-panel{min-height:145px}}@media(prefers-reduced-motion:reduce){html[data-local-busy]:after{animation:none;width:100%;opacity:.7}}
.space-boot .workspace .context-group,.workspace.is-loading .context-group,.space-boot .workspace .tab-count,.workspace.is-loading .tab-count{visibility:hidden}
html{scrollbar-gutter:stable}.workspace .tree-canvas{min-height:410px}@media(prefers-reduced-motion:no-preference){.workspace:not(.is-loading) .view{animation:none}}
/* Loading needs no repeated brand caption. */ .prodeda-loader-name{display:none!important}

/* Portraits retain a fixed canvas; unavailable images never show a broken icon. */
.mini-tree .person-card{align-self:stretch;display:flex;flex-direction:column;min-height:192px}
.mini-tree .person-card>.space-person-portrait,.mini-tree .person-card>.space-person-initials{display:flex;align-items:center;justify-content:center;width:100%;height:110px;min-height:110px;flex:0 0 110px;background:#eef2f6;overflow:hidden}
.mini-tree .person-card picture img{display:block;width:100%;height:110px;object-fit:contain;object-position:center}
.space-person-initials{display:grid;place-items:center;min-width:70px;min-height:90px;background:#eef2f6;color:#36516d;font:500 26px Onest,Arial,sans-serif}
.mini-tree .person-card>.space-person-initials{font-size:26px;line-height:1;font-weight:500;padding:0}
.mini-tree .person-card>b{margin-top:8px}.mini-tree .person-card>span:last-child{white-space:normal;overflow-wrap:anywhere;line-height:1.5;padding:4px 6px 8px;margin-top:auto;font-size:10px}
.person-summary>.space-person-portrait{display:block;width:100px;min-width:100px;height:120px}.person-summary picture img{width:100%;height:100%;object-fit:contain}.person-summary>.space-person-initials{width:100px;height:120px}
.dates-panel .date-row{display:block;max-height:350px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:0 20px 18px}
.family-date-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #edf1f6}.family-date-item>div:last-child{min-width:0}.family-date-item b{font-weight:500;font-size:13px}.family-date-item p{font-size:12px;margin:4px 0 0;color:#36516d}.family-date-total,.family-date-note{font-size:12px;line-height:1.5;color:#36516d}.family-date-item .calendar-day{flex:0 0 44px}.family-date-item .calendar-day span{display:block}

/* Archive previews use one full-bleed frame for landscape and portrait photos. */
.material-card{display:flex;flex-direction:column;height:100%}
.material-visual.has-image,.archive-full-grid .material-visual.has-image{height:auto;aspect-ratio:4/3;background:#e8edf1}
.material-visual.has-image .material-photo{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center top;filter:none}
.material-card .material-info{display:flex;flex:1;flex-direction:column;justify-content:space-between;min-height:64px}
.material-card .material-info b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;line-height:1.3;max-height:2.6em}
@media(max-width:560px){.material-card .material-info{min-height:66px}}