.studio-page [hidden],.notes-page [hidden]{display:none!important}.notes-tabs{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.notes-tabs a{padding:8px 18px;border:1px solid var(--ui-border);color:var(--ui-muted);text-decoration:none;min-height:40px;display:inline-flex;align-items:center}.notes-tabs a[aria-current]{color:var(--ui-accent);background:var(--ui-panel);border-bottom:2px solid var(--ui-accent)}.notes-page,.studio-page{max-width:960px;width:100%;margin:0 auto}.note-card{padding:22px 0;border-bottom:1px solid var(--ui-border);overflow-wrap:anywhere}.note-card h2{font-size:1.2rem;margin:0 0 8px;font-weight:600}.note-card h2 a{color:var(--ui-text);text-decoration:none;display:block;padding:6px 0}.note-card h2 a:hover{text-decoration:underline;text-underline-offset:4px}.note-meta{font:13px/1.7 var(--font-mono);color:var(--ui-muted);display:flex;gap:12px;flex-wrap:wrap;margin:8px 0 16px}.note-excerpt{color:var(--ui-muted);line-height:1.8}.note-body{white-space:pre-wrap;overflow-wrap:anywhere;font:1rem/1.9 var(--font-body);margin:20px 0 28px}.note-heading{font-size:1.65rem;line-height:1.5;overflow-wrap:anywhere;margin:16px 0}.note-empty{padding:24px 0;color:var(--ui-muted)}#notes-status,#studio-status{margin:8px 0 16px;color:var(--ui-accent);font-size:.85rem;overflow-wrap:anywhere}#notes-status:empty{display:none}.studio-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.studio-top h1{font-size:1.5rem}.studio-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.studio-row label{display:inline-flex;gap:8px;align-items:center}.studio-row input[type=checkbox]{width:18px;height:18px}.studio-page input:not([type=checkbox]),.studio-page textarea,#notes-share-url{font:16px/1.6 var(--font-body);background:var(--ui-input);color:var(--ui-text);border:1px solid var(--ui-border-strong);border-radius:2px;padding:10px 12px;width:100%;min-width:0}.studio-row input[type=password]{flex:1;min-width:120px}.studio-page label{font-size:.85rem;color:var(--ui-muted)}.studio-page fieldset{border:0;min-width:0;padding:0;margin:16px 0 8px}.studio-page legend{margin-bottom:8px}.studio-metadata{padding:0 0 10px;border-bottom:1px solid var(--ui-border);margin-bottom:14px}.studio-metadata label{display:block;margin:10px 0 4px}.studio-page summary{min-height:44px;align-content:center;color:var(--ui-muted);cursor:pointer}.studio-body-label{display:block;margin:8px 0 6px}#studio-body{display:block;resize:vertical;min-height:300px;line-height:1.8}.studio-edit-meta{justify-content:space-between;font-size:.75rem;color:var(--ui-muted)}.studio-actions{position:sticky;bottom:0;display:flex;flex-wrap:wrap;gap:8px;background:var(--ui-workspace);padding:12px 0;border-top:1px solid var(--ui-border);z-index:1}.studio-actions button{flex:1;min-width:80px}.studio-action-status{flex-basis:100%;font-size:12px;line-height:1.6;color:var(--ui-muted);overflow-wrap:anywhere}#studio-publish:not(:disabled){background:var(--ui-accent);border-color:var(--ui-accent);color:var(--ui-ink)}.studio-secondary{margin:12px 0}.studio-library{margin:14px 0;border-bottom:1px solid var(--ui-border);padding-bottom:8px}#studio-list{display:grid;gap:8px;margin:12px 0}.studio-list-item{display:flex;gap:8px;align-items:center;min-width:0}.studio-list-item button:first-child{flex:1;text-align:left;overflow-wrap:anywhere;white-space:normal;min-width:0}.studio-hint{font-size:.75rem!important;line-height:1.7;color:var(--ui-muted);margin:10px 0}#studio-auth{border:1px solid var(--ui-border);padding:14px;margin:14px 0}#studio-auth-status{color:var(--ui-highlight);font-size:.8rem;margin:8px 0}#studio-verification{margin-top:10px;overflow:hidden}#studio-conflict{padding:14px;border:1px solid var(--ui-highlight);color:var(--ui-highlight);font-size:.85rem;margin:14px 0}#studio-remote-content{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ui-text);margin:12px 0}#studio-history{display:grid;gap:8px;padding:8px 0}.studio-page .article-tool,.studio-page .dos-button,.notes-page .article-tool{white-space:normal;min-height:44px}@media(max-width:768px){.notes-page,.studio-page{padding:12px!important}.notes-tabs{margin-bottom:12px}.notes-tabs a{min-height:44px}#studio-body{min-height:280px}.studio-layout{padding:0!important}.studio-actions{padding-bottom:max(10px,env(safe-area-inset-bottom))}.studio-top h1{font-size:1.25rem}.note-heading{font-size:1.35rem}.note-card{padding:16px 0}}
