:root{--paper: #F1F1D5;--paper2: #EAEAC8;--paper3: #E2E2BC;--ink: #21201D;--ink2: #3A3935;--ink3: #55544E;--ink4: #7A7972;--ink5: #9C9B93;--rule: rgba(33, 32, 29, .12);--rule2: rgba(33, 32, 29, .06);--orange: #FD4F37;--orange-light: rgba(253, 79, 55, .1);--orange-mid: rgba(253, 79, 55, .18);--orange-deep: #E03A22;--teal: var(--orange);--teal-light: var(--orange-light);--teal-mid: var(--orange-mid);--lime: #B7F71C;--lime-light: rgba(183, 247, 28, .15);--lime-mid: rgba(183, 247, 28, .28);--lime-ink: #5A7A0E;--indigo: #631CEC;--indigo-light: rgba(99, 28, 236, .1);--indigo-mid: rgba(99, 28, 236, .2);--pink: #FF8FD4;--pink-light: rgba(255, 143, 212, .16);--rose: #C83333;--rose-light: rgba(200, 51, 51, .1);--amber: var(--orange);--amber-light: var(--orange-light);--sans: "Unbounded", system-ui, -apple-system, sans-serif;--serif: "Unbounded", system-ui, sans-serif;--display: "Unbounded", system-ui, sans-serif;--mono: "Oswald", "IBM Plex Mono", ui-monospace, monospace;--text-xs: 10px;--text-sm: 11px;--text-base: 12px;--text-md: 13px;--text-lg: 14px;--text-xl: 16px;--text-2xl: 22px;--text-3xl: 26px;--text-4xl: 36px;--text-display: 52px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 48px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-xl: 14px;--radius-2xl: 18px;--radius-pill: 999px;--shadow-sm: 0 1px 3px rgba(33, 32, 29, .08);--shadow-md: 0 2px 12px rgba(33, 32, 29, .1);--shadow-lg: 0 8px 40px rgba(33, 32, 29, .14), 0 2px 8px rgba(33, 32, 29, .06);--shadow-xl: 0 24px 60px rgba(33, 32, 29, .22);--ease-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.3, .64, 1);--dur-fast: .12s;--dur-base: .15s;--dur-slow: .25s;--focus-ring: 0 0 0 2px var(--paper), 0 0 0 4px var(--orange);--wireframe: repeating-linear-gradient( 45deg, transparent 0, transparent 18px, rgba(33, 32, 29, .05) 18px, rgba(33, 32, 29, .05) 19px ), repeating-linear-gradient( -45deg, transparent 0, transparent 18px, rgba(33, 32, 29, .04) 18px, rgba(33, 32, 29, .04) 19px )}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--sans);background:var(--paper);color:var(--ink);font-size:var(--text-md);line-height:1.5;-webkit-font-smoothing:antialiased}:focus{outline:none}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}button:focus-visible,[role=button]:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{box-shadow:var(--focus-ring)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-thumb{background:var(--paper3);border-radius:3px}::-webkit-scrollbar-track{background:transparent}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes modalIn{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes starIn{0%{transform:scale(0);opacity:0}60%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes waveBar{0%{height:8px}to{height:28px}}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.topbar{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-5);border-bottom:1px solid var(--rule);background:var(--paper);position:sticky;top:0;z-index:100;flex-shrink:0}.logo{font-family:var(--serif);font-size:var(--text-2xl);font-weight:600;color:var(--ink);letter-spacing:-.02em;cursor:default}.logo sup{color:var(--teal);font-size:var(--text-sm);font-family:var(--sans);font-weight:500;vertical-align:super}.pill-switcher{display:flex;background:var(--paper2);border-radius:var(--radius-2xl);padding:3px;gap:2px}.pill{padding:5px 16px;border-radius:17px;font-size:var(--text-base);font-weight:500;cursor:pointer;transition:all var(--dur-base);border:none;background:transparent;color:var(--ink3);position:relative;display:flex;align-items:center;gap:var(--space-2);font-family:var(--sans)}.pill:hover{color:var(--ink2)}.pill.active{background:#fff;color:var(--ink);box-shadow:var(--shadow-sm)}.pill-badge{background:var(--amber);color:#fff;font-size:var(--text-xs);padding:1px 6px;border-radius:var(--radius-pill);font-weight:600;min-width:16px;text-align:center}.topbar-right{position:relative;display:flex;align-items:center;gap:var(--space-3)}.avatar-wrap{position:relative}.avatar{width:32px;height:32px;border-radius:50%;background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:600;letter-spacing:.02em;cursor:pointer;border:none;transition:transform var(--dur-base);font-family:var(--sans)}.avatar:hover{transform:scale(1.05)}.notif-btn{position:relative;width:32px;height:32px;border-radius:50%;background:var(--paper2);border:1px solid var(--rule);color:var(--ink2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--dur-base)}.notif-btn:hover{background:var(--paper3)}.notif-dot{position:absolute;top:-3px;right:-3px;min-width:16px;height:16px;border-radius:var(--radius-pill);background:var(--rose);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid var(--paper);font-family:var(--sans)}.popover-notifs{width:340px;padding:0;max-height:480px;display:flex;flex-direction:column}.popover-notif-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--rule);font-size:var(--text-md);font-weight:600;color:var(--ink)}.popover-notif-actions{display:flex;gap:var(--space-2)}.popover-link{background:none;border:none;color:var(--teal);font-size:var(--text-sm);cursor:pointer;padding:0;font-family:var(--sans)}.popover-link:hover{text-decoration:underline}.popover-notif-list{flex:1;overflow-y:auto}.popover-notif-empty{padding:var(--space-7) var(--space-4);text-align:center;color:var(--ink4);font-size:var(--text-base)}.popover-notif-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);width:100%;background:none;border:none;border-bottom:1px solid var(--rule2);cursor:pointer;text-align:left;font-family:var(--sans);transition:background var(--dur-base)}.popover-notif-item:hover{background:var(--paper)}.popover-notif-item.unread{background:#1d6a5b0a}.popover-notif-body{flex:1;min-width:0}.popover-notif-text{font-size:var(--text-base);color:var(--ink2);line-height:1.4}.popover-notif-meta{font-size:var(--text-xs);color:var(--ink4);display:flex;align-items:center;gap:var(--space-1);margin-top:3px}.popover-notif-icon{width:14px;height:14px;border-radius:50%;background:var(--paper2);display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:var(--ink3)}.popover-notif-dot{width:8px;height:8px;border-radius:50%;background:var(--teal);flex-shrink:0;margin-top:8px}.popover{position:absolute;top:calc(100% + 12px);right:0;min-width:200px;background:#fff;border:1px solid var(--rule);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-3);z-index:110;animation:popIn .18s var(--ease-spring)}.popover-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--ink4);margin-bottom:var(--space-1)}.popover-name{font-size:var(--text-md);font-weight:600;color:var(--ink);margin-bottom:var(--space-1)}.popover-email{font-size:var(--text-sm);color:var(--ink4);margin-bottom:var(--space-3)}.popover-divider{height:1px;background:var(--rule);margin:var(--space-2) calc(var(--space-3) * -1)}.popover-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);margin:0 calc(var(--space-3) * -1);font-size:var(--text-base);color:var(--ink2);cursor:pointer;background:none;border:none;width:calc(100% + var(--space-3) * 2);text-align:left;font-family:var(--sans);transition:background var(--dur-base)}.popover-item:hover:not(:disabled){background:var(--paper)}.popover-item:disabled{color:var(--ink4);cursor:not-allowed}.admin-layout{display:flex;height:calc(100vh - 52px);overflow:hidden}.sidebar{width:240px;border-right:1px solid var(--rule);padding:var(--space-4) 0;display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;background:var(--paper)}.sidebar-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--ink4);padding:0 var(--space-5);margin-bottom:var(--space-2)}.sidebar-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-5);cursor:pointer;font-size:var(--text-md);color:var(--ink2);transition:all var(--dur-base);border-left:2px solid transparent;background:none;border-top:none;border-right:none;border-bottom:none;width:100%;text-align:left;font-family:var(--sans)}.sidebar-item:hover{background:var(--rule2)}.sidebar-item.active{border-left-color:var(--teal);background:var(--teal-light);color:var(--teal);font-weight:500}.sidebar-item .badge{background:var(--amber-light);color:var(--amber);font-size:var(--text-xs);padding:1px 6px;border-radius:var(--radius-md);font-weight:600;margin-left:auto}.sidebar-icon{width:18px;height:18px;border-radius:5px;background:var(--paper3);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:600;color:var(--ink3);flex-shrink:0}.sidebar-divider{height:1px;background:var(--rule);margin:var(--space-3) var(--space-5)}.sidebar-bottom{margin-top:auto}.sidebar-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-panel{flex:1;overflow-y:auto;padding:28px var(--space-7);min-width:0}.main-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.main-title{font-family:var(--serif);font-size:var(--text-3xl);font-weight:600}.main-title em{color:var(--teal);font-style:italic}.main-header-actions{display:flex;align-items:center;gap:var(--space-3)}.group-toggle{display:inline-flex;background:var(--paper2);border-radius:var(--radius-pill);padding:3px;gap:2px}.group-toggle-btn{background:transparent;border:none;padding:5px var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:500;color:var(--ink3);cursor:pointer;transition:all var(--dur-base);font-family:var(--sans)}.group-toggle-btn:hover{color:var(--ink2)}.group-toggle-btn.active{background:#fff;color:var(--ink);box-shadow:var(--shadow-sm)}.search-wrap{position:relative}.search-input{width:280px;padding:8px var(--space-3) 8px 32px;border:1px solid var(--rule);border-radius:var(--radius-md);font-size:var(--text-base);font-family:var(--sans);background:#fff;color:var(--ink);outline:none;transition:border var(--dur-base);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%239C9389' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:10px center}.search-input:focus{border-color:var(--teal)}.search-input::placeholder{color:var(--ink4)}.search-input::-webkit-search-cancel-button{display:none}.search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;background:var(--paper3);border:none;color:var(--ink3);font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.search-clear:hover{background:var(--ink4);color:#fff}.btn-primary{background:var(--ink);color:var(--paper);border:none;padding:var(--space-2) 18px;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-2);transition:all var(--dur-base);font-family:var(--sans)}.btn-primary:hover{opacity:.85}.btn-primary:disabled{opacity:.5;cursor:default}.btn-ghost{background:transparent;border:1px dashed var(--paper3);color:var(--ink3);padding:var(--space-3) 18px;border-radius:var(--radius-md);font-size:var(--text-base);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;transition:all var(--dur-base);font-family:var(--sans)}.btn-ghost:hover{border-color:var(--ink4);color:var(--ink2)}.detail-danger-zone{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--rule2)}.btn-danger{width:100%;background:transparent;border:1px solid var(--rule);color:var(--ink4);padding:var(--space-3) 18px;border-radius:var(--radius-md);font-size:var(--text-base);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-2);transition:all var(--dur-base);font-family:var(--sans)}.btn-danger:hover{border-color:var(--rose);color:var(--rose);background:var(--rose-light)}.btn-danger.is-armed{border-color:var(--rose);color:#fff;background:var(--rose);font-weight:600;animation:dangerPulse 1.2s ease-in-out infinite}.btn-danger.is-armed:hover{background:var(--rose);filter:brightness(1.08)}@keyframes dangerPulse{0%,to{box-shadow:0 0 #b8454559}50%{box-shadow:0 0 0 6px #b8454500}}.stat-strip{display:flex;border:1px solid var(--rule);border-radius:var(--radius-lg);margin-bottom:var(--space-6);overflow:hidden;background:#fff}.stat-cell{flex:1;padding:var(--space-4) var(--space-5);text-align:center}.stat-cell+.stat-cell{border-left:1px solid var(--rule)}.stat-label{font-size:var(--text-sm);color:var(--ink4);margin-bottom:var(--space-1)}.stat-num{font-family:var(--serif);font-size:28px;font-weight:600;font-variant-numeric:tabular-nums}.stat-num.amber{color:var(--amber)}.stat-num.teal{color:var(--teal)}.project-card{background:#fff;border:1px solid var(--rule);border-radius:var(--radius-lg);margin-bottom:var(--space-4);transition:box-shadow var(--dur-base),transform var(--dur-base),border-color var(--dur-base)}.project-card:hover{box-shadow:var(--shadow-md)}.project-card.is-drop-hover{border-color:var(--teal);border-style:dashed;box-shadow:0 0 0 4px var(--teal-light)}.deliv-row.is-drop-hover{background:var(--teal-light);box-shadow:inset 0 0 0 2px var(--teal)}.main-panel.is-drop-hover{position:relative}.root-drop-banner{position:fixed;top:0;right:0;bottom:0;left:0;background:#1d6a5b1f;border:4px dashed var(--teal);pointer-events:none;z-index:220;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.root-drop-banner-inner{background:#fff;padding:var(--space-5) var(--space-7);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);font-family:var(--serif);font-size:var(--text-2xl);color:var(--teal);font-weight:600}.status-groups{display:flex;flex-direction:column;gap:var(--space-6)}.status-group{background:#fff;border:1px solid var(--rule);border-radius:var(--radius-lg);overflow:hidden}.status-group-head{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--rule)}.status-group-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.status-group-dot.status-pending{background:var(--amber)}.status-group-dot.status-changes{background:var(--rose)}.status-group-dot.status-approved{background:var(--teal)}.status-group-title{font-family:var(--serif);font-size:var(--text-xl);font-weight:600;margin:0;flex:1;color:var(--ink)}.status-group-count{font-size:var(--text-sm);color:var(--ink4);background:var(--paper2);padding:2px var(--space-3);border-radius:var(--radius-pill);font-variant-numeric:tabular-nums;font-weight:600}.status-group-empty{padding:var(--space-5);text-align:center;font-size:var(--text-base);color:var(--ink4);font-style:italic}.status-group-list{display:flex;flex-direction:column}.status-deliv-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);cursor:pointer;transition:background var(--dur-base);background:none;border:none;border-bottom:1px solid var(--rule2);width:100%;text-align:left;font-family:var(--sans);color:inherit}.status-deliv-row:last-child{border-bottom:none}.status-deliv-row:hover{background:var(--paper)}.status-deliv-row.active{background:var(--teal-light)}.status-deliv-thumb{width:80px;height:45px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;background:var(--paper2)}.status-deliv-thumb img{width:100%;height:100%;object-fit:cover;display:block}.status-deliv-body{flex:1;min-width:0}.status-deliv-title{font-size:var(--text-md);font-weight:600;color:var(--ink)}.status-deliv-meta{font-size:var(--text-sm);color:var(--ink4);display:flex;gap:var(--space-2);margin-top:2px}.upload-queue-row.clickable{cursor:pointer}.upload-queue-row.clickable:hover{background:var(--teal-light);border-color:var(--teal)}.upload-queue-row.status-orphaned{background:var(--paper2);border-color:var(--rule);opacity:.7}.upload-queue-row.status-queued{opacity:.8}.upload-queue-row.status-processing .upload-queue-row-bar-fill{background:var(--amber);animation:pulse-fill 1.2s ease-in-out infinite}@keyframes pulse-fill{0%,to{opacity:.6}50%{opacity:1}}.upload-row.upload-row-orphaned{border-color:var(--ink4);background:var(--paper2);opacity:.7}.upload-row.upload-row-queued{opacity:.85}.upload-row.upload-row-processing .upload-row-bar-fill{background:var(--amber);animation:pulse-fill 1.2s ease-in-out infinite}.project-head{display:flex;align-items:center;gap:14px;padding:var(--space-4) var(--space-5);cursor:pointer;background:none;border:none;width:100%;text-align:left;font-family:var(--sans);color:inherit;border-radius:var(--radius-lg)}.project-initial{width:36px;height:36px;border-radius:var(--radius-md);background:var(--paper2);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:var(--text-xl);font-weight:600;color:var(--ink2);flex-shrink:0}.project-info{flex:1;min-width:0}.project-name{font-weight:600;font-size:var(--text-lg)}.project-meta{font-size:var(--text-sm);color:var(--ink4);display:flex;gap:var(--space-2);margin-top:2px}.project-actions{display:flex;align-items:center;gap:var(--space-2)}.chip{font-size:var(--text-xs);font-weight:600;padding:3px 10px;border-radius:var(--radius-pill);display:inline-block}.chip.pending{background:var(--amber-light);color:var(--amber)}.chip.approved{background:var(--teal-light);color:var(--teal)}.chip.changes{background:var(--rose-light);color:var(--rose)}.btn-share{background:var(--paper2);border:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer;display:flex;align-items:center;gap:var(--space-1);color:var(--ink3);transition:all var(--dur-base);font-family:var(--sans)}.btn-share:hover{background:var(--paper3);color:var(--ink2)}.chev-btn{background:none;border:none;color:var(--ink3);display:flex;align-items:center;justify-content:center;padding:var(--space-1);cursor:pointer}.deliv-table{border-top:1px solid var(--rule2)}.deliv-row{display:flex;align-items:center;gap:14px;padding:var(--space-3) var(--space-5);cursor:pointer;transition:background var(--dur-base);background:none;border:none;width:100%;text-align:left;font-family:var(--sans);color:inherit}.deliv-row:hover{background:var(--paper)}.deliv-row.active{background:var(--teal-light)}.deliv-row+.deliv-row{border-top:1px solid var(--rule2)}.deliv-thumb{width:60px;height:38px;border-radius:var(--radius-sm);object-fit:cover;position:relative;overflow:hidden;flex-shrink:0;background:var(--paper2)}.deliv-thumb img{width:100%;height:100%;object-fit:cover;display:block}.deliv-play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000004d;opacity:0;transition:opacity var(--dur-base);color:#fff}.deliv-row:hover .deliv-play-overlay{opacity:1}.deliv-info{flex:1;min-width:0}.deliv-title{font-weight:500;font-size:var(--text-md)}.deliv-desc{font-size:var(--text-sm);color:var(--ink4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deliv-dur{font-size:var(--text-sm);color:var(--ink4);width:40px;text-align:center;flex-shrink:0;font-variant-numeric:tabular-nums}.deliv-feedback{font-size:var(--text-sm);color:var(--ink4);font-style:italic;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.deliv-empty{padding:var(--space-5);text-align:center;font-size:var(--text-base);color:var(--ink4);font-style:italic}.deliv-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}.deliv-tag{font-size:var(--text-xs);color:var(--ink3);background:var(--paper2);padding:1px 6px;border-radius:var(--radius-sm);font-weight:500}.deliv-checkbox{width:18px;height:18px;border-radius:4px;border:1.5px solid var(--rule);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:#fff;font-size:11px;color:var(--teal);font-weight:700;cursor:pointer;transition:all var(--dur-base)}.deliv-checkbox:hover{border-color:var(--teal)}.deliv-row.is-selected,.status-deliv-row.is-selected{background:var(--teal-light)}.deliv-row.is-selected .deliv-checkbox,.status-deliv-row.is-selected .deliv-checkbox{background:var(--teal);border-color:var(--teal);color:#fff}.tag-filter{background:#fff;border:1px solid var(--rule);border-radius:var(--radius-md);padding:8px var(--space-3);font-size:var(--text-base);font-family:var(--sans);color:var(--ink2);cursor:pointer}.bulk-bar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);background:var(--ink);color:var(--paper);border-radius:var(--radius-md);animation:popIn .2s var(--ease-spring)}.bulk-bar-count{font-weight:600}.bulk-bar-actions{display:flex;gap:var(--space-2);margin-left:auto;flex-wrap:wrap}.bulk-bar-actions .btn-cancel{background:#ffffff1a;color:var(--paper);border-color:#fff3}.bulk-bar-actions .btn-cancel:hover{background:#fff3}.status-menu-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--ink4);padding:var(--space-2) var(--space-2) var(--space-1);font-weight:600}.approval-hero-options{margin-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.approval-mode-toggle{display:inline-flex;background:#fff;border-radius:var(--radius-pill);padding:3px;gap:2px;align-self:flex-start;border:1px solid var(--rule)}.approval-mode-btn{background:transparent;border:none;padding:5px var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:500;color:var(--ink3);cursor:pointer;transition:all var(--dur-base);font-family:var(--sans)}.approval-mode-btn.active{background:var(--teal);color:#fff}.approval-passphrase{background:#fff}.approval-deliv-picker{margin-top:var(--space-3);border:1px solid var(--rule);border-radius:var(--radius-md);background:#fff}.approval-deliv-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);background:none;border:none;font-family:var(--sans);font-size:var(--text-sm);color:var(--ink2);cursor:pointer}.approval-deliv-toggle:hover{background:var(--paper)}.approval-deliv-list{border-top:1px solid var(--rule);padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1);max-height:240px;overflow-y:auto}.approval-deliv-bulk{display:flex;gap:var(--space-3);padding:var(--space-1) var(--space-2) var(--space-2);border-bottom:1px dashed var(--rule);margin-bottom:var(--space-1)}.approval-deliv-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm)}.approval-deliv-row:hover{background:var(--paper)}.approval-deliv-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}.approval-hero-url{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3)}.approval-hero-url code{flex:1;padding:var(--space-2) var(--space-3);background:#fff;border:1px solid var(--rule);border-radius:var(--radius-sm);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--text-xs);color:var(--ink2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.approval-qr-btn{white-space:nowrap;flex-shrink:0}.approval-qr-panel{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3);background:#fff;border:1px solid var(--rule);border-radius:var(--radius-md);margin-top:var(--space-3)}.approval-qr-panel img{border-radius:var(--radius-sm)}.approval-qr-hint{font-size:var(--text-xs);color:var(--ink4)}.approval-slack-toggle{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px dashed var(--rule);font-size:var(--text-sm);color:var(--ink2);cursor:pointer}.approval-slack-preview{margin-top:var(--space-2);background:#1d1d1d;color:#fff;border-radius:var(--radius-md);padding:var(--space-3);font-family:ui-sans-serif,system-ui,sans-serif;font-size:var(--text-sm)}.slack-preview-bar{display:flex;align-items:center;gap:var(--space-1);color:#fff9;margin-bottom:var(--space-2)}.slack-preview-icon{background:#ffffff26;width:16px;height:16px;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;font-size:11px}.slack-preview-msg strong{color:#fff}.slack-preview-bot{background:#ffffff26;color:#ffffffb3;padding:1px 5px;border-radius:3px;font-size:10px;font-weight:700;margin-left:4px}.slack-preview-time{color:#fff6;font-size:10px;margin-left:4px}.compare-audio-toggle{display:inline-flex;align-items:center;gap:var(--space-1);background:#ffffff14;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-pill);padding:3px 6px 3px var(--space-2)}.compare-audio-label{font-size:14px}.compare-audio-btn{width:24px;height:22px;border-radius:var(--radius-sm);background:transparent;border:none;color:#fff9;font-weight:700;font-size:var(--text-xs);cursor:pointer;font-family:var(--sans)}.compare-audio-btn.active{background:#fff3;color:#fff}.detail-panel{width:380px;border-left:1px solid var(--rule);overflow-y:auto;animation:slideInRight .25s var(--ease-spring);flex-shrink:0;background:#fff}.detail-video{position:relative;aspect-ratio:16/9;background:var(--ink);overflow:hidden}.detail-video img{width:100%;height:100%;object-fit:cover;display:block}.detail-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;background:#ffffff26;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;cursor:pointer;border:1.5px solid rgba(255,255,255,.25);transition:all var(--dur-base);color:#fff}.detail-play-btn:hover{background:#ffffff40}.detail-badge{position:absolute;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-variant-numeric:tabular-nums}.detail-badge.ver{top:10px;left:10px}.detail-badge.dur{bottom:10px;right:10px}.detail-close{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:50%;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--dur-base)}.detail-close:hover{background:#000c;transform:scale(1.05)}.detail-body{padding:var(--space-5)}.detail-title{font-family:var(--serif);font-size:var(--text-2xl);font-weight:600;margin-bottom:var(--space-1)}.detail-desc{font-size:var(--text-base);color:var(--ink3);margin-bottom:var(--space-4);line-height:1.6}.detail-kv{display:flex;gap:var(--space-5);margin-bottom:var(--space-4);flex-wrap:wrap}.detail-kv-item{font-size:var(--text-sm)}.detail-kv-label{color:var(--ink4);margin-bottom:2px}.detail-divider{height:1px;background:var(--rule);margin:var(--space-4) 0}.detail-fb-title{font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ink4);margin-bottom:var(--space-3)}.detail-fb-quote{border-left:2px solid var(--rose);padding:var(--space-3) 14px;font-size:var(--text-base);font-style:italic;color:var(--ink2);background:var(--rose-light);border-radius:0 var(--radius-sm) var(--radius-sm) 0;line-height:1.6;white-space:pre-wrap}.detail-fb-none{font-size:var(--text-base);font-style:italic;color:var(--ink4)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8) var(--space-5);text-align:center;min-height:300px}.empty-icon{width:64px;height:64px;border-radius:50%;background:var(--paper2);display:flex;align-items:center;justify-content:center;color:var(--ink4);margin-bottom:var(--space-4)}.empty-title{font-family:var(--serif);font-size:var(--text-2xl);font-weight:600;color:var(--ink2);margin-bottom:var(--space-2)}.empty-title em{color:var(--teal);font-style:italic}.empty-sub{font-size:var(--text-base);color:var(--ink4);max-width:320px;margin-bottom:var(--space-5);line-height:1.6}@keyframes skeletonPulse{0%,to{opacity:.6}50%{opacity:1}}.skeleton{background:var(--paper2);border-radius:var(--radius-sm);animation:skeletonPulse 1.4s ease-in-out infinite}.skel-card{background:#fff;border:1px solid var(--rule);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-4);display:flex;align-items:center;gap:14px}.skel-circle{width:36px;height:36px;border-radius:var(--radius-md);background:var(--paper2);animation:skeletonPulse 1.4s ease-in-out infinite;flex-shrink:0}.skel-line{height:10px;background:var(--paper2);border-radius:3px;animation:skeletonPulse 1.4s ease-in-out infinite}.skel-stat{flex:1;padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.skel-stat+.skel-stat{border-left:1px solid var(--rule)}.thumb-wrap{position:relative;background:var(--paper2);overflow:hidden;width:100%;height:100%}.thumb-img{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .3s var(--ease-out)}.thumb-img.loaded{opacity:1}.thumb-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--ink4);background:var(--paper3)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a090880;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.modal{background:#fff;border-radius:var(--radius-xl);width:540px;max-width:100%;max-height:90vh;display:flex;flex-direction:column;animation:modalIn .25s var(--ease-spring);box-shadow:var(--shadow-xl)}.modal-header{padding:var(--space-6) var(--space-6) 0;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.modal-title{font-family:var(--serif);font-size:24px;font-weight:600}.modal-title em{color:var(--teal);font-style:italic}.modal-close-btn{width:32px;height:32px;border-radius:50%;background:var(--paper2);color:var(--ink3);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--dur-base)}.modal-close-btn:hover{background:var(--paper3);color:var(--ink2)}.modal-body{padding:var(--space-5) var(--space-6);overflow-y:auto;flex:1}.form-row{display:flex;gap:var(--space-3);margin-bottom:14px}.form-row>*{flex:1}.form-group{margin-bottom:14px}.form-label{font-size:var(--text-sm);font-weight:500;color:var(--ink3);margin-bottom:var(--space-1);display:block}.form-input{width:100%;padding:9px var(--space-3);border:1px solid var(--rule);border-radius:var(--radius-md);font-size:var(--text-md);font-family:var(--sans);background:var(--paper);color:var(--ink);outline:none;transition:border var(--dur-base),box-shadow var(--dur-base)}.form-input:focus{border-color:var(--teal)}.form-input::placeholder{color:var(--ink4)}.form-input.invalid{border-color:var(--rose)}.form-error{font-size:var(--text-sm);color:var(--rose);margin-top:var(--space-1)}textarea.form-input{resize:vertical;min-height:60px}.deliv-block{border:1px solid var(--rule2);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-3);position:relative}.deliv-block-num{position:absolute;top:-8px;left:14px;background:#fff;padding:0 6px;font-size:var(--text-xs);font-weight:600;color:var(--ink4)}.deliv-block-remove{position:absolute;top:var(--space-2);right:var(--space-2);width:24px;height:24px;border-radius:50%;background:var(--paper2);border:none;color:var(--ink4);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--dur-base)}.deliv-block-remove:hover{background:var(--rose-light);color:var(--rose)}.upload-zone-wrap{margin-top:var(--space-2)}.upload-zone{border:1.5px dashed var(--paper3);border-radius:var(--radius-md);padding:var(--space-6);display:flex;flex-direction:column;align-items:center;gap:var(--space-1);cursor:pointer;transition:all var(--dur-base)}.upload-zone:hover{border-color:var(--teal);background:var(--teal-light)}.upload-zone.is-hover{border-color:var(--teal);background:var(--teal-light);border-style:solid;transform:scale(1.01)}.upload-zone.error{border-color:var(--rose);background:var(--rose-light)}.upload-label{font-size:var(--text-base);color:var(--ink2)}.upload-sub{font-size:var(--text-xs);color:var(--ink4)}.upload-list{margin-top:var(--space-2);display:flex;flex-direction:column;gap:var(--space-2)}.upload-row{display:flex;align-items:stretch;gap:var(--space-3);padding:var(--space-2);background:#fff;border:1px solid var(--rule);border-radius:var(--radius-md);transition:all var(--dur-base)}.upload-row.upload-row-done{border-color:var(--teal);background:var(--teal-light)}.upload-row.upload-row-fail,.upload-row.upload-row-retry{border-color:var(--rose);background:var(--rose-light)}.upload-row-thumb{width:64px;height:36px;flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden;background:var(--paper2);display:flex;align-items:center;justify-content:center}.upload-row-thumb img{width:100%;height:100%;object-fit:cover;display:block}.upload-row-thumb-placeholder{font-size:18px;opacity:.5}.upload-row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.upload-row-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.upload-row-name{font-size:var(--text-sm);font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-row-size{font-size:var(--text-xs);color:var(--ink4);font-variant-numeric:tabular-nums;flex-shrink:0}.upload-row-meta{font-size:var(--text-xs);color:var(--ink4)}.upload-row-bar{width:100%;height:4px;background:var(--paper3);border-radius:2px;overflow:hidden;margin:4px 0 2px}.upload-row-bar-fill{height:100%;background:var(--teal);border-radius:2px;transition:width .2s linear}.upload-row-fail .upload-row-bar-fill,.upload-row-retry .upload-row-bar-fill{background:var(--rose)}.upload-row-paused .upload-row-bar-fill{background:var(--ink4)}.upload-row-status{font-size:var(--text-xs);color:var(--ink3);font-variant-numeric:tabular-nums}.upload-row-fail .upload-row-status,.upload-row-retry .upload-row-status{color:var(--rose)}.upload-row-done .upload-row-status{color:var(--teal);font-weight:600}.upload-row-actions{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.upload-row-actions button{width:26px;height:26px;border-radius:var(--radius-sm);background:var(--paper);border:1px solid var(--rule);color:var(--ink3);cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;padding:0;transition:all var(--dur-base)}.upload-row-actions button:hover{background:var(--paper2);color:var(--ink2)}.upload-queue{position:fixed;bottom:var(--space-5);right:var(--space-5);width:360px;max-width:calc(100vw - var(--space-8));max-height:60vh;background:#fff;border:1px solid var(--rule);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:250;display:flex;flex-direction:column;overflow:hidden;animation:popIn .22s var(--ease-spring);font-family:var(--sans)}.upload-queue.is-minimized{max-height:auto}.upload-queue-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--rule);flex-shrink:0}.upload-queue-title{font-size:var(--text-md);font-weight:600;color:var(--ink)}.upload-queue-actions{display:flex;align-items:center;gap:var(--space-1)}.upload-queue-link{background:none;border:none;color:var(--teal);font-size:var(--text-sm);cursor:pointer;padding:0 var(--space-2);font-family:var(--sans)}.upload-queue-link:hover{text-decoration:underline}.upload-queue-icon-btn{width:24px;height:24px;background:none;border:none;color:var(--ink3);cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:11px}.upload-queue-icon-btn:hover{background:var(--paper)}.upload-queue-meta{font-size:var(--text-xs);color:var(--ink4);padding:var(--space-1) var(--space-4);font-variant-numeric:tabular-nums}.upload-queue-aggregate-bar{height:3px;background:var(--paper2)}.upload-queue-aggregate-fill{height:100%;background:var(--teal);transition:width .25s linear}.upload-queue-list{overflow-y:auto;padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-2)}.upload-queue-row{display:flex;gap:var(--space-2);padding:var(--space-2);background:var(--paper);border-radius:var(--radius-sm);border:1px solid var(--rule2)}.upload-queue-row.status-done{background:var(--teal-light);border-color:var(--teal)}.upload-queue-row.status-failed{background:var(--rose-light);border-color:var(--rose)}.upload-queue-row-thumb{width:48px;height:28px;flex-shrink:0;border-radius:3px;overflow:hidden;background:var(--paper2);display:flex;align-items:center;justify-content:center}.upload-queue-row-thumb img{width:100%;height:100%;object-fit:cover;display:block}.upload-queue-row-thumb-ph{font-size:14px;opacity:.5}.upload-queue-row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.upload-queue-row-name{font-size:var(--text-xs);font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-queue-row-meta{font-size:var(--text-xs);color:var(--ink4);font-variant-numeric:tabular-nums}.upload-queue-row-bar{width:100%;height:3px;background:var(--paper3);border-radius:2px;overflow:hidden}.upload-queue-row-bar-fill{height:100%;background:var(--teal);transition:width .2s linear}.upload-queue-row-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.upload-queue-row-actions button{width:22px;height:22px;border-radius:3px;background:#fff;border:1px solid var(--rule);color:var(--ink3);cursor:pointer;font-size:10px;display:flex;align-items:center;justify-content:center;padding:0}.upload-queue-row-actions button:hover{background:var(--paper)}@media(max-width:600px){.upload-queue{left:var(--space-4);right:var(--space-4);width:auto}}.modal-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--rule);display:flex;justify-content:flex-end;gap:var(--space-3);flex-shrink:0}.btn-cancel{background:transparent;border:1px solid var(--rule);padding:var(--space-2) 18px;border-radius:var(--radius-md);font-size:var(--text-base);cursor:pointer;color:var(--ink3);font-family:var(--sans);transition:all var(--dur-base)}.btn-cancel:hover{background:var(--paper)}.btn-create{background:var(--ink);color:var(--paper);border:none;padding:var(--space-2) 22px;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:500;cursor:pointer;font-family:var(--sans);transition:all var(--dur-base);display:inline-flex;align-items:center;gap:var(--space-2)}.btn-create:disabled{opacity:.35;cursor:default}.btn-create:not(:disabled):hover{opacity:.85}.shortcuts-modal{width:600px}.shortcuts-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6) var(--space-7)}.shortcuts-group-title{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink4);margin-bottom:var(--space-2)}.shortcuts-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-1)}.shortcut-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-1) 0;font-size:var(--text-base);color:var(--ink2)}.shortcut-keys{display:inline-flex;gap:4px}.shortcut-kbd,.popover-kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;background:var(--paper2);border:1px solid var(--rule);border-bottom-width:2px;border-radius:var(--radius-sm);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--text-xs);font-weight:600;color:var(--ink2)}.popover-kbd{margin-left:auto}@media(max-width:600px){.shortcuts-grid{grid-template-columns:1fr;gap:var(--space-5)}}.share-modal{width:640px}.share-modal-sub{font-size:var(--text-base);color:var(--ink4);margin-top:var(--space-1)}.approval-hero{background:linear-gradient(135deg,var(--teal-light) 0%,var(--paper2) 100%);border:1px solid var(--teal-mid);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-5)}.approval-hero-head{display:flex;align-items:center;gap:var(--space-4);justify-content:space-between}.approval-hero-eyebrow{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--teal);margin-bottom:var(--space-1)}.approval-hero-title{font-family:var(--serif);font-size:var(--text-xl);font-weight:600;color:var(--ink);margin-bottom:var(--space-1)}.approval-hero-sub{font-size:var(--text-base);color:var(--ink3);line-height:1.5;max-width:360px}.approval-hero-btn{background:var(--teal);border-color:var(--teal);flex-shrink:0}.approval-hero-btn:hover{background:var(--teal);opacity:.9}.approval-hero-url{margin-top:var(--space-3);padding:var(--space-2) var(--space-3);background:#fff;border:1px solid var(--rule);border-radius:var(--radius-sm);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--text-xs);color:var(--ink2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-modal-divider{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--ink4);font-weight:600}.share-modal-divider:before,.share-modal-divider:after{content:"";flex:1;height:1px;background:var(--rule)}.share-empty{padding:var(--space-7) var(--space-4);text-align:center;color:var(--ink4)}.share-empty-icon{font-size:32px;margin-bottom:var(--space-2)}.share-empty-title{font-family:var(--serif);font-size:var(--text-xl);color:var(--ink2);margin-bottom:var(--space-1)}.share-empty-sub{font-size:var(--text-base)}.share-list{display:flex;flex-direction:column;gap:var(--space-3)}.share-link-card{border:1px solid var(--rule);border-radius:var(--radius-md);padding:var(--space-3);background:var(--paper)}.share-link-card.expired{opacity:.6}.share-link-row{display:flex;align-items:flex-start;gap:var(--space-3)}.share-link-url{flex:1;min-width:0}.share-link-text{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--text-sm);color:var(--ink);background:#fff;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--rule);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-link-meta{font-size:var(--text-xs);color:var(--ink4);margin-top:var(--space-1)}.share-link-actions{display:flex;gap:var(--space-1);flex-shrink:0}.share-link-revoke:hover{background:var(--rose-light);color:var(--rose)}.share-link-settings{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--rule);display:flex;flex-direction:column;gap:var(--space-2)}.share-setting{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);color:var(--ink2);cursor:pointer}.share-setting small{color:var(--ink4)}.share-setting-row{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:var(--space-3);cursor:default}.spinner{width:14px;height:14px;border:2px solid rgba(245,240,232,.3);border-top-color:var(--paper);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:linear-gradient(135deg,var(--paper) 0%,var(--paper2) 100%)}.login-card{width:100%;max-width:440px;background:#fff;border:1px solid var(--rule);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-7) var(--space-7)}.login-logo{font-family:var(--serif);font-size:32px;font-weight:600;color:var(--ink);letter-spacing:-.02em;text-align:center;margin-bottom:var(--space-5)}.login-logo sup{color:var(--teal);font-size:14px;font-family:var(--sans);font-weight:500;vertical-align:super}.login-tabs{display:flex;gap:4px;background:var(--paper);padding:3px;border-radius:var(--radius-pill);margin-bottom:var(--space-5)}.login-tab{flex:1;padding:var(--space-2);border:none;background:transparent;font-family:var(--sans);font-size:var(--text-base);font-weight:500;color:var(--ink3);cursor:pointer;border-radius:var(--radius-pill);transition:all var(--dur-base)}.login-tab.active{background:#fff;color:var(--ink);box-shadow:var(--shadow-sm)}.login-title{font-family:var(--serif);font-size:var(--text-3xl);font-weight:600;margin:0 0 var(--space-2);color:var(--ink)}.login-title em{color:var(--teal);font-style:italic}.login-sub{font-size:var(--text-base);color:var(--ink4);margin:0 0 var(--space-5)}.login-form{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-5)}.login-submit{width:100%;justify-content:center;padding:var(--space-3);font-size:var(--text-md)}.login-divider{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--ink4);margin-bottom:var(--space-3)}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--rule)}.login-sso{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5)}.login-sso .btn-cancel{width:100%;justify-content:center;padding:var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.login-footnote{font-size:var(--text-xs);color:var(--ink4);text-align:center;padding-top:var(--space-3);border-top:1px dashed var(--rule)}.portal-with-workspace{display:flex;flex-direction:row;min-height:calc(100vh - 52px)}.portal-with-workspace .portal-main{flex:1;min-width:0;display:flex;flex-direction:column}.portal-workspace{width:280px;flex-shrink:0;background:var(--paper);border-right:1px solid var(--rule);display:flex;flex-direction:column;max-height:calc(100vh - 52px)}@media(max-width:767px){.portal-workspace{position:fixed;top:52px;left:0;bottom:0;width:80%;max-width:320px;z-index:200;box-shadow:var(--shadow-lg)}}.portal-workspace-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-4) var(--space-2)}.portal-workspace-title{font-family:var(--serif);font-size:var(--text-xl);font-weight:600;color:var(--ink)}.portal-workspace-collapse{background:none;border:1px solid var(--rule);width:26px;height:26px;border-radius:var(--radius-sm);cursor:pointer;color:var(--ink3);display:flex;align-items:center;justify-content:center}.portal-workspace-collapse:hover{background:var(--paper2)}.portal-workspace-collapsed{position:sticky;top:var(--space-4);margin:var(--space-4);align-self:flex-start;width:36px;height:36px;border-radius:var(--radius-md);background:#fff;border:1px solid var(--rule);cursor:pointer;font-size:14px;box-shadow:var(--shadow-sm);flex-shrink:0;z-index:5}@media(max-width:880px){.portal-workspace-collapsed{position:fixed;top:var(--space-3);left:var(--space-3);margin:0;z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffeb}}.portal-workspace-tabs{display:flex;gap:4px;padding:0 var(--space-3);border-bottom:1px solid var(--rule)}.portal-workspace-tab{background:none;border:none;padding:var(--space-2) var(--space-2);font-size:var(--text-sm);color:var(--ink3);cursor:pointer;border-bottom:2px solid transparent;font-family:var(--sans);display:flex;align-items:center;gap:6px;transition:all var(--dur-base)}.portal-workspace-tab:hover{color:var(--ink2)}.portal-workspace-tab.active{color:var(--teal);border-bottom-color:var(--teal);font-weight:600}.portal-workspace-count{font-size:10px;background:var(--paper3);color:var(--ink3);padding:1px 5px;border-radius:var(--radius-pill);font-weight:600}.portal-workspace-tab.active .portal-workspace-count{background:var(--teal-light);color:var(--teal)}.portal-workspace-list{flex:1;overflow-y:auto;padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-2)}.portal-workspace-empty{text-align:center;color:var(--ink4);font-size:var(--text-sm);padding:var(--space-7) var(--space-4);font-style:italic}.portal-workspace-row{display:flex;gap:var(--space-2);padding:var(--space-2);background:#fff;border:1px solid var(--rule);border-radius:var(--radius-sm);cursor:pointer;text-align:left;font-family:var(--sans);transition:all var(--dur-base)}.portal-workspace-row:hover{border-color:var(--teal);background:var(--teal-light)}.portal-workspace-thumb{width:56px;height:32px;border-radius:var(--radius-sm);overflow:hidden;background:var(--paper2);flex-shrink:0}.portal-workspace-thumb img{width:100%;height:100%;object-fit:cover;display:block}.portal-workspace-body{flex:1;min-width:0}.portal-workspace-name{font-size:var(--text-sm);font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portal-workspace-meta{font-size:var(--text-xs);color:var(--ink4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-client-mode{display:flex;flex-direction:column;align-items:center}.topbar-client-mode-eyebrow{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--ink4);font-weight:600}.topbar-client-mode-name{font-size:var(--text-sm);color:var(--ink2);font-weight:500}.portal{min-height:calc(100vh - 52px);display:flex;flex-direction:column}.portal-header{background:var(--ink);padding:var(--space-8) var(--space-6) 40px;text-align:center;position:relative;overflow:hidden}.portal-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h20v20H0z' fill='none'/%3E%3Cpath d='M0 10h20M10 0v20' stroke='%23F5F0E8' stroke-width='0.5'/%3E%3C/svg%3E")}.portal-eyebrow{font-size:var(--text-sm);letter-spacing:.12em;text-transform:uppercase;color:#f5f0e88c;margin-bottom:var(--space-3);position:relative}.portal-title{font-family:var(--serif);font-size:var(--text-display);color:var(--paper);font-weight:400;line-height:1.15;position:relative}.portal-title em{color:var(--teal);font-style:italic}.portal-sub{font-size:var(--text-md);color:#f5f0e899;margin-top:var(--space-3);position:relative}.portal-progress{display:flex;justify-content:center;gap:var(--space-2);margin-top:var(--space-6);position:relative}.portal-pip{height:2px;border-radius:1px;transition:all .3s}.portal-context{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4) 0;font-size:var(--text-sm);color:var(--ink4)}.portal-context-label{text-transform:uppercase;letter-spacing:.08em;font-size:var(--text-xs);color:var(--ink5)}.portal-context-name{font-weight:600;color:var(--ink2)}.portal-context-sep{color:var(--ink5)}.portal-context-client{color:var(--ink3)}.stack-area{flex:1;display:flex;flex-direction:column;align-items:center;padding:var(--space-7) var(--space-4) var(--space-6)}.stack-container{position:relative;width:100%;max-width:420px;outline:none}.stack-card{position:absolute;top:0;left:0;width:100%;background:#fff;border:1px solid var(--rule);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-lg);transition:transform .38s var(--ease-out),opacity .38s var(--ease-out);touch-action:none;-webkit-user-select:none;user-select:none}.stack-card.pos0{z-index:3;position:relative}.stack-card.pos1{z-index:2;transform:scale(.955) translateY(14px);opacity:.7;pointer-events:none}.stack-card.pos2{z-index:1;transform:scale(.91) translateY(28px);opacity:.4;pointer-events:none}.stack-card.exiting-right{transform:translate(120%) rotate(15deg);opacity:0;pointer-events:none}.stack-card.exiting-left{transform:translate(-120%) rotate(-15deg);opacity:0;pointer-events:none}.card-video{position:relative;aspect-ratio:16/9;overflow:hidden;background:#000}.card-video img{width:100%;height:100%;object-fit:cover;transition:transform .3s;display:block}.card-video-el{width:100%;height:100%;object-fit:cover;display:block;cursor:pointer}.stack-card.pos0:hover .card-video img{transform:scale(1.02)}.card-pause-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:#00000073;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1.5px solid rgba(255,255,255,.3);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity var(--dur-base)}.card-video:hover .card-pause-overlay{opacity:1}@media(hover:none){.card-pause-overlay{opacity:1}}.card-mute-btn{position:absolute;bottom:10px;left:10px;width:30px;height:30px;border-radius:50%;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:all var(--dur-base)}.card-mute-btn:hover{background:#000000b3}.fb-dialog-overlay{background:#0a0908a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.fb-dialog{width:560px;max-width:100%}.fb-dialog-head{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5) var(--space-6) var(--space-3);position:relative}.fb-dialog-thumb{width:120px;aspect-ratio:16/9;flex-shrink:0;border-radius:var(--radius-md);overflow:hidden;background:var(--paper3);position:relative}.fb-dialog-thumb-dur{position:absolute;bottom:6px;right:6px;background:#0009;color:#fff;font-size:var(--text-xs);padding:2px 6px;border-radius:var(--radius-sm);font-variant-numeric:tabular-nums;font-weight:600}.fb-dialog-meta{flex:1;min-width:0}.fb-dialog-eyebrow{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--rose);font-weight:600;margin-bottom:var(--space-1)}.fb-dialog-title{font-family:var(--serif);font-size:var(--text-2xl);font-weight:600;margin:0 0 var(--space-1);color:var(--ink)}.fb-dialog-desc{font-size:var(--text-base);color:var(--ink4);line-height:1.4}.fb-dialog .modal-close-btn{position:absolute;top:var(--space-4);right:var(--space-4)}.fb-dialog-body{padding:0 var(--space-6) var(--space-5)}.fb-dialog-textarea{width:100%;resize:vertical;min-height:120px;font-size:var(--text-md)}.fb-dialog-textarea:focus{border-color:var(--rose)}.fb-dialog-hint{font-size:var(--text-xs);color:var(--ink4);margin-top:var(--space-2)}.fb-dialog-footer{display:flex;align-items:center;gap:var(--space-2)}.fb-dialog-detail-btn{width:auto;flex:0 1 auto;margin-right:auto;padding:var(--space-2) var(--space-3)}@media(max-width:600px){.fb-dialog-head{flex-direction:column}.fb-dialog-thumb{width:100%}.fb-dialog-footer{flex-wrap:wrap}.fb-dialog-detail-btn{width:100%;margin-right:0}}.card-stamp{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-12deg) scale(0);font-family:var(--serif);font-size:var(--text-4xl);font-weight:700;padding:var(--space-2) var(--space-6);border:3px solid;border-radius:var(--radius-md);pointer-events:none;opacity:0;transition:all .2s var(--ease-spring);text-transform:uppercase;letter-spacing:.05em;background:#ffffffd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.card-stamp.approve{color:var(--teal);border-color:var(--teal);transform:translate(-50%,-50%) rotate(-12deg)}.card-stamp.changes{color:var(--rose);border-color:var(--rose);transform:translate(-50%,-50%) rotate(12deg)}.card-stamp.visible{opacity:1;transform:translate(-50%,-50%) rotate(-12deg) scale(1)}.card-stamp.changes.visible{transform:translate(-50%,-50%) rotate(12deg) scale(1)}.card-body{padding:var(--space-5)}.card-title{font-family:var(--serif);font-size:var(--text-2xl);font-weight:600;margin-bottom:var(--space-1)}.card-desc{font-size:var(--text-base);color:var(--ink3);margin-bottom:var(--space-4);line-height:1.5}.card-pending-tag{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-sm);color:var(--amber);background:var(--amber-light);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-weight:500}.fb-panel{border-top:1px solid var(--rule);padding:var(--space-4) var(--space-5);animation:slideUp .2s var(--ease-spring)}.fb-textarea{width:100%;padding:var(--space-3);border:1px solid var(--rule);border-radius:var(--radius-lg);font-size:var(--text-md);font-family:var(--sans);background:var(--paper);color:var(--ink);outline:none;resize:none;min-height:80px;transition:border var(--dur-base)}.fb-textarea:focus{border-color:var(--rose)}.fb-textarea::placeholder{color:var(--ink4)}.fb-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-3);gap:var(--space-2)}.fb-hint{font-size:var(--text-xs);color:var(--ink4)}.fb-actions{display:flex;gap:var(--space-2)}.fb-send{background:var(--rose);color:#fff;border:none;padding:var(--space-2) 18px;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:500;cursor:pointer;font-family:var(--sans);display:flex;align-items:center;gap:var(--space-1);transition:all var(--dur-base)}.fb-send:disabled{opacity:.4;cursor:default}.fb-send:not(:disabled):hover{opacity:.85}.fb-add-note{background:transparent;border:1px solid var(--rule);color:var(--ink3);padding:var(--space-2) 14px;border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;font-family:var(--sans);transition:all var(--dur-base)}.fb-add-note:disabled{opacity:.35;cursor:default}.fb-add-note:not(:disabled):hover{border-color:var(--ink4)}.card-scrubber{height:4px;background:var(--paper3);cursor:pointer;position:relative;flex-shrink:0}.card-scrubber-fill{height:100%;background:var(--teal);border-radius:0;position:relative;transition:width .1s linear}.card-scrubber-marker{position:absolute;top:-3px;width:8px;height:10px;border-radius:2px;background:var(--amber);transform:translate(-50%);z-index:2;cursor:pointer}.card-scrubber-marker:after{content:"";position:absolute;bottom:-3px;left:50%;transform:translate(-50%);width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:3px solid var(--amber)}.fb-comments{max-height:120px;overflow-y:auto;margin-bottom:var(--space-3)}.fb-comment{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) 0;font-size:var(--text-base)}.fb-comment+.fb-comment{border-top:1px solid var(--rule2)}.fb-comment-ts{background:var(--ink);color:var(--paper);padding:2px 6px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;font-variant-numeric:tabular-nums;cursor:pointer;flex-shrink:0;transition:background var(--dur-base);border:none;font-family:var(--sans)}.fb-comment-ts:hover{background:var(--teal)}.fb-comment-text{color:var(--ink2);line-height:1.4}.fb-ts-bar{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.fb-ts-scrubber{flex:1;height:4px;background:var(--paper3);border-radius:2px;cursor:pointer;position:relative}.fb-ts-time{font-size:var(--text-xs);color:var(--ink4);font-variant-numeric:tabular-nums;flex-shrink:0}.fb-input-row{margin-bottom:var(--space-2)}.action-row{display:flex;align-items:center;justify-content:center;gap:var(--space-5);padding:var(--space-4) 0 var(--space-2);max-width:420px;width:100%}.action-btn{border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--dur-base);background:#fff}.action-btn.reject{width:54px;height:54px;border:2px solid var(--rose);color:var(--rose)}.action-btn.reject:hover{background:var(--rose-light)}.action-btn.play{width:46px;height:46px;border:1.5px solid var(--rule);color:var(--ink3)}.action-btn.play:hover{background:var(--paper)}.action-btn.approve-btn{width:54px;height:54px;border:2px solid var(--teal);color:var(--teal)}.action-btn.approve-btn:hover{background:var(--teal-light)}.action-hint{font-size:var(--text-sm);color:var(--ink4);text-align:center;padding-bottom:var(--space-5);display:inline-flex;align-items:baseline;justify-content:center;gap:var(--space-2);flex-wrap:wrap;letter-spacing:.01em}.action-hint-sep{opacity:.5}.done-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8) var(--space-6);text-align:center}.done-icon{width:56px;height:56px;border-radius:50%;background:var(--teal-light);color:var(--teal);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-5);font-size:var(--text-2xl)}.done-star{font-size:48px;color:var(--amber);margin-bottom:var(--space-4);animation:starIn .6s cubic-bezier(.34,1.56,.64,1)}.done-star-glow{width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,var(--amber-light) 0%,transparent 70%);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4)}.done-title{font-family:var(--serif);font-size:var(--text-4xl);font-weight:500;margin-bottom:var(--space-2)}.done-title em{color:var(--teal);font-style:italic}.done-sub{font-size:var(--text-md);color:var(--ink3);margin-bottom:var(--space-7);max-width:360px;line-height:1.6}.done-list{width:100%;max-width:420px}.done-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--rule2);border-radius:var(--radius-md);margin-bottom:var(--space-2);text-align:left;animation:fadeUp .4s var(--ease-spring) both;background:#fff}.done-row-thumb{width:48px;height:30px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0}.done-row-info{flex:1;min-width:0}.done-row-title{font-size:var(--text-base);font-weight:500}.done-row-fb{font-size:var(--text-sm);color:var(--ink4);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.done-actions{margin-top:var(--space-6);display:flex;gap:var(--space-3)}.video-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0908f0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:300;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4)}.video-overlay.fullscreen .video-screen{width:100%;max-width:none;height:calc(100vh - 180px);aspect-ratio:auto}.video-overlay.fullscreen .video-info{display:none}.video-close{position:absolute;top:var(--space-4);right:var(--space-4);width:40px;height:40px;border-radius:50%;background:#ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all var(--dur-base)}.video-close:hover{background:#ffffff26}.video-screen{width:90%;max-width:800px;aspect-ratio:16/9;border-radius:var(--radius-lg);overflow:hidden;position:relative;background:#000;cursor:pointer}.video-screen img{width:100%;height:100%;object-fit:cover}.video-screen.playing img{filter:brightness(.3)}.video-play-big{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:#ffffff1f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1.5px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;transition:all .2s;color:#fff;pointer-events:none}.waveform{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:flex-end;gap:3px;height:32px}.waveform-bar{width:4px;background:#fff;border-radius:2px;animation:waveBar .8s ease-in-out infinite alternate}.video-controls{width:90%;max-width:800px;margin-top:var(--space-2);background:#ffffff0f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.video-overlay.fullscreen .video-controls{width:100%;max-width:none}.video-scrubber{width:100%;height:3px;background:#ffffff26;border-radius:3px;cursor:pointer;position:relative;margin-bottom:var(--space-3)}.video-scrubber-fill{height:100%;background:#fff;border-radius:3px;position:relative}.video-scrubber-thumb{position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0000004d}.video-controls-row{display:flex;align-items:center;gap:var(--space-3)}.video-ctrl-btn{background:none;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;padding:2px;transition:opacity var(--dur-base)}.video-ctrl-btn:hover{opacity:.7}.video-vol-slider{width:60px;height:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff3;border-radius:3px;outline:none}.video-vol-slider::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:#fff;cursor:pointer}.video-vol-slider::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#fff;cursor:pointer;border:none}.video-time{font-size:var(--text-sm);color:#fff9;font-variant-numeric:tabular-nums;margin-left:auto}.video-info{margin-top:var(--space-4);text-align:center;max-width:800px}.video-info-title{font-family:var(--serif);font-size:var(--text-2xl);color:#fff}.video-info-desc{font-size:var(--text-base);color:#ffffff8c;margin-top:var(--space-1)}.video-info-ver{display:inline-block;margin-top:var(--space-2);font-size:var(--text-xs);color:#fff9;background:#ffffff14;padding:3px 10px;border-radius:var(--radius-pill)}.review-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0908f5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:300;display:flex;flex-direction:column;color:var(--paper)}.review-topbar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0;flex-wrap:wrap}.review-topbar>:first-child{margin-right:auto}@media(max-width:600px){.review-topbar{gap:var(--space-2);padding:var(--space-2) var(--space-3)}}.review-close{width:36px;height:36px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--dur-base)}.review-close:hover{background:#ffffff29}.review-body{flex:1;display:flex;min-height:0;overflow:hidden}.review-stage{flex:1;display:flex;gap:var(--space-3);padding:var(--space-4);min-width:0}.review-overlay.compare-mode .review-stage{gap:var(--space-3)}.review-compare-sidebars{display:flex;flex-direction:column;gap:var(--space-3);width:280px;min-width:0;overflow:hidden}.review-compare-sidebar-col{flex:1;display:flex;flex-direction:column;min-height:0;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);overflow:hidden;background:#ffffff05}.review-compare-sidebar-head{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--teal);border-bottom:1px solid rgba(255,255,255,.06);background:#5eead40a;flex-shrink:0}.review-compare-sidebar-col .feedback-sidebar{flex:1;min-height:0;border:none;border-radius:0;background:transparent}.player-panel{flex:1;display:flex;flex-direction:column;min-width:0;gap:var(--space-3)}.player-panel-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:#ffffff8c;padding:0 var(--space-2)}.player-screen{position:relative;aspect-ratio:16/9;background:#000;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;flex-shrink:0}.player-screen .thumb-wrap{width:100%;height:100%}.player-screen img{filter:brightness(.8)}.player-screen:hover img{filter:brightness(.95)}.player-video{width:100%;height:100%;object-fit:contain;background:#000;display:block}.player-play-big{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:#ffffff1f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1.5px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:#fff;pointer-events:none}.player-overlay-drawing{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;animation:drawingFlash 3.5s ease-out}.player-loop-badge{position:absolute;top:var(--space-3);left:var(--space-3);background:#141210d9;color:#fff;border:1px solid rgba(255,255,255,.18);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:6;font-variant-numeric:tabular-nums;font-family:var(--sans)}.player-loop-badge:hover{background:#282420f2}.player-pause-comment{position:absolute;left:50%;bottom:var(--space-4);transform:translate(-50%);max-width:80%;background:#141210eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);padding:var(--space-4);color:#fff;box-shadow:var(--shadow-lg);animation:popIn .2s var(--ease-spring);z-index:6}.player-pause-comment-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2);font-size:var(--text-sm)}.player-pause-comment-author{font-weight:600}.player-pause-comment-time{color:#ffffff8c;font-variant-numeric:tabular-nums}.player-pause-comment-body{font-size:var(--text-base);line-height:1.5;color:#ffffffeb;margin-bottom:var(--space-3)}.player-pause-comment-actions{display:flex;gap:var(--space-2);justify-content:flex-end}@keyframes drawingFlash{0%{opacity:0}10%{opacity:1}80%{opacity:1}to{opacity:0}}.player-controls{background:#ffffff0f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);border:1px solid rgba(255,255,255,.06)}.player-scrubber-track{position:relative;height:24px;cursor:pointer;margin-bottom:var(--space-2);display:flex;align-items:center}.player-scrubber-track:before{content:"";position:absolute;left:0;right:0;height:4px;background:#ffffff26;border-radius:3px;pointer-events:none}.player-scrubber-fill{position:relative;height:4px;background:#fff;border-radius:3px;pointer-events:none}.player-scrubber-thumb{position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 6px #0006}.player-ctrl-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}@media(max-width:520px){.player-ctrl-row{gap:var(--space-2)}.player-ctrl-row .player-time{font-size:var(--text-xs)}.player-comment-btn{padding:6px 10px;font-size:var(--text-sm);margin-left:auto}}.player-ctrl-btn{background:none;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;padding:var(--space-1);transition:opacity var(--dur-base)}.player-ctrl-btn:hover{opacity:.7}.player-vol-slider{width:60px;height:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff3;border-radius:3px;outline:none}.player-vol-slider::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:#fff;cursor:pointer}.player-vol-slider::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#fff;cursor:pointer;border:none}.player-rate{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.18);padding:3px 8px;border-radius:var(--radius-sm);font-family:var(--sans);font-size:var(--text-xs);cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;min-width:44px;text-align:center}.player-rate:hover{background:#ffffff29}.player-time{font-size:var(--text-sm);color:#ffffffa6;font-variant-numeric:tabular-nums;margin-left:auto}.player-comment-btn{background:var(--teal);color:#fff;border:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--sans);transition:opacity var(--dur-base)}.player-comment-btn:hover{opacity:.85}.scrub-preview{position:absolute;bottom:calc(100% + 8px);transform:translate(-50%);pointer-events:none;z-index:8;display:flex;flex-direction:column;align-items:center;gap:4px}.scrub-preview-video{width:160px;height:90px;border-radius:var(--radius-sm);background:#000;border:2px solid white;box-shadow:var(--shadow-md);object-fit:cover}.scrub-preview-placeholder{width:160px;height:90px;border-radius:var(--radius-sm);background:var(--paper3);border:2px solid white}.scrub-preview-time{font-size:var(--text-xs);color:#fff;background:#000000b3;padding:2px 6px;border-radius:var(--radius-sm);font-variant-numeric:tabular-nums;font-weight:600}.scrub-markers{position:absolute;left:0;right:0;top:50%;height:14px;transform:translateY(-50%);pointer-events:none}.scrub-pip{position:absolute;bottom:8px;width:10px;height:10px;border-radius:50%;border:2px solid white;transform:translate(-50%);cursor:pointer;pointer-events:auto;padding:0;box-shadow:0 1px 4px #0006}.scrub-pip:hover{transform:translate(-50%) scale(1.3)}.scrub-range{position:absolute;bottom:9px;height:6px;border-radius:3px;opacity:.7;cursor:pointer;pointer-events:auto;border:1px solid rgba(255,255,255,.5);padding:0}.scrub-range:hover{opacity:1}.scrub-status-resolved,.scrub-status-completed{opacity:.4}.player-composer{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:var(--space-3)}.composer{display:flex;flex-direction:column;gap:var(--space-2)}.composer-head{display:flex;align-items:center;gap:var(--space-2)}.composer-anchor{font-size:var(--text-sm);color:var(--ink3);font-variant-numeric:tabular-nums;background:var(--paper2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.player-composer .composer-anchor{background:#ffffff1a;color:#ffffffd9}.composer-tool{background:var(--paper2);border:1px solid var(--rule);width:28px;height:28px;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ink3);transition:all var(--dur-base)}.composer-tool:hover{background:var(--paper3)}.composer-tool.active{background:var(--teal);color:#fff;border-color:var(--teal)}.player-composer .composer-tool{background:#ffffff14;border-color:#ffffff1f;color:#ffffffd9}.player-composer .composer-tool:hover{background:#ffffff29}.player-composer .composer-tool.active{background:var(--teal);color:#fff}.composer-drawing-chip{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--teal-light);color:var(--teal);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-sm);align-self:flex-start}.composer-drawing-chip button{background:none;border:none;color:inherit;cursor:pointer;font-size:14px;padding:0 var(--space-1)}.composer-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.composer-internal{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--ink4);cursor:pointer}.player-composer .composer-internal{color:#ffffffa6}.composer-actions{display:flex;gap:var(--space-2)}.composer-range-helper{font-size:var(--text-sm);color:#ffffffa6;padding:var(--space-2) 0 0}.composer-range-helper strong{color:#fff}.btn-link{background:none;border:none;color:var(--teal);text-decoration:underline;cursor:pointer;font:inherit;padding:0}.mention-input{position:relative}.mention-textarea{resize:vertical;min-height:60px}.player-composer .mention-textarea{background:#ffffff14;border-color:#ffffff1f;color:#fff}.player-composer .mention-textarea::placeholder{color:#fff6}.mention-menu{position:absolute;bottom:100%;left:0;margin-bottom:var(--space-1);background:#fff;border:1px solid var(--rule);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-1);z-index:50;min-width:220px;max-height:200px;overflow-y:auto}.mention-menu-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);width:100%;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--sans);text-align:left}.mention-menu-item:hover,.mention-menu-item.active{background:var(--paper)}.mention-menu-name{flex:1;font-size:var(--text-base);color:var(--ink)}.mention-menu-role{font-size:var(--text-xs);color:var(--ink4)}.mention-pill{font-weight:600;background:var(--teal-light);padding:1px 6px;border-radius:var(--radius-sm)}.tag-pill{font-weight:600;padding:1px 6px;border-radius:var(--radius-sm);font-size:.92em;white-space:nowrap}.tag-rose{color:var(--rose);background:var(--rose-light)}.tag-amber{color:var(--amber);background:var(--amber-light)}.tag-teal{color:var(--teal);background:var(--teal-light)}.tag-ink{color:var(--ink2);background:var(--paper2)}.cmt-sidebar{width:360px;flex-shrink:0;background:var(--paper);color:var(--ink);border-left:1px solid var(--rule);display:flex;flex-direction:column;min-height:0}.cmt-sidebar-inline{width:auto;background:transparent;color:inherit;border-left:none;padding:0;margin-top:var(--space-3)}.cmt-sidebar-head{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--rule);flex-shrink:0;background:#fff}.cmt-sidebar-inline .cmt-sidebar-head{padding:0 0 var(--space-2) 0;background:transparent;border-bottom:none}.cmt-sidebar-title{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-md);font-weight:600;margin-bottom:var(--space-2);color:var(--ink)}.cmt-sidebar-counts{display:flex;gap:var(--space-1)}.cmt-count{font-size:var(--text-xs);font-weight:600;padding:2px 8px;border-radius:var(--radius-pill);font-variant-numeric:tabular-nums}.cmt-count-open{background:var(--amber-light);color:var(--amber)}.cmt-count-resolved{background:var(--teal-light);color:var(--teal)}.cmt-count-completed{background:var(--rule);color:var(--ink3)}.cmt-sidebar-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.cmt-select{background:#fff;border:1px solid var(--rule);border-radius:var(--radius-sm);padding:3px 6px;font-size:var(--text-xs);font-family:var(--sans);color:var(--ink2);cursor:pointer;max-width:110px}.cmt-sidebar-toggle{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--ink3);cursor:pointer}.cmt-list{flex:1;overflow-y:auto;padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-2)}.cmt-sidebar-inline .cmt-list{padding:0;gap:var(--space-3);overflow:visible}.cmt-empty{padding:var(--space-7) var(--space-4);text-align:center;color:var(--ink4)}.cmt-empty-icon{font-size:32px;margin-bottom:var(--space-2)}.cmt-empty-title{font-family:var(--serif);font-size:var(--text-lg);color:var(--ink2);margin-bottom:var(--space-1)}.cmt-empty-sub{font-size:var(--text-sm)}.cmt-sidebar-composer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--rule);background:#fff;flex-shrink:0}.cmt-typing{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-xs);color:var(--ink4);border-top:1px solid var(--rule2);flex-shrink:0;background:var(--paper)}.cmt-typing-dots{display:inline-flex;gap:3px}.cmt-typing-dots span{width:4px;height:4px;border-radius:50%;background:var(--ink4);animation:typingDot 1.2s ease-in-out infinite}.cmt-typing-dots span:nth-child(2){animation-delay:.15s}.cmt-typing-dots span:nth-child(3){animation-delay:.3s}@keyframes typingDot{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.cmt-section-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ink4);padding:var(--space-2) var(--space-2) var(--space-1)}.cmt-section-divider{height:1px;background:var(--rule);margin:var(--space-2) var(--space-2)}.cmt{background:#fff;border:1px solid var(--rule);border-radius:var(--radius-md);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);transition:opacity var(--dur-base)}.cmt.is-resolved{opacity:.6}.cmt.is-pinned{border-color:var(--amber);box-shadow:0 0 0 1px var(--amber-light)}.cmt-pin-marker{font-size:var(--text-xs);color:var(--amber);font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-1)}.cmt-head{display:flex;align-items:flex-start;gap:var(--space-2)}.cmt-head-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.cmt-head-line{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.cmt-author{font-weight:600;color:var(--ink)}.cmt-meta{color:var(--ink4);font-size:var(--text-xs)}.cmt-internal{font-size:9px;text-transform:uppercase;letter-spacing:.06em;background:var(--paper2);color:var(--ink3);padding:1px 5px;border-radius:3px;font-weight:600}.cmt-time{background:var(--paper);border:1px solid var(--rule);color:var(--ink3);font-size:var(--text-xs);padding:1px 6px;border-radius:var(--radius-sm);cursor:pointer;align-self:flex-start;font-variant-numeric:tabular-nums;font-family:var(--sans);transition:all var(--dur-base)}.cmt-time:hover{background:var(--teal-light);color:var(--teal);border-color:var(--teal)}.cmt-body{font-size:var(--text-base);color:var(--ink2);line-height:1.55;word-wrap:break-word}.cmt-edited{color:var(--ink4);font-size:var(--text-xs);font-style:italic;margin-left:4px}.cmt-edit-box{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2);background:var(--paper);border-radius:var(--radius-sm)}.cmt-drawing-thumb{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--sans)}.cmt-drawing-thumb:hover{background:var(--paper2)}.drawing-preview{width:80px;height:45px;background:var(--ink);border-radius:2px;flex-shrink:0}.cmt-drawing-label{font-size:var(--text-xs);color:var(--ink4);font-style:italic}.cmt-foot{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.cmt-action{background:none;border:none;color:var(--ink4);font-size:var(--text-sm);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:4px;font-family:var(--sans);transition:all var(--dur-base)}.cmt-action:hover{background:var(--paper);color:var(--ink2)}.cmt-action-delete:hover{color:var(--rose)}.cmt-replies{display:flex;flex-direction:column;gap:var(--space-2);padding-left:var(--space-4);border-left:2px solid var(--rule);margin-top:var(--space-1)}.cmt-reply{display:flex;gap:var(--space-2);padding:var(--space-2);background:var(--paper);border-radius:var(--radius-sm)}.cmt-reply-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.cmt-reply-box{padding:var(--space-2);background:var(--paper);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:var(--space-2)}.cmt-reply-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.reaction-bar{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap}.reaction-pill{display:inline-flex;align-items:center;gap:4px;background:var(--paper);border:1px solid var(--rule);padding:2px 8px;border-radius:var(--radius-pill);cursor:pointer;font-family:var(--sans);transition:all var(--dur-base)}.reaction-pill:hover{background:var(--paper2)}.reaction-pill.mine{background:var(--teal-light);border-color:var(--teal)}.reaction-emoji{font-size:14px;line-height:1}.reaction-count{font-size:var(--text-xs);color:var(--ink3);font-weight:600}.reaction-add-wrap{position:relative;display:inline-block}.reaction-add{background:none;border:1px dashed var(--rule);border-radius:50%;width:22px;height:22px;padding:0;cursor:pointer;color:var(--ink4);display:inline-flex;align-items:center;justify-content:center}.reaction-add:hover{color:var(--ink2);border-color:var(--ink4)}.reaction-picker{position:absolute;bottom:100%;left:0;margin-bottom:var(--space-1);background:#fff;border:1px solid var(--rule);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-1);display:flex;gap:2px;z-index:50}.reaction-picker-item{background:none;border:none;padding:4px;font-size:18px;cursor:pointer;border-radius:var(--radius-sm)}.reaction-picker-item:hover{background:var(--paper)}.status-chip-wrap{position:relative;display:inline-block}.status-chip{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-xs);font-weight:600;padding:3px 10px;border-radius:var(--radius-pill);cursor:pointer;border:1px solid;background:#fff;font-family:var(--sans)}.status-amber{color:var(--amber);border-color:var(--amber);background:var(--amber-light)}.status-teal{color:var(--teal);border-color:var(--teal);background:var(--teal-light)}.status-ink{color:var(--ink2);border-color:var(--ink3);background:var(--paper2)}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.status-amber-bg{background:var(--amber)}.status-teal-bg{background:var(--teal)}.status-ink-bg{background:var(--ink2)}.status-menu{position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border:1px solid var(--rule);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:4px;min-width:140px;z-index:50}.status-menu-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);width:100%;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--sans);font-size:var(--text-base);text-align:left;color:var(--ink2)}.status-menu-item:hover{background:var(--paper)}.status-menu-item.active{background:var(--teal-light)}.presence-bar{display:inline-flex;align-items:center;gap:var(--space-2);color:#ffffffd9;font-size:var(--text-sm)}.presence-dot{width:8px;height:8px;border-radius:50%;background:var(--teal);animation:presencePulse 2s ease-in-out infinite}@keyframes presencePulse{0%,to{box-shadow:0 0 #1d6a5bb3}50%{box-shadow:0 0 0 6px #1d6a5b00}}.presence-label{font-size:var(--text-xs);color:#ffffff8c;text-transform:uppercase;letter-spacing:.08em}.presence-stack{display:inline-flex;align-items:center}.presence-avatar{display:inline-block}.presence-more{font-size:var(--text-xs);color:#ffffffa6;margin-left:4px}.version-switcher{display:inline-flex;align-items:center;gap:var(--space-2)}.version-select{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.18);padding:6px 28px 6px var(--space-3);border-radius:var(--radius-md);font-family:var(--sans);font-size:var(--text-base);cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='white' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.version-compare{background:#ffffff14;border:1px solid rgba(255,255,255,.18);color:#fff;padding:6px var(--space-3);border-radius:var(--radius-md);font-family:var(--sans);font-size:var(--text-base);cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all var(--dur-base)}.version-compare:hover{background:#ffffff29}.version-compare.active{background:var(--teal);border-color:var(--teal)}.drawing-canvas-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column}.drawing-canvas{flex:1;cursor:crosshair;touch-action:none;background:#0003}.drawing-toolbar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#141210f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid rgba(255,255,255,.1);overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.drawing-toolbar>*{flex-shrink:0}.drawing-tool{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.12);width:28px;height:28px;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-family:var(--sans);padding:0 6px}.drawing-tool:hover{background:#ffffff29}.drawing-tool.active{background:var(--teal);border-color:var(--teal)}.drawing-tool:disabled{opacity:.3;cursor:not-allowed}.drawing-color{width:24px;height:24px;border-radius:50%;border:2px solid rgba(255,255,255,.2);cursor:pointer;padding:0}.drawing-color.active{border-color:#fff;transform:scale(1.15)}.drawing-divider{width:1px;height:20px;background:#ffffff26}.review-mobile-comments{background:#fff;color:var(--ink);max-height:50vh;overflow-y:auto;border-top:1px solid var(--rule);flex-shrink:0}.review-overlay.is-mobile .cmt-sidebar{width:100%;border-left:none}.review-overlay.is-mobile .review-stage{padding:var(--space-2)}.review-overlay.compare-mode .player-panel{min-width:0}@media(max-width:1100px){.review-overlay.compare-mode .review-body{flex-direction:column;overflow-y:auto}.review-overlay.compare-mode .review-stage{flex-direction:column;flex:0 0 auto}.review-overlay.compare-mode .review-compare-sidebars{width:100%;flex-direction:row;gap:var(--space-3);padding:0 var(--space-4) var(--space-4);flex:0 0 auto}.review-overlay.compare-mode .review-compare-sidebar-col{min-height:280px}}@media(max-width:700px){.review-overlay.compare-mode .review-compare-sidebars{flex-direction:column}}.toast-stack{position:fixed;bottom:var(--space-5);right:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);z-index:400;max-width:calc(100vw - var(--space-8));pointer-events:none}.toast{display:flex;align-items:flex-start;gap:var(--space-3);background:#fff;color:var(--ink);border:1px solid var(--rule);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-md);min-width:260px;max-width:360px;font-size:var(--text-base);animation:toastIn .22s var(--ease-spring);pointer-events:auto}.toast.leaving{animation:toastOut .18s var(--ease-out) forwards}.toast-icon{flex-shrink:0;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;margin-top:1px}.toast.success .toast-icon{background:var(--teal)}.toast.error .toast-icon{background:var(--rose)}.toast.info .toast-icon{background:var(--ink2)}.toast-msg{flex:1;line-height:1.5;color:var(--ink2)}.toast-close{background:none;border:none;color:var(--ink4);cursor:pointer;padding:0;flex-shrink:0;display:flex}.toast-close:hover{color:var(--ink2)}@keyframes toastIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes toastOut{to{opacity:0;transform:translate(20px)}}.mobile-tabs{display:none;overflow-x:auto;white-space:nowrap;padding:0 var(--space-4);border-bottom:1px solid var(--rule);background:var(--paper)}.mobile-tab{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) 14px;font-size:var(--text-base);color:var(--ink3);border-bottom:2px solid transparent;cursor:pointer;flex-shrink:0;background:none;border-top:none;border-left:none;border-right:none;font-family:var(--sans)}.mobile-tab.active{color:var(--teal);border-bottom-color:var(--teal);font-weight:500}.mobile-tab .badge{background:var(--amber-light);color:var(--amber);font-size:9px;padding:1px 5px;border-radius:var(--radius-sm);font-weight:600}.bottom-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a090866;z-index:150;animation:fadeIn .22s ease-out}.bottom-sheet{position:fixed;bottom:0;left:0;right:0;background:#fff;border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:90vh;overflow-y:auto;z-index:151;animation:sheetUp .3s var(--ease-spring);padding-bottom:env(safe-area-inset-bottom);touch-action:pan-y}.sheet-handle-area{padding:var(--space-2) 0 0;cursor:grab;touch-action:none}.sheet-handle-area:active{cursor:grabbing}.sheet-handle{width:36px;height:4px;border-radius:2px;background:var(--paper3);margin:var(--space-2) auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:900px){.review-body{flex-direction:column}.review-overlay .cmt-sidebar:not(.cmt-sidebar-inline){display:none}.review-overlay.compare-mode .review-compare-sidebar-col .cmt-sidebar:not(.cmt-sidebar-inline){display:flex}.review-stage{padding:var(--space-3)}}@media(max-width:767px){.sidebar{display:none!important}.mobile-tabs{display:flex}.admin-layout{display:block;height:calc(100vh - 94px)}.main-panel{overflow-x:hidden;padding:var(--space-5) var(--space-4)}.detail-panel{display:none}.main-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.stat-strip{flex-direction:column}.stat-cell+.stat-cell{border-left:none;border-top:1px solid var(--rule)}.deliv-feedback{display:none}.project-meta{flex-wrap:wrap}.btn-share{display:none}.portal-title{font-size:var(--text-4xl)}.portal-header{padding:28px var(--space-4) var(--space-6)}.stack-area{padding:var(--space-5) var(--space-4) var(--space-3)}.action-btn.reject,.action-btn.approve-btn{width:48px;height:48px}.action-btn.play{width:40px;height:40px}.pill{font-size:var(--text-sm);padding:5px var(--space-3)}.modal-overlay{padding:0;align-items:flex-end}.modal{width:100%;max-width:none;border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:92vh;animation:sheetUp .3s var(--ease-spring);padding-bottom:env(safe-area-inset-bottom)}.form-row{flex-direction:column;gap:0}.toast-stack{left:var(--space-4);right:var(--space-4);bottom:var(--space-4);align-items:center}.toast{width:100%;max-width:none;min-width:0}}@media(max-width:400px){.pill{padding:5px var(--space-2);font-size:var(--text-xs)}}@media(min-width:768px)and (max-width:1023px){.sidebar{width:200px}.sidebar-item{font-size:var(--text-base);padding:var(--space-2) 14px;gap:var(--space-2)}.detail-panel{position:fixed;top:52px;right:0;bottom:0;width:360px;box-shadow:var(--shadow-lg);z-index:90}.stack-container{max-width:380px}.main-panel{padding:var(--space-6)}}@media(min-width:1024px){.sidebar{width:240px}.detail-panel{width:380px}.stack-container{max-width:420px}}.neural-badge{display:inline-flex;align-items:center;gap:4px;padding:3px var(--space-2);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:700;letter-spacing:.02em;line-height:1;white-space:nowrap;border:1px solid transparent;background:var(--paper2);color:var(--ink);cursor:default;-webkit-user-select:none;user-select:none;font-family:var(--mono);text-transform:uppercase}.neural-badge.is-strong{background:var(--lime-light);color:var(--lime-ink);border-color:var(--lime-mid)}.neural-badge.is-okay{background:var(--orange-light);color:var(--orange-deep);border-color:var(--orange-mid)}.neural-badge.is-weak{background:var(--rose-light);color:var(--rose);border-color:#c8333340}.neural-badge.is-mock{border-style:dashed;opacity:.92}.neural-badge-num{font-size:var(--text-sm);font-weight:800}.neural-badge.is-idle,.neural-badge.is-error{background:var(--paper2);color:var(--ink3);border:1px dashed var(--rule);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);font-weight:600}.neural-badge.is-idle:hover,.neural-badge.is-error:hover,.neural-badge.is-analyzing{background:var(--indigo-light);color:var(--indigo);border-color:var(--indigo-mid)}.neural-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--indigo);display:inline-block;animation:neural-pulse 1.1s ease-in-out infinite}@keyframes neural-pulse{0%,to{opacity:.3;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}.neural-heatmap{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);width:100%;height:18px;border-radius:3px;pointer-events:none;z-index:0;opacity:.85}.player-scrubber-track .player-scrubber-fill,.player-scrubber-track .scrub-markers{position:relative;z-index:1}.player-scrubber-track:before{z-index:0}.scrub-pip.is-neural{width:12px;height:12px;border-radius:3px;transform:translate(-50%) rotate(45deg);border:2px solid white;box-shadow:0 1px 6px #00000080;bottom:6px;z-index:2}.scrub-pip.is-neural:hover{transform:translate(-50%) rotate(45deg) scale(1.25)}.scrub-pip.is-neural.peak{background:var(--lime)}.scrub-pip.is-neural.dead{background:var(--rose)}.neural-score-panel{border-bottom:1px solid var(--rule);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);background:linear-gradient(180deg,var(--indigo-light) 0%,rgba(99,28,236,0) 100%)}.neural-panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.neural-panel-title{font-family:var(--display);font-size:var(--text-md);font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:var(--ink);margin:0}.neural-demo-chip{font-size:var(--text-xs);padding:2px var(--space-2);border-radius:var(--radius-pill);background:var(--paper3);color:var(--ink3);border:1px dashed var(--rule);font-family:var(--mono);text-transform:uppercase;letter-spacing:.03em}.neural-panel-empty-copy{margin:0;font-size:var(--text-sm);color:var(--ink3);line-height:1.5}.neural-score-hero{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--paper);border:1px solid var(--rule)}.neural-score-hero.is-strong{border-color:var(--lime-mid);background:var(--lime-light)}.neural-score-hero.is-okay{border-color:var(--orange-mid);background:var(--orange-light)}.neural-score-hero.is-weak{border-color:#c8333340;background:var(--rose-light)}.neural-score-hero-num{font-family:var(--display);font-size:var(--text-4xl);font-weight:900;line-height:1;color:var(--ink);min-width:54px;text-align:center}.neural-score-hero-meta{flex:1;min-width:0}.neural-score-hero-band{font-family:var(--mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--ink3);margin-bottom:2px}.neural-score-hero-copy{font-size:var(--text-sm);color:var(--ink2);line-height:1.4}.neural-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.neural-stat{background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius-md);padding:var(--space-2);text-align:center;min-width:0}.neural-stat.is-neg{background:var(--rose-light);border-color:#c8333333}.neural-stat-label{font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink4);margin-bottom:2px}.neural-stat-value{font-family:var(--display);font-size:var(--text-lg);font-weight:800;color:var(--ink);line-height:1}.neural-stat-suffix{font-size:9px;color:var(--ink4);margin-left:1px}.neural-jumps{display:flex;flex-direction:column;gap:var(--space-2)}.neural-jump-group{display:flex;flex-direction:column;gap:4px}.neural-jump-label{font-family:var(--mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--ink3)}.neural-jump-chips{display:flex;flex-wrap:wrap;gap:4px}.neural-jump-chip{padding:3px var(--space-2);border-radius:var(--radius-sm);font-family:var(--mono);font-size:var(--text-xs);border:1px solid var(--rule);background:var(--paper);color:var(--ink);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.neural-jump-chip:hover{transform:translateY(-1px)}.neural-jump-chip.is-peak{background:var(--lime-light);border-color:var(--lime-mid);color:var(--lime-ink)}.neural-jump-chip.is-dead{background:var(--rose-light);border-color:#c8333333;color:var(--rose)}.neural-panel-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.neural-run-btn,.neural-import-btn{flex:1;min-width:0;padding:6px var(--space-3);font-family:var(--mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius-md);border:1px solid var(--rule);background:var(--paper);color:var(--ink);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.neural-run-btn{background:var(--indigo);color:var(--paper);border-color:var(--indigo);font-weight:700}.neural-run-btn:hover{background:#4e12c2;border-color:#4e12c2}.neural-run-btn:disabled{opacity:.6;cursor:not-allowed}.neural-import-btn:hover{background:var(--paper2)}.neural-panel-error{font-size:var(--text-xs);color:var(--rose);background:var(--rose-light);padding:var(--space-2);border-radius:var(--radius-sm)}.neural-footer{font-size:var(--text-xs);color:var(--ink4);text-align:center;padding-top:var(--space-2);border-top:1px dashed var(--rule);font-family:var(--mono);letter-spacing:.02em}@media(max-width:900px){.neural-stats-grid{grid-template-columns:repeat(2,1fr)}.neural-score-hero-num{font-size:var(--text-3xl);min-width:44px}.neural-panel-actions{flex-direction:column}.neural-run-btn,.neural-import-btn{flex:initial;width:100%}}@media(max-width:720px){.neural-badge{font-size:9px;padding:2px 6px}.neural-badge-num{font-size:10px}}.review-overlay.is-mobile .neural-score-panel{padding:var(--space-3);gap:var(--space-2)}.main-title em,.empty-title em,.modal-title em,.done-title em{font-style:normal;color:var(--ink);font-weight:800}.portal-header{background:var(--paper);padding:var(--space-6) var(--space-6) var(--space-4);text-align:left;border-bottom:1px solid var(--rule)}.portal-header:before{display:none}.portal-title{color:var(--ink);font-size:var(--text-3xl);font-weight:800;text-transform:none;letter-spacing:-.015em;line-height:1.1}.portal-sub{color:var(--ink4);margin-top:var(--space-1)}.login-title em{font-style:normal;color:var(--orange);font-weight:700}.logo,.login-logo{font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:-.02em}.logo sup,.login-logo sup{color:var(--orange);font-weight:600;text-transform:none;letter-spacing:0}.main-title,.login-title,.detail-title,.modal-title,.done-title,.fb-dialog-title,.empty-title,.portal-title,.status-group-title,.approval-hero-title,.share-empty-title,.cmt-empty-title,.video-info-title{font-family:var(--display);font-weight:700;letter-spacing:-.015em}.stat-num{font-family:var(--display);font-weight:900;color:var(--ink)}.stat-num.amber{color:var(--indigo)}.stat-num.teal{color:var(--lime-ink)}.stat-num.rose{color:var(--rose)}.card-stamp{font-family:var(--display);font-weight:900;letter-spacing:.04em}.project-initial{font-family:var(--display);font-weight:800;color:var(--ink);background:var(--paper2);border:1px solid var(--rule)}.topbar-client-mode-eyebrow,.popover-label,.login-divider,.form-label,.pill-label{font-family:var(--mono);font-weight:500;letter-spacing:.08em;text-transform:uppercase}.btn-create{background:var(--ink);color:var(--paper);border-radius:var(--radius-md);font-family:var(--sans);font-weight:600;letter-spacing:.01em;text-transform:none;position:relative}.btn-create:not(:disabled):hover{background:var(--orange);color:var(--ink);opacity:1}.pill.active{background:var(--ink);color:var(--paper);box-shadow:0 0 0 1px var(--ink),0 2px 6px #21201d2e}.pill-switcher{background:var(--paper);border:1px solid var(--rule)}.pill-badge{background:var(--orange);color:var(--ink);font-weight:700}.login-screen{background:var(--wireframe),radial-gradient(ellipse at 20% 10%,rgba(253,79,55,.08) 0%,transparent 50%),linear-gradient(135deg,var(--paper) 0%,var(--paper2) 100%);background-size:auto,auto,auto;position:relative;overflow:hidden}.login-screen:before{content:"GREENLIGHT";position:absolute;top:var(--space-6);left:var(--space-6);font-family:var(--display);font-weight:900;font-size:var(--text-xs);letter-spacing:.18em;color:var(--ink);opacity:.6}.login-screen:after{content:"A CONTENT FORGE PRODUCT";position:absolute;bottom:var(--space-6);right:var(--space-6);font-family:var(--mono);font-weight:500;font-size:var(--text-xs);letter-spacing:.22em;color:var(--ink3);text-transform:uppercase}.login-card{background:var(--paper);border:1px solid var(--ink);border-radius:var(--radius-lg);box-shadow:8px 8px 0 var(--ink);position:relative}.login-card:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:6px;background:var(--orange);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.login-logo{font-size:36px;letter-spacing:-.03em;margin-top:var(--space-3)}.login-title{font-size:var(--text-3xl);line-height:1.1}.login-submit{background:var(--orange);color:var(--ink);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.login-submit:not(:disabled):hover{background:var(--ink);color:var(--orange)}.login-tab.active{background:var(--ink);color:var(--paper)}.topbar{border-bottom:2px solid var(--ink);background:var(--paper)}.logo{font-size:var(--text-2xl)}.approval-hero-title{font-weight:800;text-transform:uppercase;letter-spacing:.02em}[class*=status-approved],[data-status=approved],.status-approved{background:var(--lime-light);color:var(--lime-ink);border-color:var(--lime)}[class*=status-changes],[data-status=changes],.status-changes{background:var(--orange-light);color:var(--orange-deep);border-color:var(--orange)}[class*=status-pending],[data-status=pending],.status-pending{background:var(--indigo-light);color:var(--indigo);border-color:var(--indigo)}.notif-dot{background:var(--indigo)!important;color:#fff!important}.pin-marker,.comment-pin{background:var(--indigo);box-shadow:0 0 0 2px var(--orange),0 0 0 3px var(--paper)}@keyframes cf-glitch{0%,to{transform:translate(0);filter:none}20%{transform:translate(-1px,1px);filter:hue-rotate(-15deg)}40%{transform:translate(1px,-1px);filter:hue-rotate(10deg)}60%{transform:translate(-1px);filter:none}}.deliv-row:hover .deliv-thumb,.card:hover .card-thumb,.thumbnail:hover img{animation:cf-glitch .24s steps(2,end)}@keyframes cf-scanline{0%{opacity:.4}to{opacity:.9}}.player-scrubber .scrubber-played,.waveform-played,.player-progress-filled{background:var(--orange)!important;box-shadow:0 0 8px var(--orange-mid)}@keyframes cf-toast-in{0%{opacity:0;transform:translate(-20px) skew(-8deg)}to{opacity:1;transform:translate(0) skew(0)}}.toast{animation:cf-toast-in .18s var(--ease-spring) both;border-left:3px solid var(--orange)}.toast.success{border-left-color:var(--lime)}.toast.error{border-left-color:var(--rose)}.main-content{position:relative}.form-input{background:var(--paper);border:1px solid var(--ink);border-radius:var(--radius-sm);font-family:var(--sans);transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.form-input:focus{border-color:var(--orange);box-shadow:0 0 0 3px var(--orange-light);outline:none}.workspace-item.active,.sidebar-item.active{position:relative}.workspace-item.active:before,.sidebar-item.active:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;background:var(--orange);border-radius:0 var(--radius-sm) var(--radius-sm) 0}