@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(../media/dm-sans-latin-ext-wght-normal.0hiocdn10l05a.woff2?dpl=70780ad687b11ecbb80488fccc9782ee445d17e2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(../media/dm-sans-latin-wght-normal.0tm8u-h63rec8.woff2?dpl=70780ad687b11ecbb80488fccc9782ee445d17e2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#050506;--surface:#101113;--raised:#16181c;--hover:#20232a;--line:#ffffff14;--text:#f5f5f7;--muted:#a0a3ab;--dim:#8a8e97;--accent:#b8c7e8;--danger:#ff9393;--radius:14px;--overlay-surface:var(--surface);--overlay-raised:var(--raised);--overlay-border:#ffffff1c;--overlay-edge:#ffffff0a;--overlay-backdrop:#020306b8;--overlay-shadow:inset 0 1px 0 var(--overlay-edge), 0 28px 90px #0009, 0 8px 24px #0005;--popover-shadow:inset 0 1px 0 var(--overlay-edge), 0 16px 48px #0008;--field-surface:#0c0e11;--field-border:#ffffff20;--field-hover:#ffffff38;--field-focus:#b8c7e880;--selected-surface:#b8c7e814;--selected-border:#b8c7e83d;--danger-surface:#ff939309;--danger-border:#ff939333;--font-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--field-ring:0 0 0 3px #b8c7e82e;--field-radius:10px;--success:#b1cfbd;--ios-variable:#4da3ff;--ios-variable-surface:#0a84ff24;--button-primary-surface:linear-gradient(180deg, #f5f6f9, #cdd4df);--button-primary-hover:#fff;--button-primary-border:#e3e8ef;--button-primary-text:#10151c;--button-primary-shadow:inset 0 1px 0 #fff8, 0 3px 9px #0004;--button-subtle-surface:#181b20;--button-subtle-border:#343941;--button-subtle-hover:#232830;--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a0a3ab' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:DM Sans Variable,system-ui,sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}::selection{color:#fff;background:#35465d}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}button{color:inherit;background:0 0;border:0}input,textarea,select{color:var(--text);background:var(--surface);border:1px solid var(--line);outline-offset:2px;border-radius:9px;min-width:0;padding:11px 12px}input::placeholder,textarea::placeholder{color:var(--dim)}textarea{resize:vertical;line-height:1.65}label{color:var(--muted);flex-direction:column;gap:8px;font-size:13px;display:flex}h1,h2,h3,p{margin:0}button,a{transition:background .16s,color .16s,box-shadow .16s,transform .18s}.primary-button,.subtle-button,.text-button,.danger-button{white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 15px;font-weight:550;display:inline-flex}.primary-button{background:var(--button-primary-surface);color:var(--button-primary-text);box-shadow:var(--button-primary-shadow);border:1px solid var(--button-primary-border)}.primary-button:active{transform:translateY(0)}.subtle-button{background:var(--button-subtle-surface);border:1px solid var(--button-subtle-border);color:var(--text)}.text-button{color:var(--muted);padding:0 8px}@media (hover:hover) and (pointer:fine){.primary-button:hover{background:var(--button-primary-hover);box-shadow:0 4px 16px color-mix(in srgb, var(--accent) 8%, transparent);transform:translateY(-1px)}.subtle-button:hover{background:var(--button-subtle-hover)}.text-button:hover{color:var(--text);background:var(--raised)}}.danger-button{color:var(--danger);padding:0 8px}.icon-button{width:36px;height:36px;color:var(--muted);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}@media (hover:hover) and (pointer:fine){.icon-button:hover{background:color-mix(in srgb, var(--text) 4%, transparent);color:var(--text)}}.studio-symbol{flex-shrink:0;width:31px;height:31px;position:relative}.studio-symbol span{background:linear-gradient(160deg,#f4f6fa,#8795aa);border:1px solid #d3dded65;border-radius:4px;width:12px;height:27px;position:absolute;top:2px;transform:skewY(-18deg);box-shadow:0 2px 3px #0007}.studio-symbol span:first-child{opacity:.4;left:0}.studio-symbol span:nth-child(2){opacity:.7;left:9px}.studio-symbol span:nth-child(3){left:18px}.app-shell{height:100dvh;padding:12px 0 12px 12px;display:flex;overflow:hidden}.sidebar{border:1px solid var(--line);background:linear-gradient(160deg,#141414,#101113 55%);border-radius:18px;flex-direction:column;flex-shrink:0;width:208px;padding:22px 12px 12px;display:flex;box-shadow:inset 0 1px #ffffff04}.wordmark{text-align:left;letter-spacing:-1px;align-items:center;gap:11px;padding:0 10px 28px;font-size:23px;font-weight:600;display:flex}.search-trigger{color:var(--muted);background:#1b1b1b;border:1px solid #2b2b2b;border-radius:10px;align-items:center;gap:9px;margin-bottom:22px;padding:10px;display:flex;box-shadow:inset 0 1px #ffffff04}.search-trigger:hover{background:#242424}.search-trigger kbd{color:#a0a3ab;background:#ffffff06;border-radius:4px;margin-left:auto;padding:2px 4px;font:12px inherit}.sidebar nav{flex-direction:column;gap:5px;display:flex}.nav-item{min-height:44px;color:var(--muted);text-align:left;border-radius:9px;align-items:center;gap:10px;width:100%;padding:0 12px;display:flex;position:relative}@media (hover:hover) and (pointer:fine){.nav-item:hover{background:color-mix(in srgb, var(--text) 2%, transparent);color:var(--text)}}.nav-item.active{color:#f5f5f7;background:linear-gradient(90deg,#202226,#191b1f);box-shadow:inset 0 1px #ffffff0b}.nav-item.active:before{content:"";background:var(--accent);border-radius:3px;width:2px;height:16px;position:absolute;left:0;box-shadow:0 0 12px #b8c7e830}.nav-count{color:var(--muted);margin-left:auto;font-size:13px}.sidebar-space{margin-top:38px}.workspace-line{color:var(--muted);align-items:center;gap:8px;padding:0 12px 12px;font-size:13px;display:flex}.workspace-line i{background:var(--dim);border-radius:50%;width:5px;height:5px}.sidebar-bottom{margin-top:auto}.team-button,.profile-button{text-align:left;width:100%;min-height:50px;color:var(--muted);align-items:center;gap:9px;padding:8px;display:flex}.team-button{font-size:13px}.team-button>svg,.profile-button>svg{flex-shrink:0;margin-left:auto}.profile-button{color:#d5d7dd;border-top:1px solid #262626;margin-top:9px;padding-top:15px}.profile-button>span:nth-child(2){white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.avatar{color:#dce1eb;background:linear-gradient(135deg,#333842,#22252a);border:1px solid #454b56;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:27px;height:27px;font-size:13px;display:inline-flex}.avatar-stack{padding-left:0;display:flex}.avatar-stack .avatar+.avatar{margin-left:-8px;box-shadow:-2px 0 #151515}.avatar-add{color:#aaa;background:#1b1b1b;border:1px dashed #4d525c}.user-avatar{width:30px;height:30px}.main-space{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.main-header{justify-content:space-between;align-items:center;gap:16px;min-height:91px;padding:10px 30px 18px;display:flex}.page-heading{align-items:center;gap:12px;display:flex}.page-heading h1{letter-spacing:-.8px;font-size:27px;font-weight:550}.view-count{color:var(--muted);background:var(--raised);border:1px solid var(--line);border-radius:5px;padding:2px 7px;font-size:13px}.view-count:empty{display:none}.header-actions{align-items:center;gap:15px;display:flex}.filter-button{color:var(--muted);align-items:center;gap:9px;min-height:40px;padding:0 5px;font-size:13px;display:flex}.filter-button.active{color:var(--accent)}.mobile-search{display:none}.pipeline-board{flex:1;grid-template-columns:repeat(5,minmax(200px,1fr));align-items:start;gap:14px;padding:0 28px 20px;display:grid;overflow:auto}.pipeline-column{background:linear-gradient(#101113,#0d0d0d 80%);border:1px solid #1e1e1e;border-radius:13px;min-height:calc(100dvh - 140px);padding:0 9px 10px;transition:background .16s,border-color .16s}.pipeline-column.drop-active{background:var(--raised);border-color:var(--selected-border)}.column-header{justify-content:space-between;align-items:center;gap:4px;height:58px;padding:0 3px;display:flex}.column-header h2{white-space:nowrap;align-items:center;gap:8px;font-size:13px;font-weight:550;display:flex}.column-header h2 i{border-radius:50%;width:6px;height:6px;box-shadow:0 0 7px #ffffff09}.column-header h2 span{color:var(--dim);padding-left:2px;font-size:13px;font-weight:450}.column-header .icon-button{width:26px;height:34px}.column-cards{flex-direction:column;gap:9px;display:flex}.content-card{background:linear-gradient(150deg,#181b20,#171717);border:1px solid #30302e;border-radius:11px;padding:12px 12px 8px;transition:border-color .18s,box-shadow .18s;box-shadow:inset 0 1px #ffffff03,0 3px 5px #0002}.content-card:hover{border-color:var(--field-hover);box-shadow:inset 0 1px #ffffff08,0 6px 16px #0003}.card-top{justify-content:space-between;align-items:center;min-height:25px;margin-bottom:8px;display:flex}.card-source{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:13px;display:flex;overflow:hidden}.drag-handle{color:var(--dim);cursor:grab;touch-action:none;justify-content:center;align-items:center;width:25px;height:28px;display:flex}.card-open{text-align:left;width:100%;padding:0}.card-open h3{letter-spacing:-.08px;overflow-wrap:anywhere;font-size:14px;font-weight:550;line-height:1.5}.card-open p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:7px;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.card-footer{justify-content:space-between;align-items:center;min-height:33px;margin-top:10px;display:flex}.card-tags{flex-wrap:wrap;gap:4px;display:flex}.card-tags span{border:1px solid var(--line);color:var(--muted);border-radius:5px;padding:2px 5px;font-size:13px}.card-arrow{color:var(--dim);border-radius:6px;justify-content:center;align-items:center;width:27px;height:29px;display:flex}.card-arrow:hover{color:#eee;background:#ffffff08}.column-add{color:var(--dim);text-align:left;border-radius:8px;align-items:center;gap:7px;width:100%;min-height:42px;margin-top:7px;padding:0 9px;font-size:13px;display:flex}.column-add:hover{color:var(--text);background:#ffffff05}.drag-preview{filter:drop-shadow(0 14px 16px #0008);transform:rotate(2deg)}.dialog{--dialog-pad:24px;--dialog-top:clamp(24px, 9vh, 88px);color:var(--text);width:520px;max-width:calc(100vw - 32px);margin:var(--dialog-top) auto auto;max-height:calc(100dvh - var(--dialog-top) - 24px);background:var(--overlay-surface);border:1px solid var(--overlay-border);border-radius:var(--radius);box-shadow:var(--overlay-shadow);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--field-border) transparent;padding:0;animation:.2s ease-out dialog-in;overflow-y:auto}.dialog-wide{width:720px}.dialog:has(>.confirmation-body){width:440px}.dialog:has(.search-dialog){width:600px}.dialog::backdrop,.editor::backdrop{background:var(--overlay-backdrop);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@keyframes popover-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes dialog-in{0%{opacity:0;transform:var(--dialog-enter,translateY(8px) scale(.99))}to{opacity:1;transform:none}}.dialog-header{padding:16px 14px 4px var(--dialog-pad);z-index:5;background:var(--overlay-surface);justify-content:space-between;align-items:center;gap:16px;display:flex;position:sticky;top:0}.dialog-header h2{letter-spacing:-.02em;overflow-wrap:anywhere;min-width:0;font-size:18px;font-weight:500;line-height:1.35}.dialog-header .icon-button{width:40px;height:40px;color:var(--muted);border-radius:10px}.dialog-header .icon-button:hover{background:var(--overlay-raised);color:var(--text)}@supports (animation-timeline:scroll()){.dialog-header{animation:linear both dialog-header-edge;animation-timeline:scroll();animation-range:0 24px}}@keyframes dialog-header-edge{0%{box-shadow:0 1px #0000}to{box-shadow:0 1px 0 var(--line)}}.dialog label{color:var(--muted);font-size:13px}.dialog :where(input,textarea,select):where(:not([type=checkbox]):not([type=radio]):not([type=range]):not(.title-input)),.document-editor :where(input,textarea,select):where(:not([type=checkbox]):not([type=radio]):not([type=range]):not(.document-title)){transition:border-color .14s,background-color .14s,box-shadow .14s}.dialog :where(input,textarea,select):where(:not([type=checkbox]):not([type=radio]):not([type=range]):not(.title-input)){min-height:44px;color:var(--text);background-color:var(--field-surface);border-color:var(--field-border);border-radius:var(--field-radius);font-size:14px}.dialog :where(input,textarea,select):not(:disabled):hover{border-color:var(--field-hover)}.dialog :where(input,textarea,select):where(:not([type=checkbox]):not([type=radio]):not([type=range]):not(.title-input)):focus-visible{outline-offset:2px;border-color:var(--field-focus);box-shadow:var(--field-ring);outline:2px solid #0000}.dialog :where(input,textarea,select):disabled{cursor:not-allowed;opacity:.6}.dialog :is(select,input[type=date],input[type=time],input[type=datetime-local]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.dialog select option{background:var(--overlay-raised);color:var(--text)}.dialog select:not([multiple]){appearance:none;background-image:var(--select-chevron);cursor:pointer;background-position:right 14px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.dialog ::-webkit-calendar-picker-indicator{opacity:.55;cursor:pointer;border-radius:6px;margin-right:-4px;padding:4px;transition:opacity .14s}.dialog ::-webkit-calendar-picker-indicator:hover{opacity:1}.dialog textarea{resize:none;field-sizing:content;max-height:40dvh}.dialog textarea:not(.title-input){min-height:96px}.dialog .title-input{width:100%;min-height:48px;color:var(--text);border-bottom:1px solid var(--line);background:0 0;padding:8px 2px;line-height:1.3;transition:border-color .14s,box-shadow .14s;display:block;overflow:hidden}.dialog .title-input:hover{border-bottom-color:var(--field-hover)}.dialog .title-input:focus-visible{border-bottom-color:var(--accent);box-shadow:inset 0 -1px 0 var(--accent);outline:2px solid #0000}.dialog .link-input:focus-within,.dialog .reference-url-input:focus-within{border-color:var(--field-focus);box-shadow:var(--field-ring)}.dialog .link-input:hover:not(:focus-within),.dialog .reference-url-input:hover:not(:focus-within){border-color:var(--field-hover)}.dialog .link-input input,.dialog .reference-url-input input{min-height:42px;box-shadow:none;background:0 0}.dialog .link-input input:focus-visible,.dialog .reference-url-input input:focus-visible{box-shadow:none;outline:none}.dialog .settings-footer{flex-wrap:wrap;gap:12px}.search-results>button:focus-visible{outline-offset:-2px}.search-results>button>span:first-child{overflow-wrap:anywhere;min-width:0}.search-results>button>svg{color:var(--text);opacity:0;flex:none;transition:opacity .12s}.search-results>button:focus-visible{background:var(--overlay-raised)}.search-dialog:has(input:focus:not(:placeholder-shown)) .search-results>button:first-child{background:var(--overlay-raised)}.search-results>button:focus-visible>svg{opacity:1}.search-dialog:has(input:focus:not(:placeholder-shown)) .search-results>button:first-child>svg{opacity:1}@media (hover:hover) and (pointer:fine){.search-results>button:hover>svg{opacity:1}}.capture-form,.event-form{padding:12px var(--dialog-pad) calc(var(--dialog-pad) + env(safe-area-inset-bottom));flex-direction:column;gap:18px;display:flex}.title-input{letter-spacing:-.02em;background:0 0;border:0;border-radius:0;padding:8px 0;font-size:22px;font-weight:500}.link-input{border:1px solid var(--field-border);border-radius:var(--field-radius);color:var(--dim);background:var(--field-surface);flex-direction:row;align-items:center;gap:10px;min-height:44px;padding:0 12px;transition:border-color .14s,box-shadow .14s;display:flex}.link-input input{background:0 0;border:0;width:100%;min-width:0;padding:11px 0}.link-input>svg{flex-shrink:0}.link-input a{display:flex}.capture-form textarea{background:var(--field-surface);border-color:var(--field-border)}.capture-channel .channel-switcher{max-width:100%}@media (max-width:420px){.capture-channel .channel-switcher{width:100%}.capture-channel .channel-switcher button{flex:1;min-width:0;padding:0 8px}}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-top:6px;display:flex}.dialog-actions .danger-button{margin-right:auto}.dialog-actions>.form-error{text-align:left;flex:1 0 100%;order:-1;margin:0 0 2px}.confirmation-body{padding:8px var(--dialog-pad) calc(var(--dialog-pad) + env(safe-area-inset-bottom))}.confirmation-body>p{color:var(--muted);overflow-wrap:anywhere;font-size:15px;line-height:1.6}.confirmation-body .dialog-actions{margin-top:24px}.confirmation-destructive{border:1px solid var(--danger-border);background:var(--danger-surface);min-height:40px;color:var(--danger);white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;padding:0 15px;font-weight:550;display:inline-flex}.confirmation-destructive:hover{background:color-mix(in srgb, var(--danger) 9%, transparent);border-color:color-mix(in srgb, var(--danger) 38%, transparent)}.form-row{gap:14px;display:flex}.form-row>label{flex:1;min-width:0}.form-row input{width:100%}.field-help{color:var(--muted);font-size:13px;line-height:1.6}.form-error{color:var(--danger);font-size:13px;line-height:1.6}.success-message{color:var(--success);align-items:center;gap:7px;display:flex}.segmented{background:var(--field-surface);border:1px solid var(--field-border);border-radius:var(--field-radius);gap:3px;padding:3px;display:inline-flex}.segmented button{min-height:36px;color:var(--muted);border-radius:7px;flex:1;justify-content:center;align-items:center;gap:7px;padding:0 15px;display:flex}.segmented button:hover:not(.active){color:var(--text)}.segmented button.active{color:var(--text);background:var(--overlay-raised);box-shadow:inset 0 1px 0 var(--overlay-edge), 0 0 0 1px var(--line)}.segmented.compact{padding:3px}.segmented.compact button{min-height:29px;padding:0 12px;font-size:13px}.checkbox-label{flex-direction:row;align-items:center;gap:10px}.dialog .checkbox-label{min-height:32px;color:var(--text);cursor:pointer;align-self:flex-start;font-size:14px}.checkbox-label input,.piece-picker input{accent-color:var(--accent);flex:none;width:16px;height:16px;margin:0}.dialog :is(.checkbox-label,.piece-picker-list) input{appearance:none;border:1.5px solid var(--field-hover);background:var(--field-surface);cursor:pointer;border-radius:5px;place-content:center;width:18px;height:18px;padding:0;transition:background-color .14s,border-color .14s;display:inline-grid}.dialog :is(.checkbox-label,.piece-picker-list) input[type=radio]{border-radius:50%}.dialog :is(.checkbox-label,.piece-picker-list) input:before{content:"";background:var(--bg);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);width:10px;height:10px;transition:transform .12s;transform:scale(0)}.dialog :is(.checkbox-label,.piece-picker-list) input[type=radio]:before{clip-path:none;border-radius:50%;width:8px;height:8px}.dialog :is(.checkbox-label,.piece-picker-list) input:hover:not(:disabled){border-color:var(--muted)}.dialog :is(.checkbox-label,.piece-picker-list) input:checked{border-color:var(--accent);background:var(--accent)}.dialog :is(.checkbox-label,.piece-picker-list) input:checked:before{transform:scale(1)}.dialog :is(.checkbox-label,.piece-picker-list) input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.piece-picker{border:0;min-width:0;margin:0;padding:0}.piece-picker legend{color:var(--muted);margin-bottom:8px;padding:0;font-size:13px}.piece-picker-list{overscroll-behavior:contain;scrollbar-width:thin;border:1px solid var(--field-border);border-radius:var(--field-radius);background:var(--field-surface);max-height:188px;overflow:auto}.dialog .piece-picker label{min-height:44px;color:var(--text);overflow-wrap:anywhere;cursor:pointer;flex-direction:row;align-items:center;gap:12px;padding:10px 14px;font-size:14px;line-height:1.4}.dialog .piece-picker label+label{border-top:1px solid var(--line)}.piece-picker p{color:var(--muted);padding:12px 14px;font-size:13px}.field-label>span{color:var(--dim)}.field-label>span:before{content:"· "}.editor{border:1px solid var(--overlay-border);background:var(--overlay-surface);width:580px;max-width:calc(100vw - 24px);height:calc(100dvh - 24px);max-height:none;color:var(--text);border-radius:16px;margin:0 0 0 auto;padding:0;animation:.22s ease-out editor-in;position:fixed;inset:12px 12px 12px auto;box-shadow:-20px 0 80px #0008}.editor[open]{flex-direction:column;display:flex}@keyframes editor-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}.editor-toolbar{border-bottom:1px solid #ffffff07;justify-content:space-between;align-items:center;min-height:62px;padding:10px 19px 10px 27px;display:flex}.editor-toolbar>div{gap:3px;display:flex}.save-status{color:#a6b5a9;align-items:center;gap:6px;font-size:13px;display:flex}.save-error{color:var(--danger)}.editor-content{flex:1;padding:24px 28px;overflow:auto}.editor-title{letter-spacing:-.65px;background:0 0;border:0;border-radius:0;width:100%;padding:0 0 16px;font-size:25px;font-weight:500}.properties{gap:18px;padding:4px 0 20px;display:flex}.properties label{flex:1;min-width:0}.properties select{background:var(--overlay-raised);width:100%;padding:9px;font-size:13px}.tag-options{flex-wrap:wrap;gap:7px;margin-top:16px;display:flex}.tag-options button{border:1px solid var(--field-border);min-height:32px;color:var(--muted);border-radius:6px;padding:0 9px;font-size:13px}.tag-options button.active{color:var(--accent);border-color:var(--selected-border);background:var(--selected-surface)}.editor-tabs{border-bottom:1px solid var(--line);gap:20px;margin-top:24px;display:flex}.editor-tabs button{color:var(--muted);border-bottom:2px solid #0000;padding:13px 0}.editor-tabs button.active{border-color:var(--accent);color:var(--text)}.writing-area{resize:vertical;background:0 0;border:0;border-radius:0;width:100%;min-height:285px;padding:22px 0;font-size:15px;line-height:1.9}.editor-bottom{border-top:1px solid var(--line);background:var(--overlay-surface);justify-content:flex-end;padding:16px 27px;display:flex}.editor-error{background:var(--danger-surface);color:var(--danger);border:1px solid var(--danger-border);border-radius:9px;padding:14px}.editor-error button{margin:10px 10px 0 0;padding:5px 0;text-decoration:underline}.settings-body{padding:12px var(--dialog-pad,24px) calc(var(--dialog-pad,24px) + env(safe-area-inset-bottom))}.settings-body form{flex-direction:column;gap:16px;display:flex}.settings-body form>:is(.primary-button,.subtle-button){align-self:flex-end}.settings-section{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}.settings-section h3{letter-spacing:-.01em;margin-bottom:8px;font-size:15px;font-weight:500}.settings-section p{overflow-wrap:anywhere;color:var(--muted);margin-bottom:14px;font-size:13px;line-height:1.65}.settings-section .form-error{color:var(--danger)}.settings-section :is(.subtle-button,.text-button)+p{margin-top:10px}.settings-body .form-error,.settings-body .success-message{overflow-wrap:anywhere;font-size:14px;line-height:1.6}.settings-section .text-button{white-space:normal;margin-top:8px}.member-list>div{grid-template-columns:28px minmax(0,1fr) auto;align-items:center;column-gap:12px;margin:14px 0;display:grid}.member-list>div>span:nth-child(2){overflow-wrap:anywhere;min-width:0}.member-list small{color:var(--muted);margin-top:3px;font-size:13px;display:block}.member-role{color:var(--muted);text-align:right;justify-content:flex-end;align-items:center;gap:16px;font-size:13px;display:flex}@media (max-width:599px){.member-role{flex-direction:column;align-items:flex-end;gap:6px}}.settings-section .member-role .text-button{white-space:nowrap;min-height:32px;margin:0 -8px 0 0}.member-role .text-button:focus-visible{outline-offset:0}.settings-body form.invite-form{flex-direction:row;gap:8px}.invite-form input{flex:1;width:0}.invite-link{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;font-size:13px;display:flex}.settings-footer{border-top:1px solid var(--line);justify-content:space-between;margin-top:28px;padding-top:16px;display:flex}.settings-footer .text-button:first-child{margin-left:-8px}.settings-footer .text-button:last-child{margin-right:-8px}.search-dialog{padding:8px var(--dialog-pad,24px) calc(14px + env(safe-area-inset-bottom))}.search-results{overscroll-behavior:contain;scrollbar-width:thin;max-height:min(420px,56dvh);margin:10px -12px 0;padding:2px;overflow:auto}.search-results>button{text-align:left;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:56px;padding:10px 12px;display:flex}@media (hover:hover) and (pointer:fine){.search-results>button:hover{background:var(--overlay-raised)}}.search-results small{color:var(--dim);margin-top:4px;font-size:13px;display:block}.archive-view{padding:12px 30px;overflow:auto}.archive-view>article{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:14px 0;display:flex}.archive-view>article>button:first-child{text-align:left}.archive-view>p{color:var(--muted);padding:35px 0}.toast{border:1px solid var(--overlay-border);background:var(--overlay-raised);max-width:calc(100vw - 32px);min-height:48px;box-shadow:var(--popover-shadow);z-index:100;border-radius:12px;align-items:center;gap:10px;padding:6px 6px 6px 16px;font-size:14px;line-height:1.4;animation:.2s ease-out toast-in;display:flex;position:fixed;bottom:28px;left:50%;translate:-50%}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.toast>svg{color:var(--success);flex-shrink:0}.toast-error{border-color:var(--danger-border)}.toast-error>svg{color:var(--danger)}.toast button{width:36px;height:36px;color:var(--muted);border-radius:8px;flex:none;place-items:center;display:grid}.toast button:hover{background:var(--hover);color:var(--text)}.inline-error{color:var(--danger);border:1px solid var(--danger-border);background:var(--danger-surface);border-radius:8px;justify-content:space-between;gap:10px;margin:0 28px 15px;padding:12px 14px;display:flex}.inline-error button{white-space:nowrap;text-decoration:underline}.app-loading{height:100dvh;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:22px;display:flex}.app-loading .studio-symbol{animation:1.8s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.5}}.login-page{justify-content:center;align-items:center;min-height:100dvh;padding:30px 20px;display:flex;position:relative;overflow:hidden}.login-orb{pointer-events:none;background:radial-gradient(ellipse, color-mix(in srgb, var(--accent) 7%, transparent), transparent 66%);width:600px;height:600px;position:absolute;top:-290px;left:calc(50% - 300px)}.login-card{width:390px;max-width:100%;position:relative}.login-card>.studio-symbol{margin-bottom:30px}.login-card h1{letter-spacing:-1px;margin-bottom:12px;font-size:30px;font-weight:500;line-height:1.25}.login-card>p{color:var(--muted);margin-bottom:28px;font-size:14px;line-height:1.7}.login-card form{flex-direction:column;gap:18px;display:flex}.login-card input{background:var(--field-surface);border-color:var(--field-border);border-radius:var(--field-radius);min-height:45px}.login-submit{width:100%;min-height:44px;margin-top:6px}.login-wordmark{border-top:1px solid var(--line);color:var(--dim);letter-spacing:1px;justify-content:space-between;margin-top:40px;padding-top:18px;font-size:13px;display:flex}.login-wordmark>span{letter-spacing:0;color:var(--dim)}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.calendar-view{flex-direction:column;flex:1;min-height:0;padding:0 30px;display:flex}.calendar-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.calendar-date{align-items:center;gap:10px;display:flex}.calendar-date h2{min-width:160px;font-size:17px;font-weight:500}.calendar-date>.subtle-button{min-height:31px;padding:0 10px;font-size:13px}.calendar-arrows{display:flex}.calendar-arrows .icon-button{width:27px;height:34px}.calendar-controls{align-items:center;gap:14px;display:flex}.google-status{color:var(--muted);align-items:center;gap:6px;padding:8px 0;font-size:13px;display:flex}.google-status.connected{color:var(--success)}.calendar-surface{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex:1;min-height:300px;overflow:hidden}.calendar-legend{min-height:53px;color:var(--muted);align-items:center;gap:19px;font-size:13px;display:flex}.calendar-legend>span{align-items:center;gap:7px;display:flex}.calendar-legend i{border-radius:50%;width:6px;height:6px}.recording-dot{background:var(--muted)}.publication-dot{background:var(--accent)}.calendar-zone{margin-left:auto}.fc{--fc-border-color:var(--line);--fc-page-bg-color:var(--surface);--fc-neutral-bg-color:var(--raised);--fc-neutral-text-color:var(--muted);--fc-today-bg-color:var(--selected-surface);--fc-list-event-hover-bg-color:var(--hover);--fc-highlight-color:var(--selected-surface);--fc-now-indicator-color:var(--accent);color:var(--muted);font-size:13px}.fc .fc-col-header-cell-cushion{color:var(--muted);padding:17px 4px;font-weight:450}.fc .fc-day-today .fc-col-header-cell-cushion{color:var(--accent)}.fc .fc-timegrid-slot{height:34px}.fc .fc-timegrid-slot-label-cushion{color:var(--dim);padding:0 8px;font-size:13px}.fc .fc-scrollgrid{border:0!important}.fc-theme-standard td,.fc-theme-standard th{border-color:var(--line)}.fc .fc-timegrid-slot-minor{border-top-style:dotted;border-top-color:var(--overlay-edge)}.fc .fc-timegrid-axis-cushion{font-size:13px}.fc .fc-timegrid-now-indicator-line{border-width:1px 0 0}.fc .fc-event{border-radius:6px;box-shadow:inset 0 1px #ffffff12}.fc .calendar-recording{border-width:0 0 0 2px;background:var(--hover)!important;border-color:var(--muted)!important}.fc .calendar-publication{border-width:0 0 0 2px;background:#202f3a!important;border-color:#648eae!important}.calendar-event-content{color:var(--text);flex-direction:column;gap:5px;padding:6px 8px;font-size:13px;display:flex;overflow:hidden}.calendar-publication .calendar-event-content{color:#c3d9e9}.calendar-event-content strong{font-weight:500;line-height:1.4}.calendar-event-content span{opacity:.85;font-size:13px}.fc .fc-daygrid-day-number{padding:9px 11px;font-size:13px}.fc .fc-list-event-title a{color:var(--text)}.fc .fc-list-empty{background:var(--surface);color:var(--muted)}.fc .calendar-error{border-color:var(--danger)!important}@media (min-width:1700px){.sidebar{width:228px}.main-header{padding-left:36px;padding-right:36px}.pipeline-board{gap:18px;padding-left:34px;padding-right:34px}.content-card{padding:15px 15px 10px}.card-open h3{font-size:15px}.calendar-view{padding-left:36px;padding-right:36px}}@media (max-width:1100px){.sidebar{width:184px}.main-header{padding-left:22px;padding-right:22px}.pipeline-board{grid-template-columns:repeat(5,minmax(194px,1fr));gap:10px;padding-left:20px;padding-right:20px}.calendar-view{padding-left:22px;padding-right:22px}.calendar-controls{gap:10px}.google-status{font-size:13px}.calendar-zone{display:none}}@media (max-width:767px){.app-shell{height:100dvh;padding:0;display:block}.sidebar{z-index:10;width:100%;height:calc(68px + env(safe-area-inset-bottom));padding:5px 14px calc(5px + env(safe-area-inset-bottom));border:0;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#111111f0;border-radius:0;position:fixed;bottom:0;left:0;right:0}.sidebar .wordmark,.search-trigger,.sidebar-space,.sidebar-bottom{display:none}.sidebar nav{flex-direction:row;justify-content:space-around;height:100%}.nav-item{flex-direction:column;justify-content:center;gap:4px;width:85px;min-height:52px;padding:5px;font-size:13px}.nav-count,.nav-item.active:before{display:none}.main-space{height:calc(100dvh - 69px - env(safe-area-inset-bottom))}.main-header{gap:8px;min-height:81px;padding:18px 16px}.page-heading h1{font-size:24px}.page-heading{gap:8px}.header-actions{gap:7px}.header-actions .primary-button{min-height:40px;padding:0 10px;font-size:13px}.header-actions .filter-button{display:none}.mobile-search{display:flex}.pipeline-board{scroll-snap-type:x proximity;grid-template-columns:repeat(5,250px);gap:12px;padding:0 16px 16px}.pipeline-column{scroll-snap-align:center;min-height:calc(100dvh - 180px)}.column-header h2{font-size:14px}.column-header .icon-button{width:36px;height:44px}.column-add{min-height:44px}.drag-handle{width:32px;height:36px}.dialog{--dialog-pad:20px}.dialog-header{padding:12px 8px 2px var(--dialog-pad)}.form-row{gap:10px}.editor{border:0;border-radius:0;width:100%;max-width:none;height:100dvh;inset:0}.editor-content{padding:20px}.editor-toolbar{padding-left:20px}.editor-title{font-size:24px}.editor-bottom{padding-bottom:calc(17px + env(safe-area-inset-bottom))}.writing-area{min-height:260px}.calendar-view{padding:0 15px}.calendar-toolbar{gap:12px;margin-bottom:13px}.calendar-date{gap:6px;width:100%}.calendar-date h2{flex:1;min-width:0;font-size:16px}.calendar-controls{justify-content:space-between;width:100%}.calendar-legend{gap:13px;font-size:13px}.calendar-legend .text-button{margin-left:auto;font-size:13px}.calendar-surface{min-height:220px}.calendar-event-content{padding:5px}.toast{bottom:calc(84px + env(safe-area-inset-bottom));width:max-content;max-width:calc(100vw - 24px)}.toast button{width:44px;height:44px}.inline-error{margin-left:16px;margin-right:16px}.settings-footer{gap:5px}.member-role{font-size:13px}.profile-button span{font-size:14px}.icon-button{min-width:40px;min-height:40px}}@media (max-width:370px){.page-heading h1{font-size:22px}.page-heading{gap:5px}.header-actions{gap:1px}.header-actions .primary-button{padding:0 9px}.main-header{padding:16px 12px}.form-row{flex-direction:column}.calendar-controls .google-status{text-align:left;max-width:95px;line-height:1.4}}.capture-help-page{max-width:760px;margin:0 auto;padding:45px 24px 80px}.capture-help-page header{margin:35px 0}.capture-help-page h1{letter-spacing:-1px;margin:20px 0 12px;font-size:32px;font-weight:500}.capture-help-page section{border-top:1px solid var(--line);padding:25px 0}.capture-help-page h2{margin-bottom:14px;font-size:19px;font-weight:500}.capture-help-page p,.capture-help-page li{color:var(--muted);margin-bottom:14px;font-size:14px;line-height:1.8}.capture-help-page li{padding-left:5px}.capture-help-page code{color:var(--text);overflow-wrap:anywhere}.capture-help-page textarea{width:100%;font-size:13px}.capture-secret{border:1px solid var(--line);border-radius:10px;margin-top:16px;padding:16px}.capture-secret>button{margin-top:10px}.reference-image{margin:20px 0}.reference-image img{object-fit:contain;background:#111;border-radius:12px;width:100%;max-height:250px;margin-bottom:10px;display:block}.image-upload{cursor:pointer;position:relative}.image-upload input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.calendar-conflict{border:1px solid var(--overlay-border);background:var(--overlay-raised);border-radius:12px;margin:12px 0;padding:14px}.calendar-conflict>div{flex-wrap:wrap;gap:8px;display:flex}@media (max-width:379px){.header-actions .primary-button{gap:0;width:40px;min-width:40px;padding:0;font-size:0}.header-actions{gap:2px}.calendar-date{gap:5px}.calendar-date h2{min-width:0;font-size:15px}.calendar-view{padding-left:12px;padding-right:12px}.calendar-legend{gap:10px}.calendar-legend .text-button{font-size:0}.calendar-controls{flex-wrap:wrap;gap:8px}}.workspace-wordmark{letter-spacing:1.1px;flex-direction:column;gap:3px;font-size:13px;font-weight:650;display:flex}.workspace-wordmark>span{letter-spacing:3px;color:#a0a3ab;font-size:10px;font-weight:500}.sidebar{background:linear-gradient(150deg,#101113,#0c0c0c 60%);border-color:#ffffff14}.mobile-nav-label{display:none}.dashboard-header-label{color:#b2b8c2;letter-spacing:-.2px;font-size:15px;font-weight:500}.main-header{border-bottom:1px solid #ffffff06}@media (max-width:767px){.sidebar{background:#0b0b0bf5;padding-left:7px;padding-right:7px}.sidebar nav{justify-content:space-between;gap:2px}.nav-item{flex:1;width:auto;min-width:0;padding:5px 1px;font-size:12px}.desktop-nav-label{display:none}.mobile-nav-label{display:inline}.dashboard-header-label{max-width:120px;font-size:14px}.header-actions .icon-button{width:40px;min-width:40px}.main-header{min-height:76px}.heading-detail{display:none}}.workspace-brand-pair{align-items:center;gap:10px;padding:0 5px 24px;display:flex}.workspace-brand-pair .wordmark{flex:1;gap:8px;min-width:0;padding:0}.workspace-brand-pair .studio-symbol{width:27px;transform:scale(.85)}.workspace-brand-pair .workspace-wordmark{letter-spacing:.7px;font-size:11px}.workspace-brand-pair .workspace-wordmark>span{letter-spacing:2px;font-size:9px}@media (min-width:768px) and (max-width:1100px){.workspace-brand-pair{gap:6px;padding-inline:0}.workspace-brand-pair .wordmark{gap:4px}.workspace-brand-pair .studio-symbol{width:22px;transform:scale(.7)}}.project-logo-button{width:auto;height:auto;color:var(--muted);background:0 0;border:0;border-radius:24%;flex:none;place-items:center;padding:0;display:grid;overflow:visible}@media (max-width:767px){.workspace-brand-pair{display:none}}@media (max-width:420px){.dialog .form-row{flex-direction:column;gap:16px}.dialog .segmented button{padding-inline:12px}.dialog .invite-form{flex-wrap:wrap}.dialog .invite-form input{flex-basis:150px}.dialog .dialog-actions{gap:8px}.confirmation-body .dialog-actions>button{flex:1}}@media (max-width:767px){.dialog :is(input,textarea,select):where(:not([type=checkbox]):not([type=radio]):not([type=range]):not(.title-input)){font-size:16px}.dialog :is(.primary-button,.subtle-button,.text-button,.danger-button,.confirmation-destructive){min-height:44px}.dialog-header .icon-button{width:44px;height:44px}.dialog .segmented button{min-height:44px}.settings-section .member-role .text-button{min-height:44px;margin-block:-6px}}@media (max-width:599px){.dialog{width:100%;max-width:100%;max-height:calc(100dvh - 16px - env(safe-area-inset-top));border-radius:var(--radius) var(--radius) 0 0;--dialog-enter:translateY(32px);border-bottom:0;margin:auto 0 0}.dialog:has(>.confirmation-body){width:100%;margin-top:auto}.dialog:has(.search-dialog){width:calc(100% - 16px);max-height:64svh;margin:calc(8px + env(safe-area-inset-top)) auto auto;border-bottom:1px solid var(--overlay-border);border-radius:var(--radius);--dialog-enter:translateY(-16px)}.search-dialog{padding-bottom:12px}.search-results{max-height:38svh}.dialog :is(.capture-form,.event-form)>.dialog-actions{z-index:4;margin:0 calc(-1 * var(--dialog-pad)) calc(-1 * (var(--dialog-pad) + env(safe-area-inset-bottom)));padding:12px var(--dialog-pad) calc(16px + env(safe-area-inset-bottom));background:var(--overlay-surface);position:sticky;bottom:0}@supports (animation-timeline:scroll()){.dialog :is(.capture-form,.event-form)>.dialog-actions{animation:linear both dialog-actions-edge;animation-timeline:scroll()}}.piece-picker-list{max-height:none}}@keyframes dialog-actions-edge{0%,96%{box-shadow:0 -1px 0 var(--line)}to{box-shadow:0 -1px #0000}}@media (prefers-reduced-motion:reduce){@supports (animation-timeline:scroll()){.dialog-header{animation-name:dialog-header-edge!important;animation-duration:auto!important;animation-timing-function:linear!important;animation-fill-mode:both!important;animation-timeline:scroll()!important;animation-range:0 24px!important}}}@media (prefers-reduced-motion:reduce) and (max-width:599px){@supports (animation-timeline:scroll()){.dialog :is(.capture-form,.event-form,.reference-form)>:is(.dialog-actions,.reference-form-actions){animation-name:dialog-actions-edge!important;animation-duration:auto!important;animation-timing-function:linear!important;animation-fill-mode:both!important;animation-timeline:scroll()!important;animation-range:normal!important}}}
