.webnote-window{width:min(1100px,calc(100vw - 32px));height:min(88dvh,850px);max-width:none;max-height:calc(100dvh - 32px);padding:0;overflow:hidden;border:1px solid rgba(108,181,192,.36);border-radius:12px;background:rgba(24,36,44,.14);color:#e3eaf0;box-shadow:0 20px 64px rgba(8,20,30,.27);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.webnote-window[open]{display:flex;flex-direction:column;animation:webnote-window-open .18s cubic-bezier(.22,.8,.3,1)}
.theme-dark #webnote-window{background:rgba(24,36,44,.14)}
.webnote-window::backdrop{background:rgba(10,25,38,.12)}
.webnote-window-bar{display:flex;align-items:center;justify-content:space-between;flex:0 0 34px;padding:0 7px 0 12px;background:rgba(24,36,44,.84);border-bottom:1px solid rgba(148,177,194,.2)}
.webnote-window-bar h2{margin:0;font-size:13px;font-weight:600}
.webnote-window-bar a{margin-left:auto;margin-right:12px;padding:4px 8px;border:1px solid rgba(148,177,194,.24);border-radius:6px;background:rgba(148,174,188,.12);color:inherit;font-size:12px;text-decoration:none}
.webnote-window-bar button{display:flex;align-items:center;justify-content:center;width:28px;min-height:26px;padding:0;border:0;border-radius:6px;background:rgba(148,174,188,.12);color:inherit;font-size:20px;line-height:1}
.webnote-window-bar button:hover{background:rgba(148,174,188,.25)}
.webnote-window-body{position:relative;flex:1;min-height:0}
#webnote-frame{display:block;width:100%;height:100%;border:0;background:transparent}
.webnote-window-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:rgba(24,36,44,.92)}
.webnote-window-loading:has(#webnote-window-status[hidden]){display:none}
.webnote-window-loading p{margin:0;color:inherit}.webnote-window-loading button{min-width:100px;min-height:36px}
@keyframes webnote-window-open{from{transform:translateY(8px) scale(.99)}to{transform:none}}
@media(max-width:760px){.webnote-window{width:calc(100vw - 12px);height:calc(100dvh - 12px);max-height:calc(100dvh - 12px);border-radius:9px}.webnote-window-bar{padding-left:10px}}
@media(prefers-reduced-motion:reduce){.webnote-window[open]{animation:none}}