/* Plane neutral surfaces sampled from the user's reference, not slate/blue. */
:root {--plane-menu:var(--surface);--plane-menu-shadow:0 4px 16px #0000001a,0 1px 4px #0000000d;}
:root.dark {--blue:#2893cc;--muted:#a5a9ab;--line:#222425;--side:#141415;--surface:#141415;--text:#e4e6e6;--soft:#1d1f20;--plane-canvas:#0f0f10;--plane-active:#2b2b2c;--plane-control:#1d1f20;--plane-panel:#1d1f20;--plane-secondary:#cacdce;--plane-menu:#1d1f20;--plane-menu-shadow:0 6px 24px #00000066,0 1px 5px #00000040;color-scheme:dark;}
.dark .plane-main,.dark .plane-sidebar,.dark dialog {background:var(--surface);}
.dark .plane-personal-nav {background:var(--surface);}
.dark .btn:not(.primary):not(.quiet) {background:var(--plane-control);border-color:#36393a;}
.dark .btn:not(.primary):hover,.dark .icon-button:hover,.dark .plane-popover-item:hover {background:var(--plane-active);}
.dark .btn.primary,.dark .login-form .btn.primary {background:var(--blue);color:#06141d;border-color:var(--blue);}
.dark .btn.primary:hover {background:#39a3dc;}
.dark .knowledge-art,.dark .sidebar-promo,.dark .welcome,.dark .media-card.selected,.dark .kanban-column.dragover {background:var(--soft);border-color:var(--line);}
.dark .media-card.selected {border-color:var(--blue);}
.dark .fact,.dark .panel,.dark .studio-config,.dark .studio-editor,.dark .media-card,.dark .task-card {background:var(--surface);}
.dark .metric-head,.dark .demo-note,.dark .chart text {color:var(--plane-secondary);fill:var(--muted);}
.dark .input-search,.dark input:not([type=checkbox]):not([type=radio]),.dark textarea {border-color:#36393a;}
.dark .plane-ai-composer textarea,.dark .article-body,.dark .editor-title {border-color:transparent;}
.dark .media-mark .avatar,.dark .nav-item .count {background:var(--plane-active);color:var(--plane-secondary);}
.dark .task-card:hover {border-color:#434344;box-shadow:none;}
.dark .plane-popover {background:var(--plane-menu);border-color:#36393a;box-shadow:var(--plane-menu-shadow);}
.dark .login-art {background:var(--surface);}
.dark .login-copy h1 {color:var(--text);}
.dark .login-copy p,.dark .login-art footer {color:var(--plane-secondary);}
.dark #toast {background:#2b2b2c;color:var(--text);border:1px solid #434344;}
dialog::backdrop {background:rgb(0 0 0 / 32%);}
.dark dialog::backdrop {background:rgb(0 0 0 / 55%);}
/* Keep form values native; expose an app-controlled, accessible trigger. */
.plane-select {position:relative;display:inline-flex;vertical-align:middle;min-width:0;max-width:100%;}
select.plane-native-select {position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;margin:0!important;clip-path:inset(50%);overflow:hidden;opacity:0;pointer-events:none;}
.plane-select-trigger {display:flex;align-items:center;justify-content:space-between;gap:9px;width:100%;min-height:30px;border:1px solid var(--line);border-radius:5px;padding:5px 9px;background:var(--plane-control);color:var(--text);text-align:left;font-size:12px;font-weight:400;line-height:18px;}
.plane-select-trigger>.icon {width:14px;height:14px;color:var(--muted);margin-left:auto;}
.plane-select-trigger:hover {background:var(--soft);border-color:#a5a9ab;}
.dark .plane-select-trigger {border-color:#36393a;}
.dark .plane-select-trigger:hover {background:var(--plane-active);border-color:#434344;}
.plane-select-trigger[aria-expanded=true] {outline:2px solid var(--blue);outline-offset:1px;}
.plane-select-trigger:disabled {opacity:.45;cursor:not-allowed;}
.plane-select-value {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;}
.field>.plane-select {width:100%;}
.field .plane-select-trigger {min-height:36px;font-size:13px;}
.filterbar .plane-select,.toolbar .plane-select {min-width:100px;}
.plane-select-menu {position:fixed;inset:auto;margin:0;padding:4px;border:1px solid var(--line);border-radius:6px;background:var(--plane-menu);color:var(--text);box-shadow:var(--plane-menu-shadow);z-index:100;overflow:hidden;font-family:inherit;font-size:13px;animation:plane-menu-enter 120ms ease-out;}
.dark .plane-select-menu {border-color:#36393a;}
.plane-select-options {overflow:auto;overscroll-behavior:contain;scrollbar-width:none;}
.plane-select-options::-webkit-scrollbar {display:none;}
.plane-select-option {display:flex;align-items:center;gap:9px;min-height:32px;width:100%;padding:6px 8px;border-radius:4px;text-align:left;color:var(--text);font-size:13px;line-height:20px;}
.plane-select-option>span:not(.plane-theme-mark):not(.plane-select-check) {flex:1;}
.plane-select-option.highlighted,.plane-select-option:hover {background:var(--plane-active);}
.plane-select-option:disabled {opacity:.4;}
.plane-select-check {display:flex;align-items:center;width:16px;height:16px;flex-shrink:0;color:var(--text);}
.plane-select-check .icon {width:14px;height:14px;}
.plane-select-group {font-size:12px;color:var(--muted);padding:7px 8px 4px;}
.plane-select-empty {padding:15px 9px;color:var(--muted);font-size:12px;}
.plane-select-search {display:flex;align-items:center;gap:7px;padding:5px 8px 8px;border-bottom:1px solid var(--line);margin-bottom:4px;}
.plane-select-search .icon {width:14px;height:14px;color:var(--muted);}
.plane-select-search input {border:0!important;background:transparent;min-width:0;width:100%;font-size:13px;padding:3px 0;outline:none;}
.plane-theme-mark {width:15px;height:15px;border-radius:50%;flex-shrink:0;border:1px solid #a5a9ab;background:#f4f4f5;}
.plane-theme-mark.dark {background:#303033;}
.plane-theme-mark.system {background:linear-gradient(135deg,#fafafa 50%,#333336 50%);}
.plane-theme-mark.light {background:linear-gradient(135deg,#fafafa 50%,#397af7 50%);}
/* A single body scroll area only when the viewport/content really needs it. */
dialog:not(.plane-settings-modal) {width:560px;max-height:calc(100dvh - 48px);overflow:hidden;border-radius:10px;box-shadow:0 12px 48px #00000033;}
dialog:not(.plane-settings-modal).wide {width:820px;}
dialog:not(.plane-settings-modal)>form {display:flex;flex-direction:column;max-height:calc(100dvh - 48px);}
dialog:not(.plane-settings-modal) .dialog-head {position:static;flex-shrink:0;padding:18px 24px;border-bottom:0;}
dialog:not(.plane-settings-modal) .dialog-body {padding:0 24px 24px;overflow:auto;overscroll-behavior:contain;min-height:0;scrollbar-width:none;}
dialog .dialog-body::-webkit-scrollbar,.plane-personal-panel::-webkit-scrollbar,.plane-personal-nav::-webkit-scrollbar {display:none;}
dialog:not(.plane-settings-modal) .dialog-footer {flex-shrink:0;padding:14px 24px;}
dialog:not(.plane-settings-modal) .field {margin-top:16px;gap:7px;}
dialog:not(.plane-settings-modal) .field:first-child {margin-top:6px;}
dialog:not(.plane-settings-modal) .field textarea {min-height:90px;}
dialog:not(.plane-settings-modal) .dialog-body pre {max-height:none;overflow:visible;margin-bottom:0;}
dialog.plane-form-columns {width:720px;}
.plane-dialog-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px;row-gap:16px;padding-top:6px!important;}
.plane-dialog-grid>.field {margin:0!important;}
.plane-dialog-grid>.plane-field-full,.plane-dialog-grid> :not(.field) {grid-column:1 / -1;}
.plane-dialog-grid>input[type=hidden] {display:none;}
.plane-settings-modal {height:700px;max-height:calc(100dvh - 48px);}
.plane-personal-nav {overflow:auto;scrollbar-width:none;}
.plane-personal-panel {padding:30px 32px 28px;overflow:auto;scrollbar-width:none;overscroll-behavior:contain;}
.plane-personal-panel>p {margin-bottom:25px;}
.plane-preference-row {min-height:62px;padding:11px 0;gap:20px;}
.plane-preference-section {margin:24px 0 8px!important;}
.plane-personal-panel>.plane-modal-status {display:none;}
.plane-preference-row>.plane-select {min-width:90px;max-width:290px;}
.plane-profile-form .plane-form-submit {margin-top:24px;padding-top:16px;}
@keyframes plane-menu-enter {from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}
@media(max-height:760px) and (min-width:701px) {
 .plane-personal-panel {padding:24px 30px;}
 .plane-personal-panel>p {margin-bottom:18px;}
 .plane-preference-row {min-height:56px;padding:8px 0;}
 .plane-preference-section {margin-top:18px!important;}
}
@media(max-width:700px) {
 dialog:not(.plane-settings-modal) {max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);}
 dialog:not(.plane-settings-modal)>form {max-height:calc(100dvh - 24px);}
 dialog:not(.plane-settings-modal) .dialog-head {padding:16px;}
 dialog:not(.plane-settings-modal) .dialog-body {padding:0 16px 18px;}
 dialog:not(.plane-settings-modal) .dialog-footer {padding:12px 16px;}
 .plane-dialog-grid {grid-template-columns:minmax(0,1fr);gap:13px;}
 .plane-settings-modal {height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);max-width:calc(100vw - 24px);}
 .plane-personal-nav {padding:10px 12px;}
 .plane-personal-nav>.plane-nav-item {padding:6px 8px;}
 .plane-personal-user {margin-bottom:5px;}
 .plane-personal-panel {padding:20px 16px;}
 .plane-personal-panel>p {margin-bottom:16px;}
 .plane-preference-row {min-height:68px;padding:10px 0;gap:10px;}
 .plane-preference-row>div:first-child {min-width:0;flex:1;}
 .plane-preference-row>.plane-select {max-width:145px;min-width:0;flex-shrink:0;}
 .plane-preference-section {margin-top:20px!important;}
}
@media(prefers-reduced-motion:reduce) {.plane-select-menu {animation:none;}}