:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#141513;--surface:#1e1f1c;--raised:#252622;--line:#353630;--text:#f0ebe2;--muted:#aaa79f;--accent:#eee3d3;--soft:#d7c5aa}*{box-sizing:border-box}html{scroll-padding-top:24px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:15px/1.55 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}main{max-width:1280px;margin:auto;padding:0 48px}a{color:inherit;text-underline-offset:4px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.045em;overflow-wrap:anywhere;margin-bottom:20px;font-size:clamp(32px,4vw,48px);font-weight:650;line-height:1.12}h2{letter-spacing:-.025em;margin-bottom:12px;font-size:21px;font-weight:600;line-height:1.25}h3{font-size:16px;font-weight:600}p{margin-bottom:16px}small,.muted{color:var(--muted)}small{font-size:12px}.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.15em;margin-bottom:12px;font-size:10px;font-weight:600}input,select,textarea,button{font:inherit}input:not([type=checkbox]):not([type=range]),select,textarea{background:var(--bg);width:100%;min-width:0;min-height:46px;color:var(--text);border:1px solid var(--line);border-radius:7px;padding:11px 13px;display:block}input::placeholder{color:#8d8b84}input[type=file]{font-size:12px}input[type=file]::file-selector-button{color:var(--text);background:var(--raised);cursor:pointer;border:0;border-radius:4px;margin-right:10px;padding:8px}label{gap:8px;font-size:13px;display:grid}button,.button{border:1px solid var(--line);min-height:44px;color:var(--text);background:var(--raised);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:10px 17px;font-size:13px;font-weight:550;line-height:1.4;text-decoration:none;display:inline-flex}button.primary,.button.primary{background:var(--accent);color:#1a1b18;border-color:var(--accent)}button.quiet,.button.quiet{color:var(--muted);background:0 0;border-color:#0000}button.danger,.button.danger{color:#e8a195;background:0 0;border-color:#714b43}button.icon-button{flex-shrink:0;width:44px;padding:10px}button:disabled{opacity:.45;cursor:not-allowed}button:enabled:hover,.button:hover{color:var(--text);background:#35362f}button.primary:enabled:hover,.button.primary:hover{color:#191b17;background:#fff2df}button.quiet:enabled:hover{background:var(--surface)}:focus-visible{outline:2px solid var(--soft);outline-offset:4px}button,input,select,a,summary{-webkit-tap-highlight-color:transparent}.error{color:#f0a99a;overflow-wrap:anywhere}.notice{color:#d7c29e}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.spread{justify-content:space-between}.stack,.form-stack{gap:18px;display:grid}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.panel{background:var(--surface);border:1px solid var(--line);border-radius:10px;margin:24px 0;padding:28px}.narrow{max-width:480px;margin:70px auto}.status{color:var(--muted);font-size:13px}.count,.badge{color:var(--muted);border:1px solid var(--line);vertical-align:middle;border-radius:20px;padding:3px 9px;font-size:11px;display:inline-block}.count{margin-left:8px}.empty{text-align:center;padding:48px 20px}ul{padding-left:22px}.brand{font-weight:650;text-decoration:none}.workspace-header{border-bottom:1px solid var(--line);align-items:center;gap:28px;min-height:72px;margin-bottom:28px;display:flex}.workspace-header-with-controls{gap:16px}.workspace-header-with-controls .studio-home{flex:0 210px;margin-right:0}.workspace-header-with-controls .studio-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workspace-header-with-controls .workspace-nav{flex-shrink:0;gap:2px}.workspace-header-with-controls .workspace-nav a{padding-inline:10px}.studio-home{min-width:0;margin-right:auto;text-decoration:none}.studio-identity{align-items:center;gap:10px;min-width:0;display:flex}.studio-logo,.studio-mark{object-fit:contain;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid}.studio-mark>span{background:var(--accent);width:28px;height:8px;display:block;transform:rotate(-5deg)}.studio-name{letter-spacing:-.01em;overflow-wrap:anywhere;font-size:15px;font-weight:650;line-height:1.3}.workspace-nav{gap:8px;display:flex}.workspace-nav a{min-height:44px;color:var(--muted);border-radius:6px;padding:12px 16px;font-size:13px;text-decoration:none}.workspace-nav a[aria-current=page]{color:var(--text);background:var(--surface)}.account-menu,.action-menu{position:relative}.account-menu summary,.action-menu summary{cursor:pointer;border:1px solid var(--line);border-radius:7px;place-items:center;min-width:44px;min-height:44px;list-style:none;display:grid}.account-menu summary::-webkit-details-marker{display:none}.action-menu summary::-webkit-details-marker{display:none}.account-menu>div,.action-menu-content{z-index:30;background:var(--raised);border:1px solid var(--line);border-radius:8px;min-width:210px;padding:10px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 36px #0005}.account-menu>div button,.action-menu-content>button{background:0 0;border:0;justify-content:flex-start;width:100%}.skip-link{z-index:50;background:var(--accent);color:var(--bg);padding:14px;position:absolute;top:-100px;left:20px}.skip-link:focus{top:16px}.workspace-content{min-height:65vh}.workspace-footer{color:#8c8981;margin-top:48px;padding:50px 0 30px;font-size:11px}.artwork-frame{background:var(--surface);border-radius:inherit;width:100%;height:100%;display:block;overflow:hidden}.artwork-frame img{object-fit:contain;width:100%;height:100%;display:block}.artwork-placeholder{color:#7f8177;background:#242620;flex-direction:column;justify-content:center;align-items:center;gap:28px;width:100%;height:100%;display:flex}.artwork-placeholder>span{opacity:.45;background:#99998b;width:30%;height:8%;transform:rotate(-5deg)}.artwork-placeholder small{letter-spacing:.16em;color:#8c8b80;font-size:9px}.library-header-controls{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.library-search{flex:156px;min-width:88px;max-width:240px;position:relative}.library-search input{width:100%;min-width:0;height:40px;margin:0;padding:8px 32px 8px 12px;font-size:13px}.library-search input::-webkit-search-cancel-button{display:none}.library-search button{background:0 0;border:0;width:32px;min-width:32px;min-height:40px;padding:0;position:absolute;top:0;right:0}.library-search-feedback{color:var(--muted);margin-bottom:18px;font-size:13px}.library-search-feedback p{margin:0}.library-project-actions{min-width:0;position:relative}.library-project-menu-trigger{border:1px solid var(--line);background:#171915e8;border-radius:7px;width:36px;min-width:36px;height:36px;min-height:36px;padding:0;font-size:23px;position:absolute;top:6px;right:6px}.library-project-context-menu{z-index:60;background:var(--raised);border:1px solid var(--line);border-radius:8px;min-width:176px;max-width:calc(100vw - 16px);padding:6px;box-shadow:0 12px 36px #0005}.library-project-context-menu [role=menuitem]{justify-content:flex-start;width:100%}.library-delete-project-name{overflow-wrap:anywhere;font-weight:600}.library-filters{flex-shrink:0;gap:16px;display:flex}.library-size-control{min-height:44px;color:var(--muted);white-space:nowrap;align-items:center;gap:8px;margin-left:auto;font-size:12px;display:flex}.library-size-control input{width:80px;min-width:0;height:44px;accent-color:var(--accent);margin:0}.library-filters a{min-height:44px;color:var(--muted);border-bottom:2px solid #0000;align-items:center;padding:12px 0;font-size:13px;text-decoration:none;display:inline-flex}.library-filters a[aria-current=page]{color:var(--text);border-bottom-color:var(--accent)}.library-new-project{white-space:nowrap;flex-shrink:0}.library-grid{grid-template-columns:repeat(auto-fill, minmax(min(100%, var(--library-card-size,160px)), 1fr));gap:24px 20px;margin:0;padding:0;list-style:none;display:grid}.library-size-1{--library-card-size:210px}.library-size-2{--library-card-size:280px}.library-card{min-width:0;text-decoration:none;display:block}.library-artwork{aspect-ratio:1;background:var(--surface);border:1px solid #ffffff09;border-radius:9px;width:100%;margin-bottom:10px;overflow:hidden}.library-card:hover .library-artwork{border-color:#a49b8755}.library-artwork-empty{background:#242620;place-items:center;width:100%;height:100%;display:grid}.library-artwork-empty>span{opacity:.4;background:#99998b;width:32%;height:8%;transform:rotate(-5deg)}.library-card h2{letter-spacing:0;overflow-wrap:anywhere;margin:0 0 4px;font-size:15px;line-height:1.45}.library-card p{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:13px}.library-empty{text-align:center;border:1px dashed var(--line);border-radius:10px;padding:70px 24px}.library-empty-mark{color:#a19a89;font-size:60px;display:block;transform:rotate(-5deg)}.library-pagination{color:var(--muted);justify-content:space-between;align-items:center;gap:16px;margin-top:40px;font-size:12px;display:flex}.create-heading,.page-heading{margin-bottom:32px}.create-heading h1,.page-heading h1{margin-bottom:12px}.create-flow{max-width:940px}.create-steps{color:var(--muted);gap:32px;margin:0 0 32px;padding:0;font-size:12px;list-style:none;display:flex}.create-steps li{border-bottom:2px solid #0000;padding-bottom:12px}.create-steps li[aria-current=step]{color:var(--text);border-color:var(--accent)}.create-section{border:1px solid var(--line);border-radius:10px;padding:28px}.create-section-heading{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.create-section-heading h2{margin-bottom:8px}.create-section-heading p{max-width:58ch;margin:0;font-size:13px}.create-section-heading button{flex-shrink:0}.create-field{gap:8px;display:grid}.folder-breadcrumbs{flex-wrap:wrap;align-items:center;gap:2px;margin:0 0 16px;display:flex}.folder-breadcrumbs button{color:var(--muted);background:0 0;border:0;padding:8px}.folder-breadcrumbs button:last-of-type{color:var(--text)}.folder-toolbar{align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.folder-filter{flex:1}.folder-list{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overscroll-behavior:contain;max-height:360px;overflow-y:auto}.folder-row{border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:center;gap:12px;padding:7px 0;display:flex}.folder-row:last-child{border:0}.folder-open{text-align:left;overflow-wrap:anywhere;background:0 0;border:0;flex:1;justify-content:flex-start;min-width:0;padding:12px 8px;font-weight:450;display:flex}.folder-icon{color:#bdb09a;flex-shrink:0;font-size:20px}.folder-empty{text-align:center;color:var(--muted);padding:40px 16px;font-size:13px}.folder-pagination{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-top:16px;font-size:12px;display:flex}.create-selection{justify-content:space-between;align-items:center;gap:24px;padding-top:24px;display:flex}.create-selection p{overflow-wrap:anywhere;min-width:0;margin:0;font-size:13px}.create-selection strong{color:var(--text);font-weight:550;display:block}.create-selection button{flex-shrink:0}.review-identity{grid-template-columns:1fr 1fr;align-items:start;gap:20px;margin-bottom:24px;display:grid}.review-no-artwork{padding:16px 0;font-size:13px}.review-tracks{margin:32px 0 24px}.review-tracks ol{margin:0;padding:0;list-style:none}.review-tracks li{border-top:1px solid var(--line);grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px 0;display:grid}.review-track-number,.review-format{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.review-tracks strong{overflow-wrap:anywhere;font-size:14px;font-weight:500;display:block}.review-tracks small{overflow-wrap:anywhere;margin-top:4px;display:block}.review-validation{border-top:1px solid var(--line);padding:18px 0;font-size:13px}.review-validation ul{margin-bottom:0}.create-actions{justify-content:space-between;gap:12px;margin-top:20px;display:flex}.create-note{text-align:right;margin:14px 0 0;font-size:11px}.back-link{min-height:44px;color:var(--muted);align-items:center;margin:-12px 0 12px;font-size:12px;text-decoration:none;display:inline-flex}.project-hero{grid-template-columns:168px minmax(0,1fr);align-items:center;gap:28px;margin-bottom:28px;display:grid}.project-artwork-button{aspect-ratio:1;border:1px solid var(--line);border-radius:9px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.project-artwork-button>span:last-child{background:#141513dd;border-radius:5px;padding:8px;font-size:12px;position:absolute;bottom:12px;left:12px;right:12px}.project-identity{min-width:0}.project-artist{color:var(--muted);margin-top:2px;font-size:16px}.project-identity .inline-heading h1{font-size:clamp(28px,3vw,38px)}.project-summary{color:var(--muted);font-variant-numeric:tabular-nums;margin:6px 0 16px;font-size:12px}.project-hero-actions{align-items:center;gap:12px;display:flex}.project-actions .action-menu-content{min-width:240px;left:0;right:auto}.action-menu-content p{color:var(--muted);margin:8px;font-size:12px}.action-menu-content .sync-action{border-top:1px solid var(--line);margin-top:6px;padding-top:6px}.sync-action button{text-align:left;background:0 0;border:0;justify-content:flex-start;width:100%}.section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;display:flex}.section-heading h2{margin:0}.section-heading p{margin:10px 0 0;font-size:13px}.editor-track-list{margin:0;padding:0;list-style:none}.editor-track{border-top:1px solid var(--line);grid-template-columns:28px minmax(0,1fr) auto 45px;align-items:center;gap:16px;padding:16px 4px;display:grid}.track-index,.track-format,.track-duration{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.track-duration{text-align:right}.editor-track-identity{min-width:0}.source-filename{color:#93948b;overflow-wrap:anywhere;font-size:11px;display:block}.inline-metadata{align-items:center;gap:8px;min-width:0;display:flex}.inline-metadata>span:first-child{overflow-wrap:anywhere}.inline-metadata h1{margin:0}.inline-metadata .inline-edit-button{flex-shrink:0;width:44px;padding:10px}.inline-metadata .inline-edit-button svg{width:15px;height:15px}.inline-metadata .saved-note{color:var(--muted);flex-shrink:0;font-size:11px}.inline-editor{width:100%;max-width:680px;padding:12px 0;font-size:13px}.inline-editor .row{gap:8px}.inline-editor .save-bar{border:0;margin:0;padding:0}.save-bar{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;padding:16px 0;display:flex}.save-bar>.muted{margin-right:auto;font-size:12px}.project-diagnostics{border-top:1px solid var(--line);color:var(--muted);margin:0 0 30px;padding:12px 0 22px;font-size:12px}.project-diagnostics summary{cursor:pointer;width:fit-content;min-height:44px;padding:12px 0}.project-diagnostics p{max-width:75ch;margin:0 0 12px}.dialog{color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:12px;width:min(560px,100vw - 32px);max-height:calc(100dvh - 48px);padding:28px;overflow-y:auto;box-shadow:0 24px 96px #0008}.dialog::backdrop{background:#080906b8}.dialog-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.dialog-heading h2{margin:0}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.artwork-dialog-preview{border-radius:6px;width:144px;height:144px;margin:0 auto 24px}.studio-settings{border-top:1px solid var(--line);gap:14px;max-width:780px;padding-top:28px}.studio-settings>.section-heading{margin-bottom:8px}.studio-images{grid-template-columns:1fr 1fr;gap:24px;margin-top:16px;display:grid}.studio-image-field{align-content:start;gap:12px;min-width:0;display:grid}.studio-image-preview{border:1px solid var(--line);background:var(--surface);border-radius:8px;place-items:center;height:150px;padding:16px;font-size:12px;display:grid}.studio-image-preview img{object-fit:contain;width:100%;height:100%;max-height:118px}.settings-connection{border-top:1px solid var(--line);max-width:780px;margin-top:40px;padding-top:32px}.settings-connection p,.studio-settings>p{font-size:12px}.auth-shell{max-width:480px;margin:60px auto}.auth-card{border-top:1px solid var(--line);margin-top:36px;padding-top:30px}.auth-card h1{font-size:30px}.auth-card .cover{object-fit:contain;width:180px;height:180px;margin:0 auto 28px;display:block}@media (max-width:1000px){main{padding:0 32px}.workspace-header-with-controls{grid-template-columns:minmax(0,1fr) auto auto;gap:4px 16px;padding:10px 0;display:grid}.workspace-header-with-controls .studio-home{grid-area:1/1}.workspace-header-with-controls .workspace-nav{grid-area:1/2}.workspace-header-with-controls .account-menu{grid-area:1/3}.library-header-controls{grid-area:2/1/auto/-1}.library-grid{gap:24px 20px}.project-hero{grid-template-columns:152px minmax(0,1fr);gap:24px}.track-format{display:none}.editor-track{grid-template-columns:24px minmax(0,1fr) 40px}}@media (min-width:1001px) and (max-width:1350px){.library-size-label{display:none}.library-size-control input{width:56px}.workspace-header-with-controls{gap:10px}}@media (max-width:640px){main{padding:0 20px}h1{font-size:34px}.workspace-header{grid-template-columns:minmax(0,1fr) auto auto;gap:8px;min-height:68px;margin-bottom:22px;padding:10px 0;display:grid}.studio-identity{gap:8px}.studio-name{font-size:12px}.workspace-header .studio-logo,.workspace-header .studio-mark{flex-basis:32px;width:32px;height:32px}.workspace-nav{gap:2px}.workspace-nav a{padding:12px 8px;font-size:12px}.workspace-footer{margin-top:28px;padding-top:32px}.workspace-header-with-controls{row-gap:4px}.library-header-controls{flex-wrap:wrap;gap:8px}.library-search{flex-basis:100%;order:4;max-width:none}.library-search input{font-size:16px}.library-search button{min-width:44px}.library-project-menu-trigger{width:44px;height:44px}.library-filters{gap:12px}.library-filters a{font-size:12px}.library-new-project{gap:6px;padding:10px;font-size:12px}.library-grid{--library-card-size:124px;gap:24px 14px}.library-size-1 .library-grid{--library-card-size:152px}.library-size-2 .library-grid{--library-card-size:220px}.library-size-control{flex:0 64px;gap:8px;min-width:44px;font-size:11px}.library-size-control input{flex:1;width:64px}.library-size-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.library-artwork{margin-bottom:12px}.library-card h2{font-size:13px}.library-card p{font-size:12px}.library-empty{padding:42px 16px}.create-steps{gap:20px;font-size:11px}.create-section{padding:20px 16px}.create-section-heading{flex-direction:column;gap:14px}.folder-toolbar{flex-direction:column;align-items:stretch}.folder-list{max-height:320px}.folder-row{gap:6px}.folder-open{padding-left:0;font-size:13px}.create-selection{flex-direction:column;align-items:stretch;gap:16px}.review-identity{grid-template-columns:1fr}.review-tracks li{grid-template-columns:20px minmax(0,1fr);gap:10px}.review-format{grid-column:2}.project-hero{grid-template-columns:1fr;gap:16px;margin-bottom:24px}.project-artwork-button{width:min(100%,132px)}.project-identity .inline-heading h1{font-size:28px}.project-summary{margin:4px 0 14px}.editor-track{gap:8px}.inline-metadata{gap:2px}.inline-editor .save-bar{flex-wrap:wrap}.inline-editor .save-bar small{width:100%}.project-actions .action-menu-content{left:auto;right:0}.studio-images{grid-template-columns:1fr}.studio-image-preview{height:160px}.dialog{padding:20px}.dialog-actions{flex-wrap:wrap}.narrow,.auth-shell{margin:36px auto}.panel{padding:22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.order-list{overscroll-behavior:contain;max-height:60vh;margin:12px 0;padding:8px;list-style:none;overflow-y:auto}.order-item{border:1px solid var(--line);background:var(--surface);touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;border-radius:8px;align-items:center;gap:12px;margin:6px 0;padding:14px 10px;display:flex;position:relative}.order-item.is-dragging{z-index:2;opacity:.78;cursor:grabbing;outline:2px solid var(--accent);box-shadow:0 8px 24px #0009}.order-item.insert-before:before,.order-item.insert-after:after{content:"";background:var(--accent);pointer-events:none;height:3px;position:absolute;left:0;right:0}.order-item.insert-before:before{top:-5px}.order-item.insert-after:after{bottom:-5px}.order-handle{color:var(--muted);padding:6px;font-size:26px}.order-number{color:var(--muted);font-variant-numeric:tabular-nums}.order-title{overflow-wrap:anywhere;flex:1;min-width:0}.order-moves{flex-wrap:wrap;gap:4px;display:flex}.order-moves button{color:var(--muted);min-height:44px;padding:8px;font-size:12px}.order-announcement{min-height:1.5em;color:var(--muted);font-size:13px}@media (max-width:600px){.order-item{flex-wrap:wrap;gap:8px}.order-moves{justify-content:flex-end;width:100%}}.share-manager h2,.share-manager h3{margin:0}.share-manager h3{overflow-wrap:anywhere;font-size:17px;font-weight:600}.share-cards{gap:14px;display:grid}.share-card{border:1px solid var(--line);border-radius:8px;padding:20px}.share-card-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.share-badge{border:1px solid var(--line);color:var(--muted);border-radius:20px;padding:2px 9px;font-size:12px}.share-active{color:var(--accent)}.share-card-details{color:var(--muted);flex-wrap:wrap;gap:6px 18px;margin:12px 0 16px;font-size:13px;display:flex}.share-actions,.share-suggestions{flex-wrap:wrap;gap:8px;display:flex}.share-actions button,.share-suggestions button{min-height:44px}.share-branding{gap:8px;margin-top:10px;display:grid}.share-branding-control{flex-wrap:wrap;align-items:center;gap:0 12px;display:flex}.share-branding .share-check{padding:4px 0;font-size:12px}.share-branding p{margin:0;font-size:12px}.share-branding>button{justify-self:start}.share-suggestions button{padding:5px 12px;font-size:13px}.share-editor{border:1px solid var(--line);border-radius:8px;margin:24px 0;padding:22px}.share-editor fieldset{border:0;min-width:0;margin:0;padding:0}.share-editor select{background:var(--bg);width:100%;min-width:0;color:var(--text);border:1px solid var(--line);border-radius:6px;padding:12px}.share-preview-fields legend{margin-bottom:12px;font-size:14px}.share-check{align-items:center;gap:10px;min-height:44px;padding:8px 0;display:flex}.share-check input{width:20px;height:20px;accent-color:var(--accent);flex:0 0 20px}.share-preview{border:1px solid var(--line);background:var(--bg);overflow-wrap:anywhere;border-radius:8px;align-items:center;gap:18px;padding:16px;display:flex}.share-preview img,.share-preview-neutral{object-fit:cover;border-radius:5px;flex:0 0 80px;width:80px;height:80px}.share-preview-neutral{background:var(--surface);color:var(--muted);letter-spacing:.08em;place-items:center;display:grid}.share-preview p{margin:4px 0;font-weight:600}.share-revoke,.share-manual-copy{border-top:1px solid var(--line);margin-top:16px;padding:16px 0 0}.share-manual-copy button{margin-top:10px}.share-notice{min-height:1.5em;color:var(--muted);font-size:14px}@media (max-width:600px){.share-card,.share-editor{padding:16px}.share-card-details{display:grid}.share-actions button{flex:1;padding:10px}.share-preview{gap:12px;padding:12px}.share-preview img,.share-preview-neutral{flex-basis:56px;width:56px;height:56px}}.share-manager.panel{border:0;border-top:1px solid var(--line);background:0 0;border-radius:0;padding:28px 0 0}.share-card{background:var(--surface)}.share-editor{background:var(--surface);max-width:760px}.share-preview{background:var(--bg)}.route-loading{text-align:center;padding-top:60px}.route-loading .studio-mark{margin:0 auto 24px}.action-menu summary{gap:8px;padding:10px 14px;font-size:13px;display:flex}.project-artwork-button .artwork-frame{position:absolute;inset:0}.artwork-origin-controls{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.artwork-origin-controls [aria-pressed=true]{background:var(--line);color:var(--text)}.managed-artwork-upload input[type=file]{max-width:100%;margin:10px 0 18px}.managed-artwork-upload .artwork-dialog-preview{margin-top:12px}.project-preparation{border:1px solid var(--line);background:var(--surface);border-radius:.65rem;margin:1.5rem 0;padding:.85rem 1rem}.preparation-explanation{margin:.5rem 0;font-size:.8rem}.preparation-artwork-upload{border-top:1px solid var(--line);margin-top:.8rem;padding-top:.8rem}.project-preparation.is-ready{border-color:#53765c}.preparation-label{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.3rem .8rem;font-size:.85rem;display:flex}.project-preparation progress,.artwork-task-progress progress{width:100%;height:.3rem;accent-color:var(--accent);border:0;border-radius:1rem;margin:.65rem 0;display:block;overflow:hidden}progress::-webkit-progress-bar{background:var(--line);border-radius:1rem}progress::-webkit-progress-value{background:var(--accent);border-radius:1rem}progress::-moz-progress-bar{background:var(--accent);border-radius:1rem}.artwork-activity{z-index:40;right:1rem;bottom:max(1rem, env(safe-area-inset-bottom));gap:.5rem;width:min(24rem,100vw - 2rem);max-height:min(60vh,32rem);display:grid;position:fixed;overflow-y:auto}.artwork-activity-item{border:1px solid var(--line);background:var(--surface);border-radius:.7rem;padding:1rem;box-shadow:0 .4rem 2rem #0006}.artwork-activity-item p{margin:.5rem 0;font-size:.8rem}.artwork-task-actions,.artwork-task-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem;display:flex}.artwork-task-actions button,.artwork-task-footer a{padding:.4rem .55rem;font-size:.8rem}@media (prefers-reduced-motion:reduce){progress{animation:none}}.share-insights{border-top:1px solid var(--line);margin-block:14px;padding-top:12px}.share-insights summary{cursor:pointer;font-size:13px}.share-insights-body{gap:14px;padding-top:12px;display:grid}.share-insights-body p{margin:0;font-size:12px}.share-insights-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;display:grid}.share-insights-summary dt{color:var(--muted);font-size:11px}.share-insights-summary dd{overflow-wrap:anywhere;margin:4px 0 0;font-size:13px}.share-insights-tracks{gap:10px;margin:0;padding:0;list-style:none;display:grid}.share-insights-tracks li{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;font-size:12px;display:grid}.share-insights-tracks li span:first-child{overflow-wrap:anywhere}.share-insights-tracks progress{width:100%;height:3px;accent-color:var(--accent);grid-column:1/-1}.share-insights-location{overflow-wrap:anywhere;color:var(--muted)}
.listening-shell.has-project-color{isolation:isolate}.listening-shell.has-project-color:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 40% 0%, var(--project-glow), transparent 75%);position:fixed;inset:0}.listening-shell.has-project-color .listening-album-play,.listening-shell.has-project-color .listening-play{background:var(--project-accent);color:var(--project-accent-text);border-color:#ffffff26}.listening-shell.has-project-color .listening-track.active{background:rgb(var(--project-accent-rgb) / .08);border-color:rgb(var(--project-accent-rgb) / .16)}.listening-shell.player{width:min(100%,900px);max-width:900px;margin:0 auto;padding:12px 28px 32px}.listening-shell .listening-header{border:0;justify-content:space-between;align-items:center;gap:20px;min-height:44px;margin:0;padding:0 0 12px;display:flex}.listening-shell .listening-private{color:var(--muted,#aaa49d);letter-spacing:.04em;flex-shrink:0;font-size:11px}.listening-shell .listening-content{min-width:0}.listening-shell .listening-album{grid-template-columns:180px minmax(0,1fr);align-items:center;gap:28px;padding:12px 0 28px;display:grid}.listening-shell .listening-artwork{aspect-ratio:1;background:#20221f;border-radius:12px;width:100%;position:relative;overflow:hidden;box-shadow:0 16px 48px #0004}.listening-shell .listening-artwork img,.listening-shell .artwork-placeholder{object-fit:contain;width:100%;height:100%;display:block}.listening-shell .artwork-placeholder{background:#242620;place-items:center;display:grid}.listening-shell .artwork-placeholder>span{opacity:.38;background:#a6a498;width:34%;height:9%;transform:rotate(-5deg)}.listening-shell .listening-identity{min-width:0}.listening-shell .listening-artist{color:var(--muted,#aaa49d);overflow-wrap:anywhere;margin:8px 0 0;font-size:16px}.listening-shell .listening-identity h1{letter-spacing:-.04em;overflow-wrap:anywhere;margin:0;font-size:clamp(26px,3.5vw,36px);font-weight:650;line-height:1.08}.listening-shell .listening-summary{color:var(--muted,#aaa49d);font-variant-numeric:tabular-nums;margin:10px 0 0;font-size:12px}.listening-shell .listening-track-heading,.listening-shell .listening-track{grid-template-columns:2.5rem minmax(0,1fr) auto 4.5ch;align-items:center;gap:12px;display:grid}.listening-shell .listening-track-heading{color:var(--muted,#aaa49d);border-bottom:1px solid var(--line,#30322e);padding:12px 16px;font-size:11px}.listening-shell .listening-track-heading>:last-child{text-align:right;grid-column:4}.listening-shell .listening-track{text-align:left;width:100%;min-height:52px;color:inherit;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:9px;margin:2px 0;padding:10px 16px}.listening-shell .listening-track:hover:not(:disabled){background:#ffffff05}.listening-shell .listening-track.active{background:#eee4d80a;border-color:#eee4d811}.listening-shell .listening-track-number,.listening-shell .listening-track-time{color:var(--muted,#aaa49d);font-variant-numeric:tabular-nums;font-size:13px}.listening-shell .listening-track-title{overflow-wrap:anywhere;min-width:0;line-height:1.45}.listening-shell .listening-track-time{text-align:right;grid-column:4}.listening-shell .listening-current{color:var(--muted,#aaa49d);grid-column:3;font-size:11px}.listening-shell .listening-transport{z-index:20;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));border:1px solid var(--line,#30322e);background:var(--surface,#20211e);border-radius:14px;width:min(100% - 32px,844px);max-height:calc(100dvh - 32px);margin:0;padding:10px 18px 12px;position:fixed;overflow-y:auto;transform:translate(-50%);box-shadow:0 8px 40px #0006}.listening-shell .listening-transport-main{justify-content:space-between;align-items:center;gap:24px;display:flex}.listening-shell .listening-now-playing{flex:1;min-width:0}.listening-shell .listening-now-playing small{min-height:16px;color:var(--muted,#aaa49d);margin-bottom:2px;font-size:11px;display:block}.listening-shell .listening-now-title{overflow-wrap:anywhere;font-size:14px;line-height:1.45}.listening-shell .listening-transport-buttons{flex-shrink:0;align-items:center;gap:8px;display:flex}.listening-shell .listening-transport-skip,.listening-shell .listening-play{border-radius:50%;place-items:center;width:44px;min-width:44px;height:44px;padding:0;display:grid}.listening-shell .listening-transport-skip{background:0 0;border-color:#0000}.listening-shell .listening-play{background:var(--accent,#eee4d8);color:#191b18;border:0}.listening-shell .listening-play svg{width:22px;height:22px}.listening-shell .listening-transport-skip svg{width:20px;height:20px}.listening-shell .listening-seek{margin:0;display:block}.listening-shell .listening-seek input{width:100%;min-height:44px;accent-color:var(--accent,#eee4d8);cursor:pointer;background:0 0;border:0;margin:0;padding:0;display:block}.listening-shell .listening-times{color:var(--muted,#aaa49d);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:11px;display:flex}.listening-shell .listening-playback-error{margin-bottom:24px}.listening-shell .listening-playback-error .error{margin-bottom:12px}.listening-shell .listening-compatibility-note{color:var(--muted,#aaa49d);font-size:12px}.listening-shell .listening-compatibility-transport audio{width:100%;margin:16px 0 0}.listening-shell :is(button,input,summary):focus-visible{outline:2px solid var(--accent,#eee4d8);outline-offset:3px}@media (max-width:640px){.listening-shell.player{padding:10px 16px 24px}.listening-shell .listening-header{gap:12px;padding-bottom:10px}.listening-shell .listening-private{font-size:10px}.listening-shell .listening-album{grid-template-columns:112px minmax(0,1fr);align-items:start;gap:18px;padding:10px 0 24px}.listening-shell .listening-artwork{width:112px;margin:0}.listening-shell .listening-identity h1{font-size:24px}.listening-shell .listening-artist{margin:7px 0 0;font-size:14px}.listening-shell .listening-summary{margin-top:8px}.listening-shell .listening-track-heading,.listening-shell .listening-track{grid-template-columns:1.5rem minmax(0,1fr) 6px 4.5ch;gap:10px;padding-left:8px;padding-right:8px}.listening-shell .listening-track{min-height:52px}.listening-shell .listening-track-title{font-size:14px}.listening-shell .listening-current{background:var(--accent,#eee4d8);border-radius:50%;width:5px;height:5px}.listening-shell .listening-current>span{display:none}.listening-shell .listening-transport{width:100%;padding:10px 16px calc(10px + env(safe-area-inset-bottom));border:0;border-top:1px solid var(--line,#30322e);border-radius:0;max-height:calc(100dvh - 20px);margin:0;bottom:0;left:0;right:0;overflow-y:auto;transform:none;box-shadow:0 -12px 36px #0004}.listening-shell .listening-transport-main{gap:12px}.listening-shell .listening-transport-buttons{gap:2px}.listening-shell .listening-transport-skip,.listening-shell .listening-play{width:44px;min-width:44px;height:44px}.listening-shell .listening-now-title{font-size:13px}.listening-shell .listening-seek{margin-top:0}}.listening-shell.player.has-transport{padding-bottom:calc(200px + env(safe-area-inset-bottom))}.listening-shell .listening-transport[hidden]{display:none}.listening-shell .listening-album-play{border-radius:24px;min-width:104px;margin-top:16px}.listening-shell .listening-album-play svg{width:18px;height:18px}.listening-shell .listening-now-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.generated-artwork{aspect-ratio:1;border-radius:inherit;isolation:isolate;background:radial-gradient(ellipse at 72% 19%, #ffffff57, transparent 58%), radial-gradient(ellipse at 13% 90%, #0a0c10d4, transparent 68%), linear-gradient(138deg, #ffffff0a, #00000040), var(--project-accent,#a8b894);width:100%;display:block;position:relative;overflow:hidden}.generated-artwork:after{content:"";pointer-events:none;opacity:.17;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='128' height='128'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch' seed='11'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grain)' opacity='.9'/%3E%3C/svg%3E");position:absolute;inset:0}.project-color-button{white-space:nowrap;align-items:center;gap:.45rem;display:inline-flex}.project-color-dot{border-radius:50%;width:.75rem;height:.75rem;display:inline-block;box-shadow:0 0 0 1px #fff3}.project-appearance-editor{gap:1rem;display:grid}.appearance-preview{background:radial-gradient(ellipse at 25% 70%, var(--project-glow), transparent 78%), #141615;border-radius:.8rem;justify-content:center;align-items:center;gap:1.5rem;padding:1.5rem;display:flex}.appearance-preview .generated-artwork{border-radius:.5rem;flex:0 0 120px;width:120px;box-shadow:0 10px 25px #0000004d}.appearance-preview-play{color:var(--project-accent-text);background:var(--project-accent);white-space:nowrap;border-radius:100px;align-items:center;gap:.5rem;padding:.7rem 1.15rem;font-weight:600;display:inline-flex}.appearance-inputs{grid-template-columns:88px 1fr;gap:.8rem;display:grid}.appearance-inputs label{gap:.4rem;display:grid}.appearance-inputs input[type=color]{cursor:pointer;width:100%;height:44px;padding:.25rem}.appearance-inputs input:not([type=color]){font-variant-numeric:tabular-nums;min-width:0;height:44px}.appearance-source-actions,.appearance-swatches{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.appearance-artwork-colors{justify-items:start;gap:.6rem;display:grid}.appearance-sample{cursor:crosshair;touch-action:manipulation;border-radius:.5rem;width:min(100%,224px);height:auto;display:block}.appearance-sample[hidden]{display:none}.appearance-artwork-colors p,.project-appearance-editor>p{margin:0}.appearance-swatches .appearance-swatch{border:2px solid #0000;border-radius:50%;width:44px;height:44px;min-height:44px;padding:0;box-shadow:inset 0 0 0 1px #fff3}.appearance-swatches .appearance-swatch[aria-pressed=true]{outline:2px solid var(--text,#f0ece5);outline-offset:2px}@media (max-width:420px){.appearance-preview{gap:1rem;padding:1rem}.appearance-preview .generated-artwork{flex-basis:96px;width:96px}}