/* Website-only adaptations. Native component geometry lives in the copied app CSS. */
html,body{width:100%;height:100%;min-width:0;overflow:hidden}
[hidden]{display:none!important}
.panel{width:100%;height:100%;box-sizing:border-box}
[data-scene]{min-width:0}
.preview-toast{position:absolute;z-index:150;left:62px;right:18px;bottom:18px;padding:13px 16px;border:1px solid var(--silver-edge);border-radius:14px;background:var(--surface);color:var(--fg);box-shadow:0 6px 24px var(--shadow);font-size:12px;line-height:1.55;pointer-events:none}
.preview-note-overlay{border-radius:22px}
.preview-note-overlay .feature-detail{max-width:470px;height:78%;background:var(--panel)}
.preview-note-overlay .feature-detail-header{align-items:center}
.preview-note-overlay .feature-detail-header>.feature-detail-close{flex:none}
.preview-note-overlay .feature-detail-content{font-size:15px;line-height:1.8}
.preview-note-overlay .feature-detail-content h2{font-size:24px;letter-spacing:-.6px;line-height:1.35;margin-top:0}
.preview-saved{margin-right:auto;color:var(--muted);font-size:11px}
.preview-capture-art{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(145deg,#b5cef4,#adb3de 50%,#d4c2e4)}
.preview-capture-art>span{display:flex;flex-direction:column;justify-content:center;width:68%;height:68%;padding:13px;background:#f8f9ffc9;border:1px solid #ffffffdc;border-radius:8px;box-shadow:0 7px 19px #323a6d28;color:#414b66;font-size:10px;line-height:1.65;box-sizing:border-box}
.preview-capture-art strong{font-size:13px;color:#253252;margin-bottom:6px}
.preview-capture-video{background:linear-gradient(145deg,#608798,#2f506a 70%)}
.preview-capture-video>span{display:grid;place-items:center;width:45px;height:45px;padding:0;background:#fff2;color:white;border-radius:50%;font-size:21px}
.preview-folder-content{padding:17px;border:1px solid var(--border);border-radius:15px;background:var(--surface);font-size:12px;color:var(--fg);line-height:1.7}
.preview-folder-content strong{display:block;font-size:14px;margin-bottom:13px}
.preview-folder-file{display:flex;align-items:center;gap:11px;padding:12px 0;border-top:1px solid var(--border)}
.preview-folder-file>svg{width:21px;height:21px;flex:none;color:var(--muted)}
.preview-folder-file>small{margin-left:auto;color:var(--dim);font-size:10px}
@media(prefers-reduced-motion:no-preference){[data-scene].preview-enter{animation:preview-page-in .3s cubic-bezier(.2,.7,.2,1) both}@keyframes preview-page-in{from{opacity:.25;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}}