.notice{position:fixed;right:30px;top:130px;width:350px;overflow:hidden;z-index:5000;border-radius:12px;box-shadow:var(--shadow-popover)}.notice,.notice-heading{background-color:var(--ink)}.notice-heading{color:#fff;padding:15px 45px;font-weight:700;position:relative}.notice-icon svg{left:15px}.notice-close,.notice-icon svg{position:absolute;top:50%;transform:translateY(-50%)}.notice-close{cursor:pointer;right:15px}.notice-close svg{width:15px;height:15px;display:block}.notice-content{padding:15px;color:#fff;background-color:var(--ink)}.notice .button-notice{margin-top:10px;background:none;border-color:hsla(0,0%,100%,.4);color:#fff}.notice .button-notice:hover:not(:disabled){background-color:hsla(0,0%,100%,.12)}.notice-error .notice-content,.notice-error .notice-heading{background-color:var(--status-offline)}.notice-spinner{display:inline-block;width:14px;height:14px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:notice-spin .8s linear infinite}.notice-icon-spinning{position:absolute;left:15px;top:50%;transform:translateY(-50%)}@keyframes notice-spin{to{transform:rotate(1turn)}}.notice-progress-step{margin-top:8px;padding-top:8px;border-top:1px solid hsla(0,0%,100%,.15);font-size:13px;color:hsla(0,0%,100%,.7);font-style:italic}.notice-enter-active,.notice-leave-active{transition:transform .3s}.notice-enter-from,.notice-leave-to{transform:translateX(calc(100% + 30px))}.notice-enter-to,.notice-leave-from{transform:translateX(0)}button.button-primary.green{background-color:var(--success);border-color:var(--success)}.button-primary[data-v-f3dd8226]{background-color:var(--ink);border-color:var(--ink);color:#fff}.button-primary[data-v-f3dd8226]:hover:not(:disabled){background-color:var(--ink-hover);border-color:var(--ink-hover)}.button-secondary[data-v-693a2e42]{background:none;color:var(--ink);border:1px solid var(--border-strong)}.button-secondary[data-v-693a2e42]:hover:not(:disabled){background-color:var(--surface-muted)}.button-secondary.red[data-v-693a2e42]{border-color:var(--error);color:var(--error)}.button-secondary.red[data-v-693a2e42]:disabled,.button-secondary[data-v-693a2e42]:disabled{border-color:var(--disabled-grey);color:var(--disabled-grey);cursor:not-allowed}.modal-background[data-v-196f1f84]{background-color:var(--overlay)}.modal-background[data-v-196f1f84],.modal-outer-wrapper[data-v-196f1f84]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000}.modal-wrapper[data-v-196f1f84]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--surface);border-radius:var(--radius-modal);padding:28px;z-index:10500;min-width:380px;max-width:calc(100% - 40px);max-height:90vh;overflow-y:auto}.modal-header[data-v-196f1f84]{padding-right:30px;margin-bottom:18px}.modal-header h1[data-v-196f1f84]{font-size:22px;font-weight:800;letter-spacing:-.5px;margin:0}.modal-header[data-v-196f1f84] svg{position:absolute;right:20px;top:26px;width:20px;height:20px;color:var(--text-muted);cursor:pointer}.fade-enter-active[data-v-196f1f84],.fade-leave-active[data-v-196f1f84]{transition:opacity .2s}.fade-enter-from[data-v-196f1f84],.fade-leave-to[data-v-196f1f84]{opacity:0}.confirmation-buttons[data-v-7f00c3cc]{display:flex;gap:10px}.confirmation-buttons[data-v-7f00c3cc] .button{flex:1}.library-right-click-box[data-v-4786576a]{position:fixed;background-color:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-popover);padding:6px;min-width:160px;top:0;left:0;z-index:50005}.library-right-click-box-background[data-v-4786576a]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:50000}.library-right-click-box-action[data-v-4786576a]{cursor:pointer;font-size:13.5px;font-weight:600;padding:9px 12px;border-radius:8px;transition:background-color .15s ease}.library-right-click-box-action[data-v-4786576a]:hover:not(.disabled){background-color:var(--surface-muted)}.library-right-click-box-action.disabled[data-v-4786576a]{cursor:not-allowed;color:var(--disabled-grey)}.onboarding-overlay[data-v-1da3c7e8]{position:fixed;inset:0;background:transparent;z-index:9999}.onboarding-overlay--dark[data-v-1da3c7e8]{background:rgba(0,0,0,.5)}.onboarding-highlight[data-v-1da3c7e8]{position:fixed;border:3px solid var(--ink);border-radius:6px;box-shadow:0 0 0 9999px rgba(0,0,0,.5);z-index:10000;pointer-events:none;transition:all .2s}.onboarding-bubble[data-v-1da3c7e8]{position:fixed;max-width:320px;background:#fff;color:#222;border-radius:8px;padding:16px;z-index:10001;box-shadow:0 4px 16px rgba(0,0,0,.3)}.onboarding-text[data-v-1da3c7e8]{margin:0 0 12px}.onboarding-actions[data-v-1da3c7e8]{display:flex;gap:8px;justify-content:flex-end}.imp-banner[data-v-c3a2f00c]{display:flex;align-items:center;gap:12px;background:#b45309;color:#fff;padding:8px 16px;font-size:14px}.imp-banner-icon[data-v-c3a2f00c]{font-size:16px}.imp-banner-text[data-v-c3a2f00c]{flex:0 0 auto}.imp-banner-time[data-v-c3a2f00c]{font-variant-numeric:tabular-nums;font-weight:700;margin-left:auto;background:rgba(0,0,0,.2);padding:2px 8px;border-radius:4px}.imp-banner-btn[data-v-c3a2f00c]{background:#fff;color:#b45309;border:none;border-radius:4px;padding:5px 12px;font-size:13px;font-weight:600;cursor:pointer}.imp-banner-btn[data-v-c3a2f00c]:hover{opacity:.9}.grace-banner{background:var(--surface-soft);border-bottom:1px solid var(--border-strong);padding:10px 20px;display:flex;align-items:center;gap:16px;font-size:14px;color:var(--ink)}.grace-banner-btn{background:var(--ink);color:#fff;border:none;border-radius:var(--radius-lg);padding:6px 14px;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap}.grace-banner-btn:disabled{opacity:.6;cursor:not-allowed}.grace-banner-btn:hover:not(:disabled){opacity:.85}:root{--ink:#0a0a0a;--ink-hover:#262626;--text-secondary:#525252;--text-muted:#737373;--text-faint:#a3a3a3;--border:#ececec;--border-strong:#dcdcdc;--row-line:#f2f2f2;--surface:#fff;--surface-subtle:#fafafa;--surface-muted:#f5f5f5;--surface-soft:#f7f7f7;--overlay:hsla(0,0%,4%,.45);--status-online:#16a34a;--status-offline:#dc2626;--radius-xs:6px;--radius-sm:8px;--radius-md:10px;--radius-lg:11px;--radius-xl:14px;--radius-2xl:16px;--radius-3xl:18px;--radius-modal:20px;--shadow-popover:0 8px 30px rgba(0,0,0,.1);--shadow-segment:0 1px 3px rgba(0,0,0,.08);--font:"Archivo",system-ui,sans-serif;--success:var(--status-online);--error:var(--status-offline);--warning:var(--text-muted);--info:var(--text-secondary);--disabled-grey:var(--text-faint)}body{-webkit-font-smoothing:antialiased}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}#app,body,html{width:100%;height:100%;padding:0;margin:0;color:var(--ink)}*{font-family:var(--font);box-sizing:border-box}h1,h2,h3,h4,h5,h6,ol,p,ul{margin-top:20px;margin-bottom:20px}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child,ol:first-child,p:first-child,ul:first-child{margin-top:0}h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child,ol:last-child,p:last-child,ul:last-child{margin-bottom:0}.button,.input,.input-wrapper label,.text-size,body,ol,p,ul{font-size:18px}h1{font-weight:900;font-size:clamp(30px,4.5vw,40px);letter-spacing:-1.5px;color:var(--ink)}h1,h2{line-height:normal}h2{font-weight:700;font-size:20px}a{color:var(--ink);text-decoration:underline}body{background-color:var(--surface-muted)}.app-shell{display:flex;height:100vh}.app-sidebar{width:250px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);padding:22px 16px;overflow-y:auto;display:flex;flex-direction:column}.sidebar-logo{display:flex;align-items:center;gap:10px;padding:0 4px 22px}.sidebar-logo-tile{width:32px;height:32px;flex-shrink:0;background:var(--ink);border-radius:9px;display:flex;align-items:center;justify-content:center}.sidebar-logo-tile svg{width:18px;height:18px;display:block}.sidebar-logo-tile svg circle,.sidebar-logo-tile svg path,.sidebar-logo-tile svg polygon,.sidebar-logo-tile svg rect{fill:#fff}.sidebar-logo-word{font-size:16px;font-weight:900;letter-spacing:-.4px;color:var(--ink)}.sidebar-nav{display:flex;flex-direction:column;gap:2px}.sidebar-nav-item{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;color:var(--text-secondary);text-decoration:none;padding:10px 12px;border-radius:var(--radius-md)}.sidebar-nav-item:hover{background:var(--surface-muted)}.sidebar-nav-item.router-link-active{font-weight:700;background:#f2f2f2;color:var(--ink)}.sidebar-nav-item-root.router-link-active:not(.router-link-exact-active){font-weight:500;background:transparent;color:var(--text-secondary)}.sidebar-nav-icon{width:18px;height:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.sidebar-nav-icon svg{width:18px;height:18px;display:block}.sidebar-footer{margin-top:auto;position:relative}.sidebar-user{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;display:flex;align-items:center;gap:10px;background:none;border:none;padding:10px 8px;border-radius:var(--radius-md);cursor:pointer;text-align:left}.sidebar-user:hover{background:var(--surface-muted)}.sidebar-avatar{width:34px;height:34px;flex-shrink:0;border-radius:50%;background:var(--ink);color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:none;cursor:pointer}.sidebar-user-meta{display:flex;flex-direction:column;min-width:0;flex:1}.sidebar-user-name{font-size:13.5px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:12px;color:var(--text-muted)}.sidebar-user-chevron{width:14px;height:14px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.sidebar-user-chevron svg{width:14px;height:14px;display:block}.app-content{flex:1;min-width:0;display:flex;flex-direction:column;overflow-y:auto;padding:18px clamp(16px,4vw,40px) 56px}.drawer-overlay{position:fixed;inset:0;background:var(--overlay);z-index:1500}.app-sidebar.drawer{position:fixed;left:0;top:0;height:100%;width:280px;max-width:85vw;z-index:1501}@media (max-width:900px){.app-content{padding:12px clamp(16px,4vw,40px) 40px}.sidebar-nav-item{padding:12px}}.topbar-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0;padding:10px 0 20px 0}.topbar-row .page-head{min-width:0}.topbar-row .wrapper-header-title-wrapper{padding:0}.app-topbar{display:flex;justify-content:flex-end;align-items:center;gap:12px;flex-shrink:0}@media (max-width:900px){.topbar-row{flex-wrap:wrap;row-gap:10px}.topbar-row .app-topbar{order:1;width:100%}.topbar-row .page-head{order:2;width:100%}}.topbar-mobile-brand{display:flex;align-items:center;gap:10px;margin-right:auto}.topbar-hamburger-btn{width:42px;height:42px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;color:var(--ink)}.topbar-hamburger-btn svg{width:20px;height:20px;display:block}.topbar-mobile-wordmark{font-size:16px;font-weight:900;letter-spacing:-.4px;color:var(--ink)}.topbar-new-content{position:relative}.topbar-new-content-btn{display:inline-flex;align-items:center;gap:8px}.topbar-new-content-chevron{width:12px;height:12px;display:flex;align-items:center;justify-content:center}.topbar-new-content-chevron svg{width:12px;height:12px;display:block}.topbar-new-content-popover{min-width:220px}.topbar-avatar{position:relative}.topbar-avatar-btn{width:42px;height:42px;font-size:13px}.profile-popover{position:absolute;right:0;top:calc(100% + 8px);background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-popover);padding:6px;min-width:220px;z-index:1000}.sidebar-footer .profile-popover{top:auto;bottom:calc(100% + 8px);left:0;right:auto}.profile-popover-email{font-size:12px;color:var(--text-muted);padding:9px 12px}.popover-item{display:block;width:100%;text-align:left;background:none;border:none;font:inherit;font-size:13.5px;font-weight:600;padding:9px 12px;border-radius:8px;cursor:pointer;color:var(--ink)}.popover-item:hover{background:var(--surface-muted)}.popover-item.muted{color:var(--text-muted)}.popover-sep{height:1px;background:var(--border);margin:4px 0}.page-head{padding:0;flex-grow:0;flex-shrink:0}.scroll-wrapper{width:100%;overflow:auto;background-color:#fff;display:flex;flex-direction:column;justify-content:stretch;flex-grow:1}.scroll-wrapper-inner{width:100%;overflow:hidden;padding:30px;flex-grow:1;flex-shrink:0;position:relative;z-index:5}.library-button-wrapper{display:flex;gap:20px}.library-header{justify-content:space-between;margin-top:8px;gap:20px}.library-header,.library-path-wrapper{display:flex;align-items:center;flex-wrap:wrap}.library-path-wrapper{gap:8px;flex-grow:1;font-size:13px;font-weight:700;min-width:0}.library-path-wrapper svg{display:block;width:12px;height:auto;color:var(--text-faint);flex-shrink:0}.library-path-part svg{width:16px;color:var(--ink)}.library-path-part{cursor:pointer;display:inline-flex;align-items:center;color:var(--text-secondary);border-radius:var(--radius-sm);padding:4px 6px;margin:-4px -6px;transition:background-color .15s ease,color .15s ease;white-space:nowrap}.library-path-part:hover{background:var(--surface-muted);color:var(--ink)}.library-path-part:last-child{font-weight:700;color:var(--ink)}.library-view-settings-wrapper{display:flex;gap:10px;align-items:center;flex-shrink:0}.library-content-wrapper{margin-top:20px}.library-tile-view-wrapper{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.library-tile{cursor:pointer;border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;background:var(--surface);transition:border-color .15s ease}.library-tile:hover{border-color:var(--ink)}.library-tile-meta svg{height:12px;color:var(--text-muted);width:auto;display:block;flex-shrink:0}.library-tile-meta{display:flex;gap:6px;align-items:center;font-size:11.5px;color:var(--text-muted);margin-top:4px}.library-tile-title{font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-tile-text{padding:12px 14px;display:flex;justify-content:stretch;align-items:flex-start}.library-tile-infos{flex-grow:1;min-width:0}.library-list-edit svg,.library-tile-edit svg{display:block;width:25px;height:auto;padding:5px;margin-right:-5px;margin-top:-5px;color:var(--text-muted)}.library-tile-preview{background-color:var(--surface-muted);background-size:cover;background-repeat:no-repeat;background-position:50%;padding-bottom:62.5%;position:relative}.library-tile-preview svg{color:var(--text-faint);width:34px;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.library-tile[data-content-type=folder],.library-tile[data-content-type=group]{padding:16px}.library-tile[data-content-type=folder] .library-tile-preview,.library-tile[data-content-type=group] .library-tile-preview{padding-bottom:0;background-color:transparent!important;position:static;margin-bottom:10px}.library-tile[data-content-type=folder] .library-tile-preview svg,.library-tile[data-content-type=group] .library-tile-preview svg{position:static;transform:none;color:var(--ink);width:22px;height:22px;display:block}.library-tile[data-content-type=folder] .library-tile-text,.library-tile[data-content-type=group] .library-tile-text{padding:0}.library-tile[data-content-type=folder] .library-tile-title,.library-tile[data-content-type=group] .library-tile-title{font-size:13.5px}.library-tile[data-content-type=folder]:hover,.library-tile[data-content-type=group]:hover{border-color:var(--border-strong);background-color:var(--surface-subtle)}.library-list-table{width:100%}.library-list-table .table-line{padding:13px 4px;border-bottom:1px solid var(--row-line);font-size:13.5px;display:flex;transition:background-color .15s ease}.library-list-table .library-line{cursor:pointer;border-radius:var(--radius-md)}.library-list-table .library-line:hover{background-color:var(--surface-subtle)}.library-list-table .table-cell{display:flex;align-items:center;gap:10px;cursor:pointer}.library-list-table .table-heading{font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border)}.library-list-table th{text-align:left;padding-top:0}.library-list-table .table-cell:first-child{width:calc(100% - 400px)}.library-list-table .table-cell:nth-child(2){width:350px;color:var(--text-muted)}.library-list-table .table-cell:nth-child(3){width:50px;justify-content:flex-end}.library-list-preview{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background-color:var(--surface-muted);border-radius:var(--radius-sm);background-size:cover;background-repeat:no-repeat;background-position:50%;flex-shrink:0}.library-list-preview svg{width:18px;height:auto;display:block;color:var(--text-faint)}.library-tile.selected{border-color:var(--ink);background-color:var(--surface-subtle)}.library-tile.dragging{opacity:.4}.library-tile.drag-over{border-color:var(--ink)}.library-line.selected,.library-tile.drag-over{background-color:var(--surface-subtle)}.library-line.dragging{opacity:.4}.library-line.drag-over{background-color:var(--surface-subtle)}.library-path-part.drag-over{background-color:var(--surface-muted);border-radius:var(--radius-sm)}.drag-preview-multi{display:flex;align-items:center;justify-content:center;background-color:var(--surface-muted);color:var(--ink);font-size:20px;font-weight:700;letter-spacing:2px}.drag-ghost-wrapper{position:fixed;top:-1000px;left:-1000px;padding-top:17px;padding-left:6px;pointer-events:none;z-index:9999}.drag-preview{width:60px;height:35px;-o-object-fit:contain;object-fit:contain}.table-heading svg{display:block;width:12px}.wrapper-header-title-wrapper{padding:14px 0 10px}.wrapper-header-title{display:flex;gap:10px;align-items:center;justify-content:flex-start}.wrapper-header-title h1{margin:0}.wrapper-header-title a,.wrapper-header-title svg{display:block;color:var(--ink)}a.breadcrumb{color:var(--text-muted);text-decoration:none;font-size:13px;font-weight:700}.button{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1px solid var(--ink);background-color:var(--ink);color:#fff;height:44px;padding:13px 18px;font-weight:700;font-size:14px;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;text-align:center;align-items:center;justify-content:center;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.button:hover:not(:disabled):not(.disabled){background-color:var(--ink-hover);border-color:var(--ink-hover)}.button.full-width{width:100%;max-width:400px}.button:not(.button-secondary).disabled,.button:not(.button-secondary):disabled{background-color:var(--disabled-grey);border-color:var(--disabled-grey);cursor:not-allowed}.table-wrapper:not(:first-child){margin-top:30px}.card,.table-card{border:1px solid var(--border);border-radius:var(--radius-2xl);background:var(--surface)}.table-card{overflow-x:auto}.table-inner-wrapper table{width:100%;border-collapse:collapse;border-spacing:0}.table-inner-wrapper th{text-align:left}.table-inner-wrapper td,.table-inner-wrapper th{border-bottom:1px solid var(--row-line);padding:13px 20px}.table-inner-wrapper td:first-child,.table-inner-wrapper th:first-child{padding-left:20px}.data-table thead th{background:var(--surface-subtle);font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--text-muted)}.data-table tbody tr{cursor:pointer;transition:background-color .15s ease}.data-table tbody tr:hover{background-color:var(--surface-subtle)}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody td{font-size:13.5px}.table-buttons{overflow:hidden}.table-buttons:not(:empty){margin-top:10px;padding-bottom:30px}.table-buttons-left{float:left;display:flex;gap:5px}.table-buttons-right{float:right;display:flex;gap:5px}.table-buttons-right-text{margin-right:10px;font-weight:700;font-size:14px}.button-pagination{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1px solid var(--border-strong);background-color:var(--surface);color:var(--ink);font-size:14px;padding:7px 11px;border-radius:var(--radius-md);cursor:pointer;height:36px;min-width:36px;font-weight:700;transition:background-color .15s ease,border-color .15s ease}.button-pagination:hover:not(.disabled):not(.current){background-color:var(--surface-muted)}.button-pagination:last-child{margin-right:0}.button-pagination.disabled{cursor:default;color:var(--disabled-grey);background-color:var(--surface-muted);border-color:var(--border)}.button-pagination.current{background-color:var(--ink);border-color:var(--ink);color:#fff}.button-table{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:none;border:none;cursor:pointer;padding:0;vertical-align:middle}.button-table:not(:last-child){margin-right:15px}.button-table svg{display:block;color:var(--text-muted);width:20px}td.button-col{padding:0;text-align:right}.table-sorting-indicator{color:var(--disabled-grey)}.table-sorting-indicator.active{color:var(--ink)}.table-sorting-indicator.asc svg{transform:translateY(-50%) rotate(180deg)}.table-sorting-indicator svg{position:absolute;right:0;top:50%;transform:translateY(-50%)}.table-header-wrapper{display:inline-block;position:relative;padding-right:22px;cursor:pointer}.table-header-wrapper.unsortable{cursor:default}.loading-container{display:flex;flex-direction:column;gap:15px}.loading{flex-grow:1}.dummy.loading{height:15px;border-radius:5px}.skeleton{position:relative;background-color:var(--color-grey-on-grey-foreground);overflow:hidden}.skeleton:after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background-image:linear-gradient(90deg,hsla(0,0%,78%,0),hsla(0,0%,78%,.2) 20%,hsla(0,0%,78%,.5) 60%,hsla(0,0%,78%,0));animation:shimmer 1.5s infinite;content:""}@keyframes shimmer{to{transform:translateX(100%)}}.split-header{display:flex;align-items:center;justify-content:space-between}.split-header:not(:last-child){margin-bottom:30px}.split-header-left,.split-header-right{display:flex;gap:10px;align-items:center}.input-wrapper:last-child,.split-header .input-wrapper{margin-bottom:0!important}.playlist-contents{border:1px solid var(--border);border-radius:var(--radius-2xl);background:var(--surface);overflow:hidden}.playlist-entry.dragging{opacity:.4}.playlist-entry.drag-over{outline:2px dashed var(--ink);outline-offset:-2px}.input-wrapper,.select-wrapper{width:400px;max-width:100%;position:relative;margin-bottom:20px;min-width:0;display:flex;flex-direction:column}.input-wrapper label{order:-1;position:static;margin-bottom:6px;font-size:12px;font-weight:700;color:var(--text-secondary);cursor:text;pointer-events:none;transition:color .15s ease}.input,.input-wrapper label{height:auto;line-height:normal}.input{display:block;width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:11px 14px;outline:none;z-index:3;border:1px solid var(--border-strong);background:var(--surface);box-sizing:border-box;border-radius:var(--radius-md);color:var(--ink);font-weight:500;font-size:14px;transition:border-color .15s ease}.input:focus{border-color:var(--ink);outline:none}.input-wrapper.invalid .input{border-color:var(--error)}.input-wrapper.invalid label{color:var(--error)!important}.input-select{line-height:normal;padding-right:36px}.select-wrapper .select-arrow svg{display:block;position:absolute;width:16px;height:16px;top:calc(50% + 3px);transform:translateY(-50%);right:14px;color:var(--text-secondary);pointer-events:none}.input-wrapper.invalid .input-select,.input-wrapper.invalid .select-arrow svg{color:var(--error)}.input-textarea{min-height:350px;min-width:400px;max-width:100%;line-height:normal;padding-top:11px;background-color:var(--surface)}.input:disabled{color:var(--disabled-grey);background-color:var(--surface-muted);border-color:var(--border);cursor:not-allowed}.tab-bar{display:flex;align-items:stretch;justify-content:flex-start;gap:4px;border-bottom:1px solid var(--border)}.tab-bar-link{padding:10px 4px;margin:0 16px;text-decoration:none;font-size:13.5px;font-weight:500;color:var(--text-secondary);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s ease,border-color .15s ease}.tab-bar-link:first-child{margin-left:0}.tab-bar-link:hover{color:var(--ink)}.router-link-exact-active.tab-bar-link{font-weight:700;color:var(--ink);border-bottom-color:var(--ink)}.logs-wrapper{display:flex;flex-direction:column;gap:14px}.log-entry{display:flex;gap:20px;justify-content:stretch;align-items:flex-start;font-size:13.5px;padding-bottom:14px;border-bottom:1px solid var(--row-line)}.log-entry>div{flex-shrink:1;flex-grow:0;width:20%}.log-action span{cursor:pointer;font-style:italic;color:var(--text-muted)}.log-entry-heading{font-weight:700;font-size:11px;letter-spacing:.8px;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border)}.generator-sidebar-wrapper{width:300px;height:100%;background-color:var(--surface-muted);position:absolute;top:0;right:0;padding:30px}.preview-iframe-container{transform-origin:top left}.preview-iframe{width:100%;height:100%;border:none;background-color:#fff}.preview-iframe-container-din-landscape{width:3508px;height:2480px;transform:scale(calc(var(--container-width)/3508))}.preview-iframe-container-din-portrait{width:2480px;height:3508px;transform:scale(calc(var(--container-width)/2480))}.preview-iframe-container-screen-landscape{width:4409px;height:2480px;transform:scale(calc(var(--container-width)/4409))}.preview-iframe-container-screen-portrait{width:2480px;height:4409px;transform:scale(calc(var(--container-width)/2480))}.preview-iframe-container-outer{--container-width:240;width:calc(var(--container-width)*1px);overflow:hidden}.preview-iframe-container-outer-din-landscape{aspect-ratio:3508/2480}.preview-iframe-container-outer-din-portrait{aspect-ratio:2480/3508}.preview-iframe-container-outer-screen-landscape{aspect-ratio:4409/2480}.preview-iframe-container-outer-screen-portrait{aspect-ratio:2480/4409}.preview-iframe-line-wrapper{display:flex;gap:30px;align-items:center}.preview-iframe-container-outer-screen-portrait.result-page{--container-width:180}.preview-iframe-container-outer-din-portrait.result-page{--container-width:240}.preview-iframe-container-outer-screen-landscape.result-page{--container-width:570}.preview-iframe-container-outer-din-landscape.result-page{--container-width:480}.releaseRequest-button-wrapper{display:flex;gap:20px;align-items:center;justify-content:center;margin-top:30px;flex-wrap:wrap}.playlist-contents{margin-top:30px;margin-bottom:30px}.file-selector-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:20px}.file-selector-tab{padding:10px 16px;cursor:pointer;font-size:13.5px;font-weight:600;color:var(--text-muted);border-bottom:2px solid transparent;transition:color .15s ease,border-color .15s ease}.file-selector-tab:hover{color:var(--ink)}.file-selector-tab.active{color:var(--ink);font-weight:700;border-bottom-color:var(--ink)}.status-dot{display:inline-block;width:14px;height:14px;border-radius:50%;vertical-align:middle}.status-dot-online{background-color:var(--status-online)}.status-dot-offline{background-color:var(--status-offline)}.vue-advanced-cropper{border-radius:var(--radius-lg);overflow:hidden}.vue-simple-line,.vue-simple-line--hover{border-color:var(--ink)}.vue-simple-handler{background:var(--ink);border-radius:var(--radius-xs)}