:root{--bg-dark: #050608;--bg-dark-soft: #0b0f14;--surface: #f4f5f7;--card: #fbfbfc;--text: #1a1d22;--text-strong: #0f1115;--muted: #6d7380;--border: #d7dae1;--accent: #98a2b3;--accent-strong: #4e7a97;--danger: #cb3d3d;--danger-soft: #fff7f5;--shadow: 0 18px 46px rgba(11, 16, 25, .12);--radius: 30px;--radius-sm: 16px}*{box-sizing:border-box}body.editor-body{margin:0;min-height:100vh;font-family:Segoe UI,Helvetica Neue,Arial Nova,Arial,sans-serif;color:var(--text);background:var(--surface)}.hidden{display:none!important}.error{margin:16px 0 0;padding:10px 14px;background:#fbe9e5;border:1px solid rgba(231,53,8,.25);border-radius:12px;color:var(--danger);text-align:center;font-weight:500;line-height:1.4;font-size:.92rem}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(320px,1fr) minmax(420px,1fr)}.hero-panel{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;padding:clamp(32px,6vw,92px);color:#f4f6fb;background:radial-gradient(130% 85% at 50% 120%,rgba(116,122,141,.32),transparent 60%),radial-gradient(95% 65% at -15% 0%,rgba(255,255,255,.07),transparent 70%),linear-gradient(135deg,#040507,#030508 58%,#0a0d13);overflow:hidden}.hero-panel:before,.hero-panel:after{content:"";position:absolute;pointer-events:none;border-radius:999px;mix-blend-mode:screen;opacity:.7}.hero-panel:before{width:90vmin;height:90vmin;right:-48vmin;top:-30vmin;background:radial-gradient(circle at 30% 50%,rgba(255,255,255,.28),rgba(255,255,255,.04) 45%,transparent 70%);transform:rotate(-12deg)}.hero-panel:after{width:78vmin;height:78vmin;left:-40vmin;bottom:-28vmin;background:radial-gradient(circle at 70% 50%,rgba(255,255,255,.2),transparent 62%);transform:rotate(25deg)}.hero-glow{position:absolute;border-radius:999px;filter:blur(2px);opacity:.55;pointer-events:none}.hero-glow-one{width:64vmin;height:11vmin;right:-18vmin;top:18%;transform:rotate(-35deg);background:linear-gradient(90deg,#fff0,#ffffff6b,#fff0)}.hero-glow-two{width:60vmin;height:10vmin;left:-14vmin;bottom:19%;transform:rotate(24deg);background:linear-gradient(90deg,#fff0,#ffffff61,#fff0)}.hero-content{position:relative;z-index:1;max-width:510px}.hero-kicker{margin:0;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:600}.hero-content h1{margin:16px 0 20px;font-size:clamp(2rem,3vw,3.2rem);line-height:1.1;letter-spacing:0;color:#fbfcff}.hero-content p{margin:0;line-height:1.6;color:#f5f6fbd1;font-size:clamp(1rem,1.1vw,1.1rem)}.hero-details{margin-top:20px;color:#eef0f7b8}.auth-panel{display:flex;align-items:center;justify-content:center;padding:clamp(20px,4.2vw,70px);background:var(--surface)}.auth-card{width:100%;max-width:520px;border-radius:var(--radius);border:1px solid rgba(23,28,38,.09);background:var(--card);box-shadow:var(--shadow);padding:clamp(26px,3vw,40px)}.auth-card-header{text-align:center;margin-bottom:24px}.logo-mark{margin:0 auto;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:999px;border:1px solid var(--border);color:var(--text-strong);font-size:1rem;font-weight:700}.auth-card-header h1,.auth-card-header h2{margin:12px 0 0;font-size:clamp(1.45rem,2.1vw,1.92rem);line-height:1.2;letter-spacing:0;color:var(--text-strong)}.panel-title{margin:0;text-align:center;font-size:1.06rem;color:var(--text-strong)}.panel-description,.auth-gate-message{margin:9px 0 0;text-align:center;color:var(--muted);line-height:1.45}.primary-button,.secondary-button,.primary-btn,.secondary-btn{min-height:44px;border-radius:999px;font-size:.96rem;line-height:1.1;cursor:pointer;font-weight:600;font-family:inherit}.primary-button,.primary-btn{display:inline-flex;align-items:center;justify-content:center;padding:0 22px;border:0;background:linear-gradient(90deg,#12161d,#20252e 60%,#151920);color:#fff;text-decoration:none;transition:background .15s,opacity .15s,transform .05s}.primary-button:hover:not(:disabled),.primary-btn:hover:not(:disabled){background:linear-gradient(90deg,#1b2028,#2c333d 60%,#1f252d)}.primary-button:active:not(:disabled),.primary-btn:active:not(:disabled){transform:scale(.99)}.secondary-button,.secondary-btn{display:inline-flex;align-items:center;justify-content:center;padding:0 22px;background:transparent;border:1px solid var(--border);color:var(--text);text-decoration:none;transition:background .15s,border-color .15s}.secondary-button:hover:not(:disabled),.secondary-btn:hover:not(:disabled){background:#f2f4f8}.danger-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border:1px solid rgba(203,61,61,.6);border-radius:999px;background:var(--danger-soft);color:var(--danger);font-family:inherit;font-size:.96rem;font-weight:700;line-height:1.1;cursor:pointer;transition:background .15s,border-color .15s,opacity .15s}.danger-btn:hover:not(:disabled){background:#fbe9e5;border-color:#cb3d3dd9}.primary-button:disabled,.secondary-button:disabled,.primary-btn:disabled,.secondary-btn:disabled,.danger-btn:disabled{opacity:.45;cursor:not-allowed}.auth-gate-card{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.auth-gate-card .primary-btn{margin-top:6px}.auth-gate-details{width:100%;margin:4px 0;padding:14px 16px;border:1px solid rgba(148,163,184,.25);border-radius:12px;background:#0f172a59;display:grid;grid-template-columns:auto 1fr;gap:6px 14px;text-align:left}.auth-gate-details dt{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:#94a3b8e6;align-self:center}.auth-gate-details dd{margin:0;font-weight:600;word-break:break-word}.library-body{display:block}.library-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--surface)}.library-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px clamp(16px,3vw,40px);border-bottom:1px solid #e7eef3;background:#fff}.library-brand{display:inline-flex;align-items:center;gap:16px;min-width:0;color:var(--text-strong);text-decoration:none}.brand-mark{display:block;width:16px;height:16px;flex:0 0 auto;color:var(--text-strong)}.brand-title{font-size:1.125rem;font-weight:700;line-height:1.25;letter-spacing:-.015em;white-space:nowrap;color:var(--text-strong)}.library-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px;min-width:0}.library-nav{display:flex;align-items:center;gap:clamp(22px,4vw,36px)}.library-nav-link{color:var(--accent-strong);text-decoration:none;font-size:.92rem;font-weight:600;line-height:1;transition:color .15s ease}.library-nav-link:hover,.library-nav-link.is-active{color:var(--text-strong)}.library-user-menu,.library-mobile-menu{position:relative}.library-user-button,.library-menu-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;border-radius:999px;background:#e7eef3;color:var(--text-strong);cursor:pointer;font-family:inherit;font-weight:700}.library-user-button:hover,.library-menu-button:hover{background:#d0dee7}.library-menu-button span,.library-menu-button span:before,.library-menu-button span:after{display:block;width:18px;height:1.5px;border-radius:999px;background:currentColor;content:""}.library-menu-button span{position:relative}.library-menu-button span:before,.library-menu-button span:after{position:absolute;left:0}.library-menu-button span:before{top:-6px}.library-menu-button span:after{top:6px}.library-user-dropdown,.library-mobile-dropdown{position:absolute;right:0;top:calc(100% + 12px);z-index:30;width:280px;padding:12px;border:1px solid #d0dee7;border-radius:10px;background:#fff;box-shadow:0 16px 40px #0b101924}.library-user-email{padding:8px 10px 10px;color:var(--accent-strong);font-size:.86rem;line-height:1.35;overflow-wrap:anywhere}.library-user-logout,.library-mobile-link{display:flex;width:100%;align-items:center;min-height:38px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--text-strong);text-decoration:none;font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer}.library-user-logout{color:#e73508}.library-user-logout:hover{background:#fbe9e5}.library-mobile-link:hover,.library-mobile-link.is-active{background:#e7eef3}.library-main{flex:1 1 auto}.library-mobile-menu{display:none}.media-library-body{display:block}.app-tabs{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 clamp(16px,3vw,32px);background:var(--card);border-bottom:1px solid var(--border)}.app-tabs-left{display:flex;gap:4px}.app-tab{position:relative;display:inline-flex;align-items:center;padding:15px 18px;color:var(--muted);text-decoration:none;font-weight:600;font-size:.95rem;border-bottom:2px solid transparent;transition:color .15s ease,border-color .15s ease}.app-tab:before{content:"";width:7px;height:7px;margin-right:9px;border-radius:999px;border:1px solid currentColor;opacity:.65}.app-tab:hover{color:var(--text-strong)}.app-tab.is-active{color:var(--text-strong);border-bottom-color:var(--text-strong)}.app-tab.is-active:before{background:currentColor;opacity:1}.app-userbar{display:flex;align-items:center;gap:12px}.app-user-email{color:var(--muted);font-size:.85rem;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-logout-btn{min-height:34px;padding:0 14px;font-size:.85rem}.media-library-shell{max-width:1180px;margin:0 auto;padding:clamp(24px,3.5vw,48px)}.media-library-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.media-library-header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.media-library-header-actions .export-status{font-size:.85rem;color:var(--muted)}.media-library-header h1{margin:0;font-size:clamp(1.6rem,2.4vw,2.1rem);letter-spacing:0;color:var(--text-strong)}.media-library-subtitle{margin:6px 0 0;color:var(--muted);font-size:.92rem;line-height:1.45}.empty-state{color:var(--muted);text-align:center;padding:1.5rem 0 0}.media-drop-zone{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 18px;padding:16px 18px;border:1.5px dashed #c3c8d2;border-radius:var(--radius-sm);background:#ffffff8c;color:var(--text);transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.media-drop-zone.is-drag-over{border-color:var(--accent-strong);background:#fff;box-shadow:0 8px 24px #4e7a971f}.media-drop-title{color:var(--text-strong);font-size:.95rem;font-weight:700}.media-drop-subtitle{color:var(--muted);font-size:.84rem;text-align:right}.media-filter-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.media-tab{padding:8px 16px;border-radius:999px;border:1px solid var(--border);background:#fff;color:var(--text);font-family:inherit;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.media-tab:hover{border-color:var(--accent-strong)}.media-tab.is-active{background:linear-gradient(90deg,#12161d,#20252e 60%,#151920);border-color:transparent;color:#fff}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.media-card{display:flex;flex-direction:column;min-height:100%;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);overflow:hidden;box-shadow:0 6px 18px #0b10190f}.media-card-thumb{height:150px;display:flex;align-items:center;justify-content:center;background:#eef0f4;overflow:hidden}.media-card-thumb img{width:100%;height:100%;object-fit:cover;display:block}.media-card-body{padding:12px 14px 4px;display:flex;flex-direction:column;gap:7px;flex:1 1 auto}.instruction-card .media-card-body{padding-top:18px}.media-card-name{margin:0;font-weight:600;color:var(--text-strong);font-size:.95rem;overflow-wrap:anywhere}.media-badge{align-self:flex-start;padding:2px 10px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.02em;color:#fff}.media-badge-0{background:#2f6fb0}.media-badge-1{background:#b88325}.media-badge-2{background:#3a8f5c}.media-badge-x{background:#9aa1ad}.users-table-wrap{border:1px solid #d0dee7;border-radius:12px;background:#fff;overflow-x:auto}.users-table{width:100%;border-collapse:collapse;font-size:.875rem}.users-table thead th{text-align:left;padding:10px 16px;font-size:.78rem;font-weight:600;color:#4e7a97;background:#f8fafc;white-space:nowrap}.users-table tbody td{height:56px;padding:8px 16px;vertical-align:middle;border-top:1px solid #d0dee7;color:#4e7a97}.users-table tbody tr:hover{background:#f8fafc}.users-table-name{display:block;font-weight:500;color:#0e161b}.users-table-email{display:block;font-size:.8rem;color:#4e7a97}.users-table select{min-width:170px;height:36px;padding:0 10px;border:1px solid #d0dee7;border-radius:8px;background:#fff;color:#0e161b;font-size:.875rem;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.users-table select:focus{outline:none;border-color:#1993e5;box-shadow:0 0 0 3px #1993e533}.users-table select:disabled{opacity:.6;cursor:default}.users-table-muted{color:#4e7a97;font-size:.85rem}.perm-pill-list{display:flex;flex-wrap:wrap;gap:6px}.perm-pill{padding:3px 10px;border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:.01em;color:#0e161b;background:#e7eef3}.media-card-id{margin:0;color:var(--muted);font-size:.68rem;font-family:ui-monospace,Cascadia Mono,Menlo,monospace;overflow-wrap:anywhere}.media-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 14px}.media-card-btn{min-height:34px;border-radius:999px;font-family:inherit;font-size:.82rem;font-weight:700;cursor:pointer}.media-card-delete{border:1px solid rgba(203,61,61,.45);background:var(--danger-soft);color:var(--danger)}.media-card-delete:hover:not(:disabled){background:#fbe9e5;border-color:#cb3d3dc7}.media-card-btn:disabled{opacity:.48;cursor:not-allowed}.media-modal-backdrop.hidden{display:none}.media-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#080c128c;display:flex;align-items:flex-start;justify-content:center;padding:5vh 16px;overflow-y:auto;z-index:50}.media-modal{width:100%;max-width:560px;background:var(--card);border-radius:var(--radius-sm);box-shadow:var(--shadow);border:1px solid var(--border)}.media-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border)}.media-modal-header h2{margin:0;font-size:1.15rem;color:var(--text-strong)}.media-modal-close{background:transparent;border:0;font-size:1.6rem;line-height:1;color:var(--muted);cursor:pointer;padding:0 6px}.media-modal-close:hover{color:var(--text-strong)}.media-form{padding:18px 22px 22px;display:flex;flex-direction:column;gap:14px}.media-confirm{padding:18px 22px 22px}.media-confirm p{margin:0 0 18px;color:var(--text);line-height:1.45}.media-form-field{display:flex;flex-direction:column;gap:6px}.media-form-field>label,.media-form-group legend{font-size:.74rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:700}.media-form input,.media-form select{padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:#fff;color:var(--text-strong);font-family:inherit;font-size:.94rem;outline:none;transition:border-color .15s,box-shadow .15s}.media-form input:focus,.media-form select:focus{border-color:var(--accent-strong);box-shadow:0 0 0 3px #4e7a972e}.media-form input:disabled,.media-form select:disabled{background:var(--surface);color:var(--muted);border-color:var(--border);cursor:not-allowed;opacity:.7}.media-form-group{border:1px solid var(--border);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:10px}.media-vec-row{display:grid;grid-template-columns:70px 1fr 1fr 1fr;gap:8px;align-items:center}.media-vec-label{font-size:.8rem;color:var(--text);font-weight:600}.media-form-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.media-form-grid2 label{display:flex;flex-direction:column;gap:6px;font-size:.8rem;color:var(--text);font-weight:600}.media-form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}@media (max-width: 1024px){.auth-shell{grid-template-columns:1fr}.hero-panel{display:none}.auth-panel{min-height:100vh;padding:24px 16px}.auth-card{border-radius:24px}}@media (max-width: 640px){.library-header{min-height:58px;padding:0 14px}.brand-title{font-size:.98rem}.library-nav{display:none}.library-mobile-menu{display:block}.library-user-dropdown{width:min(280px,calc(100vw - 28px))}.library-mobile-dropdown{width:220px}.app-tabs{align-items:stretch;flex-direction:column;gap:8px;padding-top:10px;padding-bottom:10px}.app-tabs-left{width:100%}.app-tab{flex:1;justify-content:center;padding:10px 12px}.app-userbar{justify-content:space-between}.app-user-email{max-width:180px}.media-library-header{align-items:stretch;flex-direction:column}.media-library-header .primary-btn{width:100%}.media-library-header-actions{align-items:stretch;flex-direction:column}.media-drop-zone{align-items:flex-start;flex-direction:column}.media-drop-subtitle{text-align:left}.media-card-actions,.media-form-actions{grid-template-columns:1fr;flex-direction:column}.media-vec-row{grid-template-columns:60px 1fr 1fr 1fr}}@media (max-width: 560px){.auth-panel{padding:16px 12px}.auth-card{padding:22px 16px;border-radius:20px}}.org-selector{position:relative}.org-selector-btn{display:flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);color:var(--text);font-size:.85rem;font-weight:500;cursor:pointer;max-width:180px;white-space:nowrap}.org-selector-btn:hover{border-color:var(--accent-strong);color:var(--accent-strong)}.org-selector-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.org-selector-caret{flex-shrink:0;font-size:.7rem;opacity:.6}.org-selector-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:180px;max-width:260px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);list-style:none;margin:0;padding:4px 0;z-index:200}.org-selector-option{display:flex;align-items:center;gap:8px;padding:8px 14px;font-size:.875rem;cursor:pointer;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-selector-option:hover{background:var(--surface)}.org-selector-option.selected{color:var(--accent-strong);font-weight:600}.org-selector-check{flex-shrink:0;color:var(--accent-strong)}.org-card-selected{outline:2px solid var(--accent-strong);outline-offset:2px}.org-check{color:var(--accent-strong);font-weight:700}