html,body{width:100%;height:100%;overflow:hidden}
.stage{position:fixed;inset:0;width:100%;height:100%;min-height:0;background:#e8e9ed}
#scene-root{position:absolute;inset:0;touch-action:none;user-select:none;cursor:grab}
#scene-root canvas{display:block;width:100%;height:100%;outline:none}
/* Only visible UI surfaces capture the pointer; their empty layout stays pass-through. */
.ui-workspace{z-index:3;pointer-events:none}
.ui-workspace>.shell-sidebar:not(.collapsed),.ui-workspace>#panel:not([hidden]),.ui-workspace>.sidebar-resize,.ui-workspace>.ui-resize:not([hidden]),.ui-workspace>#toast:not(:empty){pointer-events:auto}
#runtime-error{position:absolute;top:10px;right:12px;max-width:450px;padding:14px;border:1px solid #bc5252;background:#fff2f0;z-index:30;white-space:pre-wrap}
body:not(.web-ready) .ui-workspace{visibility:hidden}
.settings .setting-group p{max-width:470px;overflow-wrap:anywhere}
.settings .setting-row{flex-wrap:wrap;gap:8px}
.settings .setting-row input{max-width:100%}
.connection-scope{padding:12px;border-radius:12px;background:#f2f4f7;margin:12px 0}
.connection-scope label{display:block;margin:10px 0 5px}
.connection-scope input,.connection-scope select{width:100%;padding:8px;border:1px solid #d9dfe7;border-radius:7px}
.host-memory{white-space:pre-wrap;overflow-wrap:anywhere;padding:10px;border-left:2px solid #aac4ed}
.archive-preview img{max-width:100%}
.archive-preview iframe{width:100%;height:380px;border:0}
.archive-paper pre{white-space:pre-wrap;overflow-wrap:anywhere}
.runtime-scene-label{position:absolute;transform:translate(-50%,-100%);pointer-events:none;padding:4px 9px;background:#fffefaeb;border:1px solid #dadfe7;border-radius:7px;font-size:12px;white-space:nowrap;color:#36404f}
.runtime-scene-hotspot{position:absolute;z-index:1;transform:translate(-50%,-28%);width:136px;height:316px;padding:0;border:0;background:transparent;cursor:pointer}
.runtime-scene-hotspot[hidden]{display:none}
.runtime-scene-hotspot:focus-visible{outline:2px solid #315a98;outline-offset:2px;border-radius:8px}
.runtime-scene-hover{position:absolute;z-index:2;box-sizing:border-box;display:flex;align-items:center;min-height:36px;max-width:calc(100% - 16px);padding:8px 12px;border:1px solid #adc6ec;border-radius:8px;background:#f7faff;box-shadow:0 2px 8px #20283825;color:#315a98;font-size:13px;font-weight:600;line-height:1.4;overflow-wrap:anywhere;pointer-events:none}
.runtime-scene-hover[hidden]{display:none}
.stage:after{content:'Archory';z-index:1;pointer-events:none}
.ui-workspace.scene-page:has(.shell-sidebar.collapsed)>#panel:not([hidden]){display:flex!important;pointer-events:auto}
.ui-workspace.scene-page .content-shell{position:fixed}
.ui-workspace.scene-page:has(#panel:not([hidden]))>#ui-resize:not([hidden]){display:flex!important;position:fixed;right:auto;bottom:auto;pointer-events:auto}
.ui-workspace.scene-page:has(#panel:not([hidden]))>#toast:not(:empty){display:block!important;position:fixed;bottom:auto;pointer-events:auto}

.settings-organized{display:grid;align-content:start;width:100%;max-width:var(--ui-settings-content-width);margin:0 auto;box-sizing:border-box;container:settings / inline-size}
.settings-group{display:grid;gap:14px}
.settings-group-heading{display:grid;align-items:center;min-height:var(--ui-control-height);gap:4px}
.settings-group-heading h2{margin:0;font-size:16px;color:var(--text,#26303e);font-weight:650}
.settings-group-heading p{margin:0;color:var(--muted,#697386);font-size:12px}
.settings-card-list{display:grid;grid-template-columns:minmax(0,1fr);align-items:start}
.settings-card-list:has(> :only-child){grid-template-columns:minmax(0,1fr)}
.settings-connection-list{grid-template-columns:minmax(0,1fr)}
.settings-connection-card{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--ui-space-3);align-items:start}
.settings-connection-card>.settings-card-heading{margin:0}
.settings-connection-card>.settings-connection-notes{margin:0}
.settings-connection-card>div[id^="settings-"]{container-type:inline-size}
.settings-connection-card .settings-connection-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:var(--ui-space-1) var(--ui-control-gap)}
.settings-connection-card .settings-connection-row>div:first-child{display:contents}
.settings-connection-card .settings-connection-row strong{grid-column:1;grid-row:1;align-self:center;min-width:0;overflow-wrap:anywhere}
.settings-connection-card .settings-connection-row .settings-actions{grid-column:2;grid-row:1;justify-self:end;justify-content:flex-end}
.settings-connection-card .settings-connection-row .helper{grid-column:1/-1;grid-row:2;margin:0}
.settings-secondary{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:var(--ui-section-gap)}
.settings-secondary .settings-card-list{grid-template-columns:minmax(0,1fr)}
.settings-card{min-width:0;padding:18px;border:1px solid var(--line,#e0e4eb);border-radius:12px;background:var(--paper,#fff)}
.settings-card>h3,.settings-card-heading h3{margin:0;color:var(--text,#26303e);font-size:14px;font-weight:650}
.settings-card-intro{margin:var(--ui-space-2) 0 var(--ui-content-gap);color:var(--muted,#697386);line-height:1.65}
.settings-card-heading p{margin:0;color:var(--muted,#697386);line-height:1.65}
.settings-card-heading{display:grid;gap:0;margin-bottom:var(--ui-content-gap)}
.settings-personal-card{display:grid;gap:var(--ui-content-gap)}
.settings-preference{display:grid;gap:var(--ui-control-gap)}
.settings-preference+.settings-preference{padding-top:var(--ui-content-gap);border-top:1px solid var(--line,#e0e4eb)}
.settings-language-row{display:grid;grid-template-columns:minmax(0,1fr) var(--ui-directory-width);align-items:center;gap:var(--ui-content-gap)}
.settings-language-copy h3{margin:0;font-size:14px;font-weight:650}
.settings-language-copy .helper{margin:var(--ui-space-1) 0 0}
.settings-language-row #settings-language{width:100%;height:var(--ui-control-height);padding-inline:var(--ui-control-inset);border-radius:var(--ui-control-radius)}
@container settings (max-width:600px){.settings-language-row{grid-template-columns:minmax(0,1fr)}.settings-language-row #settings-language{max-width:var(--ui-directory-width)}}
.settings-card-footer{margin-top:14px;padding-top:14px;border-top:1px solid var(--line,#e0e4eb)}
.settings-organized .settings-card>.setting-row{margin:14px 0 0;padding:0;border:0}
.settings-organized .helper{line-height:1.65}
.settings-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.settings-connection-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.settings-connection-row>div:first-child{flex:1;min-width:180px}
.settings-connection-row .helper{margin:5px 0 0}
.settings-install-progress{margin-top:16px}
.settings-install-progress-label{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted,#697386)}
.settings-install-progress progress{display:block;width:100%;height:8px;margin-top:8px;accent-color:#315fe9}
.settings-install-progress>.helper{margin:4px 0 0}
.settings-connection-status{font-size:15px;display:inline-flex;align-items:center;gap:8px}
.settings-connection-status:before{content:'';width:7px;height:7px;border-radius:50%;background:#9098a5}
.settings-connection-status[data-state=connected]:before{background:#278065}
.settings-connection-status[data-state=connecting]:before{background:#315fe9}
.settings-connection-status[data-state=paused]:before{background:#bc852f}
.settings-organized .folder-location{margin:0;border:0;padding:0}
.settings-secondary .folder-location{display:grid;gap:var(--ui-content-gap)}
.settings-connection-notes{margin-top:14px;padding-top:12px;border-top:1px solid var(--line,#e0e4eb)}
.settings-connection-notes summary{cursor:pointer;color:var(--muted,#697386);font-size:12px}
.settings-connection-notes .helper{margin:10px 0 0}
.settings-error{color:#a13930}
.panel-footer.settings-footer #footer-note{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.panel-footer.settings-footer #footer-count{flex:none}
.ui-workspace .content-shell .settings-footer .settings-guide-link{padding-inline:0!important;border:0;background:transparent;box-shadow:none;color:var(--blue);font-weight:600}
.settings-footer .settings-guide-link:hover,.settings-footer .settings-guide-link:focus-visible{text-decoration:underline;text-underline-offset:3px}
.settings-connection-notes summary:focus-visible{outline:3px solid #315fe960;outline-offset:3px}
@container (max-width: 320px){.settings-connection-card .settings-connection-row{grid-template-columns:minmax(0,1fr)}.settings-connection-card .settings-connection-row .settings-actions{grid-column:1;grid-row:3}}