/* The right workspace follows Studio without changing panel visibility. */
html[data-workspace-design=studio] body #pinboardSidebar{background:var(--st-canvas)!important;border-left:1px solid var(--st-line)!important}
html[data-workspace-design=studio] body #pinboardSidebar .pinboard-header{padding:18px 12px;gap:8px;background:var(--st-surface)!important;border-bottom:1px solid var(--st-line)}
html[data-workspace-design=studio] body #pinboardSidebar .sidebar-tabs{display:flex;gap:4px;flex:1;min-width:0;padding:4px;border-radius:13px;background:var(--st-canvas)}
html[data-workspace-design=studio] body #pinboardSidebar .sidebar-tab-btn{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;min-width:0;padding:8px 10px;font:550 .8rem/1.2 system-ui;border:0!important;background:transparent!important;border-radius:9px!important;color:var(--st-muted)!important}
html[data-workspace-design=studio] body #pinboardSidebar .sidebar-tab-btn.active{background:var(--st-surface)!important;color:var(--st-ink)!important;box-shadow:0 2px 7px #182c4710!important}
html[data-workspace-design=studio] body #pinboardSidebar :is(.sidebar-tab-panel,.pinboard-content){background:var(--st-canvas)!important}
html[data-workspace-design=studio] body #pinboardSidebar .pinboard-admin-bar{padding:12px;gap:8px;border:0;background:transparent}
html[data-workspace-design=studio] body #pinboardSidebar :is(.pinboard-new-btn,.pinboard-toggle-btn,.pinboard-cancel-btn,.pinboard-file-label,.pinboard-readmore-btn){display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:8px 11px;font:500 .78rem/1.3 system-ui;border:1px solid var(--st-line);border-radius:9px;background:var(--st-surface);color:var(--st-muted);box-shadow:none}
html[data-workspace-design=studio] body #pinboardSidebar .pinboard-new-btn{background:var(--st-blue);color:var(--st-accent);border-color:transparent}
html[data-workspace-design=studio] body #pinboardSidebar .pinboard-content{padding:4px 12px 14px;gap:12px}
html[data-workspace-design=studio] body #pinboardSidebar .pinboard-article{margin:0 0 12px;border:1px solid var(--st-line)!important;border-radius:15px!important;box-shadow:none!important;overflow:hidden;background:var(--st-surface)!important}
html[data-workspace-design=studio] body #pinboardSidebar .pinboard-article-body{padding:16px}
html[data-workspace-design=studio] body #pinboardSidebar .pinboard-article-title{font:650 .95rem/1.4 system-ui;letter-spacing:-.02em;margin-bottom:8px;color:var(--st-ink)}
html[data-workspace-design=studio] body #pinboardSidebar .pinboard-article-text{font:400 .82rem/1.65 system-ui;color:var(--st-muted);overflow-wrap:anywhere}
html[data-workspace-design=studio] body #pinboardSidebar .pinboard-article-date{font:500 .67rem/1.4 system-ui;color:var(--st-muted);margin-top:12px}
html[data-workspace-design=studio] body #pinboardSidebar .pinboard-article-admin{background:var(--st-canvas);border-top:1px solid var(--st-line);padding:6px 10px;gap:5px}
html[data-workspace-design=studio] body #pinboardSidebar :is(.pinboard-art-btn,.pinboard-collapse-btn,.todo-edit-btn,.todo-del-btn){width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:var(--st-muted);box-shadow:none}
html[data-workspace-design=studio] body #pinboardSidebar :is(.pinboard-art-btn,.pinboard-collapse-btn,.todo-edit-btn,.todo-del-btn):hover{background:var(--st-selected);color:var(--st-ink)}
html[data-workspace-design=studio] body #pinboardSidebar :is(.pinboard-new-form,.pinboard-edit-form){padding:12px;margin:0 12px 12px;border:1px solid var(--st-line);border-radius:12px;background:var(--st-surface)}
html[data-workspace-design=studio] body #pinboardSidebar :is(.pinboard-input,.pinboard-textarea,.pb-editable,.todo-input,.todo-edit-input){border:1px solid var(--st-line);border-radius:9px;background:var(--st-surface);color:var(--st-ink);font:400 .82rem/1.5 system-ui;padding:10px;box-shadow:none}
html[data-workspace-design=studio] body #pinboardSidebar .pb-toolbar{background:var(--st-canvas);border-color:var(--st-line);gap:3px;padding:5px;border-radius:9px}
html[data-workspace-design=studio] body #pinboardSidebar .pb-toolbar button{background:var(--st-surface);color:var(--st-muted);border:1px solid var(--st-line);border-radius:6px;min-height:30px}
html[data-workspace-design=studio] body #pinboardSidebar :is(.pinboard-save-btn,.todo-add-btn){background:var(--st-accent);color:var(--st-surface);border:0;border-radius:9px;min-height:36px;padding:8px 12px;box-shadow:none}
html[data-workspace-design=studio] body #pinboardSidebar :is(.pinboard-empty,.todo-empty){margin:12px;padding:24px 16px;border:1px dashed var(--st-line);border-radius:13px;color:var(--st-muted);font:400 .8rem/1.7 system-ui;background:transparent}
html[data-workspace-design=studio] body #pinboardSidebar .pinboard-mail-preview{padding:0 12px 12px}
html[data-workspace-design=studio] body #pinboardSidebar .pinboard-activity{background:var(--st-surface);border-top:1px solid var(--st-line);padding:12px}
html[data-workspace-design=studio] body #pinboardSidebar .pa-head{font:600 .75rem/1.4 system-ui;color:var(--st-muted);margin-bottom:10px}
html[data-workspace-design=studio] body #pinboardSidebar .pa-item{border:1px solid var(--st-line);border-radius:10px;background:var(--st-canvas);box-shadow:none;margin-bottom:6px;padding:10px}
html[data-workspace-design=studio] body #pinboardSidebar .todo-panel{padding:12px}
html[data-workspace-design=studio] body #pinboardSidebar .todo-item{padding:12px;border-radius:12px!important;box-shadow:none!important}
html[data-workspace-design=studio] body #pinboardOpenBtn{background:var(--st-surface)!important;color:var(--st-muted)!important;border:1px solid var(--st-line)!important;border-radius:12px 0 0 12px;box-shadow:var(--st-shadow)!important}
html[data-workspace-design=studio] body #pinboardSidebar :is(button,input,[contenteditable]):focus-visible{outline:2px solid var(--st-accent);outline-offset:2px}
html[data-workspace-design=studio][data-workspace-theme=night] body #pinboardSidebar :is(.sidebar-tab-btn.active,.pinboard-toggle-btn,.pinboard-cancel-btn,.pinboard-file-label,.pa-actions button,.pa-x){background:var(--st-selected)!important;color:var(--st-ink)!important;border-color:var(--st-line)!important}html[data-workspace-design=studio][data-workspace-theme=night] body #pinboardSidebar .pinboard-new-btn{background:var(--st-blue)!important;color:var(--st-accent)!important}
.todo-quick{margin:0 0 16px}.todo-input-row{display:flex;gap:8px}.todo-input-row input{min-width:0;flex:1}.todo-options{font-size:.8rem;margin-top:8px}.todo-options summary{cursor:pointer;min-height:36px;align-content:center;color:var(--st-muted)}.todo-options label{display:grid;gap:5px;margin:8px 0;color:var(--st-muted)}.todo-options input,.todo-options select{box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:8px;border:1px solid var(--st-line);border-radius:8px;background:var(--st-surface);color:var(--st-ink);font:inherit}.todo-group{border-top:1px solid var(--st-line);padding:8px 0}.todo-group>summary{display:flex;justify-content:space-between;cursor:pointer;min-height:44px;align-items:center;font-size:.85rem;font-weight:650;color:var(--st-ink)}.todo-group>summary span{color:var(--st-muted);font-weight:400}.todo-group-empty{font-size:.8rem;color:var(--st-muted);padding:4px 0 12px}.todo-meta{font-size:.72rem;color:var(--st-muted);margin:6px 0;overflow-wrap:anywhere}.todo-overdue{color:#b45309;font-weight:600}.todo-main{min-width:0;flex:1}.todo-text{overflow-wrap:anywhere}.todo-check-btn{min-width:44px;min-height:44px;border:1px solid var(--st-line);border-radius:10px;color:var(--st-accent);background:var(--st-surface);font-size:1.2rem;cursor:pointer}.todo-item{display:flex;align-items:flex-start;gap:8px}.todo-done .todo-text{text-decoration:line-through;color:var(--st-muted)}.todo-panel :focus-visible{outline:2px solid var(--st-accent);outline-offset:2px}

.todo-delete-btn{border:0;background:transparent;color:var(--st-muted);font:inherit;font-size:.8rem;min-height:44px;cursor:pointer;padding:8px 0}.todo-delete-btn:hover{color:#b45309}.todo-done .todo-check-btn{color:white}.todo-group>summary::after{content:"▾";margin-left:8px}.todo-group:not([open])>summary::after{content:"▸"}.todo-group>summary span{margin-left:auto}