.cloud-viewer{margin:44px 0 28px;border:1px solid #dfe6d8;border-radius:13px;background:#fff;overflow:hidden;color:#41543b}.viewer-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:27px 28px;border-bottom:1px solid #e9eee3}.viewer-eyebrow{font:9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:1.5px;color:#839672}.viewer-heading h2{font-size:24px;font-weight:500;letter-spacing:-.7px;margin:9px 0 7px}.viewer-heading p{font-size:11px;line-height:1.8;color:#85927b;margin:0}.cloud-viewer button,.cloud-viewer select{font:inherit;font-size:10px;border:1px solid #dae3d1;border-radius:5px;background:#fbfcf8;color:#5c754d;padding:8px 11px;cursor:pointer}.cloud-viewer button:hover:not(:disabled){border-color:#a9c28f;background:#f0f6e5}.cloud-viewer button:disabled{opacity:.5;cursor:default}.cloud-viewer button:focus-visible,.cloud-viewer select:focus-visible,.cloud-viewer input:focus-visible{outline:2px solid #789b58;outline-offset:3px}.cloud-viewer #viewerChooseFolder{background:#e4f2bf;border-color:#ccdea8;white-space:nowrap;padding:11px 14px}.viewer-heading button span{margin-left:15px}.viewer-body{display:grid;grid-template-columns:260px minmax(0,1fr)}.viewer-file-panel{display:flex;flex-direction:column;border-right:1px solid #e7eddf;min-width:0;background:#fbfcf8}.viewer-folder{padding:17px 16px 11px;font-size:11px;font-weight:500;overflow-wrap:anywhere}.viewer-selection-actions{display:flex;gap:15px;padding:0 16px 12px}.viewer-selection-actions button{border:0;padding:0;background:none;font-size:9px;color:#879a75}.viewer-tiles{height:376px;overflow:auto;padding:0 8px;scrollbar-width:thin}.viewer-tile{display:flex;align-items:flex-start;gap:9px;padding:12px 8px;border-bottom:1px solid #e9eee2;cursor:pointer}.viewer-tile input{appearance:auto;margin:2px 0 0;accent-color:#6b924e;width:13px;height:13px;flex-shrink:0}.viewer-tile>span{min-width:0;display:block}.viewer-tile strong{display:block;font-size:10px;font-weight:500;line-height:1.6;overflow-wrap:anywhere}.viewer-tile small{display:block;font-size:9px;color:#8e9d81;line-height:1.6;margin-top:4px;overflow-wrap:anywhere}.viewer-tile:has(input:checked){background:#f0f6e6;border-radius:5px}.viewer-tile:has(input:disabled){cursor:default;opacity:.65}.viewer-selection-footer{margin-top:auto;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:9px;border-top:1px solid #e5ebdd}.viewer-selection-footer>span{font-size:9px;line-height:1.6;color:#829673}.viewer-selection-footer button{white-space:nowrap;background:#edf5df}.viewer-empty-list{font-size:10px;color:#929f86;line-height:1.9;margin:17px 8px}.viewer-preview{min-width:0}.viewer-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;min-height:61px;padding:10px 16px}.viewer-toolbar label{display:flex;align-items:center;gap:7px;font-size:9px;color:#829573;white-space:nowrap}.viewer-toolbar select{font-size:9px;padding:6px 7px;max-width:145px}.viewer-size-label input{appearance:auto;accent-color:#7c9b60;width:65px}.viewer-view-actions{display:flex;gap:5px}.viewer-view-actions button{font-size:9px;padding:6px 8px;white-space:nowrap}.viewer-stage{position:relative;height:385px;background:#0e1716;overflow:hidden}.viewer-stage canvas{display:block;width:100%;height:100%;touch-action:none;outline:none;cursor:grab}.viewer-stage canvas:active{cursor:grabbing}.viewer-stage canvas:focus-visible{outline:2px solid #c5e58f;outline-offset:-3px}.viewer-placeholder{position:absolute;left:25px;right:25px;top:50%;transform:translateY(-50%);text-align:center;pointer-events:none;color:#b2c3aa}.viewer-placeholder>span{display:block;color:#759278;font-size:43px;font-weight:300;margin-bottom:16px}.viewer-placeholder strong{font-size:16px;font-weight:400;letter-spacing:-.3px}.viewer-placeholder p{font-size:10px;line-height:1.9;color:#7e9681}.viewer-placeholder[hidden]{display:none}.viewer-renderer{position:absolute;bottom:12px;left:14px;background:#17271fcf;border:1px solid #3e5443;border-radius:4px;padding:5px 8px;color:#9bb393;font:8px ui-monospace,SFMono-Regular,monospace;pointer-events:none}.viewer-caption{padding:12px 15px 0;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:35px}.viewer-caption p{font-size:10px;line-height:1.7;margin:0;color:#738d63;font-variant-numeric:tabular-nums}.viewer-caption button{font-size:9px;padding:6px 8px}.viewer-controls{font-size:9px;line-height:1.8;margin:7px 15px 13px;color:#99a68d}.viewer-status{font-size:10px;line-height:1.9;color:#829772;margin:0;border-top:1px solid #e7ecdf;padding:14px 20px;overflow-wrap:anywhere}.viewer-status[data-error=true]{color:#a05f49;background:#fffaf7}.viewer-notes{padding:0 20px 16px;color:#91a080;font-size:9px}.viewer-notes summary{cursor:pointer}.viewer-notes pre{font:9px/1.9 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-height:200px;overflow:auto;margin-bottom:0;color:#819473}.cloud-viewer [hidden]{display:none!important}
@media(max-width:1050px){.viewer-body{grid-template-columns:225px minmax(0,1fr)}.viewer-toolbar{gap:8px;padding:9px 11px;flex-wrap:wrap}.viewer-size-label{display:none!important}.viewer-stage{height:375px}.viewer-tiles{height:367px}}
@media(max-width:680px){.cloud-viewer{margin-top:30px}.viewer-heading{padding:22px;align-items:flex-start;flex-direction:column;gap:16px}.viewer-heading h2{font-size:23px}.viewer-heading p{font-size:11px}.viewer-body{display:flex;flex-direction:column}.viewer-file-panel{border-right:0;border-bottom:1px solid #e5ebdc}.viewer-folder{padding-top:15px}.viewer-tiles{height:180px;padding:0 10px}.viewer-tile{padding:10px 7px}.viewer-tile strong{font-size:11px}.viewer-tile small{font-size:9px}.viewer-selection-footer{padding:12px 15px}.viewer-selection-footer>span{font-size:10px}.viewer-toolbar{padding:12px;gap:8px}.viewer-toolbar label{font-size:10px}.viewer-toolbar select{font-size:10px;max-width:145px}.viewer-view-actions{gap:4px}.viewer-view-actions button{font-size:10px;padding:7px}.viewer-stage{height:355px}.viewer-caption p{font-size:10px}.viewer-controls{font-size:9px}.viewer-status{font-size:11px;padding:14px 16px}.viewer-notes{padding-left:16px;padding-right:16px}}