:root{--blue:#005ff9;--blue-hover:#0050d4;--blue-active:#0043b0;--blue-soft:#eaf1ff;--blue-soft-2:#f4f8ff;--blue-border:#c6dafe;--bg:#f6f7f9;--surface:#fff;--surface-2:#fafafb;--hover:#f2f3f5;--border:#e6e7ea;--border-strong:#d6d8dd;--text:#1b1d22;--text-2:#5c606b;--text-3:#8b909c;--green:#0f7b3d;--green-soft:#e8f4ed;--amber:#8a5a00;--amber-soft:#fdf3df;--red:#b3261e;--red-soft:#fdecea;--r-panel:12px;--r-card:8px;--r-control:6px;--shadow-sm:0 1px 2px #1018280a;--shadow-md:0 8px 24px #10182814;--sidebar-w:264px;--sidebar-rail-w:68px;--topbar-h:60px}*{box-sizing:border-box}html,body{height:100%;margin:0}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Segoe UI,system-ui,-apple-system,Helvetica Neue,sans-serif;font-size:14px;line-height:1.45}h1,h2,h3,h4,p{margin:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}input,select,textarea{font:inherit;color:inherit}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}[hidden]{display:none!important}.icon{flex:none;width:18px;height:18px}.icon-sm{flex:none;width:15px;height:15px}.shell{height:100dvh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);flex-direction:column;flex:none;gap:4px;min-width:0;padding:20px 12px 16px;transition:width .16s;display:flex;overflow-y:auto}.sidebar.is-collapsed{width:var(--sidebar-rail-w);padding-left:8px;padding-right:8px}.sidebar.is-collapsed .brand-text,.sidebar.is-collapsed .nav-item-label,.sidebar.is-collapsed .nav-label,.sidebar.is-collapsed .side-user-text{display:none}.sidebar.is-collapsed .brand{justify-content:center;padding:4px 0 18px}.sidebar.is-collapsed .nav-item,.sidebar.is-collapsed .side-user{justify-content:center;padding:0}.sidebar.is-collapsed .side-user{height:44px}.nav-drawer{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#14161a6b;animation:.14s nav-drawer-in;display:flex;position:fixed;inset:0}.sidebar.is-drawer{width:min(300px,86vw);height:100%;padding:16px 12px calc(16px + env(safe-area-inset-bottom));background:var(--bg);border-right:1px solid var(--border);box-shadow:var(--shadow-md);animation:.18s nav-drawer-slide}.sidebar.is-drawer .brand{padding-right:0}.sidebar-close{flex:none;margin-left:auto}@keyframes nav-drawer-in{0%{opacity:0}to{opacity:1}}@keyframes nav-drawer-slide{0%{transform:translate(-100%)}to{transform:none}}.canvas{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-panel) 0 0 0;border-bottom:none;border-right:none;flex-direction:column;flex:1;min-width:0;margin-top:12px;display:flex;overflow:hidden}.brand{align-items:center;gap:10px;padding:4px 10px 18px;display:flex}.brand-mark{background:var(--blue);color:#fff;border-radius:7px;flex:none;place-items:center;width:30px;height:30px;font-size:15px;font-weight:600;display:grid}.brand-text{min-width:0}.brand-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.brand-sub{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;margin-top:-1px;font-size:12px;overflow:hidden}.nav{flex-direction:column;gap:2px;display:flex}.nav-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-3);padding:14px 12px 6px;font-size:11px;font-weight:600}.nav-item{border-radius:var(--r-control);min-height:40px;color:var(--text-2);text-align:left;align-items:center;gap:11px;width:100%;padding:0 12px;display:flex;position:relative}.nav-item-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.nav-item:focus-visible,.side-user:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.nav-item .icon{color:var(--text-3)}.nav-item:hover{color:var(--text);background:#0000000b}.nav-item.active{color:var(--text);background:#0000000e;font-weight:600}.nav-item.active:before{content:"";background:var(--blue);border-radius:3px;width:3px;position:absolute;top:9px;bottom:9px;left:0}.nav-item.active .icon{color:var(--blue)}.nav-spacer{flex:1}.side-user{border-radius:var(--r-control);align-items:center;gap:10px;padding:10px 12px;display:flex}.side-user:hover{background:#0000000b}.avatar{background:var(--blue-soft);width:30px;height:30px;color:var(--blue);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:600;display:grid}.avatar.neutral{background:var(--hover);color:var(--text-2)}.side-user-text{text-align:left;min-width:0}.side-user-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;line-height:1.2;overflow:hidden}.side-user-role{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.2;overflow:hidden}.topbar{border-bottom:1px solid var(--border);flex-direction:column;flex:none;display:flex}.topbar-main{min-height:var(--topbar-h);align-items:center;gap:10px;padding:10px 28px;display:flex}.topbar h1{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:17px;font-weight:600;overflow:hidden}.topbar-spacer{flex:1;min-width:8px}.topbar-menu{flex:none}.topbar-search{min-width:0}.topbar-search-row{padding:0 16px 10px;display:none}.topbar-search-row .search{width:100%}.search{background:var(--bg);border-radius:var(--r-control);width:clamp(180px,26vw,340px);min-width:0;height:36px;color:var(--text-3);border:1px solid #0000;align-items:center;gap:9px;padding:0 12px;display:flex}.search:focus-within{background:var(--surface);border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.search input{min-width:0;color:var(--text);background:0 0;border:none;outline:none;flex:1}.search input::placeholder{color:var(--text-3)}.search kbd{color:var(--text-3);border:1px solid var(--border);background:var(--surface);border-radius:4px;padding:1px 5px;font-family:inherit;font-size:11px}.btn{border-radius:var(--r-control);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:7px;height:34px;padding:0 14px;font-size:13.5px;font-weight:600;display:inline-flex}.btn:focus-visible,.nav-item:focus-visible,.search input:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-hover)}.btn-primary:active{background:var(--blue-active)}.btn:disabled{cursor:not-allowed;opacity:.55}.btn-primary:disabled:hover{background:var(--blue)}.btn-secondary:disabled:hover{background:var(--surface)}.btn-secondary{background:var(--surface);border-color:var(--border-strong);color:var(--text);font-weight:500}.btn-secondary:hover{background:var(--hover)}a.btn:hover{text-decoration:none}.btn-ghost{color:var(--text-2);padding:0 10px;font-weight:500}.btn-ghost:hover{background:var(--hover);color:var(--text)}.btn-danger-ghost{color:var(--red);font-weight:500}.btn-danger-ghost:hover{background:var(--red-soft)}.icon-btn{border-radius:var(--r-control);width:32px;height:32px;color:var(--text-2);place-items:center;display:grid}.icon-btn:hover{background:var(--hover);color:var(--text)}.icon-btn.active{background:var(--blue-soft);color:var(--blue)}.icon-btn:disabled{cursor:not-allowed;opacity:.42}.icon-btn:disabled:hover{color:var(--text-2);background:0 0}.content{overscroll-behavior-y:contain;flex:1;min-width:0;padding:24px 28px 40px;overflow:hidden auto}.content-narrow{max-width:880px}.page-head{flex-wrap:wrap;align-items:flex-start;gap:12px 16px;margin-bottom:20px;display:flex}.page-head>div:first-child{flex:240px;min-width:0}.page-head h2{overflow-wrap:anywhere;font-size:20px;font-weight:600}.page-head .sub{color:var(--text-2);margin-top:3px;font-size:13.5px}.page-head-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.section-title{align-items:center;gap:8px;margin:26px 0 12px;font-size:15px;font-weight:600;display:flex}.section-title:first-child{margin-top:0}.section-title .link{margin-left:auto;font-size:13px;font-weight:500}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px;display:flex}.chip{border:1px solid var(--border-strong);background:var(--surface);height:30px;color:var(--text-2);border-radius:15px;align-items:center;gap:6px;padding:0 12px;font-size:13px;display:inline-flex}.chip:hover{background:var(--hover)}.chip.active{background:var(--blue-soft);border-color:var(--blue-border);color:var(--blue);font-weight:600}.select{border-radius:var(--r-control);border:1px solid var(--border-strong);background:var(--surface);height:30px;color:var(--text-2);padding:0 8px;font-size:13px}.toolbar-right{align-items:center;gap:4px;margin-left:auto;display:flex}.video-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;display:grid}.video-card{cursor:pointer;border-radius:var(--r-card)}.thumb{aspect-ratio:16/9;border-radius:var(--r-card);border:1px solid var(--border);background:linear-gradient(#e8ebf1,#dde1e9);place-items:center;transition:border-color .12s;display:grid;position:relative;overflow:hidden}.video-card:hover .thumb{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.video-card:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.video-card.is-active .thumb{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.video-card.is-active .video-title{color:var(--blue)}.video-card.is-active .play{display:none}.thumb .now-playing{z-index:1;color:#fff;background:#005ff9eb;border-radius:4px;align-items:center;gap:5px;padding:3px 8px;font-size:11.5px;font-weight:600;display:inline-flex;position:absolute;top:8px;left:8px}.thumb .now-playing .icon-sm{width:11px;height:11px}.thumb-image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.thumb .play{z-index:1;width:42px;height:42px;color:var(--text);box-shadow:var(--shadow-sm);background:#ffffffeb;border-radius:50%;place-items:center;transition:transform .12s;display:grid;position:relative}.video-card:hover .play{color:var(--blue);transform:scale(1.06)}.thumb .duration{z-index:1;color:#fff;background:#14161ac7;border-radius:4px;padding:2px 6px;font-size:11.5px;font-weight:600;position:absolute;bottom:8px;right:8px}.thumb .progress{background:#14161a26;height:3px;position:absolute;bottom:0;left:0;right:0}.thumb .progress i{background:var(--blue);height:100%;display:block}.video-meta{align-items:flex-start;gap:8px;padding:10px 2px 0;display:flex}.video-meta-main{flex:1;min-width:0}.video-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13.5px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.video-card:hover .video-title{color:var(--blue)}.video-sub{color:var(--text-3);margin-top:2px;font-size:12.5px}.fav-btn{color:var(--text-3);margin-top:1px}.fav-btn:hover{color:var(--text)}.fav-btn.is-fav{color:var(--blue)}.fav-btn.is-fav .icon-sm{fill:var(--blue)}.video-collection.as-list .video-grid{flex-direction:column;gap:0;display:flex}.video-collection.as-list .video-card{border-radius:var(--r-card);align-items:center;gap:14px;padding:10px 8px;display:flex}.video-collection.as-list .video-card:hover{background:var(--surface-2)}.video-collection.as-list .thumb{flex:none;width:168px}.video-collection.as-list .video-meta{flex:1;padding:0}.video-collection.as-list .video-title{-webkit-line-clamp:1}.video-row-scroll{grid-auto-columns:240px;grid-auto-flow:column;gap:16px;padding-bottom:6px;display:grid;overflow-x:auto}.folder-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.compact-folder-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-bottom:22px}.folder-card{border:1px solid var(--border);border-radius:var(--r-card);background:var(--surface);padding:16px}.folder-filter{color:inherit;cursor:pointer;text-align:left;transition:border-color .18s,background .18s,box-shadow .18s}.folder-filter:hover{border-color:var(--border-strong);background:var(--hover)}.folder-filter.active{border-color:var(--blue-border);background:var(--blue-soft-2);box-shadow:inset 0 0 0 1px var(--blue-border)}.folder-card-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.folder-icon{border-radius:var(--r-control);background:var(--blue-soft-2);width:34px;height:34px;color:var(--blue);place-items:center;display:grid}.folder-card h3{font-size:15px;font-weight:600}.folder-card p{min-height:38px;color:var(--text-2);margin-top:5px;font-size:13px}.folder-card-actions{align-items:center;gap:8px;margin-top:16px;display:flex}.folder-note{color:var(--text-3);font-size:12.5px}.player-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:28px;display:grid}.player-frame{aspect-ratio:16/9;border-radius:var(--r-panel);background:#16181d;place-items:center;display:grid;position:relative;overflow:hidden}.real-player{background:#111827}.player-video{object-fit:contain;background:#111827;width:100%;height:100%}.player-loading,.player-error{color:#fff;text-align:center;align-content:center;place-items:center;gap:8px;min-height:100%;padding:24px;display:grid}.player-error span{color:#ffffffb8;max-width:420px;font-size:13px}.player-floating-controls{z-index:3;color:#fff;background:linear-gradient(#0000,#080c14db);align-items:center;gap:10px;min-height:48px;padding:10px 14px 12px;display:flex;position:absolute;bottom:0;left:0;right:0}.player-volume{flex:none;align-items:center;gap:6px;display:flex}.player-volume-range{opacity:0;pointer-events:none;flex:none;width:0;min-width:0;transition:width .16s,opacity .16s}.player-volume:hover .player-volume-range,.player-volume:focus-within .player-volume-range{opacity:1;pointer-events:auto;width:68px}.player-native-btn{color:#fff;opacity:.92;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;display:grid}.player-native-btn:hover{opacity:1;background:#ffffff24}.player-time{color:#ffffffe0;font-variant-numeric:tabular-nums;flex:none;min-width:40px;font-size:11.5px;font-weight:600}.player-range{background:linear-gradient(to right, #fff 0 var(--progress,0%), #ffffff61 var(--progress,0%) 100%);appearance:none;cursor:pointer;border-radius:999px;flex:1;min-width:80px;height:4px}.player-range::-webkit-slider-thumb{appearance:none;background:#fff;border-radius:50%;width:13px;height:13px;box-shadow:0 1px 6px #00000052}.player-range::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:13px;height:13px;box-shadow:0 1px 6px #00000052}.player-frame .play{width:62px;height:62px;color:var(--text);cursor:pointer;background:#fffffff0;border-radius:50%;place-items:center;display:grid}.player-frame .play:hover{color:var(--blue)}.player-controls{background:linear-gradient(#0000,#0a0c10a6);flex-direction:column;gap:8px;padding:10px 14px 12px;display:flex;position:absolute;bottom:0;left:0;right:0}.player-track{background:#ffffff40;border-radius:2px;height:4px}.player-track i{background:var(--blue);border-radius:2px;width:34%;height:100%;display:block}.player-buttons{color:#fff;align-items:center;gap:14px;font-size:12px;display:flex}.player-buttons .icon-sm{cursor:pointer;opacity:.9}.player-buttons .time{opacity:.85}.player-buttons .right{gap:14px;margin-left:auto;display:flex}.player-info{padding:16px 2px 0}.player-info h2{font-size:18px;font-weight:600}.player-meta-row{color:var(--text-3);flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;font-size:13px;display:flex}.player-meta-row .dot:before{content:"·"}.player-actions{gap:8px;margin-top:14px;display:flex}.player-desc{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-card);color:var(--text-2);margin-top:16px;padding:14px 16px;font-size:13.5px;line-height:1.55}.related h3{margin-bottom:12px;font-size:14px;font-weight:600}.related-item{border-radius:var(--r-card);cursor:pointer;gap:10px;padding:8px;display:flex}.related-item:hover{background:var(--surface-2)}.related-item .thumb{border-radius:6px;flex:none;width:116px}.related-item .thumb .play{width:28px;height:28px}.related-item h4{font-size:13px;font-weight:600;line-height:1.35}.related-item p{color:var(--text-3);margin-top:2px;font-size:12px}.badge{white-space:nowrap;border-radius:11px;align-items:center;gap:6px;height:22px;padding:0 9px;font-size:12px;font-weight:600;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.badge.blue{background:var(--blue-soft);color:var(--blue)}.badge.green{background:var(--green-soft);color:var(--green)}.badge.amber{background:var(--amber-soft);color:var(--amber)}.badge.gray{background:var(--hover);color:var(--text-2)}.badge.red{background:var(--red-soft);color:var(--red)}.table-wrap{border:1px solid var(--border);border-radius:var(--r-card);-webkit-overflow-scrolling:touch;background:linear-gradient(to right, var(--surface) 40%, #fff0) left center / 28px 100% no-repeat local, linear-gradient(to left, var(--surface) 40%, #fff0) right center / 28px 100% no-repeat local, radial-gradient(farthest-side at 0 50%, #10182821, #10182800) left center / 11px 100% no-repeat scroll, radial-gradient(farthest-side at 100% 50%, #10182821, #10182800) right center / 11px 100% no-repeat scroll, var(--surface);overflow:auto hidden}table{border-collapse:collapse;width:100%;font-size:13.5px}.table-wrap table{min-width:760px}.table-wrap td:first-child{min-width:190px}th{text-align:left;color:var(--text-3);background:var(--surface-2);border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 16px;font-size:12px;font-weight:600}td{border-bottom:1px solid var(--border);vertical-align:middle;padding:11px 16px}tr:last-child td{border-bottom:none}tbody tr{cursor:default}tbody tr:hover td{background:var(--surface-2)}.cell-main{font-weight:600}.cell-sub{color:var(--text-3);margin-top:1px;font-size:12.5px}.cell-actions{text-align:right;white-space:nowrap}.cell-truncate{text-overflow:ellipsis;white-space:nowrap;max-width:34ch;display:block;overflow:hidden}.table-actions{justify-content:flex-end;align-items:center;gap:4px;display:inline-flex}.inline-badges{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.split{border:1px solid var(--border);border-radius:var(--r-panel);background:var(--surface);grid-template-columns:360px minmax(0,1fr);gap:0;min-height:480px;display:grid;overflow:hidden}.split-list{border-right:1px solid var(--border);overflow-y:auto}.request-item{text-align:left;border-bottom:1px solid var(--border);flex-direction:column;gap:5px;width:100%;padding:13px 16px;display:flex}.request-item:hover{background:var(--surface-2)}.request-item.active{background:var(--blue-soft-2);box-shadow:inset 3px 0 0 var(--blue)}.request-item .row1{align-items:center;gap:8px;display:flex}.request-item .folio{color:var(--text-3);font-size:12px}.request-item .row1 .badge{margin-left:auto}.request-item h4{font-size:13.5px;font-weight:600}.request-item p{color:var(--text-3);font-size:12.5px}.split-detail{padding:22px 26px;overflow-y:auto}.thread{flex-direction:column;gap:14px;margin-top:18px;display:flex}.msg{gap:12px;display:flex}.msg-body{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-card);color:var(--text-2);max-width:560px;padding:10px 14px;font-size:13.5px}.msg-body .who{color:var(--text);align-items:baseline;gap:8px;margin-bottom:3px;font-size:12.5px;font-weight:600;display:flex}.msg-body .who span{color:var(--text-3);font-size:12px;font-weight:400}.msg-video{border:1px solid var(--blue-border);background:var(--blue-soft-2);border-radius:var(--r-control);color:var(--blue);cursor:pointer;align-items:center;gap:8px;margin-top:8px;padding:7px 12px;font-size:13px;font-weight:600;display:inline-flex}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field>label{font-size:13px;font-weight:600}.field .hint{color:var(--text-3);font-size:12.5px}.input,.textarea,.select-full{border:1px solid var(--border-strong);border-radius:var(--r-control);background:var(--surface);outline:none;width:100%;height:36px;padding:0 12px}.textarea{resize:vertical;height:auto;min-height:88px;padding:10px 12px}.input:focus,.textarea:focus,.select-full:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.readonly-field{border:1px solid var(--border);border-radius:var(--r-control);background:var(--surface-2);min-height:36px;color:var(--text-2);align-items:center;padding:0 12px;display:flex}.public-code{letter-spacing:.08em;color:var(--blue);justify-content:center;font-size:20px;font-weight:700}.public-link-row{gap:8px;display:flex}.public-link-row .input{min-width:0}.segmented{border:1px solid var(--border);border-radius:var(--r-control);background:var(--surface-2);padding:3px;display:inline-flex}.segment{min-width:94px;height:30px;color:var(--text-2);border-radius:4px;padding:0 12px;font-weight:600}.segment.active{background:var(--surface);color:var(--blue);box-shadow:var(--shadow-sm)}.check-list{gap:8px;max-height:220px;display:grid;overflow-y:auto}.check-row{border:1px solid var(--border);border-radius:var(--r-control);background:var(--surface);text-align:left;align-items:center;gap:12px;width:100%;min-height:38px;padding:9px 12px;display:flex}.check-row:hover{background:var(--hover)}.check-row.active{border-color:var(--blue-border);background:var(--blue-soft-2);color:var(--blue);font-weight:600}.check-mark{border:1px solid var(--border-strong);color:#fff;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;display:grid}.check-row.active .check-mark{border-color:var(--blue);background:var(--blue)}.access-client{border-radius:var(--r-control);border:1px solid #0000;gap:8px;padding:6px;display:grid}.access-client.active{border-color:var(--blue-border);background:var(--blue-soft)}.access-client .check-row{border-color:#0000}.check-main{flex-direction:column;gap:1px;min-width:0;display:flex}.check-main strong{color:var(--text);font-weight:600}.check-main small{color:var(--text-3);font-size:12.5px}.color-row{grid-template-columns:minmax(0,1fr) 36px;align-items:center;gap:8px;display:grid}.color-swatch{border:1px solid var(--border);border-radius:var(--r-control);width:36px;height:36px}.color-pill{color:var(--text-2);align-items:center;gap:8px;display:inline-flex}.color-pill i{border:1px solid var(--border);border-radius:50%;width:12px;height:12px}.password-field{position:relative}.password-field .input{padding-right:42px}.password-toggle{border-radius:var(--r-control);width:32px;height:32px;color:var(--text-3);place-items:center;display:grid;position:absolute;top:2px;right:2px}.password-toggle:hover{background:var(--hover);color:var(--text)}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14161a47;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.modal{border:1px solid var(--border);border-radius:var(--r-panel);background:var(--surface);width:min(520px,100%);max-height:min(760px,100dvh - 48px);box-shadow:var(--shadow-md);flex-direction:column;display:flex;overflow:hidden}.modal>form,.modal>.modal-flow{flex-direction:column;flex:1;min-height:0;display:flex}.modal-sm{width:min(440px,100%)}.modal-lg{width:min(880px,100vw - 32px)}.btn-small{min-height:32px;padding:0 10px;font-size:12px}.template-fields-head{justify-content:space-between;align-items:center;margin:22px 0 10px;display:flex}.template-fields-head label{font-size:13px;font-weight:600}.template-field-columns{color:var(--text-3);text-transform:uppercase;grid-template-columns:minmax(150px,1.2fr) minmax(130px,1fr) 112px 94px 32px;gap:8px;padding:0 2px 6px;font-size:11px;font-weight:700;display:grid}.template-field-list{gap:8px;display:grid}.template-field-block{gap:7px;display:grid}.template-field-row{grid-template-columns:minmax(150px,1.2fr) minmax(130px,1fr) 112px 94px 32px;align-items:center;gap:8px;display:grid}.template-key{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.template-key-preview{border:1px solid var(--border);background:var(--surface-2);min-height:34px;color:var(--blue);text-overflow:ellipsis;white-space:nowrap;border-radius:5px;align-items:center;padding:0 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;display:flex;overflow:hidden}.template-options{grid-column:2/4;font-size:12px}.required-toggle{border:1px solid var(--border);background:var(--surface);min-height:34px;color:var(--text-2);cursor:pointer;border-radius:5px;font-size:11px}.required-toggle.active{border-color:var(--blue-border);background:var(--blue-soft);color:var(--blue)}.template-token-list{border:1px solid var(--border);border-radius:7px;display:grid;overflow:hidden}.template-token-list>div{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:11px 13px;font-size:13px;display:flex}.template-token-list>div:last-child{border-bottom:0}.template-token-list code{background:var(--surface-2);color:var(--blue);border-radius:4px;padding:4px 7px;font-size:12px}.template-upload-box{text-align:center;color:var(--text-2);justify-items:center;gap:8px;padding:28px 18px 10px;display:grid}.template-upload-box .icon{color:var(--blue)}.template-upload-box p,.template-upload-box small{color:var(--text-3);margin:0;font-size:12px}@media (width<=767.98px){.template-field-columns{display:none}.template-field-row{grid-template-columns:1fr 1fr 32px}.template-field-row select,.template-field-row .required-toggle{grid-column:span 1}.template-field-row .required-toggle{grid-column:1/span 2}}.modal-head{border-bottom:1px solid var(--border);flex:none;align-items:flex-start;gap:16px;padding:18px 18px 14px;display:flex}.modal-head>div{flex:1;min-width:0}.modal-head h3{font-size:16px;font-weight:600}.modal-head p{color:var(--text-2);margin-top:3px;font-size:13.5px}.modal-body{overscroll-behavior:contain;flex:1;min-height:0;padding:18px;overflow-y:auto}.modal-actions{padding:14px 18px calc(18px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--surface-2);flex-wrap:wrap;flex:none;justify-content:flex-end;gap:8px;display:flex}.back-link{color:var(--text-2);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0 0 10px;font-size:13px;display:inline-flex}.breadcrumbs{color:var(--text-3);flex-wrap:wrap;gap:7px;margin-top:5px;font-size:12.5px;display:flex}.breadcrumbs b{color:var(--border);margin-right:7px}.workspace-error{margin:0 0 16px}.workspace-loading{color:var(--text-2);padding:40px 0}.file-explorer{border:1px solid var(--border);background:var(--surface);border-radius:8px;overflow:hidden}.explorer-row{border:0;border-bottom:1px solid var(--border);text-align:left;width:100%;min-height:68px;color:var(--text);background:0 0;align-items:center;gap:12px;padding:11px 16px;display:flex}.explorer-row:last-child{border-bottom:0}.explorer-folder{cursor:pointer}.explorer-folder:hover{background:var(--surface-hover)}.explorer-icon{width:34px;height:34px;color:var(--blue);background:var(--blue-soft);border-radius:6px;flex:none;place-items:center;display:grid}.document-icon{color:var(--text-2);background:var(--surface-2)}.explorer-name{flex:1;gap:3px;min-width:0;display:grid}.explorer-name strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.explorer-name small,.version-row small,.activity-row small{color:var(--text-3);font-size:12px}.explorer-meta{color:var(--text-3);margin-right:8px;font-size:12px}.explorer-actions{gap:5px;display:flex}.version-list,.activity-list{border-top:1px solid var(--border);gap:0;display:grid}.version-row,.activity-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.version-row>span:first-child,.activity-row>span:last-child{gap:3px;display:grid}.version-actions{align-items:center;gap:8px;display:flex}.replace-file{border-top:1px solid var(--border);margin-top:18px;padding-top:16px}.replace-file p{color:var(--text-3);margin-top:8px;font-size:12px}.activity-row{justify-content:flex-start}.activity-dot{background:var(--blue);border-radius:50%;flex:none;width:8px;height:8px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.folder-share-row{justify-content:space-between;padding:0;overflow:hidden}.share-user-select{text-align:left;cursor:pointer;color:inherit;background:0 0;border:0;flex:1;align-items:center;gap:10px;padding:11px;display:flex}.contribution-toggle{border:1px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;border-radius:5px;margin-right:10px;padding:5px 8px;font-size:12px}.contribution-toggle.active{color:var(--blue);border-color:var(--blue);background:var(--blue-soft)}.public-folder-documents{margin-top:24px}.public-folder-back{margin:0 0 16px}@media (width<=767.98px){.explorer-meta{display:none}.page-head-actions{flex-wrap:wrap;justify-content:flex-end}}.success-panel{flex-direction:column;gap:12px;display:flex}.success-panel h4{font-size:16px;font-weight:600}.success-panel p{color:var(--text-2)}.credential-box{border:1px solid var(--border);border-radius:var(--r-card);background:var(--surface-2);flex-direction:column;gap:4px;padding:12px 14px;display:flex}.credential-box span{color:var(--text-3);font-size:12.5px}.credential-box strong{overflow-wrap:anywhere;font-weight:600}.toggle{background:var(--border-strong);border-radius:11px;flex:none;width:38px;height:21px;transition:background .15s;position:relative}.toggle:before{content:"";width:max(100%,44px);height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.toggle:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.toggle:after{content:"";width:15px;height:15px;box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;transition:left .15s;position:absolute;top:3px;left:3px}.toggle.on{background:var(--blue)}.toggle.on:after{left:20px}.settings-group{border:1px solid var(--border);border-radius:var(--r-card);background:var(--surface);margin-bottom:24px;overflow:hidden}.settings-row{border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:14px 18px;display:flex}.settings-row:last-child{border-bottom:none}.settings-row .grow{flex:1;min-width:0}.settings-row h4{font-size:13.5px;font-weight:600}.settings-row p{color:var(--text-3);margin-top:2px;font-size:12.5px}.compact-settings{margin-bottom:16px}.compact-settings .settings-row{padding:12px 14px}.settings-form{overflow:visible}.settings-fields{border-bottom:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:18px;display:grid}.settings-fields .field{margin-bottom:0}.settings-fields .field.full{grid-column:1/-1}.settings-actions{justify-content:flex-end;gap:10px;padding:14px 18px;display:flex}.settings-message{border-radius:var(--r-control);background:var(--green-soft);color:var(--green);margin:0 18px 16px;padding:10px 12px;font-size:13px;font-weight:600}.settings-message.error{background:var(--red-soft);color:var(--red)}.account-password-form{overflow:visible}.settings-security-icon{border-radius:var(--r-control);background:var(--blue-soft);width:34px;height:34px;color:var(--blue);flex:none;place-items:center;display:grid}@media (width<=767.98px){.settings-fields{grid-template-columns:1fr;padding:16px}.settings-fields .field.full{grid-column:auto}.settings-actions{flex-direction:column-reverse;padding:14px 16px}.settings-actions .btn{width:100%}.settings-message{margin-inline:16px}}.empty{text-align:center;color:var(--text-3);flex-direction:column;align-items:center;gap:8px;padding:56px 20px;display:flex}.empty .icon{width:30px;height:30px;color:var(--border-strong)}.empty h3{color:var(--text-2);font-size:14px;font-weight:600}.empty p{max-width:320px;font-size:13px}.recorder-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:28px;display:grid}.source-options{gap:12px;margin-bottom:16px;display:flex}.source-option{border:1px solid var(--border-strong);border-radius:var(--r-card);background:var(--surface);color:var(--text-2);flex-direction:column;flex:1;align-items:center;gap:8px;padding:18px 12px 14px;font-size:13px;font-weight:500;display:flex}.source-option:hover{background:var(--hover)}.source-option.active{border-color:var(--blue);background:var(--blue-soft-2);color:var(--blue);box-shadow:0 0 0 1px var(--blue) inset;font-weight:600}.rec-preview{aspect-ratio:16/9;border-radius:var(--r-panel);border:1px dashed var(--border-strong);background:var(--surface-2);color:var(--text-3);text-align:center;place-items:center;gap:4px;display:grid;position:relative;overflow:hidden}.rec-preview.counting{border-style:solid;border-color:var(--blue-border);background:#111827}.rec-video{object-fit:contain;background:#111827;width:100%;height:100%}.rec-placeholder{align-content:center;place-items:center;gap:8px;padding:24px;display:grid;position:absolute;inset:0}.countdown-number{z-index:2;background:var(--surface);width:86px;height:86px;color:var(--blue);box-shadow:var(--shadow-lg);border-radius:50%;place-items:center;font-size:42px;font-weight:700;display:grid;position:absolute}.rec-bar{align-items:center;gap:12px;margin-top:14px;display:flex}.rec-dot{background:var(--red);border-radius:50%;width:10px;height:10px}.rec-dot.active{box-shadow:0 0 0 5px var(--red-soft)}.recorder-message{margin:14px 0 0}.side-panel{border:1px solid var(--border);border-radius:var(--r-panel);background:var(--surface);padding:18px 18px 6px}.side-panel>h3{margin-bottom:14px;font-size:14px;font-weight:600}.inline-setting{margin:0 -4px 14px;padding:0 4px 14px}.rec-help{gap:10px;padding-bottom:14px;display:grid}.rec-help p{color:var(--text-3);font-size:12.5px;line-height:1.5}.invite-panel{max-width:460px;margin:48px auto 0;padding:24px}.invite-panel h2{margin-bottom:6px;font-size:20px;font-weight:600}.invite-panel .sub{color:var(--text-2);margin-bottom:18px}.guest-shell{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.guest-topbar{background:var(--surface);border-bottom:1px solid var(--border);flex:none;align-items:center;gap:12px;height:56px;padding:0 28px;display:flex}.guest-main{flex:1;width:100%;max-width:1040px;margin:0 auto;padding:32px 28px 64px}.public-video-main{flex:1;width:100%;max-width:1120px;margin:0 auto;padding:32px 28px 64px}.public-video-main h1{margin-top:18px;font-size:22px;font-weight:700}.public-video-main p{max-width:720px;color:var(--text-2);margin-top:8px;line-height:1.55}.public-video-main .public-folder-player{margin-top:0}.guest-topbar-brand{flex:none}.guest-topbar-divider{background:var(--border);flex:none;width:1px;height:28px;margin:0 6px}.guest-topbar-folder{flex-direction:column;gap:1px;min-width:0;display:flex}.guest-topbar-folder h1{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;line-height:1.25;overflow:hidden}.guest-topbar-meta{color:var(--text-3);white-space:nowrap;align-items:center;gap:14px;font-size:12px;display:flex}.guest-topbar-meta span{text-overflow:ellipsis;align-items:center;gap:5px;min-width:0;display:inline-flex;overflow:hidden}.guest-topbar-meta .icon-sm{width:13px;height:13px}.public-folder-lock-icon{border-radius:var(--r-card);background:var(--blue-soft);width:48px;height:48px;color:var(--blue);flex:none;place-items:center;display:grid}.public-folder-eyebrow{color:var(--text-3);font-size:12px;font-weight:600}.public-folder-lock h1{margin:3px 0 0}.public-folder-toolbar{justify-content:space-between;align-items:flex-end;gap:16px;margin:28px 0 14px;display:flex}.public-folder-section-head{min-width:0}.public-folder-section-head h2,.public-folder-player h2,.public-folder-empty h2{margin:0;font-size:17px;font-weight:600}.public-folder-section-head p,.public-folder-player-description,.public-folder-empty p{margin:4px 0 0;font-size:13px}.public-folder-collection{padding-bottom:20px}.public-folder-player{border:1px solid var(--border);border-radius:var(--r-panel);background:var(--surface);margin-top:24px;padding:18px}.public-folder-player-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.public-folder-player-head h2{margin-top:2px}.public-folder-player-description{max-width:none}.public-folder-empty{border:1px dashed var(--border-strong);border-radius:var(--r-card);color:var(--text-2);align-items:flex-start;gap:12px;padding:20px;display:flex}.public-folder-empty .icon{color:var(--text-3);margin-top:2px}.public-folder-lock{border:1px solid var(--border);border-radius:var(--r-panel);background:var(--surface);max-width:520px;box-shadow:var(--shadow-sm);margin:48px auto;padding:28px}.public-folder-lock .public-folder-lock-icon{margin-bottom:18px}.public-folder-lock .field{margin-top:22px}.public-folder-lock .btn{margin-top:16px}.guest-note{border:1px solid var(--blue-border);background:var(--blue-soft-2);border-radius:var(--r-card);color:var(--text-2);align-items:center;gap:10px;margin-bottom:26px;padding:11px 16px;font-size:13px;display:flex}.guest-note .icon-sm{color:var(--blue)}.guest-footer{text-align:center;color:var(--text-3);border-top:1px solid var(--border);padding:20px;font-size:12.5px}.proposal{max-width:780px;margin:0 auto;padding:64px 24px 96px}.proposal-header{margin-bottom:40px}.proposal h1{margin-top:14px;font-size:26px;font-weight:600}.proposal .lead{color:var(--text-2);max-width:560px;margin-top:10px;font-size:15px}.view-links{grid-template-columns:1fr 1fr;gap:14px;margin-top:28px;display:grid}.view-link{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-panel);color:var(--text);align-items:center;gap:14px;padding:18px;transition:border-color .12s,box-shadow .12s;display:flex}.view-link:hover{border-color:var(--blue-border);box-shadow:var(--shadow-md);text-decoration:none}.view-link .icon{color:var(--blue);width:20px;height:20px}.view-link h3{font-size:14.5px;font-weight:600}.view-link p{color:var(--text-3);margin-top:2px;font-size:13px}.view-link .arrow{color:var(--text-3);margin-left:auto}.token-row{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.token{border:1px solid var(--border);background:var(--surface);border-radius:var(--r-control);color:var(--text-2);align-items:center;gap:8px;padding:7px 12px;font-size:12.5px;display:flex}.token i{border-radius:4px;width:16px;height:16px;display:block}.muted{color:var(--text-3)}.small{font-size:12.5px}.mt-0{margin-top:0}.divider{background:var(--border);border:none;height:1px;margin:22px 0}@media (width<=1024px){.player-layout,.recorder-layout,.split{grid-template-columns:1fr}.split-list{border-right:none;border-bottom:1px solid var(--border);max-height:300px}.view-links{grid-template-columns:1fr}.search{width:200px}}@media (width<=767.98px){.public-video-main{padding:20px 16px 48px}.guest-topbar{padding:0 16px}.guest-topbar-brand,.guest-topbar-divider,.guest-topbar .btn .btn-label{display:none}.guest-topbar .btn{padding:0 10px}.public-folder-toolbar{flex-direction:column;align-items:stretch}.public-folder-toolbar .toolbar-right{justify-content:flex-end;margin-left:0}.video-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.video-collection.as-list .thumb{width:128px}.public-folder-player{padding:12px}.public-folder-player-head{flex-direction:column;align-items:stretch}.public-folder-player-head .btn{align-self:flex-start}}.pf-root{--pf-width:1120px;background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.pf-topbar{z-index:20;-webkit-backdrop-filter:saturate(180%)blur(10px);backdrop-filter:saturate(180%)blur(10px);border-bottom:1px solid var(--border);background:#ffffffe6;flex:none;position:sticky;top:0}.pf-topbar-inner{width:100%;height:60px;max-width:var(--pf-width);align-items:center;gap:14px;margin:0 auto;padding:0 24px;display:flex}.pf-brand{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.pf-brand-mark{background:var(--blue);color:#fff;border-radius:8px;flex:none;place-items:center;width:32px;height:32px;font-size:15px;font-weight:600;display:grid}.pf-brand-text{flex-direction:column;min-width:0;display:flex}.pf-brand-text b,.pf-brand-text small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pf-brand-text b{font-size:14px;font-weight:600;line-height:1.2}.pf-brand-text small{color:var(--text-3);font-size:12px}.pf-topbar-tag{background:var(--blue-soft);height:28px;color:var(--blue);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:7px;margin-left:auto;padding:0 12px;font-size:12.5px;font-weight:600;display:inline-flex}.pf-topbar-tag-short{display:none}.pf-main{width:100%;max-width:var(--pf-width);flex:1;margin:0 auto;padding:26px 24px 72px}.pf-main.is-busy{opacity:.5;pointer-events:none;transition:opacity .12s}.pf-crumbs{color:var(--text-3);flex-wrap:wrap;align-items:center;gap:2px;margin-bottom:14px;font-size:13px;display:flex}.pf-crumb-item{align-items:center;gap:2px;min-width:0;display:inline-flex}.pf-crumb{border-radius:var(--r-control);max-width:min(340px,45vw);min-height:30px;color:var(--text-2);font:inherit;text-overflow:ellipsis;white-space:nowrap;align-items:center;padding:0 8px;display:inline-flex;overflow:hidden}button.pf-crumb:hover{background:var(--hover);color:var(--text)}.pf-crumb.is-current{color:var(--text);font-weight:600}.pf-hero{border-bottom:1px solid var(--border);align-items:flex-start;gap:16px;margin-bottom:30px;padding-bottom:24px;display:flex}.pf-hero-icon{border-radius:var(--r-panel);background:var(--blue-soft);width:52px;height:52px;color:var(--blue);flex:none;place-items:center;display:grid}.pf-hero-text{flex:1;min-width:0}.pf-hero-text h1{letter-spacing:-.01em;overflow-wrap:anywhere;font-size:clamp(21px,3vw,26px);font-weight:650;line-height:1.25}.pf-hero-text p{max-width:64ch;color:var(--text-2);margin-top:7px;font-size:14.5px;line-height:1.55}.pf-hero-meta{flex-wrap:wrap;gap:8px;margin-top:15px;display:flex}.pf-hero-back{flex:none}.pf-chip{border:1px solid var(--border);background:var(--surface);height:28px;color:var(--text-2);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 11px;font-size:12.5px;display:inline-flex}.pf-chip .icon-sm{color:var(--text-3)}.pf-section{margin-bottom:36px}.pf-section:last-child{margin-bottom:0}.pf-section-head{margin-bottom:14px}.pf-section-head h2{font-size:15.5px;font-weight:650}.pf-section-head p{color:var(--text-3);margin-top:3px;font-size:13px}.pf-tasks{gap:12px;display:grid}.pf-task{border:1px solid var(--blue-border);background:var(--surface);width:100%;box-shadow:var(--shadow-sm);text-align:left;border-radius:10px;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px 20px 18px 22px;transition:border-color .12s,box-shadow .12s;display:grid;position:relative;overflow:hidden}.pf-task:before{content:"";background:var(--blue);width:3px;position:absolute;top:0;bottom:0;left:0}.pf-task:hover{border-color:var(--blue);box-shadow:0 6px 18px #005ff91a}.pf-task:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.pf-task-icon{background:var(--blue-soft);width:46px;height:46px;color:var(--blue);border-radius:10px;place-items:center;display:grid}.pf-task-text{flex-direction:column;min-width:0;display:flex}.pf-task-eyebrow{color:var(--blue);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:700}.pf-task-text b{color:var(--text);margin-top:4px;font-size:16px;font-weight:650}.pf-task-desc{color:var(--text-2);margin-top:4px;font-size:13.5px;line-height:1.5}.pf-task-meta{color:var(--text-3);flex-wrap:wrap;gap:8px 16px;margin-top:10px;font-size:12.5px;display:flex}.pf-task-meta>span{align-items:center;gap:6px;display:inline-flex}.pf-task-actions{align-items:center;gap:8px;display:flex}.pf-task-actions .btn{white-space:nowrap;height:38px;padding:0 14px}.pf-folders{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.pf-folder{border:1px solid var(--border);background:var(--surface);width:100%;min-height:68px;color:var(--text-3);text-align:left;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;transition:border-color .12s,background .12s;display:flex}.pf-folder:hover{border-color:var(--blue-border);background:var(--blue-soft-2)}.pf-folder:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.pf-folder-icon{background:var(--blue-soft);width:38px;height:38px;color:var(--blue);border-radius:8px;flex:none;place-items:center;display:grid}.pf-folder-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.pf-folder-text b{-webkit-line-clamp:2;color:var(--text);-webkit-box-orient:vertical;font-size:14px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.pf-folder-text small{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.pf-videos{grid-template-columns:repeat(auto-fill,minmax(252px,1fr));gap:22px 18px;display:grid}.pf-video{text-align:left;flex-direction:column;justify-content:flex-start;align-items:stretch;width:100%;display:flex}.pf-video:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:10px}.pf-video-thumb{aspect-ratio:16/9;border:1px solid var(--border);background:linear-gradient(#eaeef4,#dde2ea);border-radius:10px;place-items:center;transition:border-color .12s,box-shadow .12s;display:grid;position:relative;overflow:hidden}.pf-video:hover .pf-video-thumb{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.pf-video-image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.pf-video-play{z-index:1;width:46px;height:46px;color:var(--text);box-shadow:var(--shadow-sm);background:#fffffff0;border-radius:50%;place-items:center;transition:transform .12s,color .12s;display:grid;position:relative}.pf-video:hover .pf-video-play{color:var(--blue);transform:scale(1.07)}.pf-video-duration{z-index:1;color:#fff;font-variant-numeric:tabular-nums;background:#14161acc;border-radius:4px;padding:2px 7px;font-size:11.5px;font-weight:600;position:absolute;bottom:8px;right:8px}.pf-video-body{padding-top:11px;display:block}.pf-video-body b{-webkit-line-clamp:2;color:var(--text);-webkit-box-orient:vertical;font-size:14px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.pf-video-body small{-webkit-line-clamp:2;color:var(--text-3);-webkit-box-orient:vertical;margin-top:4px;font-size:12.5px;line-height:1.45;display:-webkit-box;overflow:hidden}.pf-video-action{color:var(--blue);align-items:center;gap:6px;margin-top:9px;font-size:13px;font-weight:600;display:inline-flex}.pf-docs{border:1px solid var(--border);background:var(--surface);border-radius:10px;overflow:hidden}.pf-doc{border-bottom:1px solid var(--border);color:var(--text);grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:14px;padding:13px 16px;display:grid}.pf-doc:last-child{border-bottom:0}.pf-doc:hover{background:var(--blue-soft-2);text-decoration:none}.pf-doc:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.pf-doc-icon{background:var(--hover);width:40px;height:40px;color:var(--text-2);border-radius:8px;place-items:center;display:grid}.pf-doc-icon.is-pdf{background:var(--red-soft);color:var(--red)}.pf-doc-icon.is-word{background:var(--blue-soft);color:var(--blue)}.pf-doc-icon.is-excel{background:var(--green-soft);color:var(--green)}.pf-doc-icon.is-image{background:var(--amber-soft);color:var(--amber)}.pf-doc-text{flex-direction:column;gap:4px;min-width:0;display:flex}.pf-doc-text b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.pf-doc-text small{color:var(--text-3);align-items:center;gap:8px;font-size:12.5px;display:flex}.pf-doc-type{background:var(--hover);height:19px;color:var(--text-2);letter-spacing:.02em;border-radius:4px;align-items:center;padding:0 7px;font-size:11px;font-weight:700;display:inline-flex}.pf-doc-type.is-pdf{background:var(--red-soft);color:var(--red)}.pf-doc-type.is-word{background:var(--blue-soft);color:var(--blue)}.pf-doc-type.is-excel{background:var(--green-soft);color:var(--green)}.pf-doc-type.is-image{background:var(--amber-soft);color:var(--amber)}.pf-doc-cta{border:1px solid var(--border-strong);border-radius:var(--r-control);background:var(--surface);height:34px;color:var(--text);white-space:nowrap;flex:none;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-size:13px;font-weight:600;display:inline-flex}.pf-doc:hover .pf-doc-cta{border-color:var(--blue);color:var(--blue)}.pf-empty{text-align:center;border:1px dashed var(--border-strong);border-radius:var(--r-panel);background:var(--surface);justify-items:center;padding:68px 20px;display:grid}.pf-empty-icon{border-radius:var(--r-panel);background:var(--surface-2);width:56px;height:56px;color:var(--text-3);place-items:center;margin-bottom:14px;display:grid}.pf-empty h2{font-size:16px;font-weight:650}.pf-empty p{max-width:44ch;color:var(--text-2);margin-top:5px;font-size:13.5px;line-height:1.5}.pf-alert{border-radius:var(--r-control);align-items:flex-start;gap:8px;margin-top:16px;padding:11px 13px;font-size:13px;line-height:1.45;display:flex}.pf-alert .icon-sm{flex:none;margin-top:1px}.pf-alert.is-error{background:var(--red-soft);color:var(--red)}.pf-alert.is-success{background:var(--green-soft);color:var(--green)}.pf-alert-block{margin:0 0 22px}.pf-skeleton{gap:14px;display:grid}.pf-skeleton-hero{align-items:center;gap:16px;margin-bottom:16px;display:flex}.pf-skeleton-lines{flex:1;gap:10px;display:grid}.pf-skeleton-block{background:linear-gradient(90deg, var(--hover) 25%, #eceef1 37%, var(--hover) 63%);background-size:400% 100%;border-radius:8px;animation:1.4s infinite pf-shimmer;display:block}.pf-skeleton-block.is-icon{border-radius:var(--r-panel);width:52px;height:52px}.pf-skeleton-block.is-title{width:min(280px,60%);height:24px}.pf-skeleton-block.is-text{width:min(420px,85%);height:14px}.pf-skeleton-block.is-row{height:68px}@keyframes pf-shimmer{0%{background-position:100%}to{background-position:0}}@media (prefers-reduced-motion:reduce){.pf-skeleton-block{animation:none}}.pf-footer{border-top:1px solid var(--border);color:var(--text-3);text-align:center;flex-wrap:wrap;flex:none;justify-content:center;gap:4px 10px;padding:20px 24px 26px;font-size:12.5px;display:flex}.pf-lock-wrap{flex:1;place-items:center;padding:44px 20px 80px;display:grid}.pf-lock{border:1px solid var(--border);background:var(--surface);width:100%;max-width:460px;box-shadow:var(--shadow-md);text-align:center;border-radius:14px;padding:34px 32px 28px}.pf-lock-icon{background:var(--blue-soft);width:54px;height:54px;color:var(--blue);border-radius:14px;place-items:center;margin:0 auto 18px;display:grid}.pf-lock h1{font-size:20px;font-weight:650}.pf-lock>p{color:var(--text-2);margin-top:9px;font-size:14px;line-height:1.55}.pf-lock>p b{color:var(--text);font-weight:600}.pf-lock-field{text-align:left;margin-top:24px}.pf-lock-submit{width:100%;height:44px;margin-top:20px;font-size:14.5px}.pf-lock-help{color:var(--text-3);margin-top:16px;font-size:12.5px;line-height:1.5}.pf-field{flex-direction:column;gap:7px;display:flex}.pf-field>label{align-items:baseline;gap:8px;font-size:13.5px;font-weight:600;display:flex}.pf-field>label em{color:var(--text-3);font-size:11px;font-style:normal;font-weight:500}.pf-field>small{color:var(--text-3);font-size:12.5px}.pf-input{border:1px solid var(--border-strong);border-radius:var(--r-control);background:var(--surface);width:100%;height:44px;color:var(--text);outline:none;padding:0 13px;font-size:15px;transition:border-color .12s,box-shadow .12s}.pf-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.pf-textarea{resize:vertical;height:auto;min-height:104px;padding:11px 13px;line-height:1.5}.pf-select{appearance:auto;padding-right:8px}.pf-password{position:relative}.pf-password .pf-input{padding-right:46px}.pf-password-toggle{border-radius:var(--r-control);width:34px;height:34px;color:var(--text-3);place-items:center;display:grid;position:absolute;top:5px;right:5px}.pf-password-toggle:hover{background:var(--hover);color:var(--text)}.pf-player{z-index:60;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0d14c7;flex-direction:column;padding:22px 24px 28px;display:flex;position:fixed;inset:0;overflow-y:auto}.pf-player-bar{align-items:center;gap:16px;width:100%;max-width:1080px;margin:0 auto 14px;display:flex}.pf-player-close{border-radius:var(--r-control);color:#fff;background:#ffffff24;flex:none;align-items:center;gap:8px;height:36px;padding:0 14px;font-size:13.5px;font-weight:600;display:inline-flex}.pf-player-close:hover{background:#ffffff3d}.pf-player-title{flex:1;min-width:0}.pf-player-title span{color:#ffffff9e;letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:700}.pf-player-title h2{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:16px;font-weight:600;overflow:hidden}.pf-player-x{color:#fff;background:#ffffff24;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid}.pf-player-x:hover{background:#ffffff3d}.pf-player-stage{width:100%;max-width:1080px;margin:0 auto}.pf-player-stage .player-frame{box-shadow:0 24px 60px #00000073}.pf-player-desc{color:#ffffffc7;margin-top:16px;font-size:13.5px;line-height:1.55}.pf-form-view{z-index:50;background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.pf-form-topbar{background:var(--surface);border-bottom:1px solid var(--border);flex:none;align-items:center;gap:18px;height:62px;padding:0 22px;display:flex}.pf-form-back{flex:none}.pf-form-back-short{display:none}.pf-form-title{flex:1;min-width:0}.pf-form-title span{color:var(--text-3);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:700}.pf-form-title h2{text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:16.5px;font-weight:650;overflow:hidden}.pf-form-progress{flex-direction:column;flex:none;align-items:flex-end;gap:6px;display:flex}.pf-form-progress-bar{background:var(--hover);border-radius:999px;width:148px;height:5px;display:block;overflow:hidden}.pf-form-progress-bar i{background:var(--blue);height:100%;transition:width .18s;display:block}.pf-form-progress small{color:var(--text-3);font-size:11.5px}.pf-form-body{flex:1;grid-template-columns:minmax(340px,4fr) minmax(0,8fr);min-height:0;display:grid}.pf-form-pane{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;min-width:0;padding:26px 26px 0;display:flex;overflow-y:auto}.pf-form-intro{border-bottom:1px solid var(--border);padding-bottom:22px}.pf-form-intro h3{font-size:17px;font-weight:650}.pf-form-intro p{color:var(--text-2);margin-top:7px;font-size:13.5px;line-height:1.55}.pf-form-intro-meta{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.pf-form-fields{gap:20px;padding:22px 0 0;display:grid}.pf-form-name{border-top:1px solid var(--border);margin-top:24px;padding-top:22px}.pf-form-actions{background:var(--surface);border-top:1px solid var(--border);margin:22px -26px 0;padding:15px 26px 20px;position:sticky;bottom:0}.pf-form-submit{width:100%;height:46px;font-size:15px}.pf-form-actions small{color:var(--text-3);text-align:center;margin-top:9px;font-size:12px;display:block}.pf-form-preview{justify-content:center;width:100%;height:40px;margin-bottom:9px;font-size:13px}.pf-preview-pane{background:#eef1f6;min-width:0;padding:26px 32px 44px;overflow-y:auto}.pf-preview-head{justify-content:space-between;align-items:baseline;gap:12px;max-width:720px;margin:0 auto 14px;display:flex}.pf-preview-head span{color:var(--text-3);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:700}.pf-preview-head small{color:var(--text-3);font-size:12px}.pf-paper{color:#1f2937;background:#fff;border-radius:3px;max-width:720px;min-height:720px;margin:0 auto;padding:clamp(30px,5vw,58px);box-shadow:0 10px 34px #0f172a1f,0 1px 2px #0f172a0f}.pf-paper header{border-bottom:2px solid #dbe4f3;padding-bottom:22px}.pf-paper header>span{color:var(--blue);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:700}.pf-paper h1{margin-top:11px;font-size:clamp(22px,3vw,30px);font-weight:650;line-height:1.2}.pf-paper header p{color:#667085;margin-top:9px;font-size:13px;line-height:1.5}.pf-paper-lines{margin-top:20px}.pf-paper-field{border-bottom:1px solid #e6eaf0;border-radius:4px;grid-template-columns:minmax(130px,.75fr) minmax(0,1.7fr);align-items:center;gap:20px;min-height:50px;margin:0 -10px;padding:6px 10px;transition:background .14s;display:grid}.pf-paper-field span{color:#667085;font-size:12.5px}.pf-paper-field strong{color:#98a2b3;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13.5px;font-weight:500}.pf-paper-field.is-filled strong{color:#1f2937;font-weight:600}.pf-paper-field.is-active{background:var(--blue-soft-2);box-shadow:inset 2px 0 0 var(--blue)}.pf-paper footer{color:#98a2b3;text-align:center;margin-top:52px;font-size:10.5px}.pf-form-mobilebar,.pf-form-tabs{display:none}.pf-complete-preview{z-index:7;background:#f1f3f6;grid-template-rows:auto minmax(0,1fr);display:grid;position:absolute;inset:0}.pf-complete-preview>header{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:14px;padding:14px 22px;display:flex}.pf-complete-preview header span{color:var(--text-3);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:700}.pf-complete-preview header h2{margin-top:3px;font-size:16px;font-weight:650}.pf-complete-preview iframe{background:#fff;border:0;justify-self:center;width:min(100%,980px);height:100%}.pf-done{z-index:5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1016226b;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.pf-done-card{background:var(--surface);width:100%;max-width:440px;box-shadow:var(--shadow-md);text-align:center;border-radius:14px;padding:32px 30px 26px}.pf-done-icon{background:var(--green-soft);width:56px;height:56px;color:var(--green);border-radius:50%;place-items:center;margin:0 auto 16px;display:grid}.pf-done-card h2{font-size:19px;font-weight:650}.pf-done-card>p{color:var(--text-2);margin-top:8px;font-size:14px;line-height:1.55}.pf-done-file{border-radius:var(--r-control);background:var(--surface-2);border:1px solid var(--border);color:var(--text);overflow-wrap:anywhere;align-items:center;gap:8px;margin-top:14px;padding:8px 12px;font-size:13px;font-weight:600;display:inline-flex}.pf-done-actions{flex-direction:column;gap:9px;margin-top:22px;display:flex}.pf-done-actions .btn{width:100%;height:42px}@media (width<=1024px){.pf-form-body{grid-template-columns:minmax(300px,5fr) minmax(0,7fr)}.pf-form-pane{padding:22px 20px 0}.pf-form-actions{margin:20px -20px 0;padding:14px 20px 18px}.pf-preview-pane{padding:22px 20px 32px}.pf-paper{min-height:0;padding:clamp(24px,4vw,40px)}.pf-form-preview{height:42px}.pf-complete-preview>header{padding:13px 16px}}@media (width<=767.98px){.pf-form-tabs{background:var(--surface);border-bottom:1px solid var(--border);flex:none;gap:6px;padding:8px 14px;display:flex}.pf-form-tab{border-radius:var(--r-control);background:var(--surface-2);min-height:42px;color:var(--text-2);flex:1;justify-content:center;align-items:center;gap:7px;font-size:13.5px;font-weight:600;display:inline-flex}.pf-form-tab:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.pf-form-tab.is-active{background:var(--blue-soft);color:var(--blue)}.pf-form-body.is-form .pf-preview-pane,.pf-form-body.is-preview .pf-form-pane{display:none}.pf-form-body{padding-bottom:88px;display:block;overflow-y:auto}.pf-form-pane{border-right:0;padding:22px 16px 26px;display:block;overflow:visible}.pf-form-actions{border-top:1px solid var(--border);margin:22px 0 0;padding:18px 0 0;position:static}.pf-preview-pane{padding:20px 16px 30px;overflow:visible}.pf-form-progress{display:none}.pf-form-mobilebar{z-index:4;padding:12px 16px calc(12px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--border);background:#fffffff5;align-items:center;gap:14px;display:flex;position:absolute;bottom:0;left:0;right:0}.pf-form-mobilebar>span{color:var(--text-3);font-size:12.5px}.pf-form-mobilebar .btn{height:44px;margin-left:auto;padding:0 20px;font-size:14.5px}.pf-topbar-inner{height:56px;padding:0 16px}.pf-topbar-tag{height:26px;padding:0 10px;font-size:12px}.pf-topbar-tag-long{display:none}.pf-topbar-tag-short{display:inline}.pf-main{padding:20px 16px 56px}.pf-hero{flex-wrap:wrap;gap:14px;margin-bottom:24px;padding-bottom:20px}.pf-hero-icon{width:44px;height:44px}.pf-hero-back{justify-content:center;width:100%;height:42px}.pf-section{margin-bottom:30px}.pf-task{grid-template-columns:44px minmax(0,1fr);gap:12px 14px;padding:16px 16px 16px 18px}.pf-task-actions{flex-wrap:wrap;grid-column:1/-1;width:100%;margin-top:4px}.pf-task-actions .btn{flex:150px;height:44px;padding:0 12px}.pf-folders{grid-template-columns:1fr}.pf-videos{grid-template-columns:1fr;gap:20px}.pf-doc{grid-template-columns:40px minmax(0,1fr);gap:12px;padding:14px}.pf-doc-cta{grid-column:1/-1;width:100%;height:42px}.pf-doc-text small{flex-wrap:wrap;gap:6px}.pf-empty{padding:52px 18px}.pf-footer{flex-direction:column;padding:18px 16px 24px}.pf-lock-wrap{padding:28px 16px 56px}.pf-lock{border-radius:12px;padding:28px 22px 24px}.pf-input{font-size:16px}.pf-player{padding:14px 14px 22px}.pf-player-bar{gap:10px;margin-bottom:12px}.pf-player-close span{display:none}.pf-player-close{justify-content:center;width:36px;padding:0}.pf-player-title h2{font-size:14.5px}.pf-form-topbar{gap:12px;height:58px;padding:0 14px}.pf-form-back .pf-form-back-label{display:none}.pf-form-back .pf-form-back-short{display:inline}.pf-form-back{padding:0 12px}.pf-form-title h2{font-size:15px}.pf-form-fields{gap:18px}.pf-form-mobilebar>span{display:none}.pf-form-mobilebar .btn{width:100%}.pf-paper{padding:26px 20px}.pf-paper-field{grid-template-columns:1fr;align-items:start;gap:3px;padding:11px 10px}.pf-done-card{padding:28px 20px 22px}.pf-complete-preview>header{padding:11px 14px}.pf-complete-preview header h2{text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;overflow:hidden}.pf-complete-preview>header>div{min-width:0}}.template-signature-settings{border-top:1px solid var(--border);grid-template-columns:minmax(160px,.8fr) 1fr 1fr;align-items:stretch;gap:10px;margin:20px 0 6px;padding-top:18px;display:grid}.template-signature-settings>div{padding:8px 10px 8px 0}.template-signature-settings h4{font-size:13px;font-weight:650}.template-signature-settings p{color:var(--text-3);margin-top:5px;font-size:12px;line-height:1.45}.signature-choice{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:7px;min-height:82px;padding:13px 13px 13px 42px;display:block;position:relative}.signature-choice:hover{border-color:var(--blue-border)}.signature-choice.is-active{border-color:var(--blue);background:var(--blue-soft-2);box-shadow:inset 0 0 0 1px var(--blue)}.signature-choice input{width:16px;height:16px;accent-color:var(--blue);position:absolute;top:16px;left:14px}.signature-choice>span{color:var(--text-2);grid-template-columns:18px 1fr;gap:2px 7px;display:grid}.signature-choice b{color:var(--text);font-size:13px;font-weight:650}.signature-choice small{color:var(--text-3);grid-column:1/-1;margin-top:5px;font-size:11.5px;line-height:1.4}.template-signers{flex-wrap:wrap;gap:5px;display:flex}.template-signers span{background:var(--blue-soft);color:var(--blue);border-radius:4px;padding:3px 7px;font-size:11px;font-weight:650}.template-signers small{color:var(--text-3);font-size:12px}.template-assignment-summary{color:var(--blue);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:5px 0;font-size:13px;font-weight:650;display:inline-flex}.template-assignment-summary:hover{text-decoration:underline}.template-assignment-intro{background:var(--blue-soft);color:var(--blue);border:1px solid #cfe0ff;border-radius:6px;align-items:flex-start;gap:12px;padding:14px;display:flex}.template-assignment-intro strong{color:var(--text);margin-bottom:3px;display:block}.template-assignment-intro p{color:var(--text-2);margin:0;font-size:13px;line-height:1.45}.template-assignment-picker{grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:18px;display:grid}.template-assignment-list{margin-top:22px}.template-assignment-list h4{margin:0 0 9px;font-size:13px}.template-assignment-item{border-top:1px solid var(--border);grid-template-columns:36px minmax(0,1fr) 34px;align-items:center;gap:10px;min-height:62px;padding:10px 8px;display:grid}.template-assignment-item:last-child{border-bottom:1px solid var(--border)}.template-assignment-item strong,.template-assignment-item small{display:block}.template-assignment-item strong{font-size:13px}.template-assignment-item small{color:var(--text-3);margin-top:3px;font-size:12px}.template-assignment-icon{width:34px;height:34px;color:var(--blue);background:var(--blue-soft);border-radius:6px;place-items:center;display:grid}@media (width<=767.98px){.template-assignment-picker{grid-template-columns:1fr}.template-assignment-picker .btn{width:100%}.template-assignment-item small{line-height:1.35}}.workflow-badge{border-radius:999px;align-items:center;gap:5px;width:fit-content;margin-top:3px;padding:3px 8px;font-size:11px;font-weight:650;line-height:1.3;display:inline-flex}.workflow-badge.is-pending_client_signature{background:var(--amber-soft);color:#8a5700}.workflow-badge.is-pending_softmor_signature{background:var(--blue-soft);color:var(--blue)}.workflow-badge.is-ready{background:var(--green-soft);color:var(--green)}.pf-doc-sign{justify-content:center;min-width:128px}.pf-doc-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.pf-doc-actions .btn{justify-content:center;min-width:98px;height:38px;padding:0 13px;font-size:12.5px}.signature-overlay{z-index:100;color:var(--text);background:#eef1f6;flex-direction:column;display:flex;position:fixed;inset:0}.signature-topbar{border-bottom:1px solid var(--border);background:var(--surface);flex:none;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;min-height:68px;padding:10px 20px;display:grid}.signature-topbar>div{min-width:0}.signature-topbar span{color:var(--blue);letter-spacing:.05em;text-transform:uppercase;font-size:10.5px;font-weight:700}.signature-topbar h2{margin-top:1px;font-size:16px;font-weight:650}.signature-topbar p{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.signature-draw-step{flex:1;place-items:center;min-height:0;padding:24px;display:grid;overflow-y:auto}.signature-card{border:1px solid var(--border);background:var(--surface);width:min(100%,760px);box-shadow:var(--shadow-md);border-radius:8px;padding:26px}.signature-instruction{align-items:flex-start;gap:12px;display:flex}.signature-instruction>span{background:var(--blue);color:#fff;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:grid}.signature-instruction h3{font-size:16px;font-weight:650}.signature-instruction p{color:var(--text-2);margin-top:4px;font-size:13px;line-height:1.5}.signature-card>.field{margin-top:22px}.signature-pad-wrap{border:1px solid var(--border-strong);background-color:#fff;background-image:linear-gradient(#edf0f4 1px,#0000 1px);background-size:100% 36px;border-radius:7px;margin-top:22px;position:relative;overflow:hidden}.signature-pad-wrap canvas{z-index:1;touch-action:none;cursor:crosshair;width:100%;height:230px;display:block;position:relative}.signature-pad-wrap>span{color:#c2c8d1;pointer-events:none;font-size:13px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.signature-card-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.signature-card>.pf-alert{margin-top:14px}.signature-place-step{flex:1;grid-template-columns:310px minmax(0,1fr);min-height:0;display:grid}.signature-tools{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;gap:20px;padding:24px;display:flex;overflow-y:auto}.signature-tools input[type=range]{width:100%;accent-color:var(--blue)}.signature-page-controls{gap:7px;display:grid}.signature-page-controls>label{color:var(--text);font-size:12px;font-weight:650}.signature-page-controls>div{grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;gap:7px;display:grid}.signature-page-controls .icon-btn{border:1px solid var(--border);background:var(--surface);width:36px;height:36px}.signature-page-controls .icon-btn:disabled{opacity:.35;cursor:default}.signature-page-controls .select-full{text-align:center;height:36px;font-size:12.5px;font-weight:600}.signature-last-page{color:var(--blue);text-underline-offset:3px;justify-self:center;font-size:12px;font-weight:650;text-decoration:underline}.signature-sample{border:1px solid var(--border);background:#fff;border-radius:7px;place-items:center;min-height:100px;padding:12px;display:grid}.signature-sample img{object-fit:contain;width:min(100%,220px);max-height:78px}.signature-sample small{color:var(--text-3);font-size:11px}.signature-summary{background:var(--blue-soft-2);color:var(--text-2);border-radius:6px;align-items:flex-start;gap:9px;padding:11px;font-size:12px;line-height:1.45;display:flex}.signature-summary .icon{color:var(--blue);flex:none}.signature-confirm{justify-content:center;width:100%;min-height:44px;margin-top:auto}.signature-pages{min-width:0;padding:28px clamp(18px,4vw,52px) 60px;overflow-y:auto}.signature-page{cursor:pointer;background:#fff;border:2px solid #0000;width:min(100%,800px);margin:0 auto 24px;position:relative;box-shadow:0 8px 28px #0f172a24}.signature-page.is-selected{border-color:var(--blue);box-shadow:0 10px 34px #005ff92b}.signature-page>img:first-child{object-fit:contain;width:100%;height:100%;display:block}.signature-page-number{color:#fff;background:#111827c2;border-radius:4px;padding:4px 7px;font-size:10.5px;position:absolute;top:8px;right:8px}.signature-placement{z-index:2;object-fit:contain;touch-action:none;cursor:grab;filter:drop-shadow(0 2px 2px #0000001f);outline:1px dashed var(--blue);outline-offset:4px;position:absolute}.signature-placement:active{cursor:grabbing}.signature-loading{color:var(--text-3);text-align:center;padding:80px 20px}@media (width<=1024px){.template-signature-settings{grid-template-columns:1fr 1fr}.template-signature-settings>div{grid-column:1/-1}.signature-place-step{flex-direction:column;display:flex;overflow-y:auto}.signature-tools{z-index:3;border-right:0;border-bottom:1px solid var(--border);background:var(--surface);flex:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:8px 14px;padding:10px 14px 12px;display:grid;position:sticky;top:0;overflow:visible;box-shadow:0 2px 10px #1018280f}.signature-tools .signature-instruction{grid-column:1/-1;gap:0}.signature-tools .signature-instruction>span,.signature-tools .signature-instruction p{display:none}.signature-tools .signature-instruction h3{font-size:14px}.signature-page-controls,.signature-tools .field{margin:0}.signature-tools .pf-alert{grid-column:1/-1;margin:0}.signature-sample{display:none}.signature-confirm{z-index:4;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));width:auto;position:fixed;box-shadow:0 8px 30px #0000002e}.signature-pages{flex:none;padding:20px 14px 90px;overflow:visible}}@media (width<=767.98px){.template-signature-settings{grid-template-columns:1fr}.template-signature-settings>div{grid-column:auto}.signature-topbar{gap:10px;min-height:60px;padding:8px 12px}.signature-topbar .btn{width:38px;padding:0}.signature-topbar-label{display:none}.signature-topbar h2{font-size:14.5px}.signature-topbar p{max-width:52vw}.signature-draw-step{align-items:start;padding:14px}.signature-card{border-radius:7px;padding:20px 16px}.signature-pad-wrap canvas{height:210px}.signature-card-actions{grid-template-columns:.7fr 1.3fr;display:grid}.signature-card-actions .btn{min-width:0;padding:0 10px}.signature-tools{gap:14px}.signature-summary{display:none}.pf-doc-sign{grid-column:1/-1;width:100%;height:42px}.pf-doc-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;width:100%;display:grid}.pf-doc-actions .btn{width:100%;height:42px}.pf-doc-actions .pf-doc-sign{grid-column:1/-1}}@media (width<=1280px){.content{padding:22px 22px 36px}.topbar-main{padding:10px 22px}}@media (width<=1024px){.content{padding:20px 18px 36px}.topbar-main{padding:9px 18px}.search kbd{display:none}.folder-grid{grid-template-columns:repeat(auto-fill,minmax(215px,1fr))}.compact-folder-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.split-detail{padding:18px}.source-options{flex-wrap:wrap}.source-option{flex:160px}}@media (width<=767.98px){.shell{height:100dvh;display:block}.canvas{border:0;border-radius:0;height:100%;margin-top:0}.topbar-main{gap:8px;min-height:56px;padding:8px 14px}.topbar h1{font-size:16px}.topbar-spacer{min-width:4px}.topbar-search{display:none}.topbar-search-row{display:block}.topbar-logout{padding:0 10px}.content{padding:16px 14px 40px}.content-narrow{max-width:none}.btn{height:40px;padding:0 15px}.btn-small{height:34px;padding:0 10px}.icon-btn{width:40px;height:40px}.nav-item{min-height:44px}.page-head{margin-bottom:16px}.page-head h2{font-size:18px}.page-head-actions{width:100%;margin-left:0}.page-head-actions .btn{flex:auto;justify-content:center}.input,.textarea,.select-full,.select,.search input{font-size:16px}.input,.select-full{height:42px}.select{height:38px}.field>label{font-size:13.5px}.chip{height:36px;padding:0 14px}.template-assignment-summary{min-height:40px;padding:8px 0}.segmented{width:100%;display:flex}.segment{flex:1;min-width:0;padding:0 8px;font-size:12.5px}.toolbar{gap:6px}.toolbar-right{justify-content:flex-end;width:100%;margin-left:0}.settings-row{flex-wrap:wrap;padding:14px}.settings-row .grow{flex:200px}.folder-grid,.compact-folder-grid{grid-template-columns:1fr;gap:12px}.folder-card p{min-height:0}.folder-card-actions{flex-wrap:wrap}.folder-card-actions .btn{flex:auto;justify-content:center}.split-list{max-height:260px}.split-detail{padding:16px 14px}.table-wrap{background:0 0;border:0;border-radius:0;overflow:visible}.table-wrap table,.table-wrap td:first-child{min-width:0}.table-wrap table,.table-wrap thead,.table-wrap tbody,.table-wrap tr,.table-wrap td{width:100%;display:block}.table-wrap thead{display:none}.table-wrap tr{border:1px solid var(--border);border-radius:var(--r-card);background:var(--surface);margin-bottom:10px;padding:13px 14px}.table-wrap tr:last-child{margin-bottom:0}.table-wrap tbody tr:hover td{background:0 0}.table-wrap td{border:0;grid-template-columns:minmax(92px,38%) minmax(0,1fr);place-items:start;gap:6px 12px;padding:7px 0;font-size:13px;display:grid}.table-wrap td:before{content:attr(data-label);color:var(--text-3);font-size:12px;font-weight:600}.table-wrap td:not([data-label]){display:block}.table-wrap td:not([data-label]):before{display:none}.table-wrap td:first-child{border-bottom:1px solid var(--border);margin-bottom:6px;padding:0 0 10px;display:block}.table-wrap td:first-child:before{display:none}.table-wrap .cell-main{font-size:14.5px}.table-wrap .cell-main,.table-wrap .cell-sub,.table-wrap td{overflow-wrap:anywhere}.cell-truncate{white-space:normal;overflow-wrap:anywhere;max-width:none;overflow:visible}.table-wrap td.cell-actions{border-top:1px solid var(--border);text-align:left;white-space:normal;flex-wrap:wrap;justify-content:flex-start;gap:8px;margin-top:6px;padding:12px 0 0;display:flex}.table-wrap td.cell-actions:before{display:none}.table-wrap .table-actions{flex-wrap:wrap;justify-content:flex-start;gap:8px}.table-wrap td.cell-actions .icon-btn{border:1px solid var(--border);background:var(--surface);width:auto;min-width:44px;height:40px;padding:0 12px}.modal-backdrop{place-items:end stretch;padding:0}.modal,.modal-sm,.modal-lg{border-radius:var(--r-panel) var(--r-panel) 0 0;border-width:1px 0 0;width:100%;max-height:92dvh;animation:.18s modal-sheet-in}.modal-head{padding:16px 16px 13px}.modal-head h3{font-size:15.5px}.modal-body{padding:16px 16px 20px}.modal-actions{padding:12px 16px calc(14px + env(safe-area-inset-bottom));flex-direction:column-reverse}.modal-actions .btn{width:100%;height:44px}.explorer-row{flex-wrap:wrap;gap:10px;padding:12px 14px}.explorer-name{flex:auto}.explorer-name strong{white-space:normal;overflow-wrap:anywhere}.explorer-actions{flex-wrap:wrap;flex:100%;gap:8px}.explorer-actions .icon-btn{border:1px solid var(--border);background:var(--surface);width:auto;min-width:44px;padding:0 12px}.breadcrumbs{font-size:12px}.version-row,.activity-row{flex-wrap:wrap;gap:8px}.version-actions{justify-content:flex-end;width:100%}.version-actions .icon-btn{border:1px solid var(--border);background:var(--surface);width:auto;min-width:44px;padding:0 12px}.replace-file .btn{justify-content:center;width:100%}.check-list{max-height:46vh}.side-panel{padding:16px 16px 6px}.video-row-scroll{scroll-snap-type:x mandatory;grid-auto-columns:min(72vw,240px);scroll-padding-left:2px}.video-row-scroll>*{scroll-snap-align:start}.guest-main{padding:24px 16px 48px}.guest-main .side-panel{max-width:none!important}.guest-main .side-panel .btn{width:100%;height:44px}.invite-panel .btn{width:100%}}@keyframes modal-sheet-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (width<=480px){.topbar-main{gap:6px;padding:8px 12px}.topbar h1{font-size:15px}.topbar-search-row{padding:0 12px 9px}.topbar-record{padding:0 10px}.topbar-record .btn-label{display:none}.content{padding:14px 12px 36px}.page-head-actions{flex-wrap:wrap}.page-head-actions .btn{flex:140px}.table-wrap td{grid-template-columns:minmax(78px,36%) minmax(0,1fr);gap:4px 10px}.table-wrap td:before{font-size:11.5px}.table-wrap td.cell-actions .icon-btn,.explorer-actions .icon-btn{flex:auto}.segment{padding:0 6px;font-size:12px}.video-grid{grid-template-columns:1fr}.video-collection.as-list .video-card{flex-direction:column;align-items:stretch}.video-collection.as-list .thumb{width:100%}}@media (prefers-reduced-motion:reduce){.nav-drawer,.sidebar.is-drawer,.modal,.sidebar{transition:none;animation:none}}@media (width<=767.98px){.player-floating-controls{gap:7px;min-height:44px;padding:8px 10px 10px}.player-time{min-width:34px;font-size:11px}.player-volume-range{display:none}.player-native-btn{width:34px;height:34px}.player-info{padding:14px 0 0}.player-actions{flex-wrap:wrap}.player-actions .btn{flex:auto;justify-content:center}.related{margin-top:22px}}@media (width<=480px){.player-floating-controls{gap:5px;padding:7px 8px 9px}.player-time{min-width:30px;font-size:10.5px}.player-range{min-width:48px}}#root{min-height:100vh}