@font-face{font-family:Manrope;src:url('/assets/Manrope.woff2') format('woff2');font-weight:200 800;font-display:swap}
html{color-scheme:light;background:#edf2f4;scrollbar-width:thin}body{margin:0}button{cursor:pointer}*{box-sizing:border-box}[hidden]{display:none!important}.demo-page{padding:0 8px 8px}.demo-guide{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 24px;color:#173b3b;font:14px/1.5 Manrope,'Segoe UI',sans-serif;background:#e1eeeb;min-height:128px}.guide-text{max-width:740px}.guide-text>span{color:#376760;font-size:12px;font-weight:800}.guide-text h2{font-size:20px;line-height:1.25;letter-spacing:-.02em;margin:4px 0 7px;font-weight:800}.guide-text p{margin:0;color:#3a5658}.guide-actions{display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;max-width:230px}.guide-actions button{font:600 12px/1.4 Manrope,'Segoe UI',sans-serif;background:transparent;border:1px solid #a2bcb6;color:#19463f;border-radius:7px;padding:10px 12px;min-height:40px}.guide-actions button:hover{background:#c7e1d9}.guide-actions button:focus-visible{outline:3px solid #116b69;outline-offset:3px}.demo-guide:has(#guide-resume:not([hidden])){background:#e9ead9}
#storage-scanner-mock .ss-window{box-shadow:none;border-radius:10px}#storage-scanner-mock .ss-titlebar{height:48px;font:500 15px Manrope,'Segoe UI',sans-serif}#storage-scanner-mock .ss-titlebar strong{font-weight:800}#storage-scanner-mock .demo-brand-icon{width:28px;height:28px}#storage-scanner-mock .ss-title-note{font:12px 'Segoe UI',sans-serif}#storage-scanner-mock .ss-caption{opacity:.45;pointer-events:none}#storage-scanner-mock .ss-chart-wrap{max-width:400px}#storage-scanner-mock .ss-map-toolbar{flex-wrap:wrap}#storage-scanner-mock .ss-scope{flex-wrap:wrap}#storage-scanner-mock .ss-segmented button{min-height:36px;gap:6px;align-items:center}#storage-scanner-mock .ss-segmented [data-view="sunburst"]:after{content:'Sunburst';font-size:12px}#storage-scanner-mock .ss-segmented [data-view="sankey"]:after{content:'Sankey';font-size:12px}#storage-scanner-mock .ss-map-controls{flex-wrap:wrap;gap:6px}#storage-scanner-mock .ss-window.ss-sankey .ss-chart-wrap{height:380px;min-height:380px;max-width:none}#storage-scanner-mock .ss-explorer{min-height:430px}#storage-scanner-mock .ss-file-list{max-height:340px}#storage-scanner-mock .ss-add{min-width:36px;min-height:36px}#storage-scanner-mock .tour-target{outline:3px solid #12776a!important;outline-offset:3px;background-color:#d0ede2!important;color:#16443d!important;position:relative;z-index:1}#storage-scanner-mock .tour-target:hover{background-color:#b6e2d1!important}#storage-scanner-mock .ss-demo-note{font-size:12px;padding:12px;color:#4b6268}#storage-scanner-mock .ss-flow-label{font-size:13px}#storage-scanner-mock .ss-chart-center{pointer-events:none}#storage-scanner-mock .ss-dialog{max-height:calc(100dvh - 48px);overflow:auto}#storage-scanner-mock .demo-dialog-label{color:#21675c;font-size:12px;font-weight:700}#storage-scanner-mock .ss-button:disabled{cursor:not-allowed}#storage-scanner-mock .ss-file-row>svg{color:#627078}
@media(max-width:1100px) and (min-width:721px){#storage-scanner-mock .ss-shell{grid-template-columns:166px minmax(0,1fr)}#storage-scanner-mock .ss-workspace{padding-inline:18px}#storage-scanner-mock .ss-explorer{grid-template-columns:minmax(0,1fr) 245px;gap:16px}#storage-scanner-mock .ss-map-controls{width:100%}#storage-scanner-mock .ss-files-panel{padding-left:14px}}
@media(max-width:720px){.demo-guide{padding:18px 12px;gap:14px;align-items:start;flex-direction:column}.guide-text h2{font-size:18px}.guide-text p{font-size:13px}.guide-actions{max-width:none;justify-content:flex-start}.guide-actions button{min-height:36px;padding:8px 10px}.demo-page{padding:0 4px 4px}#storage-scanner-mock .ss-sidebar{grid-template-columns:1fr 1fr 1fr;padding:10px;gap:5px}#storage-scanner-mock .ss-sidebar>.ss-nav{display:flex;min-height:42px;padding:7px;justify-content:center;font-size:12px}#storage-scanner-mock .ss-drive{grid-column:auto;padding:8px 6px}#storage-scanner-mock .ss-drive[data-drive="d"]{display:none}#storage-scanner-mock .ss-sidebar>.ss-nav[data-nav="older"]{display:none}#storage-scanner-mock .ss-drive strong{font-size:12px}#storage-scanner-mock .ss-drive small{font-size:12px}#storage-scanner-mock .ss-drive svg{display:none}#storage-scanner-mock .ss-explorer{grid-template-columns:1fr;min-height:0}#storage-scanner-mock .ss-files-panel{border-left:0;border-top:1px solid var(--ss-line);padding:14px 0 0}#storage-scanner-mock .ss-workspace{padding:12px}#storage-scanner-mock .ss-map-toolbar{gap:12px}#storage-scanner-mock .ss-map-controls{width:100%}#storage-scanner-mock .ss-chart-wrap{max-width:280px}#storage-scanner-mock .ss-window.ss-sankey .ss-chart-wrap{height:340px;min-height:340px}#storage-scanner-mock .ss-map-guide{font-size:12px}#storage-scanner-mock .ss-subtitle{display:none}#storage-scanner-mock .ss-heading h1{font-size:21px}#storage-scanner-mock .ss-capacity strong{font-size:15px}#storage-scanner-mock .ss-capacity span{font-size:12px}#storage-scanner-mock .ss-file-open{min-height:44px}#storage-scanner-mock .ss-file-list{max-height:300px}#storage-scanner-mock .ss-detail{display:none}#storage-scanner-mock .ss-feedback{min-height:36px}#storage-scanner-mock .ss-dialog{width:calc(100% - 24px);padding:20px;margin:auto}#storage-scanner-mock .ss-dialog-row{flex-wrap:wrap}#storage-scanner-mock .ss-dialog-row small{overflow-wrap:anywhere}#storage-scanner-mock .ss-dialog-actions{flex-wrap:wrap}#storage-scanner-mock .ss-dialog-actions .ss-button{min-height:44px;white-space:normal}}