/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.fixed{position:fixed}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.isolate{isolation:isolate}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.list-item{display:list-item}.table{display:table}.flex-wrap{flex-wrap:wrap}.italic{font-style:italic}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--ink:#1d2924;--muted:#6f7c76;--green:#365f52;--mint:#dceae2;--cream:#f4f0e8;--line:#e5e8e4}*{box-sizing:border-box}body{color:var(--ink);background:#f7f8f6;margin:0;font-family:Arial,Helvetica,sans-serif}button{font:inherit}svg{flex:none;width:20px;height:20px}.app-shell{min-height:100vh}.sidebar{border-right:1px solid var(--line);z-index:5;background:#fff;flex-direction:column;width:238px;padding:28px 18px 20px;transition:width .22s,padding .22s;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;padding:0 10px 34px;font-family:Georgia,serif;font-size:22px;font-weight:700;display:flex}.brand-name{white-space:nowrap;overflow:hidden}.brand-mark{background:var(--green);color:#fff;border-radius:9px;place-items:center;width:34px;height:34px;font-family:Georgia,serif;display:grid}.sidebar-toggle{border:1px solid var(--line);width:28px;height:28px;color:var(--muted);cursor:pointer;background:#fff;border-radius:7px;place-items:center;margin-left:auto;padding:0;display:grid}.sidebar-toggle svg{width:15px}nav{gap:6px;display:grid}nav button{color:#66716c;cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;height:45px;padding:0 14px;display:flex;overflow:hidden}nav button:hover{background:#f3f5f2}nav button.active{color:#294e42;background:#e8f0eb;font-weight:700}.storage-card{background:#f0f4f0;border-radius:13px;margin-top:auto;padding:17px}.storage-icon{width:34px;height:34px;color:var(--green);background:#fff;border-radius:9px;place-items:center;margin-bottom:12px;display:grid}.storage-card>small{color:#789087;letter-spacing:1px;margin-bottom:5px;font-size:7px;font-weight:800;display:block}.storage-card strong{font-size:13px;display:block}.storage-card p{color:var(--muted);margin:5px 0 9px;font-size:11px}.meter{background:#d6dfd9;border-radius:4px;height:5px;overflow:hidden}.meter i{background:#5e8a78;width:24%;height:100%;display:block}.storage-card button{color:var(--green);cursor:pointer;background:0 0;border:0;margin-top:12px;padding:0;font-size:11px;font-weight:700}.storage-card-actions{align-items:center;gap:13px;display:flex}.storage-card-actions .disconnect-storage{color:#9b4038}.profile{border-top:1px solid var(--line);grid-template-columns:34px 1fr 20px;align-items:center;gap:10px;margin-top:17px;padding:17px 5px 0;display:grid}.profile>span{background:#e4cfae;border-radius:50%;place-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:grid}.profile strong,.profile small{font-size:12px;display:block}.profile small{color:var(--muted);margin-top:3px;font-size:10px}.profile svg{color:#84908a;width:18px}.profile>button{cursor:pointer;background:0 0;border:0;padding:2px}.login-page{background:#fff;grid-template-columns:minmax(440px,1.1fr) minmax(420px,.9fr);min-height:100vh;display:grid}.login-brand-panel{background:#dfe9e2;flex-direction:column;padding:42px 8%;display:flex;position:relative;overflow:hidden}.login-brand{align-items:center;gap:11px;font:700 22px Georgia,serif;display:flex}.login-brand>span,.login-mobile-brand>span{background:var(--green);color:#fff;border-radius:9px;place-items:center;width:35px;height:35px;display:grid}.login-message{z-index:2;max-width:510px;margin:auto 0 28%;position:relative}.login-message h1{margin:14px 0 20px;font:400 clamp(42px,5vw,70px)/.98 Georgia,serif}.login-message p{color:#61716a;max-width:450px;font-size:14px;line-height:1.7}.login-tv{aspect-ratio:16/9;background:#17201d;width:43%;min-width:320px;padding:8px;position:absolute;bottom:5%;right:-3%;box-shadow:0 22px 48px #293b3430}.login-tv>div{background:#a4c1ad;height:100%;padding:8%;position:relative}.login-tv small{letter-spacing:2px;font-size:8px}.login-tv strong{margin-top:8px;font:30px/.9 Georgia,serif;display:block}.login-tv b{color:#ead17b;font-size:50px;position:absolute;top:34%;right:13%}.login-form-panel{place-items:center;padding:38px;display:grid}.login-form{width:min(390px,100%)}.login-mobile-brand{align-items:center;gap:10px;margin-bottom:52px;font:700 20px Georgia,serif;display:none}.login-form h2{margin:8px 0 9px;font:400 34px Georgia,serif}.login-form>p{color:var(--muted);margin:0 0 20px;font-size:12px;line-height:1.6}.demo-credentials{color:#52645c;background:#edf4ef;border:1px solid #d7e4dc;border-radius:10px;grid-template-columns:1fr 1fr;gap:5px 12px;margin-bottom:20px;padding:13px 15px;font-size:10px;display:grid}.demo-credentials strong{color:var(--green);grid-column:1/-1;margin-bottom:2px;font-size:11px}.demo-credentials b{color:var(--ink)}.login-form>label{color:#56635d;margin:0 0 7px;font-size:10px;font-weight:700;display:block}.login-form>input{border:1px solid #d4dcd7;border-radius:8px;outline:none;width:100%;height:45px;margin-bottom:15px;padding:0 12px;font-size:12px}.login-form>input:focus{border-color:var(--green);box-shadow:0 0 0 3px #365f5214}.login-button{width:100%;height:45px;margin-top:3px}.login-button:disabled{opacity:.6;cursor:wait}.login-error{color:#934b40;background:#f9e8e5;border-radius:7px;margin:-4px 0 11px;padding:9px 11px;font-size:10px}.login-success{color:#176a55;background:#e4f5ee;border-radius:7px;margin:-4px 0 11px;padding:10px 12px;font-size:11px;line-height:1.5}.auth-mode-switch{background:#eef3f0;border-radius:10px;grid-template-columns:1fr 1fr;gap:4px;margin:0 0 18px;padding:4px;display:grid}.auth-mode-switch button{color:#68756f;cursor:pointer;background:0 0;border:0;border-radius:7px;height:35px;font-size:11px;font-weight:700}.auth-mode-switch button.active{color:#08756d;background:#fff;box-shadow:0 2px 8px #203c3320}.demo-note{text-align:center;color:#8a948f;margin-top:16px;font-size:9px;display:block}.public-feedback{background:linear-gradient(145deg,#f2fbf8,#fff9ef);border:1px solid #d8e6e2;border-radius:13px;margin-top:24px;padding:18px;box-shadow:0 10px 26px #174b4310}.public-feedback h3{margin:5px 0;font:22px Georgia,serif}.public-feedback p{color:var(--muted);margin:0 0 12px;font-size:10px}.public-feedback textarea{resize:vertical;border:1px solid #cadbd6;border-radius:8px;outline:none;width:100%;min-height:88px;padding:10px 11px;font:11px/1.5 Arial,sans-serif}.public-feedback textarea:focus{border-color:#22a393;box-shadow:0 0 0 3px #19a7961b}.public-feedback .primary{width:100%;margin-top:9px}.content{max-width:1500px;margin-left:238px;padding:28px 48px 52px;transition:margin-left .22s}.feedback-page{max-width:850px}.feedback-form{border:1px solid var(--line);background:#fff;border-radius:13px;margin-top:22px;padding:24px}.feedback-form>label{margin-bottom:9px;font-size:11px;font-weight:800;display:block}.feedback-form textarea{resize:vertical;width:100%;min-height:150px;color:var(--ink);border:1px solid #d7ded9;border-radius:9px;padding:13px;font:13px/1.55 Arial,sans-serif}.feedback-form textarea:focus{border-color:#6f9586;outline:3px solid #365f5218}.feedback-form>div{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.feedback-form small{color:var(--muted)}.feedback-history{margin-top:28px}.feedback-history h3{font:400 21px Georgia,serif}.feedback-history article{border:1px solid var(--line);background:#fff;border-radius:10px;margin-top:10px;padding:17px 19px}.feedback-history article>div{justify-content:space-between;gap:15px;display:flex}.feedback-history strong{font-size:11px}.feedback-history small{color:var(--muted);font-size:9px}.feedback-history p{white-space:pre-wrap;margin:11px 0 0;font-size:12px;line-height:1.55}.feedback-empty{color:var(--muted);text-align:center;border:1px dashed #cbd5cf;border-radius:10px;padding:24px;font-size:12px}.sidebar-collapsed .sidebar{width:76px;padding-inline:12px}.sidebar-collapsed .brand{justify-content:center;padding-inline:9px}.sidebar-collapsed .brand-name,.sidebar-collapsed .storage-card,.sidebar-collapsed .profile>div{display:none}.sidebar-collapsed .sidebar-toggle{margin:0;position:absolute;top:69px;left:24px;transform:rotate(180deg)}.sidebar-collapsed nav{margin-top:20px}.sidebar-collapsed nav button{justify-content:center;padding-inline:0}.sidebar-collapsed nav button span{display:none}.sidebar-collapsed .profile{grid-template-columns:1fr;justify-items:center;padding-inline:0}.sidebar-collapsed .profile>button{display:none}.sidebar-collapsed .content{margin-left:76px}header{justify-content:space-between;align-items:flex-start;height:78px;display:flex}header p,.eyebrow{letter-spacing:1.7px;color:#89948e;margin:0 0 7px;font-size:9px;font-weight:800}header h1{margin:0;font-family:Georgia,serif;font-size:27px;line-height:1}.primary,.outline{cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 17px;font-size:12px;font-weight:700;display:inline-flex}.primary{background:var(--green);color:#fff;box-shadow:0 5px 12px #365f5228}.primary:hover{background:#294d42;transform:translateY(-1px)}.hero{background:#dfe9e2;border-radius:14px;grid-template-columns:1fr 1fr;min-height:265px;display:grid;position:relative;overflow:hidden}.hero-copy{z-index:2;padding:41px 45px;position:relative}.hero-copy h2{margin:10px 0 13px;font-family:Georgia,serif;font-size:36px;font-weight:400;line-height:1.06}.hero-copy p{color:#62716a;font-size:12px}.hero-copy button{color:#345d4f;cursor:pointer;background:#edf3ef;border:1px solid #bdccc3;border-radius:7px;align-items:center;gap:7px;height:36px;margin-top:12px;padding:0 14px;font-size:11px;font-weight:700;display:flex}.hero-copy button svg{width:16px}.tv-scene{background:linear-gradient(100deg,#0000 0 20%,#c8d8cc 20%);position:relative}.tv{background:#17201d;border-radius:3px;width:315px;height:181px;padding:7px;position:absolute;bottom:41px;right:46px;box-shadow:0 15px 30px #293b3430}.tv>i{border-bottom:4px solid #25332e;width:52px;height:25px;position:absolute;bottom:-25px;left:50%;transform:translate(-50%)}.tv-content{background:#a4c1ad;height:100%;padding:22px;position:relative}.tv-content small{letter-spacing:2px;font-size:7px}.tv-content strong{margin-top:7px;font-family:Georgia,serif;font-size:26px;line-height:.92;display:block}.tv-content span{color:#e9d282;font-size:47px;position:absolute;top:57px;right:24px}.plant{z-index:3;width:45px;height:100px;position:absolute;bottom:0;right:3px}.plant b{background:#b78e64;border-radius:3px 3px 11px 11px;width:33px;height:43px;display:block;position:absolute;bottom:0}.plant i{transform-origin:bottom;background:#537264;border-radius:100% 0;width:18px;height:55px;position:absolute;bottom:39px;left:15px}.plant i:first-child{transform:rotate(-35deg)}.plant i:nth-child(2){transform:rotate(18deg)}.plant i:nth-child(3){transform:rotate(52deg)}.section-row{justify-content:space-between;align-items:flex-end;margin:27px 0 15px;display:flex}.section-row h3{margin:0;font-family:Georgia,serif;font-size:21px;font-weight:400}.quick-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.quick-grid>button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:11px;grid-template-columns:42px 1fr 16px;align-items:center;gap:12px;min-height:82px;padding:15px;transition:all .2s;display:grid}.quick-grid>button:hover{border-color:#a7bbae;transform:translateY(-2px);box-shadow:0 8px 22px #33483e10}.quick-grid>button>span{width:42px;height:42px;color:var(--green);background:#e3eee7;border-radius:9px;place-items:center;display:grid}.quick-grid strong,.quick-grid small{display:block}.quick-grid strong{margin-bottom:5px;font-size:12px}.quick-grid small{color:var(--muted);font-size:10px}.quick-grid b{color:#819089}.media-heading{margin-top:30px}.media-heading button{color:var(--green);cursor:pointer;background:0 0;border:0;font-size:11px;font-weight:700}.media-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.media-grid article{border:1px solid var(--line);background:#fff;border-radius:10px;grid-template-columns:104px 1fr 25px;align-items:center;min-height:80px;display:grid;position:relative;overflow:visible}.media-grid article>div:nth-child(2){min-width:0;padding:10px 8px 10px 11px}.media-grid strong,.media-grid small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.media-grid strong{margin:5px 0;font-size:11px}.media-grid small{color:var(--muted);font-size:9px}.media-grid article>button{color:#85908b;cursor:pointer;background:0 0;border:0;padding:0}.media-grid article>button svg{width:16px}.dashboard-media-menu{z-index:8;border:1px solid var(--line);background:#fff;border-radius:9px;gap:2px;width:150px;padding:5px;display:grid;position:absolute;top:58px;right:8px;box-shadow:0 10px 28px #1835282e}.dashboard-media-menu button{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:9px 10px;font-size:9px;font-weight:750}.dashboard-media-menu button:hover{background:#edf5f0}.dashboard-media-menu button:disabled{color:#aab2ae;cursor:not-allowed;background:0 0}.dashboard-media-menu button.delete-option{color:#9a443b;border-top:1px solid var(--line);border-radius:0 0 6px 6px}.dashboard-media-menu button.delete-option:hover{background:#fff2f0}.playlist-choice-list{text-align:left;gap:8px;margin-top:18px;display:grid}.playlist-choice-list>button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;grid-template-columns:36px minmax(0,1fr) 24px;align-items:center;gap:11px;width:100%;min-height:58px;padding:8px 12px;display:grid}.playlist-choice-list>button:hover:not(:disabled){background:#f4f8f5;border-color:#83a491}.playlist-choice-list>button:disabled{cursor:default;background:#f7f8f7}.playlist-choice-list>button>span{width:34px;height:34px;color:var(--green);background:#edf5f0;border-radius:8px;place-items:center;display:grid}.playlist-choice-list svg{width:17px}.playlist-choice-list strong,.playlist-choice-list small{display:block}.playlist-choice-list strong{font-size:11px}.playlist-choice-list small{color:var(--muted);margin-top:5px;font-size:9px}.playlist-choice-list b{color:var(--muted)}.playlist-choice-list i{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.type-pill{text-transform:uppercase;letter-spacing:1px;color:#64716b;font-size:7px;font-weight:800}.media-thumb{height:80px;position:relative;overflow:hidden}.media-thumb img{object-fit:cover;width:100%;height:100%}.audio-art{color:#365f52;flex-direction:column;justify-content:center;align-items:center;gap:7px;height:100%;display:flex}.audio-art svg{width:24px}.audio-art b{letter-spacing:.15em;font-size:8px}.image-art,.video-art{flex-direction:column;justify-content:center;height:100%;padding:13px;display:flex}.image-art span,.video-art span{letter-spacing:1px;font-size:6px}.image-art b,.video-art b{white-space:pre-line;font-family:Georgia,serif;font-size:14px;line-height:.9}.video-art{color:#f0e2b3}.play-dot{color:#314e44;background:#fffd;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.play-dot svg{width:10px;height:10px}.screen-strip{border:1px solid var(--line);background:#fff;border-radius:10px;grid-template-columns:1fr 170px 100px;align-items:center;min-height:68px;margin-top:22px;padding:12px 16px;display:grid}.screen-strip>div:first-child{align-items:center;gap:12px;display:flex}.screen-icon{width:39px;height:39px;color:var(--green);background:#e3eee7;border-radius:8px;place-items:center;display:grid}.screen-strip strong,.screen-strip small{font-size:11px;display:block}.screen-strip small{color:var(--muted);margin-top:5px;font-size:9px}.screen-strip small i{background:#57a16d;border-radius:50%;width:6px;height:6px;margin-right:3px;display:inline-block}.screen-strip>div:nth-child(2) span{color:#8a948f;letter-spacing:1px;margin-bottom:5px;font-size:7px;font-weight:800;display:block}.screen-strip button{height:34px;color:var(--green);cursor:pointer;background:#f4f6f4;border:1px solid #dfe4e0;border-radius:7px;justify-content:center;align-items:center;gap:6px;font-size:10px;font-weight:700;display:flex}.screen-strip button svg{width:14px}.simple-page{padding-top:18px}.page-intro{justify-content:space-between;align-items:end;margin-bottom:28px;display:flex}.page-intro h2{margin:6px 0;font:400 32px Georgia,serif}.page-intro p{color:var(--muted);margin:0;font-size:12px}.outline{color:var(--green);background:#fff;border:1px solid #ccd6d0}.storage-sync-summary{color:#718078;margin-top:8px;font-size:9px;display:block}.storage-refresh-button{cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:7px;min-height:38px;padding:0 14px;font-size:9px;font-weight:800;display:flex}.storage-refresh-button svg{width:15px}.storage-refresh-button:disabled{cursor:wait;opacity:.65}.library-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.library-folders{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:20px;display:grid}.library-folders>button{border:1px solid var(--line);min-height:66px;color:var(--text);text-align:left;cursor:pointer;background:#fff;border-radius:11px;grid-template-columns:31px 1fr;align-items:center;gap:10px;padding:11px 13px;display:grid}.library-folders>button.selected{background:#edf5f0;border-color:#83a491}.library-folders>button>svg{width:21px;color:var(--green)}.library-folders strong,.library-folders small{display:block}.library-folders strong{font-size:10px}.library-folders small{color:var(--muted);margin-top:5px;font-size:8px}.cloud-folder-section{border:1px solid var(--line);background:#f7f9f7;border-radius:12px;margin:-4px 0 20px;padding:14px}.cloud-folder-heading{align-items:baseline;gap:10px;margin-bottom:10px;display:flex}.cloud-folder-heading strong{font-size:10px}.cloud-folder-heading small{color:var(--muted);font-size:8px}.cloud-folder-list{gap:8px;padding-bottom:3px;display:flex;overflow-x:auto}.cloud-folder-list>button{border:1px solid var(--line);min-width:175px;max-width:240px;color:var(--text);text-align:left;cursor:pointer;background:#fff;border-radius:9px;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:8px;padding:9px 11px;display:grid}.cloud-folder-list>button.selected{background:#edf5f0;border-color:#83a491}.cloud-folder-list svg{width:17px;color:var(--green)}.cloud-folder-list strong,.cloud-folder-list small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.cloud-folder-list strong{font-size:9px}.cloud-folder-list small{color:var(--muted);margin-top:4px;font-size:7px}.library-folder-empty{min-height:260px;color:var(--muted);border:1px dashed #bac6bf;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;display:flex}.library-folder-empty svg{width:28px;margin-bottom:12px}.library-folder-empty strong{color:var(--text);font-size:11px}.library-folder-empty small{margin-top:6px;font-size:8px}.library-grid article{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden}.media-thumb.large{height:165px}.library-grid article>div:last-child{padding:14px}.library-grid strong,.library-grid small{font-size:12px;display:block}.library-grid small{color:var(--muted);text-transform:capitalize;margin-top:6px;font-size:10px}.library-item-details{grid-template-columns:minmax(0,1fr) 30px;align-items:center;gap:8px;display:grid}.library-item-details>span{min-width:0}.library-item-details strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.library-item-details>button{color:#9a443b;cursor:pointer;background:#fff8f7;border:1px solid #ead1cd;border-radius:7px;place-items:center;width:30px;height:30px;padding:0;display:grid}.library-item-details>button svg{width:14px}.library-toolbar{justify-content:space-between;align-items:center;gap:14px;min-height:48px;margin:0 0 14px;display:flex}.library-selection-tools{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.library-selection-tools>span{color:var(--muted);font-size:10px;font-weight:700}.library-selection-tools button{cursor:pointer;border-radius:8px;min-height:34px;padding:0 12px;font-size:9px;font-weight:800}.danger-outline{color:#9a443b;background:#fff8f7;border:1px solid #d9a7a2}.library-view-toggle{border:1px solid var(--line);background:#f5f7f5;border-radius:9px;padding:3px;display:flex}.library-view-toggle button{height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:5px;padding:0 9px;font-size:8px;font-weight:800;display:flex}.library-view-toggle button.selected{color:var(--green);background:#fff;box-shadow:0 1px 4px #17332614}.library-view-toggle svg{width:14px}.library-grid article{transition:border-color .15s,box-shadow .15s;position:relative}.library-grid article.selected{border-color:var(--green);box-shadow:0 0 0 2px #456d5730}.media-select-button{z-index:2;color:#fff;cursor:pointer;background:#ffffffdb;border:2px solid #fff;border-radius:7px;place-items:center;width:24px;height:24px;padding:0;display:grid;position:absolute;top:9px;left:9px;box-shadow:0 1px 5px #17332635}.media-select-button svg{width:14px}.library-grid article.selected .media-select-button{background:var(--green)}.library-grid.view-small{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.library-grid.view-small .media-thumb.large{height:105px}.library-grid.view-small article>div:last-child{padding:10px}.library-grid.view-small .library-item-details{grid-template-columns:minmax(0,1fr) 26px}.library-grid.view-small .library-item-details>button{width:26px;height:26px}.library-grid.view-list{grid-template-columns:1fr;gap:8px}.library-grid.view-list article{grid-template-columns:110px minmax(0,1fr);min-height:78px;display:grid}.library-grid.view-list .media-thumb.large{border-radius:0;height:78px}.library-grid.view-list article>div:last-child{padding:12px 14px}.library-grid.view-list .media-select-button{top:27px;left:9px}.playlist-card{border:1px solid var(--line);background:#fff;border-radius:13px;overflow:hidden}.playlist-columns{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;grid-template-columns:minmax(260px,1fr) 114px 140px 100px 28px;gap:12px;padding:0 17px 8px 199px;font-size:8px;font-weight:800;display:grid}.playlist-item{border-bottom:1px solid var(--line);grid-template-columns:22px 38px 110px minmax(120px,1fr) 114px 140px 100px 28px;align-items:center;gap:12px;padding:11px 17px;display:grid}.playlist-item:last-child{border-bottom:0}.playlist-item .media-thumb{border-radius:6px;height:62px}.drag{color:#b5bdb8;letter-spacing:-4px;cursor:grab}.order{color:#829089;font:14px Georgia,serif}.playlist-item strong,.playlist-item small{font-size:12px;display:block}.playlist-item small{color:var(--muted);margin-top:7px;font-size:10px}.playlist-item>button{color:#88938e;cursor:pointer;background:0 0;border:0}.playlist-item>button svg{width:16px}.timing-field>span,.transition-field>span,.fade-field>span{display:none}.timing-field>div{background:#fff;border:1px solid #d6ddd8;border-radius:7px;grid-template-columns:1fr 38px;height:38px;display:grid;overflow:hidden}.timing-field input{width:100%;min-width:0;color:var(--text);border:0;outline:none;padding:0 9px;font-size:11px}.timing-field b{color:var(--muted);background:#f7f9f7;border-left:1px solid #e2e7e3;place-items:center;font-size:9px;display:grid}.transition-field select{width:100%;height:38px;color:var(--text);background:#fff;border:1px solid #d6ddd8;border-radius:7px;outline:none;padding:0 9px;font-size:10px}.fade-field>div{background:#fff;border:1px solid #d6ddd8;border-radius:7px;grid-template-columns:1fr 27px;align-items:center;height:38px;display:grid;overflow:hidden}.fade-field input{border:0;outline:0;width:100%;min-width:0;height:36px;padding:0 4px 0 9px;font-size:10px}.fade-field b{color:var(--muted);font-size:8px}.fade-field input:disabled{color:#a2aaa6;background:#f2f4f2}.timing-field input:focus,.transition-field select:focus,.fade-field>div:focus-within{box-shadow:inset 0 0 0 1px var(--green)}.playlist-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:28px;display:grid}.playlist-tabs>button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:11px;grid-template-columns:40px 1fr 22px;align-items:center;gap:11px;min-height:76px;padding:13px;transition:all .18s;display:grid}.playlist-tabs>button:hover{border-color:#a8baaf;transform:translateY(-1px)}.playlist-tabs>button.selected{background:#f0f6f2;border-color:#7c9e8d}.playlist-tabs>button>span{width:39px;height:39px;color:var(--green);background:#e5eee8;border-radius:9px;place-items:center;display:grid}.playlist-tabs strong,.playlist-tabs small{display:block}.playlist-tabs strong{margin-bottom:6px;font-size:12px}.playlist-tabs small{color:var(--muted);font-size:9px}.playlist-tabs i{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:21px;height:21px;display:grid}.playlist-tabs i svg{width:12px}.playlist-tabs>button.new-playlist-tile{color:var(--green);background:0 0;border-style:dashed;grid-template-columns:40px 1fr}.playlist-editor{padding-top:2px}.playlist-editor-head{justify-content:space-between;align-items:end;margin-bottom:14px;display:flex}.playlist-editor-head h3{margin:4px 0 5px;font:24px Georgia,serif}.playlist-editor-head p{color:var(--muted);margin:0;font-size:10px}.playlist-editor-actions{align-items:center;gap:8px;display:flex}.sync-audio-button{justify-content:center;margin:12px 0}.sync-audio-button svg{width:15px}.tv-audio-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.tv-audio-actions button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:40px;font-size:9px;font-weight:800;display:flex}.tv-audio-actions svg{width:14px}.tv-audio-playlists{gap:10px;margin-top:18px;display:grid}.tv-audio-card{border:1px solid var(--line);background:#fff;border-radius:10px;padding:12px}.tv-audio-card>div:first-child{justify-content:space-between;display:flex}.tv-audio-card strong{font-size:10px}.tv-audio-card small{color:var(--muted);font-size:8px}.tv-track-checks{gap:5px;max-height:120px;margin:10px 0;display:grid;overflow-y:auto}.tv-track-checks label{align-items:center;gap:7px;font-size:8px;display:flex}.tv-live-volume{grid-template-columns:auto 1fr 34px;align-items:center;gap:8px;font-size:8px;display:grid}.tv-live-volume input{width:100%}.tv-audio-card-actions{grid-template-columns:1fr 1fr;gap:7px;margin-top:10px;display:grid}.tv-audio-card-actions button{cursor:pointer;border-radius:7px;min-height:33px;font-size:8px;font-weight:800}.audio-playlist-builder{border:1px solid var(--line);background:#f7f9f7;border-radius:10px;margin-top:16px;padding:12px}.audio-playlist-builder summary,.tv-audio-card summary{cursor:pointer;justify-content:space-between;align-items:center;list-style:none;display:flex}.audio-playlist-builder>input{border:1px solid var(--line);border-radius:7px;width:100%;height:38px;margin-top:12px;padding:0 10px}.tv-audio-card summary span strong,.tv-audio-card summary span small{display:block}.tv-audio-card[open] summary{border-bottom:1px solid var(--line);padding-bottom:10px}.tv-playlist-select{gap:5px;margin:12px 0;font-size:8px;display:grid}.tv-playlist-select select{border:1px solid var(--line);background:#fff;border-radius:7px;height:38px;padding:0 9px}.playlist-page-actions{align-items:center;gap:8px;display:flex}.playlist-page-actions>button{cursor:pointer;border-radius:8px;align-items:center;gap:7px;min-height:38px;padding:0 14px;font-size:9px;font-weight:800;display:flex}.playlist-page-actions svg{width:14px}.playlist-manager-modal{width:min(620px,92vw)}.playlist-manager-list{gap:8px;max-height:48vh;margin:18px 0;display:grid;overflow-y:auto}.playlist-manager-list>div{border:1px solid var(--line);border-radius:9px;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:7px;padding:10px;display:grid}.playlist-manager-list strong,.playlist-manager-list small{display:block}.playlist-manager-list strong{font-size:10px}.playlist-manager-list small{color:var(--muted);margin-top:4px;font-size:8px}.playlist-manager-list button{cursor:pointer;border-radius:7px;min-height:32px;padding:0 10px;font-size:8px;font-weight:800}.playlist-screen-assignment{background:#f6f9f7;border:1px solid #dce5df;border-radius:10px;justify-content:space-between;align-items:center;gap:14px;margin:0 0 14px;padding:12px 14px;display:flex}.playlist-screen-assignment>div{align-items:center;gap:10px;min-width:0;display:flex}.playlist-screen-assignment svg{width:20px;color:var(--green)}.playlist-screen-assignment strong,.playlist-screen-assignment small{display:block}.playlist-screen-assignment strong{font-size:10px}.playlist-screen-assignment small{color:var(--muted);margin-top:4px;font-size:8px}.screen-apply-playlist{width:100%;min-height:38px}.danger-outline{color:#9a443b;cursor:pointer;background:#fff;border:1px solid #dfb9b4;border-radius:7px;justify-content:center;align-items:center;gap:6px;height:39px;padding:0 13px;font-size:10px;font-weight:700;display:inline-flex}.danger-outline svg{width:13px}.audio-loop{color:var(--text);align-items:center;gap:8px;font-size:9px;font-weight:700;display:flex}.audio-loop>span{color:inherit!important;text-transform:none!important;letter-spacing:0!important;margin:0!important}.audio-loop input{accent-color:var(--green)}.audio-error{font-size:8px;font-weight:700;color:#9a443b!important}.apply-all-bar{border:1px solid var(--line);background:#f7f9f7;border-radius:11px;justify-content:space-between;align-items:center;gap:18px;min-height:62px;margin-bottom:14px;padding:11px 14px;display:flex}.apply-all-bar.enabled{background:#edf5f0;border-color:#a9beb2}.apply-all-toggle{cursor:pointer;align-items:center;gap:10px;display:flex}.apply-all-toggle input{opacity:0;pointer-events:none;position:absolute}.apply-all-toggle>span{background:#c8d0cb;border-radius:20px;flex:none;width:36px;height:20px;padding:3px;transition:all .18s}.apply-all-toggle>span:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:all .18s;display:block;box-shadow:0 1px 4px #17271f30}.apply-all-toggle input:checked+span{background:var(--green)}.apply-all-toggle input:checked+span:after{transform:translate(16px)}.apply-all-toggle strong,.apply-all-toggle small{display:block}.apply-all-toggle strong{font-size:10px}.apply-all-toggle small{color:var(--muted);margin-top:4px;font-size:8px}.apply-all-controls{grid-template-columns:100px 135px 100px;align-items:end;gap:9px;display:grid}.apply-all-controls label>span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px;font-size:7px;font-weight:800;display:block}.shared-duration{background:#fff;border:1px solid #cad5ce;border-radius:7px;grid-template-columns:1fr 34px;height:35px;display:grid;overflow:hidden}.shared-duration input{border:0;outline:none;width:100%;min-width:0;padding:0 8px;font-size:10px}.shared-duration b{border-left:1px solid var(--line);color:var(--muted);place-items:center;font-size:8px;display:grid}.apply-all-controls select{background:#fff;border:1px solid #cad5ce;border-radius:7px;outline:none;width:100%;height:35px;padding:0 8px;font-size:9px}.playlist-item input:disabled,.playlist-item select:disabled{cursor:not-allowed;opacity:.55;background:#f0f2f0}.empty-playlist{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:240px;display:flex}.empty-playlist>span{width:42px;height:42px;color:var(--green);background:#e8f0eb;border-radius:10px;place-items:center;display:grid}.empty-playlist h3{margin:12px 0 4px;font:18px Georgia,serif}.empty-playlist p{color:var(--muted);margin:0 0 16px;font-size:10px}.playlist-name-field{text-align:left}.playlist-name-field label{color:var(--muted);margin-bottom:7px;font-size:9px;font-weight:700;display:block}.playlist-name-field input{border:1px solid #d3dbd6;border-radius:8px;outline:none;width:100%;height:44px;padding:0 12px;font-size:12px}.playlist-name-field input:focus{border-color:var(--green);box-shadow:0 0 0 3px #365f5214}.screen-card{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:230px minmax(150px,.7fr) minmax(275px,1fr) auto;align-items:center;gap:24px;padding:18px;display:grid}.screen-preview{background:#18221e;border-radius:5px;place-items:center;width:230px;height:auto;padding:7px;transition:all .25s;display:grid;overflow:hidden}.screen-preview.portrait{justify-self:center;width:auto;height:188px}.screen-preview>div{background:#a7c0ae;padding:21px;transition:all .25s;overflow:hidden}.screen-preview.landscape>div{aspect-ratio:16/9}.screen-preview.portrait>div{aspect-ratio:9/16}.screen-preview.scale-fit>div{width:100%;max-height:100%}.screen-preview.scale-fill>div{width:116%;height:116%}.screen-preview.scale-stretch>div{aspect-ratio:auto;width:100%;height:100%}.screen-preview.portrait b{font-size:17px}.screen-preview b{font:22px/.9 Georgia,serif}.screen-info .online,.screen-info .offline{border-radius:20px;padding:5px 8px;font-size:9px;font-weight:800}.screen-info .offline{color:#8d5147;background:#f5e6e3}.screen-info h3{margin:13px 0 7px;font:23px Georgia,serif}.screen-info p,.screen-info small{color:var(--muted);font-size:11px}.screen-info small{margin-top:10px;display:block}.screen-actions{gap:8px;display:grid}.screen-actions button{border:1px solid var(--line);min-width:105px;height:35px;color:var(--green);cursor:pointer;background:#f7f8f6;border-radius:7px;justify-content:center;align-items:center;gap:5px;font-size:10px;font-weight:700;display:flex}.screen-actions svg{width:13px}.display-settings{border-left:1px solid var(--line);gap:12px;padding-left:22px;display:grid}.display-settings>div strong{margin-top:5px;font-size:13px;display:block}.display-settings label>span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:8px;font-weight:800;display:block}.orientation-toggle{background:#eef2ef;border-radius:8px;grid-template-columns:1fr 1fr;gap:4px;padding:3px;display:grid}.orientation-toggle button{height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;font-size:9px;font-weight:700}.orientation-toggle button.selected{color:var(--green);background:#fff;box-shadow:0 2px 7px #203b3214}.display-settings select{width:100%;height:38px;color:var(--text);background:#fff;border:1px solid #d6ddd8;border-radius:7px;outline:none;padding:0 9px;font-size:10px}.display-settings>small{color:var(--muted);font-size:8px;line-height:1.5}.screen-music-card{border:1px solid var(--line);background:#fff;border-radius:14px;margin-top:18px;overflow:hidden}.audio-page-card{margin-top:0}.screen-music-card.enabled{border-color:#97b3a4}.page-hidden{display:none!important}.screen-music-head{justify-content:space-between;align-items:center;gap:20px;min-height:86px;padding:17px 20px;display:flex}.screen-music-head>div:first-child{align-items:center;gap:13px;display:flex}.screen-music-head h3{margin:4px 0;font:20px Georgia,serif}.screen-music-head p{color:var(--muted);margin:0;font-size:9px}.audio-header-icon{color:#244b3d;background:#dcebe3;border-radius:50%;place-items:center;width:42px;height:42px;font-size:23px;display:grid}.screen-music-body{border-top:1px solid var(--line);background:#f7f9f7;grid-template-columns:minmax(280px,.8fr) minmax(330px,1.2fr);gap:24px;padding:20px;display:grid}.audio-controls{align-content:start;gap:12px;display:grid}.audio-controls>small{color:var(--muted);font-size:8px;line-height:1.45}.audio-controls label>span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:8px;font-weight:800;display:block}.audio-controls label>input:not([type=checkbox]):not([type=range]){background:#fff;border:1px solid #cad5ce;border-radius:7px;outline:none;width:100%;height:40px;padding:0 10px;font-size:10px}.screen-volume>div{grid-template-columns:1fr 42px;align-items:center;gap:10px;display:grid}.screen-volume input{width:100%;accent-color:var(--green)}.screen-volume strong{font-size:10px}.audio-control-panel{gap:10px;display:grid}.audio-volume-control{border:1px solid var(--line);background:#fff;border-radius:10px;padding:11px 13px}.audio-volume-control>span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:7px;font-size:8px;font-weight:800;display:block}.audio-upload-button{width:max-content}.audio-playlist-heading{justify-content:space-between;align-items:center;padding-top:3px;display:flex}.audio-playlist-heading strong{font-size:10px}.audio-playlist-heading small{color:var(--muted);font-size:8px}.audio-track-list{gap:7px;max-height:250px;display:grid;overflow-y:auto}.audio-track-list>button{border:1px solid var(--line);width:100%;min-height:51px;color:var(--text);text-align:left;cursor:pointer;background:#fff;border-radius:9px;grid-template-columns:24px 1fr 18px;align-items:center;gap:9px;padding:8px 10px;display:grid}.audio-track-list>button.selected{background:#edf5f0;border-color:#86a795}.audio-track-list>button>span{min-width:0}.audio-track-list strong,.audio-track-list small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.audio-track-list strong{font-size:9px}.audio-track-list small{color:var(--muted);margin-top:4px;font-size:7px}.audio-track-list svg{width:16px;color:var(--green)}.audio-list-empty{color:var(--muted);text-align:center;border:1px dashed #bac6bf;border-radius:9px;padding:18px;font-size:9px}.audio-section-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.audio-section-title strong,.audio-section-title small{display:block}.audio-section-title strong{font:18px Georgia,serif}.audio-section-title small{color:var(--muted);margin-top:5px;font-size:8px}.saved-audio-playlists{gap:7px;display:grid}.saved-audio-playlist{border:1px solid var(--line);background:#fff;border-radius:9px;grid-template-columns:25px minmax(0,1fr) 28px;align-items:center;gap:9px;min-height:50px;padding:9px 10px;display:grid}.saved-audio-playlist.default{background:#edf5f0;border-color:#b7cabf;grid-template-columns:25px minmax(0,1fr)}.saved-audio-playlist>svg{width:17px;color:var(--green)}.saved-audio-playlist strong,.saved-audio-playlist small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.saved-audio-playlist strong{font-size:9px}.saved-audio-playlist small{color:var(--muted);margin-top:4px;font-size:7px}.saved-audio-playlist button{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px}.saved-audio-playlist button:hover{color:#9a443b;background:#f4e9e7}.saved-audio-playlist button svg{width:13px}.audio-library-preview{border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden}.audio-library-preview summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:0 12px;list-style:none;display:flex}.audio-library-preview summary span{font-size:9px;font-weight:800}.audio-library-preview summary small{text-overflow:ellipsis;white-space:nowrap;max-width:55%;color:var(--muted);font-size:8px;overflow:hidden}.audio-library-preview .audio-track-list{border-top:1px solid var(--line);max-height:210px;padding:8px}.tv-audio-card-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.tv-audio-card-heading span strong,.tv-audio-card-heading span small{display:block}.tv-audio-card-heading>b{min-width:38px;color:var(--green);text-align:center;background:#e9f2ed;border-radius:20px;padding:5px 7px;font-size:8px}.compact-audio-preview{color:#fff;background:#17231f;border-radius:10px;gap:10px;padding:12px;display:grid}.compact-audio-preview>span{align-items:center;gap:8px;min-width:0;display:flex}.compact-audio-preview svg{color:#78ae93;width:16px}.compact-audio-preview strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:9px;overflow:hidden}.compact-audio-preview audio{width:100%;height:36px}.premium-audio-player{color:#fff;background:radial-gradient(circle at 84% 5%,#23645f 0,#0000 34%),linear-gradient(145deg,#153b3d,#081f25 72%);border-radius:15px;align-content:center;gap:22px;min-height:300px;padding:22px;display:grid;overflow:hidden;box-shadow:0 18px 40px #0b29302c}.premium-audio-player audio{display:none}.player-now-playing{grid-template-columns:58px minmax(0,1fr) 34px;align-items:center;gap:14px;display:grid}.player-art{background:linear-gradient(135deg,#20b6a0,#f0b54f);border-radius:13px;place-items:center;width:58px;height:58px;display:grid;box-shadow:0 10px 26px #06141755}.player-art svg{width:27px}.player-now-playing>div{min-width:0}.player-now-playing small,.player-now-playing strong,.player-now-playing div>span{display:block}.player-now-playing small{color:#7ed7ca;letter-spacing:.16em;margin-bottom:6px;font-size:7px;font-weight:900}.player-now-playing strong{text-overflow:ellipsis;white-space:nowrap;font:18px Georgia,serif;overflow:hidden}.player-now-playing div>span{color:#a7bebc;margin-top:6px;font-size:8px}.player-now-playing button,.player-transport button,.player-footer button{color:#b7cecb;cursor:pointer;background:0 0;border:0}.player-now-playing button{border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.player-now-playing button:hover,.player-now-playing button.active{color:#58dcc8;background:#ffffff12}.player-now-playing button svg{width:17px}.player-progress input{accent-color:#46d3bd;cursor:pointer;width:100%;height:4px}.player-progress>div{color:#91aaa7;font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:6px;font-size:7px;display:flex}.player-transport{justify-content:center;align-items:center;gap:20px;display:flex}.player-transport button{border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.player-transport button:hover:not(:disabled){color:#fff;background:#ffffff10}.player-transport button:disabled{opacity:.35;cursor:default}.player-transport svg{width:18px}.player-transport .player-main-button{color:#12383a;background:#fff;width:56px;height:56px;box-shadow:0 10px 25px #0005}.player-transport .player-main-button:hover:not(:disabled){color:#08756d;background:#dff9f4;transform:scale(1.03)}.player-main-button svg{width:22px}.player-footer{border-top:1px solid #ffffff16;grid-template-columns:1fr minmax(150px,1.2fr);align-items:center;gap:15px;padding-top:15px;display:grid}.player-footer button{align-items:center;gap:7px;width:max-content;font-size:8px;display:flex}.player-footer button.active{color:#5ee0cc}.player-footer button svg,.player-footer label svg{width:15px}.player-footer label{color:#bdd0ce;grid-template-columns:17px 1fr 31px;align-items:center;gap:8px;display:grid}.player-footer label input{accent-color:#46d3bd;width:100%}.player-footer label span{color:#bdd0ce;font-variant-numeric:tabular-nums;font-size:7px}.track-number{color:#6d847e;text-align:center;width:22px;font-size:8px;font-weight:800}.audio-track-list>button.selected .track-number{color:#08756d}.audio-rights-confirmation{text-align:left;cursor:pointer;background:#f8faf8;border:1px solid #d8ddd9;border-radius:10px;grid-template-columns:18px 1fr;gap:10px;margin:-5px 0 16px;padding:13px;display:grid}.audio-rights-confirmation input{accent-color:#08756d;margin-top:2px}.audio-rights-confirmation strong,.audio-rights-confirmation small{display:block}.audio-rights-confirmation strong{color:var(--text);font-size:9px;line-height:1.45}.audio-rights-confirmation small{color:var(--muted);margin-top:6px;font-size:8px;line-height:1.45}.drop-zone:disabled{opacity:.58;cursor:not-allowed}.native-audio-player{color:#fff;text-align:center;background:#17231f;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:220px;padding:25px;display:flex}.native-audio-player>svg{color:#78ae93;width:36px;height:36px;margin-bottom:14px}.native-audio-player>strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font:19px Georgia,serif;overflow:hidden}.native-audio-player>small{color:#a9b8b0;margin-top:6px;font-size:8px}.native-audio-player audio{width:min(430px,100%);margin-top:22px}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#12201999;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{text-align:center;background:#fff;border-radius:17px;width:min(420px,100%);padding:31px;animation:.2s ease-out pop;position:relative;box-shadow:0 30px 80px #10221a50}@keyframes pop{0%{opacity:.7;transform:translateY(8px)}}.modal-close{cursor:pointer;background:#f2f4f2;border:0;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:17px;right:17px}.modal-close svg{width:15px}.modal-icon{width:44px;height:44px;color:var(--green);background:#e3eee7;border-radius:11px;place-items:center;margin:0 auto 15px;display:grid}.modal h2{margin:0 0 9px;font:27px Georgia,serif}.modal>p{color:var(--muted);margin:0 0 20px;font-size:12px}.danger-icon{color:#a3473e;background:#f8e9e7}.delete-playlist-modal>p strong{color:var(--text)}.confirm-actions{grid-template-columns:1fr 1fr;gap:9px;display:grid}.confirm-actions button{cursor:pointer;border-radius:8px;height:42px;font-size:10px;font-weight:800}.danger-button{color:#fff;background:#a3473e;border:1px solid #a3473e}.drop-zone{width:100%;min-height:145px;color:var(--green);cursor:pointer;background:#f6f8f5;border:1px dashed #9db1a5;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;display:flex}.drop-zone svg{width:26px;height:26px;margin-bottom:9px}.drop-zone strong{font-size:12px}.drop-zone small{color:var(--muted);margin-top:7px;font-size:9px}.cloud-option{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:9px;grid-template-columns:26px 1fr 14px;align-items:center;width:100%;height:46px;margin-top:12px;padding:0 13px;font-size:11px;font-weight:700;display:grid}.cloud-option span{color:#3973e6;font-size:17px}.cloud-option b{color:#8a958f}.storage-modal{width:min(475px,100%)}.media-picker-modal{text-align:left;flex-direction:column;width:min(1040px,100%);height:min(720px,92vh);padding:25px;display:flex}.media-picker-heading{align-items:center;gap:13px;margin-bottom:18px;padding-right:40px;display:flex}.media-picker-heading .modal-icon{margin:0}.media-picker-heading h2{margin:0 0 5px;font:24px Georgia,serif}.media-picker-heading p{color:var(--muted);margin:0;font-size:10px}.media-browser{border:1px solid var(--line);border-radius:12px;flex:1;grid-template-columns:170px minmax(340px,1fr) 220px;min-height:0;display:grid;overflow:hidden}.media-folders{border:0;border-right:1px solid var(--line);background:#f5f7f4;width:auto;padding:17px 10px;display:block;position:static}.media-folders>strong{color:#82908a;letter-spacing:1.2px;text-transform:uppercase;padding:0 9px 10px;font-size:8px;display:block}.media-folders>button{color:#64716b;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;grid-template-columns:18px 1fr 22px;align-items:center;gap:7px;width:100%;height:38px;padding:0 9px;font-size:10px;display:grid}.media-folders>button.active{color:var(--green);background:#e1ebe5;font-weight:700}.media-folders>button svg{width:15px}.media-folders>button b{color:#8b9691;text-align:right;font-size:8px}.media-browser-main{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.media-browser-tools{border-bottom:1px solid var(--line);align-items:center;gap:10px;min-height:57px;padding:10px 13px;display:flex}.media-browser-tools label{border:1px solid #d9dfdb;border-radius:7px;flex:1;align-items:center;gap:7px;height:35px;padding:0 9px;display:flex}.media-browser-tools label svg{color:#87928c;width:15px}.media-browser-tools input{border:0;outline:none;flex:1;min-width:0;font-size:10px}.media-browser-tools>button{color:var(--green);cursor:pointer;white-space:nowrap;background:0 0;border:0;font-size:9px;font-weight:700}.media-list-head{border-bottom:1px solid var(--line);color:#929c97;letter-spacing:.8px;text-transform:uppercase;grid-template-columns:1fr 60px 55px 24px;gap:9px;padding:8px 12px 7px 66px;font-size:7px;font-weight:800;display:grid}.media-list{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1 1 0;min-height:0;overflow-y:auto}.media-list>button{text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #edf0ed;grid-template-columns:42px minmax(100px,1fr) 60px 55px 24px;align-items:center;gap:9px;width:100%;min-height:61px;padding:7px 12px;display:grid}.media-list>button:hover{background:#fafcf9}.media-list>button.selected{background:#edf5f0}.media-list .media-thumb{border-radius:5px;width:42px;height:44px}.media-list .media-thumb .image-art,.media-list .media-thumb .video-art{padding:5px}.media-list .media-thumb b{font-size:7px}.media-list>button div:nth-child(2){min-width:0}.media-list strong,.media-list small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.media-list strong{font-size:9px}.media-list small{color:var(--muted);margin-top:5px;font-size:7px}.media-list>button>span{color:var(--muted);text-transform:capitalize;font-size:8px}.media-list>button>i{color:#fff;border:1px solid #cbd5cf;border-radius:5px;place-items:center;width:19px;height:19px;display:grid}.media-list>button.selected>i{background:var(--green);border-color:var(--green)}.media-list i svg{width:11px}.media-empty{color:#88948e;flex-direction:column;justify-content:center;align-items:center;min-height:220px;display:flex}.media-empty svg{margin-bottom:10px}.media-empty strong{font-size:10px}.media-empty small{margin-top:5px;font-size:8px}.selection-review{border:0;border-left:1px solid var(--line);background:#fbfcfb;flex-direction:column;width:auto;min-width:0;padding:17px 13px;display:flex;position:static}.selection-review>div:first-child strong,.selection-review>div:first-child small{display:block}.selection-review>div:first-child strong{font-size:11px}.selection-review>div:first-child small{color:var(--muted);margin-top:5px;font-size:8px}.selection-items{overscroll-behavior:contain;gap:6px;min-height:0;margin-top:13px;display:grid;overflow-y:auto}.selection-items>div{border:1px solid var(--line);background:#fff;border-radius:7px;grid-template-columns:29px 1fr 19px;align-items:center;gap:8px;padding:7px;display:grid}.selection-items>div>span{border-radius:4px;width:29px;height:32px}.selection-items p{min-width:0;margin:0}.selection-items strong,.selection-items small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.selection-items strong{font-size:8px}.selection-items small{color:var(--muted);text-transform:capitalize;margin-top:4px;font-size:7px}.selection-items button{color:#8a958f;cursor:pointer;background:0 0;border:0;padding:0}.selection-items button svg{width:12px}.selection-empty{color:var(--muted);text-align:center;padding:35px 5px;font-size:9px}.clear-selection{color:#795e59;cursor:pointer;background:0 0;border:0;margin-top:auto;font-size:8px;font-weight:700}.media-picker-footer{justify-content:space-between;align-items:center;padding-top:14px;display:flex}.media-picker-footer>div{align-items:center;gap:12px;display:flex}.media-picker-footer span{color:var(--muted);font-size:10px;font-weight:700}.provider-list{text-align:left;gap:8px;display:grid}.active-storage-notice{color:var(--green);background:#eaf2ed;border-radius:9px;align-items:center;gap:7px;margin:-7px 0 15px;padding:10px 12px;font-size:10px;display:flex}.active-storage-notice svg{width:14px}.active-storage-notice span{color:var(--muted)}.active-storage-notice strong{margin-left:auto}.provider-list>button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;grid-template-columns:36px 1fr 24px;align-items:center;gap:11px;width:100%;min-height:58px;padding:8px 12px;transition:all .18s;display:grid}.provider-list>button:disabled{opacity:.55;cursor:not-allowed}.provider-list>button:hover{background:#fafcf9;border-color:#a6b9ae}.provider-list>button.selected{background:#f0f6f2;border-color:#7f9e8f}.provider-list>button>span{background:#f1f4f2;border-radius:8px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.provider-list strong,.provider-list small{display:block}.provider-list strong{margin-bottom:5px;font-size:12px}.provider-list small{color:var(--muted);font-size:9px}.provider-list b{color:#84908a;font-weight:400}.provider-list .provider-soon{color:#6f7b79;text-transform:uppercase;background:#eef2f1;border-radius:999px;width:auto;padding:4px 6px;font-size:8px;font-weight:800}.provider-list i{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.provider-list i svg{width:13px}.dropbox-login{color:#fff;text-align:left;cursor:pointer;background:#0061ff;border:0;border-radius:9px;grid-template-columns:31px 1fr 15px;align-items:center;gap:10px;min-height:52px;margin-top:12px;padding:8px 13px;display:grid}.dropbox-login>span{color:#0061ff;background:#fff;border-radius:7px;place-items:center;width:29px;height:29px;font-weight:900;display:grid}.dropbox-login strong,.dropbox-login small{display:block}.dropbox-login strong{font-size:11px}.dropbox-login small{color:#dfe9ff;margin-top:4px;font-size:8px}.dropbox-login b{font-weight:400}.custom-storage{text-align:left;background:#f5f7f4;border-radius:10px;margin-top:12px;padding:13px}.custom-storage label{color:var(--muted);margin-bottom:7px;font-size:9px;font-weight:700;display:block}.custom-storage input{background:#fff;border:1px solid #d5ddd8;border-radius:7px;outline:none;width:100%;height:39px;padding:0 11px;font-size:11px}.custom-storage input:focus{border-color:var(--green);box-shadow:0 0 0 3px #365f5214}.custom-storage .wide{margin-top:9px}.storage-note{color:var(--muted);margin-top:14px;font-size:9px;display:block}.pair-modal form{text-align:left;margin-top:18px}.pair-modal form>label{color:#53625b;letter-spacing:.5px;text-transform:uppercase;margin-bottom:7px;font-size:9px;font-weight:800;display:block}.pair-code-input{color:#2f574a;text-align:center;letter-spacing:12px;background:#edf3ef;border:1px solid #cad8d0;border-radius:10px;outline:none;width:100%;height:67px;padding:0 14px 0 23px;font:31px Georgia,serif}.pair-code-input::placeholder{color:#9aaca2;opacity:.62}.pair-code-input:focus{border-color:var(--green);box-shadow:0 0 0 4px #365f5217}.pair-modal form>small{color:var(--muted);text-align:center;margin-top:9px;font-size:9px;display:block}.pair-error{color:#a33d32;text-align:center;margin-top:9px;font-size:9px;font-weight:700}.pair-modal .wide{margin-top:18px}.pair-modal .wide:disabled{opacity:.45;cursor:not-allowed}.wide{width:100%;margin-top:22px}.screen-pair-badge{color:#365f52;background:#eef5f1;border:1px solid #c9d9d0;border-radius:7px;align-items:center;gap:7px;width:fit-content;margin:9px 0 10px;padding:7px 9px;display:flex}.screen-pair-badge svg{width:14px}.screen-pair-badge span{font-size:8px;font-weight:700}.screen-pair-badge strong{letter-spacing:1.5px;border-left:1px solid #c4d3cb;padding-left:7px;font-size:11px}.preview-overlay{z-index:30;background:#0c110f;place-items:center;padding:48px;display:grid;position:fixed;inset:0;overflow:auto}.preview-close{color:#fff;cursor:pointer;background:#ffffff12;border:1px solid #ffffff42;border-radius:7px;align-items:center;gap:7px;height:35px;padding:0 13px;font-size:11px;display:flex;position:absolute;top:18px;right:20px}.preview-close svg{width:15px}.preview-layout{justify-items:center;gap:22px;width:min(1120px,90vw);display:grid}.preview-layout .preview-stage{width:100%}.preview-layout .preview-stage.portrait{width:min(500px,72vw)}.preview-stage{aspect-ratio:16/9;background:#111815;width:min(1120px,90vw);transition:width .25s,aspect-ratio .25s;position:relative;overflow:hidden;box-shadow:0 0 0 8px #222b27,0 25px 80px #000}.preview-stage.portrait{aspect-ratio:9/16;width:min(500px,72vw);max-height:86vh}.preview-slide{background:#a7c0ae;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.preview-slide>img{width:100%;height:100%}.preview-stage.scale-fit .preview-slide>img{object-fit:contain}.preview-stage.scale-fill .preview-slide>img{object-fit:cover}.preview-stage.scale-stretch .preview-slide>img{object-fit:fill}.transition-fade{animation:.65s ease-out slide-fade}.transition-crossfade{z-index:2;animation:.7s ease-in-out crossfade-in}.crossfade-out{z-index:1;animation:.7s ease-in-out forwards crossfade-out}.transition-slide-left{animation:.55s ease-out slide-left}.transition-slide-right{animation:.55s ease-out slide-right}.transition-zoom{animation:.7s ease-out slide-zoom}.transition-none{animation:none}@keyframes slide-fade{0%{opacity:0}}@keyframes crossfade-in{0%{opacity:0}to{opacity:1}}@keyframes crossfade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-left{0%{opacity:.4;transform:translate(10%)}}@keyframes slide-right{0%{opacity:.4;transform:translate(-10%)}}@keyframes slide-zoom{0%{opacity:.3;transform:scale(1.06)}}.preview-message{flex-direction:column;justify-content:center;padding:8%;display:flex;position:absolute;inset:0}.preview-message small{letter-spacing:.4em;font-size:clamp(10px,1.3vw,20px)}.preview-message strong{margin-top:2%;font:clamp(50px,8vw,120px)/.83 Georgia,serif}.preview-message span{color:#f1d982;font-size:clamp(60px,12vw,180px);position:absolute;top:35%;right:13%}.toast{z-index:50;color:#fff;background:#203b32;border-radius:9px;align-items:center;gap:9px;padding:13px 17px;font-size:11px;animation:.2s ease-out pop;display:flex;position:fixed;bottom:25px;right:25px;box-shadow:0 10px 35px #10221a40}.toast svg{width:16px}.team-page{gap:18px;display:grid}.team-owner-card,.team-invite,.team-list{border:1px solid var(--line);background:#fff;border-radius:15px}.team-owner-card{grid-template-columns:45px minmax(0,1fr) auto;align-items:center;gap:13px;padding:18px;display:grid}.team-avatar{width:42px;height:42px;color:var(--green);background:#e4eee8;border-radius:12px;place-items:center;font-weight:900;display:grid}.team-owner-card small,.team-owner-card strong,.team-owner-card p{margin:0;display:block}.team-owner-card small{color:var(--muted);letter-spacing:1px;font-size:8px}.team-owner-card strong{margin-top:4px;font-size:12px}.team-owner-card p{color:var(--muted);margin-top:4px;font-size:9px}.team-owner-card>b,.team-list article>b{color:var(--green);background:#e8f2ec;border-radius:999px;padding:6px 9px;font-size:8px}.team-invite{grid-template-columns:minmax(190px,1fr) minmax(220px,1.2fr) 150px auto;align-items:end;gap:12px;padding:18px;display:grid}.team-invite label{font-size:12px;font-weight:800;display:block}.team-invite p{color:var(--muted);margin:5px 0 0;font-size:9px}.team-invite input,.team-invite select{background:#fff;border:1px solid #d4ddd8;border-radius:8px;outline:none;height:41px;padding:0 12px}.team-invite input:focus,.team-invite select:focus{border-color:var(--green);box-shadow:0 0 0 3px #365f5214}.team-invite .primary{white-space:nowrap;height:41px}.workspace-setup-page{background:linear-gradient(145deg,#d8f1ea 0%,#fff8ec 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.workspace-setup-card{background:#fff;border:1px solid #d7e2dc;border-radius:20px;width:min(500px,100%);padding:42px;box-shadow:0 24px 70px #17483a18}.workspace-setup-brand{margin:0 0 42px;display:flex}.workspace-setup-card h1{margin:12px 0;font:42px/1.05 Georgia,serif}.workspace-setup-card>p{color:var(--muted);margin:0 0 26px;font-size:12px;line-height:1.7}.workspace-setup-card>label{margin-bottom:8px;font-size:11px;font-weight:800;display:block}.workspace-setup-card>input{border:1px solid #cedbd4;border-radius:9px;width:100%;height:48px;margin-bottom:16px;padding:0 13px;font-size:13px}.workspace-setup-card>.primary{width:100%;height:48px}.workspace-setup-signout{width:100%;color:var(--muted);cursor:pointer;background:0 0;border:0;margin-top:12px}.team-list{overflow:hidden}.team-list-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:17px 18px;display:flex}.team-list-head h3,.team-list-head p{margin:0}.team-list-head h3{font-size:13px}.team-list-head p,.team-list-head>span{color:var(--muted);margin-top:4px;font-size:9px}.team-list article{border-bottom:1px solid #edf0ed;grid-template-columns:42px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:13px 18px;display:grid}.team-list article:last-child{border-bottom:0}.team-list article strong,.team-list article small{display:block}.team-list article strong{font-size:11px}.team-list article small{color:var(--muted);margin-top:4px;font-size:8px}.team-list article .danger-outline{width:auto;height:33px;padding:0 11px}.team-empty{min-height:180px;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:7px;display:grid}.team-empty svg{width:30px}.team-empty strong{color:var(--text);font-size:11px}.team-empty p{margin:0;font-size:9px}@media (width<=980px){.login-page{grid-template-columns:1fr}.login-brand-panel{display:none}.login-mobile-brand{display:flex}.sidebar{width:82px;padding:25px 13px}.brand>span:last-child,nav button:not(.active):after,nav button{font-size:0}.brand{padding:0 10px 30px}.brand-mark{font-size:17px}.sidebar nav button{justify-content:center}.storage-card,.profile div,.profile svg{display:none}.profile{grid-template-columns:1fr;place-items:center}.content{margin-left:82px;padding:25px}.hero{grid-template-columns:1fr}.tv-scene{display:none}.quick-grid,.media-grid{grid-template-columns:1fr}.library-grid,.library-folders,.playlist-tabs{grid-template-columns:repeat(2,1fr)}.screen-card{grid-template-columns:230px 1fr}.display-settings{border-left:0;border-top:1px solid var(--line);grid-column:1/-1;padding:18px 0 0}}@media (width<=640px){.sidebar,.sidebar-collapsed .sidebar{border:0;border-top:1px solid var(--line);width:100%;height:67px;padding:8px 12px;inset:auto 0 0}.brand,.storage-card,.profile{display:none}.sidebar nav,.sidebar-collapsed nav{grid-template-columns:repeat(5,1fr);gap:3px;margin-top:0;display:grid}.sidebar nav button,.sidebar-collapsed nav button{flex-direction:column;gap:3px;height:50px;padding:4px;font-size:8px}.sidebar nav button span,.sidebar-collapsed nav button span{display:inline}.sidebar nav button svg{width:18px}.content,.sidebar-collapsed .content{margin:0;padding:20px 16px 90px}header{height:76px}header .primary{width:42px;padding:0;font-size:0}.hero-copy{padding:32px 25px}.hero-copy h2{font-size:30px}.library-grid{grid-template-columns:1fr}.screen-strip{grid-template-columns:1fr auto}.screen-strip>div:nth-child(2){display:none}.page-intro{align-items:start;gap:12px}.playlist-page-actions{flex-wrap:wrap;justify-content:flex-end}.playlist-manager-list>div{grid-template-columns:minmax(0,1fr) auto}.playlist-manager-list>div>button{grid-row:2}.screen-card{grid-template-columns:1fr}.screen-actions{grid-template-columns:1fr 1fr}.playlist-tabs{grid-template-columns:1fr}.playlist-editor-head{align-items:start;gap:12px}.playlist-editor-actions{grid-template-columns:repeat(3,auto);display:grid}.playlist-editor-actions .outline{width:auto}.apply-all-bar{flex-direction:column;align-items:stretch}.apply-all-controls{grid-template-columns:1fr 1fr 1fr}.playlist-columns{display:none}.playlist-item{grid-template-columns:24px 58px minmax(0,1fr) 28px;gap:9px;padding:12px}.playlist-item .order{display:none}.playlist-item .media-thumb{height:48px}.playlist-file{grid-column:3}.timing-field,.transition-field,.fade-field{grid-column:2/4}.timing-field>span,.transition-field>span,.fade-field>span{color:var(--muted);margin-bottom:5px;font-size:8px;font-weight:700;display:block}.playlist-item>button{grid-area:1/4}.media-picker-modal{height:min(760px,94vh);padding:18px}.media-browser{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.media-folders{border-right:0;border-bottom:1px solid var(--line);padding:8px;display:flex;overflow-x:auto}.media-folders>strong{display:none}.media-folders>button{min-width:115px}.selection-review{display:none}.media-list-head{padding-left:61px}.preview-overlay{padding:20px}}@media (width<=760px){.premium-audio-player{min-height:280px;padding:17px}.player-now-playing{grid-template-columns:50px minmax(0,1fr) 32px}.player-art{width:50px;height:50px}.player-footer{grid-template-columns:1fr}.player-footer label{max-width:260px}}@media (width<=640px){.screen-music-head{flex-direction:column;align-items:flex-start}.screen-music-body{grid-template-columns:1fr;padding:15px}.preview-layout{width:94vw}}@media (width<=1280px) and (width>=981px){.content{padding-inline:32px}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.screen-card{grid-template-columns:210px minmax(150px,1fr) minmax(260px,1.2fr)}.screen-preview{width:210px}.screen-actions{grid-column:2/-1;grid-template-columns:repeat(2,minmax(110px,160px));justify-content:end}.playlist-item{grid-template-columns:18px 30px 82px minmax(100px,1fr) 95px 120px 90px 26px;gap:8px;padding-inline:12px}.playlist-columns{grid-template-columns:minmax(200px,1fr) 95px 120px 90px 26px;gap:8px;padding-left:163px}}@media (width<=760px){body{overflow-x:hidden}.content{width:100%;min-width:0}.page-intro,.playlist-editor-head{flex-direction:column;align-items:stretch}.page-intro>button{align-self:flex-start}.playlist-editor-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.playlist-editor-actions>button{width:100%;min-width:0}.screen-card{gap:18px}.screen-preview{justify-self:center;max-width:100%}.screen-info{text-align:center}.display-settings,.screen-actions{width:100%}.screen-actions button{min-width:0}.media-grid article{grid-template-columns:95px minmax(0,1fr) 28px}.media-grid .media-thumb{width:95px}.modal-backdrop{padding:12px}.modal{max-height:94vh;padding:26px 20px;overflow-y:auto}.media-picker-modal{overflow:hidden}.media-picker-heading{margin-bottom:12px}.media-picker-footer{gap:10px}.media-picker-footer>div{gap:8px}.media-list-head{grid-template-columns:1fr 24px;padding-left:66px}.media-list-head span:nth-child(2),.media-list-head span:nth-child(3){display:none}.media-list>button{grid-template-columns:42px minmax(0,1fr) 24px}.media-list>button>span{display:none}.preview-close{top:10px;right:10px}.preview-stage{max-height:82vh}}@media (width<=480px){.content{padding:16px 12px 86px}header{height:68px}header h1{font-size:24px}.hero-copy{padding:27px 20px}.hero-copy h2{font-size:27px}.quick-grid{gap:8px}.quick-grid>button{min-height:72px;padding:12px}.page-intro h2{font-size:27px}.library-folders{grid-template-columns:1fr 1fr;gap:7px}.playlist-tabs{gap:8px}.playlist-tabs>button{min-height:68px}.playlist-editor-actions{gap:6px}.playlist-editor-actions button{padding-inline:8px;font-size:9px}.apply-all-controls{grid-template-columns:1fr}.playlist-item{grid-template-columns:48px minmax(0,1fr) 28px}.playlist-item .drag,.playlist-item .order{display:none}.playlist-item .media-thumb{grid-column:1;width:48px}.playlist-file{grid-column:2}.playlist-item>button{grid-column:3}.timing-field,.transition-field,.fade-field{grid-column:1/-1}.media-picker-modal{border-radius:12px;height:96vh;padding:14px 12px}.media-picker-heading .modal-icon{display:none}.media-picker-heading h2{font-size:20px}.media-folders>button{min-width:104px}.media-browser-tools{padding-inline:9px}.media-picker-footer>div>span{display:none}.media-picker-footer .primary{padding-inline:10px}.provider-list>button{padding-inline:9px}.screen-preview{width:min(230px,78vw)}.screen-preview.portrait{width:auto;max-height:178px}.confirm-actions{grid-template-columns:1fr}.toast{justify-content:center;bottom:78px;left:12px;right:12px}.login-form-panel{padding:24px 18px}.login-mobile-brand{margin-bottom:36px}.demo-credentials{grid-template-columns:1fr}.demo-credentials strong{grid-column:1}}@media (width<=1280px) and (width>=981px){.library-grid.view-small{grid-template-columns:repeat(5,minmax(0,1fr))}.library-grid.view-list{grid-template-columns:1fr}}@media (width<=980px){.library-grid.view-small{grid-template-columns:repeat(4,minmax(0,1fr))}.library-grid.view-list{grid-template-columns:1fr}}@media (width<=640px){.library-toolbar{flex-direction:column;align-items:stretch}.library-view-toggle{width:100%}.library-view-toggle button{flex:1;justify-content:center}.library-grid.view-small{grid-template-columns:repeat(2,minmax(0,1fr))}.library-grid.view-list{grid-template-columns:1fr}.library-grid.view-list article{grid-template-columns:92px minmax(0,1fr)}}@media (width<=420px){.library-view-toggle button span{display:none}}.screen-selector-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:20px 0;display:grid}.screen-selector-grid>button{text-align:left;color:#243c34;background:#fff;border:1px solid #dfe7e2;border-radius:14px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:14px;display:grid}.screen-selector-grid>button.selected{border-color:#356455;box-shadow:0 0 0 2px #d9e9e1}.screen-selector-grid svg{width:24px}.screen-selector-grid span{gap:3px;display:grid}.screen-selector-grid small{color:#75847e;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.screen-selector-grid b{color:#61736c;letter-spacing:.08em;font-size:12px}.screen-name-input{color:#213a32;font:inherit;background:0 0;border:1px solid #0000;border-radius:8px;width:100%;margin:4px -6px;padding:4px 6px;font-size:25px;font-weight:700}.screen-name-input:focus{background:#fff;border-color:#a9c3b8;outline:none}.multi-screen-assignment{flex-direction:column;align-items:stretch;gap:14px}.assignment-title{align-items:center;gap:12px;display:flex}.assignment-title>svg{width:25px}.assignment-title span{gap:3px;display:grid}.assignment-screen-list{grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:9px;width:100%;display:grid}.assignment-screen-list>button{color:#29463c;text-align:left;background:#fff;border:1px solid #d9e3de;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:11px 13px;display:flex}.assignment-screen-list>button span{gap:2px;display:grid}.assignment-screen-list>button small{color:#74847e}.assignment-screen-list>button b{color:#356455}.assignment-screen-list>button.assigned{background:#eaf3ee;border-color:#90b5a5}.screens-empty{text-align:center;background:#fff;border:1px dashed #b8cac2;border-radius:18px;align-content:center;place-items:center;gap:10px;min-height:300px;padding:30px;display:grid}.screens-empty>svg{color:#517568;width:42px}.screens-empty h3,.screens-empty p{margin:0}.screens-empty p{color:#70817a;max-width:480px}@media (width<=640px){.screen-selector-grid,.assignment-screen-list{grid-template-columns:1fr}.team-invite{grid-template-columns:1fr;align-items:stretch}.team-owner-card{grid-template-columns:42px 1fr}.team-owner-card>b{grid-column:2;width:fit-content}.team-list article{grid-template-columns:42px 1fr}.team-list article>b,.team-list article>button{grid-column:2;width:fit-content}}:root{--ink:#172c31;--muted:#68797d;--green:#087f75;--mint:#d9f1eb;--cream:#fff8ed;--line:#dfe8e6;--coral:#f06449;--gold:#efb63f;--navy:#11333a;--sky:#3f8fcf}body{background:linear-gradient(135deg,#f8faf9 0%,#f3f8f7 54%,#fff8ef 100%)}.sidebar{color:#fff;background:linear-gradient(#12383e 0%,#102f35 60%,#0c292f 100%);border-right:0;box-shadow:10px 0 34px #133d4320}.brand-mark{background:linear-gradient(135deg,#18a797,#0a716a);box-shadow:0 8px 20px #031c1e45,inset 0 1px #ffffff38}.sidebar-toggle{color:#d6ebe7;background:#ffffff0d;border-color:#ffffff24}.sidebar-toggle:hover{background:#ffffff18}.sidebar nav button{color:#b9d1cf}.sidebar nav button:hover{color:#fff;background:#ffffff0b}.sidebar nav button.active{color:#fff;background:linear-gradient(90deg,#19a79530,#38b6a414);box-shadow:inset 3px 0 #49d1bd}.sidebar nav button.active svg{color:#62dac7}.storage-card{background:linear-gradient(145deg,#ffffff12,#ffffff08);border:1px solid #ffffff17}.storage-icon{color:#63dfc9;background:#5ee1c61c}.storage-card>small,.storage-card p{color:#a9c5c2}.storage-card button{color:#6be2cc}.meter{background:#ffffff17}.meter i{background:linear-gradient(90deg,#4cd7bd,#efb63f)}.profile{border-top-color:#ffffff1a}.profile>span{color:#fff;background:linear-gradient(135deg,#ff8367,#e8523b)}.profile strong{color:#fff}.profile small{color:#9fbbb8}.profile svg{color:#adc4c1}.content{max-width:1540px}.eyebrow{color:#07877a;letter-spacing:1.7px;font-weight:900}.primary{background:linear-gradient(135deg,#f36b4f,#df4f38);transition:transform .18s,box-shadow .18s;box-shadow:0 8px 20px #e75d4130}.primary:hover{background:linear-gradient(135deg,#fa7659,#db4933);box-shadow:0 11px 25px #dd52383c}.outline{color:#08756c;background:#f8fffd;border-color:#bdd8d3}.hero{color:#fff;background:linear-gradient(125deg,#0d746d 0%,#0a8d80 58%,#42a89b 100%);min-height:285px;box-shadow:0 20px 48px #08776d24}.hero:before{content:"";background:#f3b63f2b;border-radius:50%;width:220px;height:220px;position:absolute;top:-95px;right:31%}.hero:after{content:"";background:#ff74564a;border-radius:44px;width:180px;height:180px;position:absolute;bottom:-105px;right:7%;transform:rotate(24deg)}.hero-copy p{color:#d7efeb}.hero-copy .eyebrow{color:#b7f1e6}.hero-copy button{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff15;border-color:#ffffff52}.hero-copy button:hover{background:#ffffff24}.tv-scene{z-index:1}.quick-grid>button,.media-grid article,.library-grid article,.screen-card,.screen-music-card,.team-owner-card,.team-invite,.team-list{box-shadow:0 10px 28px #183f4010}.quick-grid>button:hover{border-color:#78bdb3;box-shadow:0 14px 30px #0b71681b}.quick-grid>button>span{color:#087f75;background:#dcf4ef}.quick-grid>button:nth-child(2)>span{color:#d98516;background:#fff0dc}.quick-grid>button:nth-child(3)>span{color:#e75a41;background:#ffebe6}.section-title button,.library-toolbar button.selected{color:#087f75}.library-folders>button.selected,.playlist-tabs>button.selected{background:linear-gradient(135deg,#e8f7f3,#f4fbf9);border-color:#58aa9e;box-shadow:0 7px 18px #0b776a12}.library-folders>button:nth-child(2)>svg{color:#dc8b1e}.library-folders>button:nth-child(3)>svg{color:#e85f48}.library-folders>button:nth-child(4)>svg{color:#3f8fcf}.playlist-tabs>button>span{background:#daf2ed}.playlist-tabs>button:nth-child(2n)>span{color:#d88618;background:#fff0dc}.playlist-tabs i{background:linear-gradient(135deg,#18a696,#08756d)}.apply-all-bar.enabled,.saved-audio-playlist.default,.audio-track-list>button.selected{background:#e8f7f3;border-color:#6db4a8}.screen-preview>div,.preview-slide{background:linear-gradient(135deg,#9edccc,#f5c66e)}.screen-info .online{color:#087559;background:#d9f5e8}.audio-header-icon,.modal-icon,.team-avatar{color:#08756d;background:linear-gradient(135deg,#d9f3ed,#e8f8f4)}.native-audio-player,.compact-audio-preview{background:linear-gradient(145deg,#123a40,#0b272d)}.native-audio-player>svg,.compact-audio-preview svg{color:#55d8c0}.login-brand-panel{background:linear-gradient(145deg,#d8f1ea 0%,#f7e9cc 100%)}.login-brand>span,.login-mobile-brand>span{background:linear-gradient(135deg,#18a797,#08756d);box-shadow:0 8px 20px #08756d28}.login-tv>div{background:linear-gradient(135deg,#70c8b4,#f1c05f)}.login-form>input:focus,.team-invite input:focus,.playlist-name-field input:focus{border-color:#22a393;box-shadow:0 0 0 3px #19a7961b}.toast{background:linear-gradient(135deg,#123d42,#08756d);border:1px solid #ffffff1d}@media (width<=640px){.sidebar,.sidebar-collapsed .sidebar{background:linear-gradient(90deg,#102f35,#123c42);border-top:0;box-shadow:0 -8px 28px #102f3528}}.operations-page{gap:18px;display:grid}.operations-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.operations-stats article{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:12px;min-height:82px;padding:16px;display:flex;box-shadow:0 10px 28px #183f4010}.operations-stats article.alert{background:#fff3ef;border-color:#ef806d}.operations-stats strong{color:#183238;font:23px Georgia,serif;display:block}.operations-stats small{color:var(--muted);margin-top:3px;display:block}.ops-stat-icon,.ops-list-icon{color:#08756d;background:#dcf4ef;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.ops-stat-icon svg,.ops-list-icon svg{width:17px}.ops-stat-icon.amber{color:#c87d13;background:#fff0d8}.ops-stat-icon.coral{color:#d94f39;background:#ffe8e2}.ops-stat-icon.online{color:#087559;background:#d9f5e8}.operations-layout{grid-template-columns:minmax(0,1.65fr) minmax(280px,.7fr);align-items:start;gap:18px;display:grid}.operations-layout.lower{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-panel{border:1px solid var(--line);background:#fff;border-radius:14px;min-width:0;padding:20px;box-shadow:0 10px 28px #183f4010}.ops-panel-head{justify-content:space-between;align-items:start;gap:16px;margin-bottom:15px;display:flex}.ops-panel-head h3{color:#183238;margin:4px 0 0;font:20px Georgia,serif}.ops-panel-head p{color:var(--muted);margin:5px 0 0}.ops-panel-head>small{color:var(--muted);text-align:right}.ops-empty{color:var(--muted);text-align:center;padding:22px}.health-table{overflow-x:auto}.health-row{color:#44595c;border-top:1px solid #e6efed;grid-template-columns:1.35fr .7fr 1.25fr .65fr 1.2fr;align-items:center;gap:12px;min-width:700px;padding:11px 8px;display:grid}.health-row>span:first-child{grid-template-columns:10px 1fr;align-items:center;column-gap:8px;display:grid}.health-row>span:first-child small{color:var(--muted);grid-column:2}.health-head{color:var(--muted);border-top:0;font-weight:800}.health-head>span:first-child{display:block}.health-dot{background:#b7c2c2;border-radius:50%;width:8px;height:8px}.health-dot.online{background:#24b37f;box-shadow:0 0 0 4px #24b37f19}.status-pill,.campaign-status{color:#667574;text-transform:capitalize;background:#edf1f0;border-radius:999px;width:fit-content;padding:5px 8px;font-size:9px;display:inline-flex}.status-pill.online,.campaign-status.live-now,.campaign-status.active{color:#087559;background:#daf5e8}.campaign-status.scheduled{color:#236da6;background:#e2f0ff}.campaign-status.paused,.campaign-status.outside-play-window{color:#a5660e;background:#fff0d8}.campaign-status.expired{color:#926057;background:#f2e8e6}.ops-form{gap:11px;display:grid}.ops-form label,.campaign-form label{color:#516361;gap:5px;font-weight:800;display:grid}.ops-form input,.ops-form select,.campaign-form input,.campaign-form select{color:#183238;background:#fff;border:1px solid #cbdad7;border-radius:8px;width:100%;min-height:38px;padding:8px 10px}.ops-form fieldset{border:1px solid #dce7e5;border-radius:9px;padding:10px}.ops-form legend{color:var(--muted);padding:0 5px}.ops-check-list{gap:7px;max-height:140px;display:grid;overflow-y:auto}.ops-check-list label{align-items:center;gap:7px;font-weight:600;display:flex}.ops-check-list input{width:14px;min-height:14px}.ops-card-list{gap:8px;margin-top:14px;display:grid}.ops-card-list article{background:#f4f8f7;border-radius:10px;align-items:center;gap:10px;padding:9px;display:flex}.ops-card-list article>div{flex:1}.ops-card-list strong,.ops-card-list small{display:block}.ops-card-list small{color:var(--muted);margin-top:2px}.ops-card-list button{color:#9d5b50;background:0 0;border:0;border-radius:7px;width:30px;height:30px}.ops-card-list button svg{width:14px}.campaigns-panel{overflow:hidden}.campaign-form{background:#f3f8f7;border-radius:11px;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px;padding:14px;display:grid}.campaign-form .primary{align-self:end;min-height:38px}.campaign-table{overflow-x:auto}.campaign-row{border-top:1px solid #e6efed;grid-template-columns:1.45fr 1.15fr .9fr .8fr .72fr;align-items:center;gap:12px;min-width:850px;padding:12px 8px;display:grid}.campaign-row>span{min-width:0}.campaign-row strong,.campaign-row small{display:block}.campaign-row small{color:var(--muted);margin-top:3px}.campaign-head{color:var(--muted);border-top:0;font-weight:800}.campaign-actions{justify-content:flex-end;display:flex}.campaign-actions button{min-width:70px;padding:7px 10px}.campaign-days{border:1px solid #d5e3e0;border-radius:9px;grid-column:span 3;align-items:center;gap:6px;padding:7px 10px;display:flex}.campaign-days legend{color:#516361;padding:0 5px;font-weight:800}.campaign-days label{background:#fff;border-radius:6px;grid-template-columns:none;align-items:center;gap:4px;padding:4px 6px;font-weight:700;display:inline-flex}.campaign-days input{width:13px;min-height:13px;padding:0}.emergency-panel{background:linear-gradient(145deg,#fff 0%,#fff8f6 100%);border-color:#f1c5bd}.emergency-panel.active{border-color:#e55d46;box-shadow:0 0 0 3px #e55d4614}.emergency-form{grid-template-columns:1fr 1fr}.emergency-form label:first-child,.emergency-form button{grid-column:1/-1}.danger-button{color:#fff;background:linear-gradient(135deg,#ee684f,#d84b35);border:0;border-radius:8px;min-height:38px;padding:8px 12px;font-weight:900}.active-emergency{background:#ffebe6;border-radius:11px;align-items:center;gap:12px;padding:15px;display:flex}.active-emergency>span{color:#fff;background:#df513a;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.active-emergency>div{flex:1}.active-emergency strong,.active-emergency small{display:block}.active-emergency small{color:#8d5e57;margin-top:3px}.audit-list{max-height:330px;display:grid;overflow-y:auto}.audit-list article{border-top:1px solid #e6efed;grid-template-columns:10px 1fr;gap:9px;padding:10px 4px;display:grid}.audit-list article:first-child{border-top:0}.audit-dot{background:#17a494;border-radius:50%;width:8px;height:8px;margin-top:4px;box-shadow:0 0 0 4px #17a49414}.audit-list strong,.audit-list small{display:block}.audit-list small{color:var(--muted);margin-top:3px}.system-errors-panel{grid-column:1/-1}.system-error-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:330px;display:grid;overflow-y:auto}.system-error-list article{background:#fff8f6;border:1px solid #f0d8d3;border-radius:9px;grid-template-columns:28px 1fr;gap:9px;min-width:0;padding:11px;display:grid}.system-error-list article>span{color:#fff;background:#f06449;border-radius:50%;place-items:center;width:25px;height:25px;font-weight:900;display:grid}.system-error-list strong,.system-error-list small{overflow-wrap:anywhere;display:block}.system-error-list small{color:var(--muted);margin-top:3px}@media (width<=980px){.operations-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.operations-layout,.operations-layout.lower,.system-error-list{grid-template-columns:1fr}.campaign-form{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-days{flex-wrap:wrap;grid-column:1/-1}}@media (width<=640px){.operations-stats{grid-template-columns:1fr}.ops-panel{padding:15px}.ops-panel-head{display:block}.ops-panel-head>small{text-align:left;margin-top:5px;display:block}.campaign-form,.emergency-form{grid-template-columns:1fr}.campaign-days,.emergency-form label:first-child,.emergency-form button{grid-column:auto}.active-emergency{flex-wrap:wrap;align-items:flex-start}.active-emergency .danger-button{width:100%}}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}