:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1c2725;background:#fff;font-synthesis:none;-webkit-font-smoothing:antialiased;--rail: #153c33;--rail-active: #285d4e;--accent: #28735b;--canvas: #f6f7f9;--line: #e7ece9;--muted: #7c8984;--selected: #edf7f2;--focus: #408d70}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button,a,input,select,summary{outline-offset:4px}:focus-visible{outline:2px solid var(--focus)}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.46}button,input,select,a{transition:background-color .15s,border-color .15s,color .15s}.icon{display:block;width:24px;height:24px;flex:0 0 auto}.brand{display:flex;align-items:center;gap:16px;font-weight:650;font-size:26px;letter-spacing:-.45px;white-space:nowrap}.brand>svg{width:49px;height:36px;fill:none;stroke:#bce8d3;stroke-width:2.5;flex:0 0 auto}.app{display:grid;grid-template-columns:clamp(216px,17.8vw,273px) minmax(0,1fr) clamp(288px,23.3vw,358px);min-height:100svh}.sidebar{background:var(--rail);color:#f3fbf7;padding:34px 15px 30px;display:flex;flex-direction:column;height:100svh;position:sticky;top:0}.sidebar>.brand{padding-left:14px;margin-bottom:33px}.rail-nav{display:grid;gap:3px}.rail-nav button,.rail-sources button{border:0;color:inherit;background:none;display:flex;align-items:center;width:100%;text-align:left}.rail-nav button{gap:22px;padding:15px 23px;font-size:18px;border-radius:8px;min-height:56px}.rail-nav button:hover,.rail-sources button:hover{background:#214d40}.rail-nav .active{background:var(--rail-active)}.rail-sources{margin:27px 8px 0;border-top:1px solid #3b6457;padding-top:12px}.rail-sources>p{font-size:14px;margin:13px 8px}.rail-sources button{gap:15px;border-radius:6px;padding:12px 8px;font-size:15px;line-height:1.3}.rail-sources .source-selected{background:var(--rail-active)}.status-dot{display:inline-block;width:12px;height:12px;border-radius:50%;background:#96a7a2;flex:0 0 auto}.status-dot.online{background:#78d6a5}.rail-footer{margin-top:auto;padding:24px 14px 0}.rail-footer>div{display:flex;align-items:center;gap:18px;font-size:15px}.rail-footer>div .icon{width:39px;height:39px;color:#c6d7cf}.rail-footer>p{display:flex;align-items:center;gap:26px;color:#bdd0c6;font-size:15px;margin:26px 8px 15px}.workspace{min-width:0;background:#fff}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;background:var(--canvas);padding:30px 32px 24px}h1{font-size:44px;letter-spacing:-1.5px;line-height:1.12;margin:0;color:#101718;font-weight:650}.page-heading p{margin:8px 0 0;color:#68716f;font-size:19px;line-height:1.45}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:45px;padding:11px 17px;border:1px solid #cdd7d2;border-radius:8px;text-decoration:none;font-size:16px;line-height:1.3;font-weight:450;color:#1b332b;background:#fff}.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.primary:not(:disabled):hover{background:#1b614b;border-color:#1b614b}.secondary:not(:disabled):hover{background:#f2f6f3;border-color:#9db8aa}.refresh{flex:0 0 auto;margin-top:12px;font-size:16px;padding:10px 17px;min-height:43px}.refresh .icon{width:21px;height:21px}.library-toolbar{background:var(--canvas);padding:0 32px;border-bottom:1px solid var(--line)}.search{height:46px;border:1px solid #ced6d2;border-radius:8px;background:#fff;display:flex;align-items:center;gap:15px;padding:0 16px;color:#475551}.search input{width:100%;min-width:0;height:100%;padding:0;outline:none;border:0;background:transparent;font-size:18px;color:#1c2725}.search:focus-within{border-color:var(--focus);box-shadow:0 0 0 2px #d7eadf}.search input::placeholder{color:#79827e}.type-tabs{display:flex;gap:28px;overflow-x:auto;scrollbar-width:none;padding-top:21px}.type-tabs::-webkit-scrollbar{display:none}.type-tabs button{flex:0 0 auto;border:0;border-bottom:3px solid transparent;background:none;padding:10px 12px 12px;font-size:17px;color:#58615e;min-height:47px}.type-tabs button:first-child{padding-left:12px}.type-tabs button[aria-selected=true]{color:#174f3e;font-weight:600;border-bottom-color:#1e634d}.type-tabs button:hover{color:#174f3e}.library-content{padding:8px 20px 24px 32px}.file-table{border-collapse:collapse;width:100%;table-layout:fixed}.file-table th{text-align:left;font-size:15px;font-weight:400;color:#66716d;height:54px;padding:0 12px}.file-table th:first-child{width:46%;padding-left:14px}.file-table th:nth-child(2){width:18%}.file-table th:nth-child(3){width:17%}.file-table th:nth-child(4){width:19%}.file-table td{height:84px;border-bottom:1px solid var(--line);padding:0 12px;font-size:16px;color:#495752;white-space:nowrap}.file-table td:not(:first-child){overflow:hidden;text-overflow:ellipsis}.file-table tr.selected td{background:var(--selected)}.file-table tr.selected td:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.file-table tr.selected td:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.file-table tbody tr{cursor:pointer}.file-table tbody tr:hover:not(.selected) td{background:#fafcfb}.file-table td:first-child{padding:0 14px}.file-name{display:flex;align-items:center;gap:19px;width:100%;min-width:0;border:0;padding:10px 0;background:none;color:#101c18;text-align:left}.file-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:56px;border-radius:9px;background:#ecefed;color:#57625e;flex:0 0 auto}.file-icon .icon{width:27px;height:27px}.file-icon.music{background:#dff3e9;color:#286b51}.name-copy{min-width:0;display:grid;gap:7px}.name-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;font-size:18px;font-weight:590;letter-spacing:-.3px}.name-copy>span{display:flex;align-items:center;gap:8px;color:#738079;font-size:14px}.name-copy>span .icon{width:16px;height:16px}.offline-row .name-copy strong{color:#718079}.offline-row .file-icon{opacity:.6}.library-footer{display:flex;justify-content:space-between;gap:20px;padding-top:43px;font-size:14px;color:#78827d;line-height:1.5}.library-footer>span:last-child{display:flex;align-items:center;gap:10px}.library-footer .icon{width:20px;height:20px}.icon-button{border:0;background:transparent;color:inherit;padding:7px;min-width:38px;min-height:38px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center}.icon-button:hover{background:#eef3ef}.inspector{min-width:0;padding:21px 20px;border-left:1px solid var(--line);position:sticky;top:0;height:100svh;overflow-y:auto;background:#fff}.inspector>header{display:flex;align-items:center;justify-content:space-between;font-size:16px;margin-bottom:23px}.inspector>header .icon{width:21px;height:21px;color:#52605a}.preview{border-radius:8px;background:var(--rail);color:#c4e6cf;width:100%;height:190px;display:flex;align-items:center;justify-content:center;overflow:hidden}.preview>.icon{width:64px;height:64px}.waveform{width:96%;height:90%}.inspector h2{font-size:25px;font-weight:650;margin:14px 0 4px;letter-spacing:-.55px;overflow-wrap:anywhere}.file-location{color:#7a837e;font-size:16px;margin:0 0 23px}.metadata{margin:0;border-top:1px solid var(--line)}.metadata>div{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);padding:19px 0;font-size:16px;line-height:1.3}.metadata dt{color:#748078;flex:0 0 auto}.metadata dd{margin:0;min-width:0;text-align:left;width:60%;color:#202e27}.digest-row dd{width:60%}details>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px}details>summary::-webkit-details-marker{display:none}details>summary .icon{width:17px;height:17px}details[open]>summary .icon{transform:rotate(90deg)}code{font-family:ui-monospace,SFMono-Regular,monospace;overflow-wrap:anywhere;font-size:11px;line-height:1.7;display:block;color:#62746a;margin-top:10px}.inspector-actions{display:grid;gap:11px;margin-top:22px}.inspector-actions button{width:100%;min-height:54px}.inspector-actions .secondary{border-color:#4b846c}.inspector-help{color:#7b857e;font-size:14px;margin:17px 0 0;line-height:1.6}.inspector-empty{padding-top:100px;text-align:center;color:var(--muted)}.inspector-empty>.icon{margin:0 auto 16px;width:40px;height:40px}.text-button{display:inline-flex;gap:8px;border:0;background:transparent;color:var(--accent);padding:0;font-size:14px}.source-reset{margin:10px 0}.source-reset .icon{width:17px;height:17px}.offline-message{border-left:2px solid #9daea5;color:#65756c;padding-left:12px;font-size:14px;line-height:1.5}.secondary-view{padding:28px 32px}.view-transfer .workspace,.view-access .workspace,.view-source .workspace{grid-column:2 / -1}.section-note{display:flex;gap:13px;align-items:center;color:#687c70;border-bottom:1px solid var(--line);padding-bottom:20px;font-size:15px}.section-note p{margin:0;max-width:740px;line-height:1.7}.section-note .icon{color:#688573;width:22px;height:22px}.empty-state{text-align:center;color:#77847b;padding:75px 24px}.empty-state>.icon{width:42px;height:42px;margin:0 auto 22px;color:#86a391}.empty-state h2{font-size:23px;color:#304a3b;font-weight:550;margin:0 0 12px;letter-spacing:-.5px}.empty-state p{font-size:15px;line-height:1.6;margin:0 auto 22px;max-width:380px}.activity-list{margin-top:10px}.activity-row{display:flex;gap:20px;align-items:center;padding:25px 0;border-bottom:1px solid var(--line)}.activity-copy{min-width:0;flex:1}.activity-copy h2{font-size:18px;font-weight:550;margin:0 0 8px;overflow-wrap:anywhere}.activity-copy p{font-size:14px;margin:0;color:#758479;line-height:1.6}.activity-copy p>.status-dot{width:8px;height:8px;margin-right:8px}.activity-copy details{margin-top:10px;max-width:500px}.activity-copy summary{display:inline-flex;font-size:13px;color:#648270}.compact{min-height:40px;font-size:14px;padding:9px 14px}.mobile-brand,.mobile-nav{display:none}.toast{position:fixed;bottom:22px;left:calc(clamp(216px,17.8vw,273px) + 30px);right:30px;width:fit-content;max-width:min(690px,calc(100vw - 300px));background:#173e30;color:#fff;box-shadow:0 8px 30px #132e2422;display:flex;align-items:center;gap:18px;padding:12px 12px 12px 20px;border-radius:9px;font-size:14px;line-height:1.6;z-index:20}.toast .icon-button:hover{background:#2c5a45}.toast .icon{width:18px;height:18px}.share-dialog{border:1px solid var(--line);border-radius:14px;padding:28px;width:min(490px,calc(100vw - 32px));color:#243d2f;box-shadow:0 24px 100px #173d2929}.share-dialog::backdrop{background:#102a214d;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.share-dialog header{display:flex;justify-content:space-between;align-items:center;gap:12px}.share-dialog h2{margin:0;font-size:25px;letter-spacing:-.7px;font-weight:600}.share-dialog p{line-height:1.6;color:#687b6f;font-size:15px}.shared-file{display:flex;align-items:center;gap:16px;padding:22px 0;border-bottom:1px solid var(--line);margin-bottom:20px}.shared-file>div{min-width:0;display:grid;gap:6px}.shared-file strong{font-size:17px;font-weight:560;overflow-wrap:anywhere}.shared-file>div>span{font-size:14px;color:#74897a}.field-label{display:block;font-size:14px;color:#4a6855;margin-bottom:8px}.share-dialog select,.share-dialog input{width:100%;height:45px;border:1px solid #cddacf;border-radius:7px;background:#fff;color:#31503e;font-size:15px;padding:0 12px;margin-bottom:18px}.share-dialog>.primary{width:100%}.dialog-actions{display:grid;gap:10px}.quiet-note{color:#859288!important;font-size:12px!important;line-height:1.7}.error{color:#9a5144!important}.session-screen{min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px;text-align:center;background:var(--canvas)}.session-screen .brand,.guest-page>.brand{color:#274c38;margin-bottom:40px}.session-screen .brand>svg,.guest-page>.brand>svg,.mobile-brand .brand>svg{stroke:#438665}.session-screen h1{font-size:34px}.session-screen p{color:#748376;max-width:450px;line-height:1.7}.guest-page{background:var(--canvas);min-height:100svh;display:flex;align-items:center;flex-direction:column;padding:40px 20px 60px}.guest-page>.brand{margin-bottom:30px}.guest-sheet{width:min(430px,100%);background:#fff;border:1px solid var(--line);padding:28px;border-radius:12px}.guest-sheet>.icon{width:44px;height:44px;color:#608770;margin-bottom:22px}.guest-sheet h1{font-size:28px;letter-spacing:-.7px;overflow-wrap:anywhere;margin-top:18px}.guest-sheet p{font-size:15px;color:#738275;line-height:1.7}.guest-sheet .guest-context{margin:0 0 18px;font-size:14px}.guest-sheet .primary{width:100%;margin-top:22px}.success-copy{display:flex;gap:10px;align-items:center;color:#30704e!important}.success-copy .icon{width:19px;height:19px}@media(max-width:1350px)and (min-width:901px){h1{font-size:37px}.sidebar{padding-left:12px;padding-right:12px}.sidebar .brand{padding-left:8px;gap:10px;font-size:23px}.rail-nav button{padding-left:17px;font-size:16px;gap:17px}.rail-sources button{font-size:13px;gap:10px}.rail-footer{padding-left:8px;padding-right:5px}.rail-footer>div{gap:12px;font-size:13px}.page-heading{padding-left:26px;padding-right:24px}.page-heading p{font-size:16px}.library-toolbar{padding-left:26px;padding-right:24px}.library-content{padding-left:22px;padding-right:18px}.type-tabs{gap:10px}.type-tabs button{font-size:14px;padding-left:8px;padding-right:8px}.file-name{gap:12px}.file-table th{font-size:13px;padding:0 8px}.file-table td{font-size:13px;padding:0 8px;height:78px}.file-table td:first-child{padding:0 9px}.file-icon{width:39px;height:45px;border-radius:7px}.file-icon .icon{width:23px;height:23px}.name-copy strong{font-size:15px}.name-copy>span{font-size:12px}.inspector{padding-left:18px;padding-right:18px}.inspector h2{font-size:22px}.inspector .preview{height:170px}.metadata>div{font-size:14px;padding-top:18px;padding-bottom:18px}.library-footer{font-size:12px}}@media(max-width:900px){.app{display:block;min-height:100svh;padding-bottom:76px}.sidebar{display:none}.mobile-brand{display:flex;padding:16px 20px;border-bottom:1px solid var(--line)}.mobile-brand .brand{font-size:22px;color:#224532;gap:10px}.mobile-brand .brand>svg{height:28px;width:40px}.page-heading{padding:24px 20px 20px;gap:12px}h1{font-size:33px;letter-spacing:-1px}.page-heading p{font-size:15px;margin-top:7px}.refresh{margin-top:0;padding:10px;min-width:42px}.refresh>span{display:none}.library-toolbar{padding:0 20px}.search{height:45px;padding:0 12px;gap:10px}.search input{font-size:16px}.search>.icon{height:20px;width:20px}.type-tabs{padding-top:13px;gap:10px}.type-tabs button{font-size:14px;padding:12px 7px 11px;min-height:45px}.type-tabs button:first-child{padding-left:0}.library-content{padding:4px 18px 24px 20px}.file-table th{font-size:13px;height:47px;padding:0 6px}.file-table th:first-child{width:76%;padding-left:6px}.file-table th:nth-child(2){width:24%}.file-table th:nth-child(n+3),.file-table td:nth-child(n+3){display:none}.file-table td{height:76px;padding:0 6px;font-size:13px}.file-table td:first-child{padding:0 6px}.file-name{gap:12px}.file-icon{width:40px;height:45px;border-radius:7px}.file-icon .icon{width:24px;height:24px}.name-copy{gap:7px}.name-copy strong{font-size:15px}.name-copy>span{font-size:12px}.name-copy>span .icon{width:13px;height:13px}.library-footer{display:grid;gap:10px;padding-top:24px;font-size:12px}.library-footer>span:last-child{gap:7px}.library-footer .icon{height:16px;width:16px}.inspector{display:none}.inspector.mobile-open{display:block;position:fixed;inset:0 0 65px;padding:20px 24px;width:100%;height:auto;border:0;z-index:25}.inspector.mobile-open .preview{height:190px;max-width:420px;margin:0 auto}.inspector>header{margin-bottom:15px}.inspector h2{margin-top:20px;font-size:25px}.metadata>div{padding:16px 0;font-size:15px}.mobile-nav{display:flex;align-items:stretch;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;padding:8px 10px max(9px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid #dce5de;z-index:30}.mobile-nav button{display:grid;gap:5px;justify-items:center;color:#7a897f;border:0;background:none;min-width:64px;min-height:48px;font-size:10px;padding:3px 6px}.mobile-nav button.active{color:#276d4d;font-weight:600}.mobile-nav .icon{width:22px;height:22px}.secondary-view{padding:24px 20px}.section-note{font-size:13px;gap:12px;align-items:flex-start}.activity-row{gap:12px;flex-wrap:wrap;padding:23px 0}.activity-copy{flex-basis:calc(100% - 65px)}.activity-copy h2{font-size:16px}.activity-copy p{font-size:12px}.activity-row>.secondary{margin-left:52px}.activity-copy code{font-size:10px}.toast{left:16px;right:16px;bottom:80px;width:auto;max-width:none;font-size:13px;padding:12px 10px 12px 15px}.empty-state{padding:60px 12px}.empty-state h2{font-size:22px}.share-dialog{padding:22px}.share-dialog h2{font-size:23px}.guest-page{padding-top:26px}.guest-sheet{padding:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}.live-app:not(.view-library) .workspace{grid-column:2 / -1}.live-app .rail-nav{gap:0}.live-app .rail-nav button{min-height:50px;padding-top:12px;padding-bottom:12px}.rail-empty{display:block;color:#bfd5cb;padding:10px 8px;font-size:14px;line-height:1.6}.rail-profile{border:0;background:none;color:inherit;display:flex;gap:18px;align-items:center;text-align:left;padding:0;max-width:100%}.rail-profile>.icon{width:36px;height:36px}.rail-profile span{overflow:hidden;text-overflow:ellipsis}.auth-page{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;background:var(--canvas)}.auth-brand{text-align:center;margin-bottom:32px;color:#234b3d}.auth-brand .brand>svg{stroke:#438665}.auth-brand>p{font-size:15px;color:#6e7f75;margin-top:14px}.auth-sheet{width:min(460px,100%);background:#fff;border:1px solid var(--line);padding:34px;border-radius:14px;box-shadow:0 12px 45px #153c3307}.auth-sheet h1{font-size:29px;letter-spacing:-.7px;line-height:1.2}.auth-sheet>p{font-size:15px;line-height:1.65;color:#6e7f75;margin-bottom:25px}.auth-sheet>label,.profile-form label{display:grid;gap:8px;margin:18px 0;font-size:14px;color:#3b5045}.auth-sheet input,.profile-form input{border:1px solid #cddacf;border-radius:7px;background:#fff;font:inherit;padding:12px;width:100%;min-height:46px}.auth-sheet>.primary{width:100%;margin-top:8px}.auth-sheet .quiet-note{margin:20px 0 0;font-size:13px}.auth-transport{margin-top:24px;color:#7c8984;font-size:13px}.auth-error{position:fixed;bottom:15px;background:#fff;padding:14px;margin:0 16px;border-radius:8px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.section-heading>p{max-width:650px;color:#6f8176;line-height:1.65;margin:0}.section-heading>.primary{white-space:nowrap}.folder-heading{margin-top:42px}.folder-heading h2{margin:0 0 8px;font-size:22px;letter-spacing:-.5px}.folder-heading p{color:#7c8984;font-size:14px}.invitation-list{margin-top:48px}.invitation-list h2{font-size:22px}.invitation-list article{display:flex;gap:20px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:18px 0}.invitation-list p{color:#7c8984;font-size:14px;margin-bottom:0}.live-dialog .field-label{display:grid;gap:9px;margin-top:17px}.live-dialog .check-field{display:flex;gap:12px;align-items:flex-start;margin:22px 0;font-size:15px;line-height:1.6}.live-dialog .check-field input{margin:4px 0 0;padding:0;width:18px;height:18px;flex:0 0 auto;accent-color:var(--accent)}.member-checkboxes{max-height:180px;overflow-y:auto;border-bottom:1px solid var(--line)}.member-checkboxes .check-field{margin:12px 0}.copy-field{display:grid;gap:10px;margin:20px 0}.copy-field label{font-size:14px}.copy-field input{display:block;margin-top:10px;margin-bottom:0;font-family:ui-monospace,monospace;font-size:12px}.package-download{width:100%}.profile-view{max-width:850px}.profile-identity{display:flex;align-items:center;gap:20px;margin-bottom:38px}.profile-identity h2{margin:0 0 6px;font-size:23px}.profile-identity p,.profile-form>p{color:#7c8984;font-size:14px}.profile-form{max-width:450px;border-top:1px solid var(--line);padding-top:26px}.profile-form h2{margin:0 0 10px;font-size:21px}.connection-note{display:flex;align-items:flex-start;gap:16px;border-top:1px solid var(--line);margin:38px 0 24px;padding-top:28px}.connection-note p{color:#7c8984;font-size:14px;line-height:1.65}.password-prompt{display:flex;gap:12px;align-items:center;background:#f0f6f2;padding:13px 32px;color:#45634f;font-size:14px}.password-prompt p{flex:1;margin:0;line-height:1.5}.password-prompt .icon{width:20px;height:20px}.library-onboarding{min-height:430px;padding:60px 32px}.library-onboarding p{max-width:410px;margin-left:auto;margin-right:auto}.load-more{text-align:center;padding-bottom:40px}.guest-digest{margin:24px 0;color:#688071;font-size:14px}.guest-digest code{display:block;overflow-wrap:anywhere;font-size:11px;margin-top:12px;line-height:1.7}.guest-sheet>.primary{width:100%}@media(max-width:900px){.live-app .mobile-nav button{min-width:0;flex:1;padding-left:2px;padding-right:2px}.section-heading{flex-direction:column;gap:18px}.section-heading>.primary{width:100%}.auth-page{padding:28px 18px}.auth-sheet{padding:27px 24px}.auth-sheet h1{font-size:26px}.password-prompt{padding:14px 20px;flex-wrap:wrap}.password-prompt p{min-width:200px}}