:root{--paper: #F2EEE3;--paper-dim: #E7E1D0;--ink: #1B1B18;--ink-soft: #4A473F;--ribbon: #C1272D;--ribbon-dark: #9E1F24;--perforation: #B8B2A4;--font-display: "Space Mono", "Courier New", monospace;--font-body: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Space Mono", "Courier New", monospace;--radius: 6px;--max-w: 1360px;--max-w-text: 640px }*{box-sizing:border-box}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%231B1B18' d='M3.5 5.5a.75.75 0 0 1 1.06-.02L8 8.69l3.44-3.21a.75.75 0 1 1 1.02 1.1l-4 3.73a.75.75 0 0 1-1.02 0l-4-3.73a.75.75 0 0 1-.02-1.06z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:13px!important;padding-right:38px!important;line-height:1.3;vertical-align:middle;cursor:pointer;color-scheme:light;max-width:100%}select option{background:#fff;color:var(--ink)}html{scroll-behavior:smooth;scroll-padding-top:88px;overflow-x:hidden;overflow-y:auto;height:100%}html{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column}main.wrap{flex:1 0 auto;width:100%}body.nav-locked{overflow-y:hidden;height:100vh}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}a{color:var(--ribbon-dark)}.wrap{max-width:var(--max-w);margin:0 auto;padding:0 20px}header.site{position:sticky;top:0;z-index:100;background:var(--paper);border-bottom:2px solid var(--ink);flex-shrink:0}.site-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:1.3rem;letter-spacing:.02em;color:var(--ink);text-decoration:none;flex-shrink:0}.brand img{display:block;width:38px;height:38px}.site-nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.nav-item{position:relative}.nav-link{display:inline-flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;font-family:var(--font-mono);font-size:.83rem;font-weight:500;letter-spacing:.01em;color:var(--ink);text-decoration:none;padding:10px 12px;border-radius:4px}.nav-link:hover,.nav-link:active,.nav-item.open .nav-link{color:var(--ribbon)}.nav-link.simple{border-bottom:1px solid transparent}.nav-link.simple:hover{border-bottom-color:currentColor}.history-nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 5px;margin-left:2px;border-radius:999px;background:var(--ribbon);color:var(--paper, #fff);font-family:var(--font-mono);font-size:.68rem;font-weight:700;line-height:1}.nav-link .chev{transition:transform .15s ease;flex-shrink:0}.nav-item.open .nav-link .chev{transform:rotate(180deg)}.mega{position:absolute;top:calc(100% + 10px);left:0;min-width:240px;background:#fff;border:2px solid var(--ink);border-radius:var(--radius);box-shadow:6px 6px 0 var(--ink);padding:18px;display:none;gap:22px;z-index:50}.mega.mega-right{left:auto;right:0}.nav-item.open .mega{display:flex}.mega-col{display:flex;flex-direction:column;min-width:200px}.mega-heading{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin-bottom:10px}.mega-link{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 8px;margin:0 -8px;border-radius:4px;font-size:.92rem;font-weight:500;color:var(--ink);text-decoration:none}a.mega-link:hover,a.mega-link:active{background:var(--paper-dim);color:var(--ribbon-dark)}.mega-link.soon{color:var(--ink-soft);cursor:default}.mega-link .tag{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.05em;text-transform:uppercase;padding:2px 7px;border-radius:999px;flex-shrink:0}.mega-link .tag.live{background:var(--ribbon);color:var(--paper)}.mega-link .tag.soon{background:var(--perforation);color:var(--ink)}.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:34px;height:34px;background:none;border:2px solid var(--ink);border-radius:4px;cursor:pointer;flex-shrink:0}.nav-toggle span{display:block;height:2px;margin:0 6px;background:var(--ink)}@media (max-width: 900px){.nav-toggle{display:flex}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;background:var(--paper);border-bottom:2px solid var(--ink);padding:8px 16px 18px;gap:2px}.site-bar{position:relative}.site-nav.open{display:flex}.nav-link{justify-content:space-between;width:100%}.mega{position:static;box-shadow:none;border:none;border-left:2px solid var(--perforation);border-radius:0;margin:0 0 6px 14px;padding:4px 0 4px 14px;display:none}.nav-item.open .mega{display:flex}.mega-col{min-width:0;flex:1 1 0%}.mega-link{width:100%;box-sizing:border-box}}.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:56px;padding:64px 0 56px}.hero:before{content:"";position:absolute;inset:-20px -40px auto auto;width:340px;height:340px;background-image:radial-gradient(var(--perforation) 1.5px,transparent 1.5px);background-size:22px 22px;opacity:.5;z-index:-1;pointer-events:none}.hero-copy{text-align:left}.hero-kicker{display:inline-block;font-family:var(--font-mono);font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ribbon-dark);background:var(--paper-dim);border:2px solid var(--ink);border-radius:999px;padding:6px 14px;margin-bottom:20px}.hero h1{font-family:var(--font-display);font-weight:700;font-size:clamp(2rem,3.6vw,3rem);line-height:1.12;letter-spacing:-.01em;margin:0 0 18px;color:var(--ink)}.hero p{font-size:1.05rem;color:var(--ink-soft);max-width:540px;margin:0}.hero-brand{font-family:var(--font-display);font-size:1.3em;font-weight:800;color:var(--ink)}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.hero-actions .btn{margin-top:0}.hero-stats{display:flex;flex-wrap:wrap;gap:28px;margin:40px 0 0;padding-top:24px;border-top:2px solid var(--perforation)}.hero-stat{display:flex;flex-direction:column;gap:2px}.hero-stat dt{font-family:var(--font-display);font-weight:700;font-size:1.6rem;color:var(--ribbon-dark)}.hero-stat dd{margin:0;font-size:.82rem;color:var(--ink-soft)}.hero-visual{position:relative;min-height:420px;display:flex;align-items:center;justify-content:center}.hero-flight-loader{position:fixed;inset:0;z-index:120;overflow:hidden;pointer-events:none;opacity:1;transition:opacity .5s ease}.hero-flight-loader.is-hidden{opacity:0}.hero-flight-mascot{position:absolute;left:0;top:0;width:clamp(84px,11vw,132px);height:clamp(84px,11vw,132px);margin-left:calc(-1*clamp(42px,5.5vw,66px));margin-top:calc(-1*clamp(42px,5.5vw,66px));filter:drop-shadow(0 12px 20px rgba(30,15,10,.22));will-change:transform}.hero-flight-bob{width:100%;height:100%;animation:dreflyHover 1.8s ease-in-out infinite}.hero-flight-mascot svg{width:100%;height:100%;overflow:visible}.hero-flight-mascot .drefly-loader-wing-l,.hero-flight-mascot .drefly-loader-wing-r{transform-origin:256px 210px;animation:dreflyFlapL .16s ease-in-out infinite alternate}.hero-flight-mascot .drefly-loader-wing-r{animation-name:dreflyFlapR}.book-slider{transition:opacity .45s ease,transform .45s ease}.book-slider.is-loading{opacity:0;transform:scale(.96)}@media (prefers-reduced-motion: reduce){.hero-flight-bob{animation:none}}.hv-card{border:2px solid var(--ink);border-radius:var(--radius);background:#fff}.hv-card-back{position:absolute;width:86%;height:82%;right:0;bottom:0;background:var(--paper-dim);transform:rotate(4deg);z-index:1}.hv-card-main{position:relative;z-index:2;width:100%;max-width:380px;padding:26px;box-shadow:8px 8px 0 var(--ink);transform:rotate(-2deg)}.hv-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.hv-chip{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.82rem;font-weight:700;border:2px solid var(--ink);border-radius:999px;padding:8px 14px;background:var(--paper-dim);color:var(--ink);white-space:nowrap}.hv-chip-result{background:var(--ink);color:var(--paper);border-color:var(--ink)}.hv-chip-icon{font-size:.9rem}.hv-arrow{font-size:1.2rem;color:var(--ribbon);flex-shrink:0}.hv-progress{height:10px;border:2px solid var(--ink);border-radius:999px;margin:22px 0 14px;overflow:hidden;background:var(--paper-dim)}.hv-progress-fill{display:block;width:78%;height:100%;background:var(--ribbon)}.hv-meta{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:.78rem;color:var(--ink-soft)}.hv-tag{font-family:var(--font-mono);font-size:.68rem;font-weight:700;letter-spacing:.04em;padding:3px 8px;border-radius:999px;background:var(--ribbon);color:var(--paper)}.hv-float{position:absolute;z-index:3;font-family:var(--font-mono);font-size:.74rem;font-weight:600;background:#fff;border:2px solid var(--ink);border-radius:999px;padding:7px 13px;box-shadow:3px 3px 0 var(--ink)}.hv-float-1{top:4%;left:2%}.hv-float-2{bottom:6%;right:4%}.book-slider{position:relative;z-index:2;width:100%;max-width:660px;display:flex;flex-direction:column;gap:16px}.book-stage{position:relative;width:100%;aspect-ratio:40 / 21;border-radius:22px;overflow:hidden;background:linear-gradient(155deg,var(--paper),var(--paper-dim));border:1px solid rgba(27,27,24,.08);box-shadow:0 0 0 1px #c1272d14;perspective:1800px}.book-page{position:absolute;inset:0;width:100%;height:100%;display:block;backface-visibility:hidden}.book-page img{width:100%;height:100%;object-fit:contain;display:block}.book-page-back{z-index:1}.book-page-front{z-index:2;transform-origin:left center;transition:transform .6s cubic-bezier(.5,.05,.5,.95)}.book-page-front:before{content:"";position:absolute;inset:0;z-index:3;background:linear-gradient(90deg,rgba(0,0,0,.4),transparent 45%);opacity:0;transition:opacity .6s ease;pointer-events:none}.book-page-front.no-transition{transition:none}.book-page-front.turning{transform:rotateY(-100deg)}.book-page-front.turning:before{opacity:1}.book-scrim{position:absolute;inset:auto 0 0;height:38%;z-index:2;background:linear-gradient(180deg,transparent,rgba(15,12,10,.6) 88%);pointer-events:none}.book-cat{position:absolute;top:16px;left:16px;z-index:2;font-family:var(--font-display);font-size:.66rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--ribbon);padding:5px 11px;border-radius:999px;box-shadow:0 8px 18px -8px #c1272db3}.book-copy{position:absolute;left:20px;right:20px;bottom:18px;z-index:2;display:flex;flex-direction:column;gap:4px;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.55)}.book-copy strong{font-family:var(--font-display);font-size:1.1rem;line-height:1.3}.book-copy span{font-size:.82rem;color:#ffffffd1;max-width:420px}.book-nav{position:absolute;top:50%;z-index:4;width:38px;height:38px;border-radius:999px;border:1px solid rgba(255,255,255,.5);background:#14100e59;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transform:translateY(-50%);transition:background .15s ease,border-color .15s ease,opacity .2s ease}.book-nav svg{width:16px;height:16px}.book-nav-prev{left:14px}.book-nav-next{right:14px}.book-stage:hover .book-nav,.book-stage:focus-within .book-nav{opacity:1;pointer-events:auto}.book-nav:hover,.book-nav:focus-visible{background:var(--ribbon);border-color:var(--ribbon)}.book-dots{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px}.book-dot{width:6px;height:6px;padding:0;border:none;border-radius:999px;background:var(--perforation);cursor:pointer;transition:background .15s ease,width .2s ease}.book-dot:hover{background:var(--ribbon-dark)}.book-dot.active{background:var(--ribbon);width:18px}@media (prefers-reduced-motion: reduce){.book-page-front{transition:opacity .5s ease;transform:none!important}.book-page-front.turning{opacity:0}.book-page-front:before{display:none}}.stat-bar{display:flex;flex-wrap:wrap;gap:14px 32px;align-items:center;padding:22px 26px;margin:8px 0 56px;border:2px solid var(--ink);border-radius:var(--radius);background:var(--paper-dim);color:var(--ink-soft);font-size:.88rem}.stat-bar span{display:flex;align-items:center;gap:10px}.stat-bar span:before{content:"";width:8px;height:8px;border-radius:999px;background:var(--ribbon);flex-shrink:0}.stat-bar strong{color:var(--ink);font-family:var(--font-mono)}.section-head{max-width:640px;margin-bottom:28px}.section-kicker{display:inline-block;font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ribbon-dark);margin-bottom:10px}.section-head h2{font-family:var(--font-display);font-weight:700;font-size:1.6rem;letter-spacing:-.01em;margin:0 0 8px;color:var(--ink)}.section-head p{margin:0;color:var(--ink-soft);font-size:.98rem}.tool-section{margin-top:56px;padding-top:40px;border-top:2px solid var(--perforation)}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.tool-card{position:relative;display:flex;flex-direction:column;background:var(--paper-dim);border:2px solid var(--ink);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:var(--ink);transition:transform .15s ease,box-shadow .15s ease}.tool-card:hover{transform:translateY(-4px);box-shadow:6px 6px 0 var(--ink)}.tool-card .icon{display:block;width:100%;aspect-ratio:1200 / 630;background:var(--paper);border-bottom:2px solid var(--ink)}.tool-card .icon img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 30%}.tool-card .card-body{display:flex;flex-direction:column;gap:8px;padding:20px 22px 22px;text-align:left}.tool-card h3{margin:0;font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--ink)}.tool-card p{margin:0;color:var(--ink-soft);font-size:.9rem;line-height:1.5}.tool-card.coming-soon{opacity:.55;pointer-events:none}.tool-card.coming-soon .icon{filter:grayscale(1);opacity:.7}.badge{position:absolute;top:18px;right:18px;display:inline-block;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.05em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:var(--ribbon);color:var(--paper);width:fit-content}.why-section{margin-top:64px;padding-top:44px;border-top:2px solid var(--ink)}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.why-card{border:2px solid var(--ink);border-radius:var(--radius);background:var(--paper-dim);padding:24px;border-left:6px solid var(--ribbon)}.why-card-wide{grid-column:span 2;background:#fff}.why-index{display:block;font-family:var(--font-mono);font-size:.8rem;font-weight:700;color:var(--ribbon-dark);margin-bottom:10px}.why-card h3{margin:0 0 8px;font-family:var(--font-display);font-size:1.05rem;color:var(--ink)}.why-card p{margin:0;color:var(--ink-soft);font-size:.9rem}.tool-shell{display:grid;grid-template-columns:minmax(0,1fr) 296px;gap:44px;align-items:start}.tool-main{min-width:0}.tool-aside{position:sticky;top:92px;display:flex;flex-direction:column;gap:18px;padding-top:40px}.aside-card{background:var(--paper-dim);border:2px solid var(--ink);border-radius:var(--radius);padding:20px 22px}.aside-card.accent{border-left:6px solid var(--ribbon)}.aside-card h2{margin:0 0 14px;font-family:var(--font-display);font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink)}.aside-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}.aside-list li{display:flex;gap:10px;align-items:flex-start;font-size:.85rem;line-height:1.4;color:var(--ink-soft)}.aside-list li:before{content:"\2713";flex-shrink:0;width:18px;height:18px;border-radius:50%;background:var(--ribbon);color:var(--paper);font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}.related-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.related-link{display:flex;align-items:center;gap:10px;padding:9px 8px;margin:0 -8px;text-decoration:none;color:var(--ink);border-radius:4px;font-size:.87rem;font-family:var(--font-mono);transition:background .15s ease}.related-link:hover{background:#fff}.related-link .icon{width:26px;height:26px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.85rem;background:var(--ink);color:var(--paper);border-radius:4px}.related-link .see-all{color:var(--ribbon-dark);font-weight:600}.trust-note{margin:12px 0 0;font-size:.78rem;line-height:1.5;color:var(--ink-soft)}@media (max-width: 980px){.tool-shell{grid-template-columns:1fr;gap:28px}.tool-aside{position:static;padding-top:0;flex-direction:row;flex-wrap:wrap}.aside-card{flex:1 1 260px}}@media (max-width: 560px){.tool-aside{flex-direction:column}}.faq-grid .section-head{max-width:none;text-align:left}.faq-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 20px;align-items:start}.final-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;margin-top:64px;padding:36px 40px;border:2px solid var(--ink);border-radius:var(--radius);background:var(--ink);box-shadow:8px 8px 0 var(--ribbon)}.final-cta h2{font-family:var(--font-display);font-size:1.4rem;margin:0 0 6px;color:var(--paper)}.final-cta p{margin:0;color:var(--paper-dim);font-size:.95rem;max-width:460px}.final-cta-actions{display:flex;gap:14px;flex-shrink:0}.final-cta-actions .btn{margin-top:0}.final-cta-actions .btn.secondary{background:transparent;color:var(--paper);border-color:var(--paper)}.final-cta-actions .btn.secondary:hover:not(:disabled){background:var(--paper);color:var(--ink);box-shadow:6px 6px 0 var(--ribbon)}.tool-header{padding:40px 0 6px}.tool-header h1{font-family:var(--font-display);font-weight:700;letter-spacing:-.01em;margin:12px 0 6px;font-size:1.9rem;color:var(--ink)}.tool-header p{color:var(--ink-soft);margin:0;font-size:1rem}.tool-switch{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0 0}.tool-switch-label{font-family:var(--font-mono);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);margin-right:4px}.tool-switch-btn{font-family:var(--font-mono);font-size:.82rem;color:var(--ink-soft);text-decoration:none;padding:6px 12px;border:1.5px solid var(--perforation);border-radius:999px;background:var(--paper-dim);transition:border-color .15s ease,color .15s ease,background .15s ease}.tool-switch-btn:hover,.tool-switch-btn:active{border-color:var(--ink);color:var(--ink)}.tool-switch-btn.active{border-color:var(--ribbon);background:var(--ribbon);color:var(--paper);font-weight:600}.back-link{font-family:var(--font-mono);font-size:.85rem;font-weight:500;color:var(--ink-soft);text-decoration:none;border-bottom:1px solid currentColor}.back-link:hover{color:var(--ribbon)}.steps-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:30px 0 8px;padding-bottom:20px;border-bottom:2px solid var(--ink)}.steps{display:flex;flex-wrap:wrap;gap:24px;margin:30px 0 8px;padding-bottom:20px;border-bottom:2px solid var(--ink)}.steps-row .steps{flex:1;margin:0;padding-bottom:0;border-bottom:none}.step{display:flex;align-items:center;gap:10px;color:var(--ink-soft);font-family:var(--font-mono);font-size:.85rem;font-weight:500}.step .num{width:24px;height:24px;border-radius:50%;border:2px solid var(--ink);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.75rem;color:var(--ink);flex-shrink:0}.step.active{color:var(--ink)}.step.active .num{border-color:var(--ribbon);color:var(--paper);background:var(--ribbon)}.dropzone{display:flex;flex-direction:column;align-items:center;width:100%;border:2px dashed var(--ink);border-radius:var(--radius);padding:50px 20px;text-align:center;cursor:pointer;margin-top:26px;background:var(--paper-dim);transition:background .15s ease,border-color .15s ease}.dropzone:hover,.dropzone.drag-over{background:#fff;border-color:var(--ribbon)}.dropzone strong{color:var(--ink);font-family:var(--font-display);font-size:1.08rem}.dropzone span{display:block;color:var(--ink-soft);font-size:.85rem;margin-top:8px;font-family:var(--font-mono)}.file-chip{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:2px solid var(--ink);border-radius:var(--radius);padding:14px 18px;margin-top:24px;font-size:.9rem;font-family:var(--font-mono)}.file-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.file-chip button{background:none;border:none;color:var(--ink-soft);cursor:pointer;font-size:.82rem;font-family:var(--font-mono);font-weight:600;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.file-chip button:hover{color:var(--ribbon)}.file-chip button:disabled{color:var(--ink-soft);opacity:.5;cursor:not-allowed;pointer-events:none}.file-list{margin-top:14px;display:flex;flex-direction:column;gap:8px;max-height:236px;overflow-y:auto;padding-right:4px}.file-list-item{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border:1px solid var(--perforation);border-radius:var(--radius);padding:10px 14px;font-size:.85rem;font-family:var(--font-mono)}.file-list-item span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.file-list-item .status-tag{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft)}.file-list-item .status-tag.error,.file-list-item .status-tag.done{color:var(--ribbon)}.file-list-item button{background:none;border:none;color:var(--ink-soft);cursor:pointer;font-size:.78rem;font-family:var(--font-mono);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.file-list-item button:hover{color:var(--ribbon)}.file-list-item .inline-retry-btn{color:var(--ribbon);border:1px solid var(--ribbon);border-radius:var(--radius);padding:2px 8px;white-space:nowrap}.file-list-item .inline-retry-btn:hover{background:var(--ribbon);color:#fff}.file-list-item .inline-retry-btn:disabled{opacity:.5;cursor:default}.retry-all-btn{margin-top:10px}.result-group{margin-top:30px}.result-group-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;border-bottom:2px solid var(--ink);padding-bottom:8px;margin-bottom:14px}.result-row-header{flex-wrap:nowrap}.result-row-header .result-row-title{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-row-header .btn{flex:0 0 auto}.result-group-header .btn,.result-row-header .btn{margin-left:auto}@media (max-width: 520px){.result-row-header{flex-wrap:wrap}.result-row-header .result-row-title{white-space:normal;overflow-wrap:break-word;flex-basis:100%}.result-row-header .btn,.result-group-header .btn{margin-left:auto;margin-right:0}}.result-group-header h3{font-family:var(--font-display);font-size:1rem;margin:0;min-width:0;overflow-wrap:break-word}.result-group-note{font-family:var(--font-body);font-size:.84rem;color:var(--ribbon);margin:0 0 12px}.result-group-collapse-note{color:var(--ink-soft);margin:12px 0 0}.markdown-body{width:100%;background:#fff;border:2px solid var(--ink);border-radius:4px;padding:16px 20px;box-shadow:3px 3px 0 var(--ink);font-family:var(--font-body);font-size:.92rem;line-height:1.6;color:var(--ink);max-height:420px;overflow-y:auto}.markdown-body>*:first-child{margin-top:0}.markdown-body>*:last-child{margin-bottom:0}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{font-family:var(--font-display);margin:18px 0 8px;line-height:1.3}.markdown-body h1{font-size:1.3rem}.markdown-body h2{font-size:1.15rem}.markdown-body h3{font-size:1.03rem}.markdown-body p{margin:0 0 12px}.markdown-body ul,.markdown-body ol{margin:0 0 12px;padding-left:24px}.markdown-body li{margin-bottom:6px}.markdown-body strong{font-weight:700}.markdown-body code{font-family:var(--font-mono);font-size:.85em;background:var(--paper-dim);padding:1px 5px;border-radius:3px}.markdown-body pre{background:var(--paper-dim);border:1px solid var(--perforation);border-radius:4px;padding:12px;overflow-x:auto;margin:0 0 12px}.markdown-body pre code{background:none;padding:0}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px}.media-card{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid var(--perforation);border-radius:var(--radius);padding:10px}.media-card img{width:100%;aspect-ratio:1 / 1;object-fit:contain;background:repeating-conic-gradient(#f2f2f0 0% 25%,#fff 0% 50%) 50% / 16px 16px;border-radius:calc(var(--radius) - 4px);border:1px solid var(--perforation);cursor:zoom-in}.media-meta{font-family:var(--font-mono);font-size:.72rem;color:var(--ink-soft);overflow-wrap:break-word}.media-card .btn.secondary{width:100%;padding:6px 10px;font-size:.78rem}.result-preview{display:flex;gap:18px;align-items:center;margin-top:22px;padding:14px;background:#fff;border:2px solid var(--ink);border-radius:var(--radius);box-shadow:4px 4px 0 var(--ink)}.result-preview img{width:96px;height:96px;object-fit:cover;border-radius:6px;border:1px solid var(--perforation);flex-shrink:0;background:var(--paper-dim)}.result-meta h2{font-family:var(--font-display);font-size:1.05rem;margin:0 0 6px}.format-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:22px}.format-option{display:flex;flex-direction:column;gap:4px;align-items:flex-start;text-align:left;background:var(--paper-dim);border:2px solid var(--ink);border-radius:var(--radius);padding:12px 14px;cursor:pointer;box-shadow:3px 3px 0 var(--ink);transition:transform .08s ease,background .15s ease,box-shadow .15s ease}.format-option:hover:not(:disabled),.format-option:active:not(:disabled){background:#fff;transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink)}.format-option:disabled{opacity:.5;cursor:not-allowed}.format-kind{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft)}.format-label{font-family:var(--font-display);font-weight:700;font-size:.95rem}.format-size{font-family:var(--font-mono);font-size:.78rem;color:var(--ink-soft)}.options{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:18px 24px;margin-top:26px}.field label{display:block;font-family:var(--font-mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);margin-bottom:7px}.field select,.field input[type=text],.field input[type=email],.field input[type=number],.field textarea{width:100%;background:#fff;border:2px solid var(--ink);color:var(--ink);border-radius:4px;padding:10px 12px;font-size:.9rem;font-family:var(--font-body);box-shadow:3px 3px 0 var(--ink);transition:border-color .15s ease,box-shadow .15s ease}.field textarea{resize:vertical;min-height:120px;line-height:1.5}.field select:focus,.field input:focus,.field textarea:focus{border-color:var(--ribbon);box-shadow:3px 3px 0 var(--ribbon);outline:none}.field.wide{grid-column:1 / -1}.audio-url-row{display:flex;align-items:flex-end;flex-wrap:wrap;gap:10px;margin:14px 0}.audio-url-field{flex:1 1 320px;min-width:0}.audio-url-btn{flex:0 0 auto;margin-top:0;white-space:nowrap}.json-view{width:100%;max-height:480px;overflow:auto;background:#fff;border:2px solid var(--ink);color:var(--ink);border-radius:4px;padding:12px 14px;font-size:.85rem;font-family:var(--font-mono);line-height:1.5;white-space:pre;margin:0}#feedbackForm .options{grid-template-columns:1fr 1fr 1fr}#feedbackForm .field select,#feedbackForm .field input,#feedbackForm .field textarea{font-size:max(.9rem,16px)}#feedbackForm #fbSubmit{margin-top:22px}@media (max-width: 860px){#feedbackForm .options{grid-template-columns:1fr 1fr}}@media (max-width: 560px){#feedbackForm .options{grid-template-columns:1fr}#feedbackForm #fbSubmit{width:100%}}.field-hint{font-family:var(--font-mono);font-size:.76rem;color:var(--ink-soft);margin-top:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-display);font-weight:700;font-size:1.05rem;letter-spacing:.01em;border:2px solid var(--ink);border-radius:var(--radius);padding:18px 36px;cursor:pointer;background:var(--ribbon);color:var(--paper);margin-top:28px;transition:transform .08s ease,background .15s ease,box-shadow .15s ease;box-shadow:4px 4px 0 var(--ink)}.btn:hover:not(:disabled){background:var(--ribbon-dark);transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.btn:active:not(:disabled){transform:translate(1px,1px);box-shadow:2px 2px 0 var(--ink)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:4px 4px 0 var(--perforation);background:var(--ink-soft)}.btn.secondary{background:var(--paper);color:var(--ink)}.btn.secondary:hover:not(:disabled){background:var(--ink);color:var(--paper);box-shadow:6px 6px 0 var(--ribbon)}.result-group-header .btn.secondary,.result-row-header .btn.secondary{background:var(--ribbon);color:var(--paper);border-color:var(--ink)}.result-group-header .btn.secondary:hover:not(:disabled),.result-row-header .btn.secondary:hover:not(:disabled){background:var(--ribbon-dark);color:var(--paper);box-shadow:6px 6px 0 var(--ink)}.result-group-header .btn.secondary:disabled,.result-row-header .btn.secondary:disabled{background:var(--ink-soft);color:var(--paper);opacity:.45;box-shadow:4px 4px 0 var(--perforation)}.btn.btn-email{background:var(--paper);color:var(--ribbon-dark);border-color:var(--ribbon-dark);border-style:dashed;box-shadow:4px 4px 0 var(--ribbon-dark)}.btn.btn-email:hover:not(:disabled){background:var(--ribbon-dark);color:var(--paper);border-style:solid;box-shadow:6px 6px 0 var(--ink)}.btn.btn-email:disabled{border-color:var(--perforation);color:var(--ink-soft);box-shadow:4px 4px 0 var(--perforation)}.btn-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.btn-row.btn-row-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:stretch;gap:14px 24px;margin-top:28px}.btn-row.btn-row-grid .btn{width:100%;text-align:center;margin:0}.btn-row.btn-row-grid .btn-group{display:contents}.status{font-family:var(--font-mono);font-size:.88rem;margin-top:16px;min-height:1.2em;color:var(--ink-soft)}.status.error,.field-hint.error{color:var(--ribbon-dark);font-weight:600}.status.ok{color:var(--ribbon);font-weight:600}.progress-wrap{margin-top:14px}.progress-label{font-family:var(--font-mono);font-size:.82rem;color:var(--ink-soft);margin-bottom:6px}.progress-track{width:100%;height:8px;border-radius:999px;background:var(--perforation);overflow:hidden}.progress-bar{height:100%;width:0%;border-radius:999px;background:var(--ribbon);transition:width .2s ease}.progress-bar.indeterminate{width:40%!important;animation:drefly-progress-indeterminate 1.1s ease-in-out infinite}.progress-bar.indeterminate-hold{background-image:linear-gradient(90deg,var(--ribbon) 0%,var(--ribbon-dark) 45%,var(--ribbon) 90%);background-size:250% 100%;animation:drefly-progress-shimmer 1.3s ease-in-out infinite}@keyframes drefly-progress-shimmer{0%{background-position:250% 0}to{background-position:-250% 0}}.progress-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:14px}.progress-pause-btn,.progress-cancel-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-display);font-weight:700;font-size:1.05rem;letter-spacing:.01em;color:var(--ink);background:var(--paper);border:2px solid var(--ink);border-radius:var(--radius);padding:18px 36px;cursor:pointer;flex-shrink:0;margin-top:0;box-shadow:4px 4px 0 var(--ink);transition:transform .08s ease,background .15s ease,color .15s ease,box-shadow .15s ease}.progress-pause-btn:hover:not(:disabled),.progress-cancel-btn:hover:not(:disabled){background:var(--ink);color:var(--paper);transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ribbon)}.progress-pause-btn:active:not(:disabled),.progress-cancel-btn:active:not(:disabled){background:var(--ink);color:var(--paper);transform:translate(1px,1px);box-shadow:2px 2px 0 var(--ink)}.progress-pause-btn.is-paused{background:var(--ribbon);color:var(--paper);border-color:var(--ribbon)}.progress-pause-btn:disabled,.progress-cancel-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:4px 4px 0 var(--perforation);background:var(--ink-soft);color:var(--paper);transform:none}@keyframes drefly-progress-indeterminate{0%{transform:translate(-120%)}to{transform:translate(280%)}}.results{margin-top:40px;padding-top:28px;border-top:2px solid var(--ink);max-height:480px;overflow-y:auto;padding-right:4px;padding-bottom:24px;-webkit-overflow-scrolling:touch}@media (max-width: 640px){.results{max-height:min(480px,70vh);padding-bottom:32px}}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin-top:20px}.result-card{background:#fff;border:2px solid var(--ink);border-radius:4px;overflow:hidden;transition:box-shadow .15s ease,transform .15s ease}.result-card:hover{box-shadow:4px 4px 0 var(--ink);transform:translateY(-2px)}.result-card img{width:100%;display:block;background:var(--paper-dim);cursor:zoom-in}.result-card .meta{padding:9px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.74rem;font-family:var(--font-mono);color:var(--ink-soft);border-top:2px solid var(--ink)}.result-card .meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.result-card .meta a{color:var(--ribbon-dark);font-weight:700;flex-shrink:0}@media (max-width: 480px){.results-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.faq{margin-top:46px;padding-top:30px;border-top:2px solid var(--ink)}.faq h2{font-family:var(--font-display);font-size:1.3rem;margin:0 0 18px;color:var(--ink)}.faq-item{border:2px solid var(--ink);border-radius:var(--radius);background:var(--paper-dim);margin-bottom:12px;overflow:hidden}.faq-item summary{list-style:none;cursor:pointer;padding:16px 18px;font-weight:600;font-size:.96rem;color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:12px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-family:var(--font-mono);font-size:1.2rem;flex-shrink:0;color:var(--ink-soft)}.faq-item[open] summary:after{content:"\2212"}.faq-item[open] summary{border-bottom:1px solid var(--perforation)}.faq-item p{margin:0;padding:14px 18px 18px;color:var(--ink-soft);font-size:.92rem;background:#fff}.feedback-cta{margin-top:40px;padding:24px;text-align:center;border:2px solid var(--ink);border-radius:var(--radius);background:var(--paper-dim);box-shadow:6px 6px 0 var(--ink)}.feedback-cta h2{font-family:var(--font-display);font-size:1.1rem;margin:0 0 8px;color:var(--ink)}.feedback-cta p{font-size:.92rem;color:var(--ink-soft);max-width:460px;margin:0 auto 16px;line-height:1.55}.feedback-cta .btn{display:inline-flex}footer.site{color:var(--ink-soft);font-family:var(--font-mono);font-size:.82rem;border-top:2px solid var(--ink);margin-top:30px;flex-shrink:0;background:var(--paper-dim)}footer.site .year{color:var(--ink);font-weight:700}footer.site .footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:28px 24px;padding:44px 20px 32px;text-align:left}footer.site .footer-brand{max-width:320px}footer.site .footer-logo{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:700;font-size:1.2rem;letter-spacing:.02em;color:var(--ink);text-decoration:none}footer.site .footer-logo img{width:32px;height:32px}footer.site .footer-tagline{margin:12px 0 18px;font-family:var(--font-body);font-size:.88rem;line-height:1.55;color:var(--ink-soft)}footer.site .footer-social{display:flex;flex-wrap:wrap;gap:10px;min-height:34px}footer.site .footer-social:empty{min-height:0}footer.site .social-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:2px solid var(--ink);border-radius:50%;color:var(--ink);background:var(--paper);transition:background .15s ease,color .15s ease,transform .15s ease}footer.site .social-icon svg{width:16px;height:16px;fill:currentColor}footer.site .social-icon:hover{background:var(--ribbon);border-color:var(--ribbon);color:var(--paper);transform:translateY(-2px)}footer.site .footer-col{display:flex;flex-direction:column;gap:10px}footer.site .footer-heading{font-family:var(--font-display);font-weight:700;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);margin-bottom:2px}footer.site .footer-col a{color:var(--ink-soft);text-decoration:none;font-weight:500;font-size:.86rem;word-break:break-word}footer.site .footer-col a:hover{color:var(--ribbon);text-decoration:underline}footer.site .footer-bottom{border-top:1px solid var(--perforation);padding:18px 20px 26px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}footer.site .footer-bottom .footer-social{min-height:0}footer.site .footer-copy{margin:0}@media (max-width: 480px){footer.site .footer-bottom{justify-content:center;text-align:center}}@media (max-width: 820px){footer.site .footer-grid{grid-template-columns:1fr 1fr;text-align:left}footer.site .footer-brand{grid-column:1 / -1;max-width:none}}@media (max-width: 480px){footer.site .footer-grid{grid-template-columns:1fr}}.legal{max-width:none;margin:0 auto;padding:48px 0 64px}.legal>h1,.legal>.updated,.legal>h2,.legal>p,.legal>ul{max-width:100%;margin-left:0;margin-right:0}.legal h1{font-family:var(--font-display);font-weight:700;font-size:clamp(1.7rem,4.5vw,2.4rem);line-height:1.2;letter-spacing:-.01em;margin:0 auto 10px;color:var(--ink)}.legal .updated{font-family:var(--font-mono);font-size:.85rem;color:var(--ink-soft);margin:0 auto 36px}.legal h2{font-family:var(--font-display);font-weight:700;font-size:1.15rem;color:var(--ink);margin:34px auto 12px}.legal p{font-size:.98rem;line-height:1.65;color:var(--ink-soft);margin:0 auto 14px}.legal ul{margin:0 auto 14px;padding-left:22px}.legal li{font-size:.98rem;line-height:1.65;color:var(--ink-soft);margin-bottom:8px}.legal a{color:var(--ribbon);font-weight:700;text-decoration:none}.legal a:hover{text-decoration:underline}.legal strong{color:var(--ink)}.about-tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px 28px;margin:0 0 14px}.about-tools-col{display:flex;flex-direction:column;gap:14px}.about-tools-heading{font-family:var(--font-mono);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink);padding-bottom:6px;border-bottom:2px solid var(--ink)}.about-tools-item{display:flex;flex-direction:column;gap:2px}.about-tools-link{font-family:var(--font-display);font-weight:700;font-size:.92rem;color:var(--ink);text-decoration:none}.about-tools-link:hover{color:var(--ribbon);text-decoration:underline}.about-tools-desc{font-size:.86rem;line-height:1.5;color:var(--ink-soft);margin:0}@media (max-width: 560px){.about-tools-grid{grid-template-columns:1fr}}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,.dropzone:focus-visible{outline:3px solid var(--ribbon);outline-offset:2px}.pdf-viewer{margin-top:26px}.viewer-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:16px;width:100%;box-sizing:border-box}.viewer-toolbar .btn{margin-top:0;padding:10px 18px;font-size:.85rem}.page-indicator{font-family:var(--font-mono);font-size:.85rem;color:var(--ink-soft);flex:1;text-align:center}.page-jump{display:flex;align-items:center;gap:8px}.page-jump label{font-family:var(--font-mono);font-size:.78rem;color:var(--ink-soft);white-space:nowrap}.page-jump input{width:64px;background:#fff;border:2px solid var(--ink);color:var(--ink);border-radius:4px;padding:8px;font-size:.85rem;font-family:var(--font-body);text-align:center;transition:border-color .15s ease,box-shadow .15s ease}.page-jump input:focus{border-color:var(--ribbon);outline:none;box-shadow:0 0 0 1px var(--ribbon)}.page-jump .btn{margin-top:0;padding:10px 16px;font-size:.85rem}.viewer-stage{position:relative;display:block;margin-left:auto;margin-right:auto;max-width:100%;border:2px solid var(--ink);border-radius:var(--radius);background:#fff;box-shadow:6px 6px 0 var(--ink);overflow:hidden}.viewer-stage img{display:block;max-width:100%;height:auto;user-select:none;-webkit-user-drag:none}.selection-overlay{position:absolute;inset:0;cursor:crosshair;touch-action:none;z-index:3}.annotate-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;z-index:2}.capture-canvas-wrap .capture-thumb{display:block;width:100%;height:auto}.selection-box{position:absolute;border:2px dashed var(--ribbon);background:#c1272d26;pointer-events:none}.viewer-hint{font-family:var(--font-mono);font-size:.82rem;color:var(--ink-soft);margin-top:14px}.share-panel{margin-top:40px;padding-top:28px;border-top:2px solid var(--ink)}#sharePanel{margin-top:0;padding-top:0;border-top:none}.share-panel h2{font-family:var(--font-display);font-size:1.15rem;margin:0 0 16px;color:var(--ink)}.capture-thumb{display:block;max-width:100%;border:2px solid var(--ink);border-radius:var(--radius);box-shadow:4px 4px 0 var(--ink);margin-bottom:22px}.capture-canvas-wrap{position:relative;line-height:0}.text-annotation-input{position:absolute;transform:translateY(-2px);min-width:140px;padding:3px 6px;border:2px dashed var(--ribbon);border-radius:4px;background:var(--paper);font-family:IBM Plex Sans,sans-serif;font-weight:700;font-size:1rem;line-height:1.2;z-index:5}.capture-canvas-wrap .capture-thumb{width:100%;height:auto;cursor:crosshair;touch-action:none}.annotate-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:14px 20px}.annotate-head>div:first-child{flex:1 1 260px;min-width:0}.doc-nav{display:flex;align-items:center;gap:8px;flex:0 0 auto;flex-wrap:wrap}.doc-nav-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;border:2px solid var(--ink);border-radius:8px;background:var(--paper);color:var(--ink);font-family:var(--font-mono);font-weight:700;cursor:pointer;box-shadow:2px 2px 0 var(--ink);transition:background .12s ease,transform .08s ease,box-shadow .12s ease}.doc-nav-btn:hover:not(:disabled){background:var(--ribbon);border-color:var(--ribbon);color:var(--paper)}.doc-nav-btn:active:not(:disabled){transform:translate(1px,1px);box-shadow:0 0 0 var(--ink)}.doc-nav-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.doc-nav .page-indicator{flex:0 0 auto;text-align:left;white-space:nowrap}.doc-nav .btn{margin-top:0;padding:9px 16px;font-size:.8rem}.annotate-toolbar{position:sticky;top:12px;z-index:30;display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:4px;margin:20px 0 16px;padding:8px;border:2px solid var(--ink);border-radius:999px;background:var(--paper);box-shadow:4px 4px 0 var(--ink);width:100%;box-sizing:border-box;overflow-x:auto;overflow-y:visible;scrollbar-width:none}.annotate-toolbar::-webkit-scrollbar{display:none}.at-group{display:flex;align-items:center;gap:4px;flex-shrink:0}.at-tools{gap:2px}.at-divider{width:1px;align-self:stretch;background:var(--perforation);margin:2px 3px;flex-shrink:0}.at-divider-v{min-height:26px}.tool-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:2px solid transparent;border-radius:10px;background:transparent;color:var(--ink);cursor:pointer;flex-shrink:0;transition:background .12s ease,border-color .12s ease,color .12s ease,transform .08s ease}.tool-btn svg{width:19px;height:19px;pointer-events:none}.tool-btn:hover{background:var(--paper-dim);border-color:var(--perforation)}.tool-btn.active{background:var(--ribbon);border-color:var(--ribbon);color:var(--paper)}.tool-btn.active:hover{background:var(--ribbon-dark)}.at-colors{gap:6px;padding:0 2px}.swatch{--sw: #C1272D;width:24px;height:24px;flex-shrink:0;border-radius:50%;border:2px solid var(--ink);background:var(--sw);cursor:pointer;padding:0;box-shadow:1px 1px 0 var(--ink)}.swatch.active{box-shadow:0 0 0 2px var(--paper),0 0 0 4px var(--ink)}.at-width{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.72rem;color:var(--ink-soft)}.at-width label{white-space:nowrap;text-transform:uppercase;letter-spacing:.04em}.at-arrowdir-field{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.72rem;color:var(--ink-soft)}.at-arrowdir-field label{white-space:nowrap;text-transform:uppercase;letter-spacing:.04em}.at-arrowdir-input{font-family:var(--font-mono);font-size:.72rem;color:var(--ink);background:var(--paper);border:2px solid var(--ink);border-radius:8px;padding:4px 6px;cursor:pointer;max-width:150px}.annotate-toolbar input[type=range]{accent-color:var(--ribbon);width:80px}#fontSizeField{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.72rem;color:var(--ink-soft)}#fontSizeField label{white-space:nowrap;text-transform:uppercase;letter-spacing:.04em}.at-actions{gap:2px}.at-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:2px solid transparent;border-radius:10px;background:transparent;color:var(--ink);cursor:pointer;flex-shrink:0;transition:background .12s ease,color .12s ease}.at-icon-btn svg{width:18px;height:18px;pointer-events:none}.at-icon-btn:hover{background:var(--paper-dim);border-color:var(--perforation)}.at-icon-btn:active{background:var(--ribbon);border-color:var(--ribbon);color:var(--paper)}.share-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.share-btn{display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-display);font-weight:700;font-size:.88rem;border:2px solid var(--ink);border-radius:var(--radius);padding:14px 16px;cursor:pointer;background:var(--paper-dim);color:var(--ink);text-decoration:none;text-align:center;transition:transform .08s ease,background .15s ease,box-shadow .15s ease;box-shadow:3px 3px 0 var(--ink)}.share-btn:hover{background:#fff;transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink)}.share-btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink)}.share-btn.primary{background:var(--ribbon);color:var(--paper)}.share-btn.primary:hover{background:var(--ribbon-dark)}.share-panel{padding-bottom:96px}.share-bar{position:sticky;bottom:0;left:0;right:0;margin:24px -1px -1px;padding:14px 16px;background:var(--paper);border-top:2px solid var(--ink);box-shadow:0 -6px 16px #1b1b181f;display:flex;gap:10px;align-items:stretch;z-index:40}.share-bar>.share-btn,.share-bar>.share-more-wrap{flex:1 1 0;min-width:0;margin:0}.share-bar .share-more-wrap>.share-btn{width:100%}.share-bar.busy{opacity:.55;pointer-events:none}.share-caret{transition:transform .15s ease;flex-shrink:0}#shareNative[aria-expanded=true] .share-caret{transform:rotate(180deg)}@media (max-width: 480px){.share-bar{flex-wrap:wrap}.share-bar>.share-btn,.share-bar>.share-more-wrap{flex:1 1 100%}}.video-format-field,.video-quality-field{width:100%;margin:0 0 14px}.video-format-field label,.video-quality-field label{margin-bottom:6px}.video-format-field select,.video-quality-field select{width:100%;background:#fff;border:2px solid var(--ink);color:var(--ink);border-radius:4px;padding:9px 12px;font-size:.88rem;font-family:var(--font-body);box-shadow:3px 3px 0 var(--ink)}.video-format-row{display:flex;flex-wrap:wrap;gap:14px}.video-format-row .video-format-field,.video-format-row .video-quality-field{margin-bottom:0;flex:1 1 180px}.share-more-wrap{position:relative;display:flex}.share-dropdown{position:absolute;bottom:calc(100% + 10px);right:0;left:auto;width:max-content;min-width:190px;max-width:min(260px,calc(100vw - 32px));background:#fff;border:2px solid var(--ink);border-radius:var(--radius);box-shadow:4px 4px 0 var(--ink);padding:8px;display:none;flex-direction:column;gap:4px}@media (max-width: 480px){.share-dropdown{right:-1px}}.share-dropdown.open{display:flex}.share-dropdown button{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:none;border:none;border-radius:4px;padding:10px;font-family:var(--font-body);font-size:.9rem;color:var(--ink);cursor:pointer}.share-dropdown button:hover,.share-dropdown button:active{background:var(--paper-dim)}.context-share-menu{position:fixed;inset:0 auto auto 0;z-index:60}.modal-overlay{position:fixed;inset:0;background:#1b1b188c;display:none;align-items:center;justify-content:center;padding:20px;z-index:100}.modal-overlay.open{display:flex}.modal{background:var(--paper);border:2px solid var(--ink);border-radius:var(--radius);box-shadow:6px 6px 0 var(--ink);max-width:420px;width:100%;padding:24px;max-height:90vh;overflow-y:auto}.modal h3{font-family:var(--font-display);font-size:1.1rem;margin:0 0 16px}.modal .field{margin-bottom:16px}.modal-hint{font-size:.88rem;color:var(--ink-soft, #5b5748);margin:-4px 0 16px;line-height:1.4}.email-provider-grid{margin-bottom:4px}.modal-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:18px}.modal-actions .btn{margin-top:0;padding:12px 22px;font-size:.92rem}.modal-actions-column{flex-direction:column;align-items:stretch;justify-content:flex-start}.modal-actions-column .btn{width:100%}.source-picker-modal{max-width:600px}.source-picker-modal .source-grid{margin-top:4px}#sourcePickerPreviewHost{position:relative}#sourcePickerPreviewHost .record-stage{margin-top:0}.source-picker-countdown-row{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:14px}.source-picker-countdown{font-family:var(--font-display);font-size:2.4rem;line-height:1;min-height:1.2em}.source-picker-status{margin:0;text-align:center;min-height:1.2em}.source-picker-status.error{color:var(--ribbon-dark);font-weight:600}.btn-compat{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:8px;text-align:center;white-space:nowrap;overflow:hidden;font-size:clamp(.78rem,2.6vw,.92rem)}.btn-compat span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.btn-compat .tag.slow{font-family:var(--font-mono);font-size:.62rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:var(--ribbon);color:var(--paper);flex-shrink:0}@media (max-width: 900px){.hero{grid-template-columns:1fr;gap:40px;padding:44px 0 40px}.hero-visual{order:-1;min-height:280px}.hv-card-main{max-width:320px}.book-slider{max-width:460px}.why-grid{grid-template-columns:repeat(2,1fr)}.why-card-wide{grid-column:span 2}.faq-columns{grid-template-columns:1fr}}@media (max-width: 640px){.wrap{padding:0 16px}.site-bar{padding:14px 16px;flex-wrap:wrap;row-gap:10px}.hero{padding:40px 0 24px}.hero h1{word-break:break-word}.hero-visual{display:none}.hero-actions .btn{width:100%;text-align:center}.hero-stats{gap:20px}.stat-bar{flex-direction:column;align-items:flex-start;gap:10px}.why-grid{grid-template-columns:1fr}.why-card-wide{grid-column:span 1}.final-cta{flex-direction:column;align-items:flex-start}.final-cta-actions{width:100%}.final-cta-actions .btn{flex:1}.tool-grid{margin-top:32px}.dropzone{padding:30px 14px}.options{gap:16px 20px}.btn{width:100%;text-align:center}.btn-row{flex-direction:column}.steps{gap:14px;flex-wrap:wrap}.viewer-toolbar{justify-content:center}.viewer-toolbar .btn{flex:1 1 calc(50% - 5px)}.page-indicator{order:-1;width:100%}.page-jump{width:100%;justify-content:center}.share-grid{grid-template-columns:1fr 1fr}.tool-switch{flex-direction:column;align-items:stretch}.tool-switch-label{margin-right:0;margin-bottom:2px}.tool-switch-btn{width:100%;text-align:center}.annotate-head{flex-direction:column;align-items:stretch}.doc-nav{width:100%;justify-content:space-between}.annotate-toolbar{position:sticky;top:8px;flex-wrap:nowrap;overflow-x:auto;overflow-y:visible;scrollbar-width:none;justify-content:flex-start;border-radius:16px;padding:6px;margin:16px 0 14px;max-width:100%}.annotate-toolbar::-webkit-scrollbar{display:none}.tool-btn,.at-icon-btn{width:34px;height:34px}.tool-btn svg{width:17px;height:17px}.swatch{width:22px;height:22px}.annotate-toolbar input[type=range]{width:60px}.at-width label,#fontSizeField label{display:none}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%}}.source-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-top:26px}.source-option{display:flex;flex-direction:column;align-items:flex-start;gap:4px;border:2px solid var(--ink);border-radius:var(--radius);background:var(--paper-dim);padding:16px 16px 14px;cursor:pointer;text-align:left;font-family:var(--font-body);color:var(--ink);transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.source-option:hover{background:#fff}.source-option.active{background:#fff;border-color:var(--ribbon);box-shadow:4px 4px 0 var(--ink)}.source-option:disabled{cursor:not-allowed;opacity:.45;background:var(--paper-dim);box-shadow:none}.source-option .icon{font-size:1.3rem}.source-option strong{font-family:var(--font-display);font-size:.95rem}.source-option span{font-size:.8rem;color:var(--ink-soft);font-family:var(--font-mono)}.toggle-row{display:flex;flex-wrap:wrap;gap:22px;margin-top:22px}.toggle-field,.field label.toggle-field{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:.85rem;color:var(--ink);text-transform:none;letter-spacing:normal;margin-bottom:0;cursor:pointer}.toggle-field input[type=checkbox]{width:18px;height:18px;margin:0;flex-shrink:0;accent-color:var(--ribbon)}.record-stage{position:relative;margin-top:0;border:2px solid var(--ink);border-radius:var(--radius);background:#10100e;box-shadow:6px 6px 0 var(--ink);overflow:hidden;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center}#recordStage{max-width:640px;margin-left:auto;margin-right:auto}.record-stage video{width:100%;height:100%;object-fit:contain;background:#10100e}.record-stage canvas{display:none;width:100%;height:100%;object-fit:contain;cursor:grab;touch-action:none;user-select:none}.record-stage canvas.is-dragging-bubble{cursor:grabbing}.source-image-preview{display:none;position:absolute;object-fit:contain;background:transparent;z-index:1}.record-stage.crop-preview .source-image-preview{object-fit:contain}.clip-block.image{background-size:cover;background-position:center}.record-placeholder{color:var(--paper-dim);font-family:var(--font-mono);font-size:.85rem;text-align:center;padding:20px}.record-badge{position:absolute;top:14px;left:14px;display:none;align-items:center;gap:8px;background:#10100ec7;color:#fff;font-family:var(--font-mono);font-size:.85rem;padding:7px 12px;border-radius:999px}.record-badge.live{display:flex}.record-badge-inline{position:static;align-self:flex-end;box-shadow:4px 4px 0 var(--ink)}.record-dot{width:10px;height:10px;border-radius:50%;background:var(--ribbon);animation:recordPulse 1.4s ease-in-out infinite}.record-badge.paused .record-dot{background:var(--ribbon-dark);animation:none}@keyframes recordPulse{0%,to{opacity:1}50%{opacity:.35}}.record-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:26px;margin-bottom:22px}.record-controls .btn{width:100%;margin:0;text-align:center}.record-hint{font-family:var(--font-mono);font-size:.82rem;color:var(--ink-soft);margin-top:14px}.result-video-wrap{position:relative;margin:0 auto 22px;max-width:100%;max-height:min(72vh,520px);display:flex;align-items:center;justify-content:center;overflow:hidden;background:#10100e;border:2px solid var(--ink);border-radius:var(--radius);box-shadow:4px 4px 0 var(--ink)}#resultVideoWrap{max-width:640px;display:none!important}#resultMediaControls{display:none!important}.result-video-wrap:focus{outline:none}.result-video-wrap .preview-thumb-video{width:100%;height:100%;max-height:min(72vh,520px);object-fit:contain;border:none;box-shadow:none;margin-bottom:0}.preview-thumb-video{display:block;width:100%;max-width:100%;border:2px solid var(--ink);border-radius:var(--radius);box-shadow:4px 4px 0 var(--ink);margin-bottom:22px;background:#10100e}.media-controls{display:flex;gap:10px;margin:-8px 0 22px}.preview-controls-bar{justify-content:center;flex-wrap:nowrap;margin:14px 0 22px;overflow-x:auto;-webkit-overflow-scrolling:touch}.media-btn{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border:2px solid var(--ink);border-radius:var(--radius);background:var(--paper-dim);color:var(--ink);cursor:pointer;box-shadow:3px 3px 0 var(--ink);transition:background .15s ease,color .15s ease,transform .08s ease,box-shadow .15s ease}.media-btn .icon-play{margin-left:2px}.media-btn:hover,.media-btn:active{background:var(--ribbon);border-color:var(--ribbon);color:var(--paper);transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}.media-btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink)}@media (max-width: 560px){.source-grid{grid-template-columns:1fr 1fr}.preview-controls-bar{gap:6px}.preview-controls-bar .media-btn{width:38px;height:38px;flex:0 0 auto}}@media (max-width: 420px){.preview-controls-bar{gap:4px}.preview-controls-bar .media-btn{width:34px;height:34px}}.shortcuts-help-wrap{position:relative;flex:0 0 auto}.shortcuts-help-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:2px solid var(--ink);border-radius:50%;background:#fff;color:var(--ink);font-family:var(--font-mono);font-weight:700;font-size:.85rem;line-height:1;cursor:pointer;box-shadow:2px 2px 0 var(--ink);transition:background .15s ease,color .15s ease,transform .08s ease}.shortcuts-help-btn:hover{background:var(--ribbon);border-color:var(--ribbon);color:#fff}.shortcuts-help-btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink)}.shortcuts-panel{position:absolute;top:calc(100% + 10px);right:0;z-index:20;display:none;flex-direction:column;gap:6px;min-width:190px;padding:12px 14px;background:var(--paper);border:2px solid var(--ink);border-radius:var(--radius);box-shadow:4px 4px 0 var(--ink)}.shortcuts-panel.open{display:flex}.shortcuts-row{display:flex;align-items:center;justify-content:space-between;gap:14px;font-family:var(--font-mono);font-size:.75rem}.shortcuts-key{flex:0 0 auto;padding:2px 7px;border:2px solid var(--ink);border-radius:5px;background:var(--paper-dim);font-weight:700;white-space:nowrap}.shortcuts-desc{color:var(--ink-soft);text-align:right;white-space:nowrap}.page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;margin-top:24px}.page-card{display:flex;flex-direction:column;gap:8px;border:2px solid var(--ink);border-radius:var(--radius);background:var(--paper-dim);padding:10px}.page-card .page-thumb-wrap{position:relative;border:1px solid var(--ink);background:#fff;overflow:hidden}.page-card img{display:block;width:100%;height:auto;transition:transform .15s ease}.page-card .page-num{font-family:var(--font-mono);font-size:.78rem;color:var(--ink-soft);text-align:center}.page-card .page-controls{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.page-card .page-controls button{border:1.5px solid var(--ink);border-radius:var(--radius);background:#fff;padding:4px 7px;font-family:var(--font-mono);font-size:.75rem;cursor:pointer}.page-card .page-controls button:hover{background:var(--paper-dim)}.page-card.deleted{opacity:.4}.page-card.deleted .page-thumb-wrap img{filter:grayscale(1)}.page-rotor{position:absolute;top:50%;left:50%;transform-origin:center center}.page-rotor img{display:block;width:100%;height:100%}.text-layer{position:absolute;top:0;left:0}.text-obj{position:absolute;cursor:text;outline:none;white-space:pre;overflow:hidden;border-radius:2px;box-decoration-break:clone;color:transparent;background:transparent}.text-obj:hover{box-shadow:0 0 0 1px var(--ribbon);background:#c1272d14}.text-obj.editing{background:#fff;box-shadow:0 0 0 2px var(--ribbon)}.text-obj.edited{background:#ffffffeb;box-shadow:none}.viewer-stage.page-deleted img{filter:grayscale(1);opacity:.35}.viewer-stage.page-deleted .text-layer{display:none}.deleted-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-mono);font-size:.9rem;letter-spacing:.05em;text-transform:uppercase;color:var(--ribbon-dark);border:2px solid var(--ribbon-dark);border-radius:var(--radius);padding:6px 14px;background:var(--paper)}.page-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.page-actions .btn{margin-top:0}#cropStage video{object-fit:contain}.crop-box{position:absolute;border:2px solid var(--ribbon);box-shadow:0 0 0 999px #10100e8c;cursor:move;touch-action:none}.crop-handle{position:absolute;width:16px;height:16px;margin:-8px;background:var(--ribbon);border:2px solid #fff;border-radius:50%;touch-action:none}.crop-handle[data-handle=nw]{top:0;left:0;cursor:nwse-resize}.crop-handle[data-handle=ne]{top:0;right:0;margin-right:-8px;cursor:nesw-resize}.crop-handle[data-handle=sw]{bottom:0;left:0;margin-bottom:-8px;cursor:nesw-resize}.crop-handle[data-handle=se]{bottom:0;right:0;margin:-8px;cursor:nwse-resize}.chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.chip-btn{font-family:var(--font-mono);font-size:.8rem;font-weight:600;color:var(--ink);background:var(--paper-dim);border:2px solid var(--ink);border-radius:999px;padding:8px 16px;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.chip-btn:hover,.chip-btn:active{background:#fff}.chip-btn.active{background:var(--ribbon);border-color:var(--ribbon);color:#fff}@media (max-width: 640px){.chip-row{flex-direction:column;flex-wrap:nowrap}.chip-row .chip-btn{width:100%;text-align:center}}.field-row{display:flex;flex-direction:column;gap:8px;margin-top:26px}.field-row>label{display:block;font-family:var(--font-mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft)}.field-row .field-hint{margin-top:0}#urlFieldRow{margin-top:26px}.export-progress{display:none;align-items:center;gap:14px;margin-top:22px}.export-progress.live{display:flex}.export-progress-track{flex:1;height:10px;border:2px solid var(--ink);border-radius:999px;background:var(--paper-dim);overflow:hidden}.export-progress-fill{height:100%;width:0%;background:var(--ribbon);transition:width .15s linear}.export-progress-label{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.85rem;color:var(--ink);white-space:nowrap;flex-shrink:0}.export-progress-label .record-dot{width:9px;height:9px}.eq{display:inline-flex;align-items:flex-end;gap:3px;height:16px;flex-shrink:0}.eq span{width:3px;height:30%;background:var(--ribbon);border-radius:2px;animation:eqBounce .9s ease-in-out infinite;animation-play-state:paused}.eq.live span{animation-play-state:running}.eq span:nth-child(1){animation-delay:-.6s}.eq span:nth-child(2){animation-delay:-.3s}.eq span:nth-child(3){animation-delay:-.9s}.eq span:nth-child(4){animation-delay:-.15s}.eq span:nth-child(5){animation-delay:-.45s}@keyframes eqBounce{0%,to{height:20%}50%{height:100%}}.timeline-wrap{margin-top:26px}.timeline-labels{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.82rem;color:var(--ink-soft);margin-bottom:8px}.timeline-labels .clip-duration{color:var(--ink);font-weight:600}.timeline{position:relative;height:84px;border:2px solid var(--ink);border-radius:var(--radius);background:#10100e;box-shadow:4px 4px 0 var(--ink);overflow:hidden;touch-action:none;user-select:none}.timeline-waveform{position:absolute;inset:0;width:100%;height:100%}.timeline-shade{position:absolute;top:0;bottom:0;background:#10100ead}.timeline-shade.left{left:0}.timeline-shade.right{right:0}.timeline-selection{position:absolute;top:0;bottom:0;border-left:2px solid var(--ribbon);border-right:2px solid var(--ribbon);border-top:2px solid var(--ribbon);border-bottom:2px solid var(--ribbon);box-sizing:border-box;cursor:move}.timeline-handle{position:absolute;top:0;bottom:0;width:16px;background:var(--ribbon);cursor:ew-resize;display:flex;align-items:center;justify-content:center}.timeline-handle[data-handle=start]{left:0;margin-left:-16px;border-radius:4px 0 0 4px}.timeline-handle[data-handle=end]{right:0;margin-right:-16px;border-radius:0 4px 4px 0}.timeline-handle:after{content:"";width:3px;height:22px;background:#fff;border-radius:2px}.timeline-playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--ribbon);pointer-events:none;box-shadow:0 0 6px #c1272dcc}.crop-scrub-handle{position:absolute;top:50%;width:16px;height:16px;margin-left:-8px;margin-top:-8px;border-radius:50%;background:var(--ribbon);border:2px solid var(--ink);cursor:ew-resize;box-shadow:0 0 6px #c1272dcc}.track-spacer{position:absolute;top:0;left:0;width:1px;height:1px;pointer-events:none}.audio-timeline-wrap{margin-top:18px}.audio-timeline,.image-timeline{position:relative;height:64px;max-width:100%;border:none;outline:3px solid var(--ink);outline-offset:-3px;border-radius:var(--radius);background:#10100e;box-shadow:4px 4px 0 var(--ink);overflow-x:auto;overflow-y:hidden;touch-action:pan-x;user-select:none;scrollbar-width:none;-ms-overflow-style:none}.audio-timeline::-webkit-scrollbar,.image-timeline::-webkit-scrollbar{display:none;height:0}.image-timeline-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--ink-soft);font-family:var(--font-mono);font-size:.82rem;text-align:center;padding:0 12px;cursor:pointer;border:2px dashed var(--perforation);border-radius:var(--radius);transition:border-color .15s ease,color .15s ease}.image-timeline-empty:hover{border-color:var(--ribbon);color:var(--ribbon)}.image-block{position:absolute;top:0;bottom:0;background:#c1272d26;border:2px solid var(--ribbon);box-sizing:border-box;cursor:move;touch-action:none}.image-block.active{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--ribbon-dark)}.image-block-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.9;pointer-events:none}.image-block-name{position:absolute;left:6px;bottom:4px;font-family:var(--font-mono);font-size:.66rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 30px);pointer-events:none}.image-block .clip-block-remove{z-index:2}.image-trim-handle{position:absolute;top:0;bottom:0;right:0;width:16px;margin-right:-16px;background:var(--ribbon);cursor:ew-resize;display:flex;align-items:center;justify-content:center;border-radius:0 4px 4px 0}.image-trim-handle:after{content:"";width:3px;height:22px;background:#fff;border-radius:2px}@media (pointer: coarse){.image-trim-handle{width:28px;margin-right:-28px}}.audio-timeline-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--ink-soft);font-family:var(--font-mono);font-size:.82rem;cursor:pointer;border:2px dashed var(--perforation);border-radius:var(--radius);transition:border-color .15s ease,color .15s ease}.audio-timeline-empty:hover{border-color:var(--ribbon);color:var(--ribbon)}.mtrack-add-btn{flex:0 0 auto;font-family:var(--font-mono);font-size:.72rem;font-weight:600;color:var(--ink);background:#fff;border:2px solid var(--ink);border-radius:999px;padding:6px 12px;cursor:pointer;box-shadow:2px 2px 0 var(--ink);transition:background .15s ease,transform .1s ease;white-space:nowrap}.mtrack-add-btn:hover{background:var(--ribbon);color:#fff;border-color:var(--ribbon)}.mtrack-add-btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink)}.mtrack-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}.mtrack-meta{font-family:var(--font-mono);font-size:.68rem;color:var(--ink-soft);margin-top:4px;text-align:right}.audio-block{position:absolute;top:0;bottom:0;background:#c1272d4d;border-left:2px solid var(--ribbon);border-right:2px solid var(--ribbon);border-top:2px solid var(--ribbon);border-bottom:2px solid var(--ribbon);box-sizing:border-box;cursor:move}.audio-block canvas{position:absolute;inset:0;width:100%;height:100%}.audio-block.active{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--ribbon-dark)}.audio-block .clip-block-remove{z-index:2}.audio-trim-handle{position:absolute;top:0;bottom:0;right:0;width:16px;margin-right:-16px;background:var(--ribbon);cursor:ew-resize;display:flex;align-items:center;justify-content:center;border-radius:0 4px 4px 0}.audio-trim-handle:after{content:"";width:3px;height:22px;background:#fff;border-radius:2px}.audio-trim-handle-start{position:absolute;inset:0 auto 0 0;width:16px;margin-right:0;margin-left:-16px;background:var(--ribbon);cursor:ew-resize;display:flex;align-items:center;justify-content:center;border-radius:4px 0 0 4px}.audio-trim-handle-start:after{content:"";width:3px;height:22px;background:#fff;border-radius:2px}.volume-row{display:flex;align-items:center;gap:12px;margin-top:12px}.volume-row label{font-family:var(--font-mono);font-size:.82rem;color:var(--ink-soft);min-width:120px}.volume-row input[type=range]{flex:1;accent-color:var(--ribbon)}.volume-row .volume-value{font-family:var(--font-mono);font-size:.82rem;color:var(--ink);min-width:44px;text-align:right}.hint-row{margin-top:8px;font-family:var(--font-mono);font-size:.78rem;color:var(--ink-soft);line-height:1.4}.level-meter{width:120px;height:14px;border:2px solid var(--ink);border-radius:3px;background:#10100e;flex-shrink:0}.enhance-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:4px}.enhance-group{background:var(--paper-dim);border:2px solid var(--ink);border-radius:var(--radius);padding:12px;box-shadow:3px 3px 0 var(--ink)}.enhance-group-title{display:block;font-family:var(--font-mono);font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ribbon-dark);margin-bottom:10px}.enhance-row{display:flex;align-items:center;gap:10px;margin-top:8px}.enhance-row:first-of-type{margin-top:0}.enhance-row label{font-family:var(--font-mono);font-size:.76rem;color:var(--ink-soft);min-width:58px}.enhance-row input[type=range]{flex:1;accent-color:var(--ribbon)}.enhance-row .volume-value{font-family:var(--font-mono);font-size:.76rem;color:var(--ink);min-width:36px;text-align:right}.enhance-toggles{display:flex;flex-direction:column;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid var(--perforation)}.enhance-toggles .toggle-field{font-size:.8rem}@media (max-width: 640px){.enhance-grid{grid-template-columns:1fr}.volume-row{flex-wrap:wrap}.level-meter{width:100%;order:3}}.record-stage.gap-preview video{visibility:hidden}.record-stage.gap-preview:after{content:"Gap - no video here";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;color:var(--ink-soft);font-family:var(--font-mono);font-size:.85rem;background:#10100e}.overlay-preview-layer{position:absolute;inset:0;pointer-events:none;z-index:2}.overlay-preview-text{position:absolute;font-family:var(--font-body);font-weight:600;line-height:1.2;text-shadow:0 1px 3px rgba(0,0,0,.85),0 0 2px rgba(0,0,0,.6);white-space:pre-wrap;max-width:90%}.preview-stack{width:100%;margin:0 auto;display:flex;flex-direction:column}.preview-stack .record-stage,.preview-stack .preview-controls-bar{width:100%}.preview-stack.ratio-9-16{max-width:340px}.preview-stack.ratio-4-5,.preview-stack.ratio-1-1{max-width:380px}.preview-stack.ratio-16-9{max-width:640px}.preview-stack.ratio-9-16 .preview-controls-bar,.preview-stack.ratio-4-5 .preview-controls-bar,.preview-stack.ratio-1-1 .preview-controls-bar{flex-wrap:nowrap;gap:6px}.preview-stack.ratio-9-16 .preview-controls-bar .media-btn,.preview-stack.ratio-4-5 .preview-controls-bar .media-btn,.preview-stack.ratio-1-1 .preview-controls-bar .media-btn{width:34px;height:34px;flex:0 0 auto}.result-video-wrap.ratio-9-16{max-width:340px;margin-left:auto;margin-right:auto}.record-stage.ratio-9-16,.result-video-wrap.ratio-9-16{aspect-ratio:9 / 16}.result-video-wrap.ratio-4-5{max-width:380px;margin-left:auto;margin-right:auto}.record-stage.ratio-4-5,.result-video-wrap.ratio-4-5{aspect-ratio:4 / 5}.result-video-wrap.ratio-1-1{max-width:380px;margin-left:auto;margin-right:auto}.record-stage.ratio-1-1,.result-video-wrap.ratio-1-1{aspect-ratio:1 / 1}.result-video-wrap.ratio-16-9{max-width:100%;margin-left:auto;margin-right:auto}.record-stage.ratio-16-9,.result-video-wrap.ratio-16-9{aspect-ratio:16 / 9}.record-stage.crop-preview video{object-fit:cover}.result-video-wrap.ratio-9-16,.result-video-wrap.ratio-4-5,.result-video-wrap.ratio-1-1,.result-video-wrap.ratio-16-9{border:2px solid var(--ink);border-radius:var(--radius);box-shadow:4px 4px 0 var(--ink);background:#10100e;overflow:hidden;display:flex;align-items:center;justify-content:center}.result-video-wrap.ratio-9-16 .preview-thumb-video,.result-video-wrap.ratio-4-5 .preview-thumb-video,.result-video-wrap.ratio-1-1 .preview-thumb-video,.result-video-wrap.ratio-16-9 .preview-thumb-video{width:100%;height:100%;max-width:100%;object-fit:contain;border:none;box-shadow:none;margin-bottom:0}.mtimeline{position:relative;margin-top:22px;border:2px solid var(--ink);border-radius:var(--radius);background:var(--paper-dim);box-shadow:2px 2px 0 var(--ink);padding:10px 12px;overflow:hidden}.op-timeline .mtimeline{padding:8px 10px}.mtimeline-outer-zoom{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:10px}.mtimeline-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;width:100%}.mtimeline-toolbar .btn,.mtimeline-toolbar .mtrack-add-btn{flex:1 1 calc(20% - 8px);min-width:120px;margin-top:0}.mtimeline-toolbar .btn,.mtimeline-toolbar .btn.secondary,.mtimeline-toolbar .mtrack-add-btn{padding:10px;font-family:var(--font-mono);font-size:.72rem;font-weight:700;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:var(--radius);background:var(--paper);color:var(--ink);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);transform:none}.mtimeline-toolbar .btn:hover:not(:disabled),.mtimeline-toolbar .btn.secondary:hover:not(:disabled),.mtimeline-toolbar .mtrack-add-btn:hover{background:var(--ribbon);color:#fff;border-color:var(--ribbon);box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.mtimeline-toolbar .btn:active:not(:disabled),.mtimeline-toolbar .mtrack-add-btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink)}.mtimeline-total,.mtimeline-zoom{flex:0 0 auto}.mtimeline-total{font-family:var(--font-mono);font-size:.8rem;color:var(--ink-soft)}.mtimeline-zoom{display:flex;align-items:center;gap:6px;flex:0 0 auto}.zoom-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:2px solid var(--ink);border-radius:var(--radius);background:#fff;color:var(--ink);font-family:var(--font-mono);font-weight:700;font-size:.95rem;line-height:1;cursor:pointer;box-shadow:2px 2px 0 var(--ink);transition:background .15s ease,color .15s ease,transform .08s ease}.zoom-btn:hover{background:var(--ribbon);border-color:var(--ribbon);color:#fff}.zoom-btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink)}.zoom-fit-btn{width:auto;padding:0 10px;font-size:.68rem;text-transform:uppercase;letter-spacing:.04em}.zoom-range{width:90px;accent-color:var(--ribbon);cursor:pointer}.mtimeline-ruler{position:relative;height:26px;margin:0 0 8px 74px;border-bottom:3px solid var(--ink);cursor:pointer;overflow-x:auto;overflow-y:hidden;touch-action:pan-x;user-select:none;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:10px}.mtimeline-ruler::-webkit-scrollbar{display:none;height:0}.ruler-tick{position:absolute;top:0;bottom:6px;width:2px;background:var(--ink)}.ruler-spacer{position:absolute;top:0;left:0;height:1px;pointer-events:none}.ruler-tick-label{position:absolute;top:0;font-family:var(--font-mono);font-size:.66rem;font-weight:700;color:var(--ink-soft);transform:translate(3px);white-space:nowrap}.mtimeline-playhead{position:absolute;height:24px;width:4px;background:var(--ribbon);pointer-events:none;z-index:6;box-shadow:0 0 8px #c1272de6;display:none}.mtimeline-playhead:after{content:"";position:absolute;top:-2px;left:50%;width:13px;height:13px;transform:translate(-50%);background:var(--ribbon);border:2px solid var(--ink);border-radius:2px;box-shadow:0 0 6px #c1272de6}.mtrack{display:flex;align-items:center;gap:10px;margin-top:10px}.mtrack-label{flex:0 0 64px;font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);display:flex;align-items:center}.mtrack-body{position:relative;flex:1;min-width:0;overflow:hidden;padding:0 4px 4px 0}.video-track-body .clip-strip{flex-wrap:nowrap;gap:4px;margin-top:0;max-width:100%;height:64px;box-sizing:border-box;border:none;outline:3px solid var(--ink);outline-offset:-3px;border-radius:var(--radius);background:#10100e;box-shadow:4px 4px 0 var(--ink);padding:0;overflow-x:auto;overflow-y:hidden;touch-action:pan-x;scrollbar-width:none;-ms-overflow-style:none}.video-track-body .clip-strip::-webkit-scrollbar{display:none;height:0}.video-track-body .clip-block{flex:0 0 auto;min-width:72px;height:100%;justify-content:center;box-shadow:none}.clip-block.gap{background:repeating-linear-gradient(45deg,var(--paper-dim),var(--paper-dim) 6px,#d8d2c0 6px,#d8d2c0 12px);border-style:dashed}.clip-block.gap.active{background:repeating-linear-gradient(45deg,var(--ribbon),var(--ribbon) 6px,var(--ribbon-dark) 6px,var(--ribbon-dark) 12px)}.audio-track-body .audio-timeline,.image-track-body .image-timeline{margin:0;height:64px}.caption-track-body{position:relative;height:64px;max-width:100%;border:none;outline:3px solid var(--ink);outline-offset:-3px;border-radius:var(--radius);background:#10100e;box-shadow:4px 4px 0 var(--ink);overflow-x:auto;overflow-y:hidden;touch-action:pan-x;user-select:none;scrollbar-width:none;-ms-overflow-style:none}.caption-track-body::-webkit-scrollbar{display:none;height:0}.caption-track-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--ink-soft);font-family:var(--font-mono);font-size:.78rem;cursor:pointer;border:2px dashed var(--perforation);border-radius:var(--radius);box-sizing:border-box;transition:border-color .15s ease,color .15s ease}.caption-track-empty:hover{border-color:var(--ribbon);color:var(--ribbon)}.caption-block{position:absolute;top:5px;bottom:5px;background:#c1272d40;border:2px solid var(--ribbon);border-radius:4px;box-sizing:border-box;cursor:move;display:flex;align-items:center;padding:0 8px}.caption-block.active{background:#c1272d80}.caption-block-label{font-family:var(--font-mono);font-size:.72rem;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.caption-handle{position:absolute;top:0;bottom:0;width:16px;cursor:ew-resize;background:var(--ribbon);display:flex;align-items:center;justify-content:center}.caption-handle:after{content:"";width:3px;height:22px;background:#fff;border-radius:2px}.caption-handle[data-chandle=start]{left:0;margin-left:-16px;border-radius:4px 0 0 4px}.caption-handle[data-chandle=end]{right:0;margin-right:-16px;border-radius:0 4px 4px 0}@media (pointer: coarse){.caption-handle{width:28px}.caption-handle[data-chandle=start]{margin-left:-28px}.caption-handle[data-chandle=end]{margin-right:-28px}}.mtrack-subheading{font-family:var(--font-mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);margin:30px 0 8px}.overlay-row.active-row{box-shadow:0 0 0 2px var(--ribbon)}@media (max-width: 640px){.mtrack-label{flex-basis:44px;font-size:.62rem}.mtimeline-ruler{margin-left:54px}.mtrack{flex-wrap:wrap}.mtrack-actions{flex-basis:100%;justify-content:flex-end;margin-left:54px;margin-top:6px}.mtrack-add-btn{font-size:.66rem;padding:5px 10px}}@media (max-width: 640px){.mtimeline-toolbar .btn,.mtimeline-toolbar .mtrack-add-btn{flex:1 1 calc(50% - 8px);min-width:100px}.mtimeline-toolbar .btn,.mtimeline-toolbar .btn.secondary,.mtimeline-toolbar .mtrack-add-btn{font-size:.68rem;padding:10px 6px}}@media (max-width: 420px){.mtimeline-toolbar .btn,.mtimeline-toolbar .mtrack-add-btn{flex:1 1 100%}}.clip-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.clip-block{position:relative;display:flex;flex-direction:column;gap:4px;min-width:110px;background:var(--paper-dim);border:2px solid var(--ink);border-radius:var(--radius);padding:10px 30px 10px 12px;cursor:pointer;box-shadow:3px 3px 0 var(--ink);transition:background .15s ease,border-color .15s ease}.clip-block:hover{background:#fff}.clip-block.active{background:var(--ribbon);border-color:var(--ribbon);color:#fff}.clip-block-name{font-family:var(--font-mono);font-size:.8rem;font-weight:600;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clip-block-duration{font-family:var(--font-mono);font-size:.72rem;color:var(--ink-soft)}.clip-block-anim{font-family:var(--font-mono);font-size:.68rem;color:var(--ribbon);background:#10100e8c;border-radius:4px;padding:0 3px;align-self:flex-start;position:relative;z-index:1}.clip-block.active .clip-block-anim{color:#fff}.clip-block.active .clip-block-duration{color:#fffc}.clip-block-remove{position:absolute;top:6px;right:6px;width:20px;height:20px;border:none;border-radius:50%;background:var(--ink);color:#fff;font-size:.85rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.video-track-body .clip-block{touch-action:pan-x}.video-track-body .clip-block.dragging{opacity:.45}.video-track-body .clip-block.drop-target{outline:3px dashed var(--ribbon);outline-offset:-3px}.clip-block-thumbs{position:absolute;inset:0;border-radius:calc(var(--radius) - 2px);background-size:100% 100%;background-repeat:no-repeat;background-position:center;opacity:.85;pointer-events:none;z-index:0}.clip-block-name,.clip-block-duration{position:relative;z-index:1;background:#10100e8c;border-radius:4px;padding:0 3px;align-self:flex-start}.clip-block.active .clip-block-name,.clip-block.active .clip-block-duration{background:#c1272dbf}.transition-control{position:relative;flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:26px;margin:0 -6px;z-index:2}.transition-btn{width:22px;height:22px;border:2px solid var(--ink);border-radius:50%;background:#fff;color:var(--ink);font-size:.75rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:2px 2px 0 var(--ink)}.transition-btn.on{background:var(--ribbon);color:#fff;border-color:var(--ribbon)}.transition-menu{display:none;position:absolute;top:28px;left:50%;transform:translate(-50%);z-index:20;background:#fff;border:2px solid var(--ink);border-radius:var(--radius);box-shadow:3px 3px 0 var(--ink);padding:8px;gap:6px;flex-direction:column;width:168px}.transition-menu.open{display:flex}.transition-menu select{font-family:var(--font-mono);font-size:.75rem;padding:4px;border:2px solid var(--ink);border-radius:6px}.transition-menu .transition-dur-row{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.7rem}.transition-menu .transition-dur-row input{width:56px}.image-transform-box{position:absolute;z-index:5;border:2px dashed #fff;outline:1px dashed rgba(0,0,0,.6);box-sizing:border-box;cursor:move;touch-action:none}.itb-handle{position:absolute;background:var(--ribbon);border:2px solid #fff;box-shadow:0 0 4px #0009}.itb-move{inset:0;background:transparent;border:none;box-shadow:none;cursor:move}.itb-corner{width:14px;height:14px;border-radius:50%;cursor:nwse-resize}.itb-tl{top:-7px;left:-7px}.itb-tr{top:-7px;right:-7px;cursor:nesw-resize}.itb-bl{bottom:-7px;left:-7px;cursor:nesw-resize}.itb-br{bottom:-7px;right:-7px}.itb-edge{border-radius:3px}.itb-top,.itb-bottom{left:50%;width:22px;height:10px;transform:translate(-50%);cursor:ns-resize}.itb-top{top:-5px}.itb-bottom{bottom:-5px}.itb-left,.itb-right{top:50%;width:10px;height:22px;transform:translateY(-50%);cursor:ew-resize}.itb-left{left:-5px}.itb-right{right:-5px}@media (pointer: coarse){.itb-corner{width:30px;height:30px}.itb-tl{top:-15px;left:-15px}.itb-tr{top:-15px;right:-15px}.itb-bl{bottom:-15px;left:-15px}.itb-br{bottom:-15px;right:-15px}.itb-top,.itb-bottom{width:40px;height:22px}.itb-top{top:-11px}.itb-bottom{bottom:-11px}.itb-left,.itb-right{width:22px;height:40px}.itb-left{left:-11px}.itb-right{right:-11px}}.clip-block-add{min-width:48px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-family:var(--font-mono);background:var(--paper-dim);border:2px dashed var(--ink);border-radius:var(--radius);color:var(--ink);cursor:pointer}.clip-block-add:hover{background:#fff}.overlay-list{display:flex;flex-direction:column;gap:10px;margin-top:8px}.overlay-row{display:flex;flex-wrap:wrap;align-items:center;gap:5px;background:var(--paper-dim);border:1.5px solid var(--ink);border-radius:6px;padding:6px}.overlay-row input[type=text]{flex:1 1 160px;background:#fff;border:1.5px solid var(--ink);color:var(--ink);border-radius:4px;padding:6px 8px;font-size:.82rem;font-family:var(--font-body);box-shadow:2px 2px 0 var(--ink);transition:border-color .15s ease,box-shadow .15s ease}.overlay-row input[type=number]{width:56px;background:#fff;border:1.5px solid var(--ink);color:var(--ink);border-radius:4px;padding:6px 8px;font-size:.82rem;font-family:var(--font-body);box-shadow:2px 2px 0 var(--ink);transition:border-color .15s ease,box-shadow .15s ease}.overlay-row .tz-select{width:auto;min-width:150px;flex:0 0 auto}.overlay-row input[type=text]:focus,.overlay-row input[type=number]:focus,.overlay-row select:focus{border-color:var(--ribbon);box-shadow:3px 3px 0 var(--ribbon);outline:none}.overlay-row input[type=color]{width:30px;height:30px;padding:2px;border:1.5px solid var(--ink);border-radius:4px;background:#fff;cursor:pointer;box-shadow:2px 2px 0 var(--ink);transition:border-color .15s ease,box-shadow .15s ease}.overlay-row input[type=color]:focus{border-color:var(--ribbon);box-shadow:2px 2px 0 var(--ribbon);outline:none}.overlay-remove{font-family:var(--font-mono);font-size:.68rem;font-weight:600;color:#fff;background:var(--ribbon);border:1.5px solid var(--ribbon-dark);border-radius:999px;padding:5px 10px;cursor:pointer}.overlay-remove:hover{background:var(--ribbon-dark)}.drefly-toast-host{position:fixed;right:20px;bottom:20px;z-index:500;display:flex;flex-direction:column-reverse;gap:10px;max-width:min(360px,calc(100vw - 40px));pointer-events:none}.drefly-toast{position:relative;display:flex;align-items:flex-start;gap:10px;background:var(--paper);border:2px solid var(--ink);border-radius:var(--radius);box-shadow:4px 4px 0 var(--ink);padding:12px 12px 14px 14px;font-family:var(--font-body);font-size:.86rem;line-height:1.45;color:var(--ink);pointer-events:auto;opacity:0;transform:translateY(10px) scale(.98);transition:opacity .18s ease,transform .18s ease;overflow:hidden}.drefly-toast-timer-wrap{position:absolute;left:0;right:0;bottom:0;height:3px;background:transparent}.drefly-toast-timer-bar{height:100%;width:100%;background:var(--ribbon);transform-origin:left}.drefly-toast.show{opacity:1;transform:translateY(0) scale(1)}.drefly-toast.hide{opacity:0;transform:translateY(6px) scale(.98)}.drefly-toast-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-top:1px;color:var(--ink-soft)}.drefly-toast-icon svg{width:18px;height:18px}.drefly-toast-text{flex:1;min-width:0;word-break:break-word;padding-top:1px}.drefly-toast-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.drefly-toast-action{align-self:flex-start;font-family:var(--font-mono);font-size:.76rem;font-weight:700;color:var(--paper);background:var(--ink);border:none;border-radius:999px;padding:6px 12px;cursor:pointer}.drefly-toast-action:hover{background:var(--ribbon)}.drefly-toast-close{flex-shrink:0;background:none;border:none;color:var(--ink-soft);font-size:1.15rem;line-height:1;cursor:pointer;padding:0 0 0 4px}.drefly-toast-close:hover{color:var(--ink)}.drefly-toast-error{border-color:var(--ribbon);box-shadow:4px 4px 0 var(--ribbon-dark)}.drefly-toast-error .drefly-toast-icon,.drefly-toast-warning .drefly-toast-icon,.drefly-toast-success .drefly-toast-icon{color:var(--ribbon)}.drefly-toast-info .drefly-toast-icon{color:var(--ink-soft)}.drefly-toast-icon-mascot{width:20px;height:20px;transition:opacity .18s ease,transform .18s ease}.drefly-toast-icon-mascot svg{width:100%;height:100%;overflow:visible}.drefly-toast-icon-hidden{opacity:0;transform:scale(.4)}.drefly-fly-icon{position:fixed;left:0;top:0;width:clamp(84px,11vw,132px);height:clamp(84px,11vw,132px);margin-left:calc(-1*clamp(42px,5.5vw,66px));margin-top:calc(-1*clamp(42px,5.5vw,66px));z-index:600;pointer-events:none;transition:transform .5s cubic-bezier(.3,.1,.3,1),opacity .18s ease .32s;will-change:transform}.drefly-fly-icon svg{width:100%;height:100%;overflow:visible}.drefly-toast-loading{border-color:var(--ribbon);box-shadow:4px 4px 0 var(--ribbon-dark)}.drefly-toast-loading .drefly-toast-icon{color:var(--ribbon)}.drefly-toast-icon-spin{animation:dreflySpin .8s linear infinite}.drefly-loader{width:108px;height:108px;display:flex;align-items:center;justify-content:center}.drefly-loader svg{width:100%;height:100%;overflow:visible;animation:dreflyHover 1.6s ease-in-out infinite}.drefly-loader-wing-l,.drefly-loader-wing-r{transform-origin:256px 210px;animation:dreflyFlapL .22s ease-in-out infinite alternate}.drefly-loader-wing-r{animation-name:dreflyFlapR}.drefly-loader-sm{width:62px;height:62px}@keyframes dreflyFlapL{0%{transform:rotate(-14deg)}to{transform:rotate(10deg)}}@keyframes dreflyFlapR{0%{transform:rotate(14deg)}to{transform:rotate(-10deg)}}@keyframes dreflyHover{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(-3deg)}}.drefly-btn-loading{position:relative;pointer-events:none}.drefly-btn-loading:after{content:"";display:inline-block;width:16px;height:16px;margin-left:8px;vertical-align:-3px;border-radius:50%;border:2px solid rgba(193,39,45,.25);border-top-color:var(--ribbon);opacity:.95;animation:dreflySpin .6s linear infinite}@keyframes dreflySpin{to{transform:rotate(360deg)}}@media (max-width: 480px){.drefly-toast-host{right:12px;left:12px;bottom:12px;max-width:none}}.audio-block,.image-block,.caption-block,.audio-trim-handle,.audio-trim-handle-start,.image-trim-handle,.caption-handle,.itb-handle{touch-action:none}.history-trigger{display:inline-flex;align-items:center;gap:6px;margin:14px 0 0;font-family:var(--font-mono);font-size:.82rem;font-weight:600;color:var(--ink-soft);background:var(--paper-dim);border:1.5px solid var(--perforation);border-radius:999px;padding:7px 14px;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.history-trigger:hover{border-color:var(--ink);color:var(--ink)}.history-trigger svg{flex-shrink:0}.history-banner{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:14px 0 0;padding:12px 16px;background:var(--paper-dim);border:1.5px dashed var(--ribbon);border-radius:var(--radius);font-size:.9rem;color:var(--ink-soft)}.history-banner .btn{margin:0;padding:8px 16px;font-size:.82rem}.history-modal{max-width:520px;text-align:left}.history-modal h3{font-size:1.05rem}.history-modal-tool{color:var(--ribbon-dark)}.history-list{display:flex;flex-direction:column;gap:10px;max-height:46vh;overflow-y:auto;margin:4px 0}.history-empty{font-size:.88rem;color:var(--ink-soft);padding:10px 2px 4px}.history-teaser{font-size:.82rem;color:var(--ink-soft);padding:8px 2px 0}.history-teaser a{color:var(--ribbon-dark);font-weight:600;text-decoration:none}.history-teaser a:hover{text-decoration:underline}.history-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1.5px solid var(--perforation);border-radius:var(--radius);background:var(--paper)}.history-item-info{min-width:0}.history-item-name{font-family:var(--font-mono);font-size:.88rem;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item-meta{font-size:.78rem;color:var(--ink-soft);margin-top:2px}.history-item-actions{display:flex;gap:6px;flex-shrink:0}.history-icon-btn{font-family:var(--font-mono);font-size:.74rem;font-weight:600;color:var(--ink-soft);background:var(--paper-dim);border:1.5px solid var(--perforation);border-radius:999px;padding:6px 10px;cursor:pointer;white-space:nowrap;transition:border-color .15s ease,color .15s ease,background .15s ease}.history-icon-btn:hover{border-color:var(--ink);color:var(--ink)}.history-icon-btn.danger:hover{border-color:var(--ribbon);color:var(--ribbon-dark);background:var(--paper)}.history-dashboard-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:18px 0 6px;max-width:100%}.history-dashboard-toolbar input[type=search],.history-dashboard-toolbar select{font-family:var(--font-body);font-size:.92rem;padding:10px 14px;border:1.5px solid var(--perforation);border-radius:var(--radius);background:var(--paper);color:var(--ink);min-width:0;max-width:100%}.history-dashboard-toolbar input[type=search]{flex:1 1 220px}.history-dashboard-toolbar select{flex:1 1 180px}.history-dashboard-toolbar .btn{flex-shrink:0;margin-top:0;padding:10px 20px;font-size:.92rem;box-shadow:none}@media (max-width: 560px){.history-dashboard-toolbar{flex-direction:column;align-items:stretch}.history-dashboard-toolbar input[type=search],.history-dashboard-toolbar select,.history-dashboard-toolbar .btn{width:100%;flex:1 1 auto}}.history-usage{font-family:var(--font-mono);font-size:.82rem;color:var(--ink-soft);margin:4px 0 20px}.history-group{margin-bottom:28px}.history-group h2{font-family:var(--font-display);font-size:1.05rem;margin:0 0 10px;padding-bottom:6px;border-bottom:1.5px solid var(--perforation)}.history-group .history-list{max-height:none;overflow-y:visible}.history-dashboard-empty{font-size:.95rem;color:var(--ink-soft);padding:40px 0;text-align:center}.lightbox-locked{overflow:hidden}.img-lightbox-overlay{position:fixed;inset:0;background:#0f0f0df0;display:none;align-items:center;justify-content:center;gap:10px;padding:24px;z-index:200}.img-lightbox-overlay.open{display:flex}.img-lightbox-stage{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;max-width:min(90vw,1100px);max-height:90vh}.img-lightbox-img{max-width:100%;max-height:80vh;object-fit:contain;border-radius:var(--radius);border:2px solid var(--ink);background:repeating-conic-gradient(#2a2a26 0% 25%,#1f1f1c 0% 50%) 50% / 18px 18px}.img-lightbox-counter{font-family:var(--font-mono);font-size:.82rem;font-weight:600;color:var(--paper, #fff);letter-spacing:.02em}.img-lightbox-close{position:absolute;top:18px;right:22px;background:none;border:none;color:var(--paper, #fff);font-size:2rem;line-height:1;cursor:pointer;padding:6px 10px;z-index:1}.img-lightbox-close:hover{color:var(--ribbon)}.img-lightbox-nav{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:999px;border:1.5px solid rgba(255,255,255,.4);background:#ffffff14;color:var(--paper, #fff);font-size:1.2rem;cursor:pointer;transition:background .15s ease,border-color .15s ease}.img-lightbox-nav:hover{background:#ffffff2e;border-color:var(--paper, #fff)}@media (max-width: 640px){.img-lightbox-overlay{padding:12px;gap:6px}.img-lightbox-nav{width:38px;height:38px;font-size:1rem}.img-lightbox-close{top:8px;right:10px;font-size:1.6rem}}.drefly-cookie-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:9999;max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:12px;padding:18px 20px;background:var(--paper);border:1.5px solid var(--ink);border-radius:var(--radius);box-shadow:0 8px 24px #0000002e;opacity:0;transform:translateY(12px);transition:opacity .2s ease,transform .2s ease}.drefly-cookie-banner.show{opacity:1;transform:translateY(0)}.drefly-cookie-banner.hide{opacity:0;transform:translateY(12px)}.drefly-cookie-text{margin:0;font-family:var(--font-body);font-size:.92rem;line-height:1.5;color:var(--ink)}.drefly-cookie-text a{color:var(--ribbon);text-decoration:underline}.drefly-cookie-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.drefly-cookie-btn{font-family:var(--font-mono);font-size:.85rem;padding:9px 16px;border-radius:var(--radius);cursor:pointer;border:1.5px solid var(--ink);transition:background .15s ease,color .15s ease}.drefly-cookie-btn-solid{background:var(--ink);color:var(--paper)}.drefly-cookie-btn-solid:hover{background:var(--ribbon);border-color:var(--ribbon)}.drefly-cookie-btn-ghost{background:transparent;color:var(--ink)}.drefly-cookie-btn-ghost:hover{background:var(--paper-dim)}@media (max-width: 640px){.drefly-cookie-actions{justify-content:stretch}.drefly-cookie-btn{flex:1}}.viewer-stage{touch-action:pan-y}.text-layer{position:absolute;top:0;left:0;z-index:4;pointer-events:none}.text-layer .text-obj{pointer-events:auto;touch-action:manipulation;-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.annotate-canvas[data-tool]:not([data-tool=select])~.text-layer,.annotate-canvas[data-tool]:not([data-tool=select])~.text-layer .text-obj{pointer-events:none}.image-layer{position:absolute;top:0;left:0;z-index:3;pointer-events:none}.image-obj{position:absolute;pointer-events:auto;box-sizing:border-box;border:1px dashed transparent;border-radius:2px;transition:border-color .12s ease,background .12s ease}.image-obj img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none}.image-obj:hover{border-color:var(--ribbon);background:#c1272d0f}.image-obj.deleted{border-color:var(--ribbon);background:repeating-linear-gradient(45deg,#C1272D1f,#C1272D1f 6px,transparent 6px,transparent 12px)}.image-obj-controls{position:absolute;top:4px;right:4px;display:none;gap:4px;z-index:1}.image-obj:hover .image-obj-controls,.image-obj.deleted .image-obj-controls{display:flex}.image-obj-btn{font-family:var(--font-mono);font-size:.72rem;line-height:1;padding:5px 8px;border:1.5px solid var(--ink);border-radius:4px;background:var(--paper);color:var(--ink);cursor:pointer;white-space:nowrap;box-shadow:2px 2px 0 var(--ink)}.image-obj-btn:hover{background:var(--ribbon);border-color:var(--ribbon);color:#fff}.annotate-canvas[data-tool]:not([data-tool=select])~.image-layer,.annotate-canvas[data-tool]:not([data-tool=select])~.image-layer .image-obj{pointer-events:none}.viewer-stage.page-deleted .image-layer{display:none}.annotate-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;touch-action:none}.annotate-canvas[data-tool=select]{touch-action:auto}.text-annotation-input{position:absolute;transform:translateY(-2px);min-width:140px;padding:3px 6px;border:2px dashed var(--ribbon);border-radius:4px;background:var(--paper);font-family:IBM Plex Sans,sans-serif;font-weight:700;font-size:1rem;line-height:1.2;z-index:10;touch-action:manipulation}@media (max-width: 640px){.viewer-stage{overflow:visible;max-width:100vw}.text-obj{min-height:20px}.text-obj.editing{z-index:100}}.blog-breadcrumb{max-width:var(--max-w-text);margin:0 auto;padding:28px 0 0;font-family:var(--font-mono);font-size:.78rem;color:var(--ink-soft)}.blog-breadcrumb a{color:var(--ink-soft);text-decoration:none}.blog-breadcrumb a:hover{color:var(--ribbon);text-decoration:underline}.blog-post{padding-bottom:64px}.blog-post-layout{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:220px minmax(0,1fr);gap:56px;align-items:start}.blog-toc{position:sticky;top:96px;display:flex;flex-direction:column;gap:2px;font-family:var(--font-mono);font-size:.82rem}.blog-toc-label{font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;color:var(--ink-soft);margin-bottom:10px}.blog-toc a{color:var(--ink-soft);text-decoration:none;padding:6px 0 6px 12px;border-left:2px solid var(--perforation);line-height:1.35}.blog-toc a:hover,.blog-toc a.active{color:var(--ribbon);border-left-color:var(--ribbon)}.blog-post-content{min-width:0;width:100%}@media (max-width: 980px){.blog-post-layout{grid-template-columns:1fr}.blog-toc{position:static;flex-direction:row;flex-wrap:wrap;gap:6px 18px;padding-bottom:16px;margin-bottom:8px;border-bottom:1px solid var(--perforation)}.blog-toc-label{width:100%;margin-bottom:4px}.blog-toc a{border-left:none;padding:2px 0}.blog-post-content{max-width:none}}.blog-post-head{width:100%;margin:18px 0 28px}.blog-tag{display:inline-block;font-family:var(--font-mono);font-weight:700;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ribbon);border:1.5px solid var(--ribbon);border-radius:999px;padding:4px 12px;margin-bottom:14px}.blog-post-head h1{font-family:var(--font-display);font-weight:700;font-size:clamp(1.6rem,3.1vw,2.3rem);line-height:1.25;letter-spacing:-.01em;margin:0 0 14px;color:var(--ink);max-width:100%;text-wrap:balance}.blog-meta{display:flex;flex-wrap:wrap;gap:8px;font-family:var(--font-mono);font-size:.82rem;color:var(--ink-soft)}.blog-hero{width:100%;margin:0 0 36px;border:3px solid var(--ink);border-radius:var(--radius);overflow:hidden;background:var(--paper)}.blog-hero img{display:block;width:100%;height:auto}.blog-hero-video{position:relative;aspect-ratio:16 / 9;background:var(--ink)}.blog-hero-video-trigger{position:relative;display:block;width:100%;height:100%;padding:0;margin:0;border:0;background:none;cursor:pointer}.blog-hero-video-thumb{display:block;width:100%;height:100%;object-fit:cover}.blog-hero-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:var(--radius);background:var(--ribbon);border:2px solid var(--paper);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #00000059;transition:transform .1s ease,background .15s ease}.blog-hero-video-trigger:hover .blog-hero-play,.blog-hero-video-trigger:focus-visible .blog-hero-play{background:var(--ribbon-dark);transform:translate(-50%,-50%) scale(1.06)}.blog-hero-play svg{width:24px;height:24px;fill:var(--paper);margin-left:2px}.blog-hero-video iframe{display:block;width:100%;height:100%;border:0}@media (max-width: 640px){.blog-hero-play{width:56px;height:56px}.blog-hero-play svg{width:20px;height:20px}}.blog-body.legal{padding:0}.blog-body.legal>h1,.blog-body.legal>.updated,.blog-body.legal>h2,.blog-body.legal>p,.blog-body.legal>ul{max-width:100%;margin-left:0;margin-right:0}.blog-cta{width:100%;margin:40px 0 0;padding:30px 28px;border:2px dashed var(--ink);border-radius:var(--radius);text-align:center;background:var(--paper-dim)}.blog-cta h3{font-family:var(--font-display);font-weight:700;font-size:1.15rem;margin:0 0 8px;color:var(--ink)}.blog-cta p{color:var(--ink-soft);font-size:.95rem;line-height:1.55;margin:0 auto 4px;max-width:460px}.blog-post-footer{width:100%;margin:32px 0 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px}.blog-back-link{font-family:var(--font-mono);font-weight:700;font-size:.9rem;color:var(--ink);text-decoration:none}.blog-back-link:hover{color:var(--ribbon);text-decoration:underline}.blog-share{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-weight:700;font-size:.82rem;letter-spacing:.02em;color:var(--paper);background:var(--ribbon);border:1.5px solid var(--ribbon);border-radius:999px;padding:8px 16px;text-decoration:none;transition:background .15s ease,transform .15s ease}.blog-share svg{width:15px;height:15px;fill:currentColor}.blog-share:hover{background:var(--ribbon-dark);border-color:var(--ribbon-dark);transform:translateY(-1px)}.blog-index{max-width:var(--max-w);margin:0 auto;padding:48px 0 72px}.blog-index h1{font-family:var(--font-display);font-weight:700;font-size:clamp(1.8rem,4.8vw,2.6rem);letter-spacing:-.01em;margin:0 0 10px;color:var(--ink)}.blog-index-sub{color:var(--ink-soft);font-size:1rem;margin:0 0 36px}.blog-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px}.blog-card{display:flex;flex-direction:column;height:100%;border:2.5px solid var(--ink);border-radius:var(--radius);overflow:hidden;background:var(--paper);text-decoration:none;color:inherit;transition:transform .15s ease,box-shadow .15s ease}.blog-card:hover{transform:translateY(-4px);box-shadow:6px 6px 0 var(--ink)}.blog-card-media{aspect-ratio:1200 / 630;overflow:hidden;border-bottom:2.5px solid var(--ink)}.blog-card-media img{width:100%;height:100%;object-fit:cover;display:block}.blog-card-body{padding:20px 22px 24px;display:flex;flex-direction:column;gap:8px;flex:1}.blog-card-body h2{font-family:var(--font-display);font-weight:700;font-size:1.15rem;line-height:1.3;margin:0;color:var(--ink)}.blog-card-body p{font-size:.9rem;line-height:1.55;color:var(--ink-soft);margin:0}.blog-card-meta{font-family:var(--font-mono);font-size:.78rem;color:var(--ink-soft);margin-top:auto;padding-top:4px}.tz-select{position:relative;width:100%}.tz-select .tz-select-native{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;overflow:hidden}.tz-select-btn{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;background:#fff;border:2px solid var(--ink);color:var(--ink);border-radius:4px;padding:9px 12px;font-size:.88rem;font-family:var(--font-body);box-shadow:3px 3px 0 var(--ink);cursor:pointer;text-align:left}.tz-select-btn:hover{background:var(--paper-dim)}.tz-select-btn.is-disabled,.tz-select-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--paper-dim)}.tz-select-btn .chev{flex-shrink:0;color:var(--ink-soft);transition:transform .15s ease}.tz-select-btn[aria-expanded=true] .chev{transform:rotate(180deg)}.tz-select-btn-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.tz-select-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:210;display:none;flex-direction:column;gap:2px;background:#fff;border:2px solid var(--ink);border-radius:var(--radius);box-shadow:4px 4px 0 var(--ink);padding:6px;max-height:280px;overflow-y:auto}.tz-select-menu.open{display:flex}.tz-select-menu.drop-up{top:auto;bottom:calc(100% + 6px)}.tz-select-option{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;background:none;border:none;border-radius:4px;padding:9px 10px;font-family:var(--font-body);font-size:.88rem;color:var(--ink);cursor:pointer}.tz-select-option:hover,.tz-select-option:active{background:var(--paper-dim)}.tz-select-option.active{background:var(--ribbon);color:var(--paper)}.tz-select-option:disabled{opacity:.45;cursor:not-allowed}.tz-select-option .tag{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.05em;text-transform:uppercase;padding:2px 7px;border-radius:999px;flex-shrink:0}.tz-select-option .tag.slow{background:var(--ribbon);color:var(--paper)}.tz-select-option.active .tag.slow{background:var(--paper);color:var(--ribbon)}.op-layout{display:flex;flex-direction:column;gap:8px;margin-top:10px;flex:1 1 auto;min-height:0}.op-layout .btn,.op-layout .btn.secondary{padding:7px 14px;font-size:.74rem;font-weight:600;border-width:1.5px;border-radius:5px;margin-top:0;box-shadow:2px 2px 0 var(--ink)}.op-layout .btn:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}.op-layout .btn:active:not(:disabled){transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink)}.op-layout .btn.secondary:hover:not(:disabled){box-shadow:3px 3px 0 var(--ribbon)}.op-layout .chip-btn{padding:5px 11px;font-size:.7rem}.op-topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;flex-shrink:0;padding:7px 12px;background:var(--paper-dim);border:2px solid var(--ink);border-radius:var(--radius);box-shadow:2px 2px 0 var(--ink)}.op-topbar-title{font-family:var(--font-display);font-weight:700;font-size:.85rem;letter-spacing:.02em;color:var(--ink)}.op-topbar-right{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}.op-topbar-select{margin-top:0}.op-topbar-select label{font-size:.6rem}.op-topbar-select select{padding:5px 8px;font-size:.72rem}.op-topbar-btn{margin-top:0}.op-export-btn{background:var(--ribbon);border-color:var(--ribbon);color:#fff}#exportProgress{margin-top:0}.op-body{display:grid;grid-template-columns:42px 200px minmax(0,1fr) 250px;gap:10px;align-items:stretch;flex:1 1 auto;min-height:0}.op-tabbar{display:flex;flex-direction:column;gap:6px;align-items:center;padding:8px 0;background:var(--paper-dim);border:2px solid var(--ink);border-radius:var(--radius);flex-shrink:0}.op-tab{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;font-size:1.1rem;text-decoration:none;background:transparent;color:var(--ink-soft);transition:background .15s ease,color .15s ease}.op-tab:hover{background:var(--paper);color:var(--ribbon)}.op-media{background:var(--paper-dim);border:2px solid var(--ink);border-radius:var(--radius);padding:10px;min-width:0;height:100%;overflow-y:auto;scroll-behavior:smooth}.op-media-section{padding:8px 0;border-top:1px dashed var(--perforation)}.op-media-section:first-child{padding-top:0;border-top:none}.op-media-heading{display:block;font-family:var(--font-mono);font-size:.64rem;letter-spacing:.07em;text-transform:uppercase;color:var(--ribbon);font-weight:700;margin-bottom:6px}.op-media-btns{display:grid;grid-template-columns:1fr 1fr;gap:6px}.op-media-btns .btn,.op-media-btns .mtrack-add-btn{width:100%;justify-content:center;margin-top:0;padding:7px 6px;font-size:.68rem;line-height:1.2;text-align:center;white-space:normal}#opMediaSettings .field-row{margin-top:0;padding-top:8px}#opMediaSettings .field-row:first-of-type{padding-top:0}.op-canvas{min-width:0;height:100%;min-height:0;display:flex;align-items:center;justify-content:center;overflow:auto}.op-canvas .preview-stack{margin-top:0}.op-canvas .media-btn{width:34px;height:34px;box-shadow:2px 2px 0 var(--ink)}.op-canvas .media-btn:hover,.op-canvas .media-btn:active,.op-canvas .record-stage{box-shadow:3px 3px 0 var(--ink)}.op-properties .volume-row,.op-properties .enhance-row,.op-properties .toggle-row,.op-properties .hint-row{font-size:.78rem}.op-properties .enhance-grid{gap:10px}.op-properties{min-width:0;background:var(--paper-dim);border:2px solid var(--ink);border-radius:var(--radius);box-shadow:2px 2px 0 var(--ink);padding:12px;height:100%;overflow-y:auto}.op-properties:before{content:"Properties";display:block;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.07em;text-transform:uppercase;color:var(--ribbon);font-weight:700;margin-bottom:2px}.op-properties>.field-row{margin-top:10px;padding-top:10px;border-top:1px dashed var(--perforation)}.op-properties>.field-row:first-of-type{margin-top:8px;padding-top:8px}.op-properties>.volume-row,.op-properties>.hint-row,.op-properties>.toggle-row{margin-top:8px;padding-top:8px;border-top:1px dashed var(--perforation)}.op-properties>.timeline-wrap{margin-top:10px;padding-top:10px;border-top:1px dashed var(--perforation)}.op-timeline{min-width:0;flex-shrink:0;max-height:34vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.op-timeline::-webkit-scrollbar{display:none;width:0;height:0}.op-timeline .mtimeline{margin-top:0}.op-timeline .mtimeline-outer-zoom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px;font-family:var(--font-mono);font-size:.72rem;color:var(--ink-soft)}@media (max-width: 1180px){.op-body{grid-template-columns:42px 200px minmax(0,1fr);grid-template-areas:"tabs media canvas" "tabs media properties";height:auto}.op-tabbar{grid-area:tabs}.op-media{grid-area:media;height:auto;max-height:46vh}.op-canvas{grid-area:canvas;height:auto}.op-properties{grid-area:properties;height:auto;max-height:46vh}}@media (max-width: 860px){.op-body{display:flex;flex-direction:column}.op-tabbar{flex-direction:row;justify-content:center;width:100%}.op-media,.op-properties{max-height:none;height:auto}.op-topbar{flex-direction:column;align-items:flex-start}}body.reel-editor-page .tool-header,body.reel-editor-page .steps-row,body.reel-editor-page .tool-aside,body.reel-editor-page .tool-switch,body.reel-editor-page .history-trigger,body.reel-editor-page .history-overlay{display:none!important}body.reel-editor-page{height:100vh;overflow:hidden}body.reel-editor-page .tool-shell,body.reel-editor-page .tool-main{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}body.reel-editor-page main.wrap{max-width:none;padding:6px 14px 8px;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}body.reel-editor-page main.wrap::-webkit-scrollbar{display:none;width:0;height:0}body.reel-editor-page .op-layout{margin-top:0}#editStage[style*=block]{display:flex!important;flex-direction:column;flex:1 1 auto;min-height:0;width:100%}body.reel-editor-page #addStage,body.reel-editor-page #progressAnchor,body.reel-editor-page #sharePanel{width:100%;max-width:640px;margin-left:auto;margin-right:auto}body.reel-editor-page .tool-main:has(#editStage[style*=none]){justify-content:center}body.reel-editor-page.nav-hidden main.wrap{padding-top:10px}.op-media,.op-properties{scrollbar-width:none;-ms-overflow-style:none}.op-media::-webkit-scrollbar,.op-properties::-webkit-scrollbar{display:none;width:0;height:0}.nav-hide-toggle{display:none}body.reel-editor-page .nav-hide-toggle{display:flex;align-items:center;justify-content:center;position:fixed;right:22px;top:64px;z-index:101;width:40px;height:18px;padding:0;border:2px solid var(--ink);border-top:none;border-radius:0 0 8px 8px;background:var(--paper-dim);color:var(--ink-soft);cursor:pointer;box-shadow:0 3px 0 0 var(--ink) inset;transition:color .15s ease,background .15s ease,top .2s ease}body.reel-editor-page .nav-hide-toggle:hover{color:var(--ink);background:#fff}body.reel-editor-page .nav-hide-toggle svg{transition:transform .2s ease}body.reel-editor-page .nav-hide-toggle.collapsed svg{transform:rotate(180deg)}.page-footer-toggle{display:flex;align-items:center;justify-content:center;position:fixed;right:22px;bottom:0;z-index:95;width:40px;height:26px;padding:0;border:2px solid var(--ink);border-bottom:none;border-radius:8px 8px 0 0;background:var(--paper-dim);color:var(--ink-soft);cursor:pointer;box-shadow:0 -3px 0 0 var(--ink) inset;transition:color .15s ease,background .15s ease}.page-footer-toggle:hover{color:var(--ink);background:#fff}.page-footer-toggle svg{transition:transform .2s ease}.page-footer-toggle.open svg{transform:rotate(180deg)}.page-footer-drawer{position:fixed;inset:0;z-index:90;background:var(--paper);max-height:0;opacity:0;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;pointer-events:none;transition:max-height .35s ease,opacity .3s ease}.page-footer-drawer::-webkit-scrollbar{display:none;width:0;height:0}.page-footer-drawer.open{max-height:100vh;opacity:1;pointer-events:auto}.page-footer-drawer .faq{padding-top:64px}.faq-grid .section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.faq-grid .shortcuts-help-wrap{flex-shrink:0;margin-top:2px}.faq-grid .shortcuts-panel{right:0;left:auto}.dest-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:26px}.dest-option{display:flex;flex-direction:column;align-items:flex-start;gap:6px;border:2px solid var(--ink);border-radius:var(--radius);background:var(--paper-dim);padding:16px 16px 14px;cursor:pointer;text-align:left;font-family:var(--font-body);color:var(--ink);transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.dest-option:hover{background:var(--paper)}.dest-option.active{background:var(--paper);border-color:var(--ribbon);box-shadow:4px 4px 0 var(--ink)}.dest-option .icon{color:var(--ribbon-dark)}.dest-option strong{font-family:var(--font-display);font-size:.95rem}.dest-option span{font-size:.8rem;color:var(--ink-soft);font-family:var(--font-mono)}.cloud-status{display:flex;align-items:center;gap:10px;margin:14px 0;padding:10px 14px;border:1.5px solid var(--ribbon);border-radius:var(--radius);background:color-mix(in srgb,var(--ribbon) 6%,var(--paper));font-family:var(--font-mono);font-size:.84rem;color:var(--ink)}.cloud-status-dot{width:10px;height:10px;border-radius:50%;background:var(--ribbon);flex-shrink:0;animation:dreflyPulseDot 1.1s ease-in-out infinite}@keyframes dreflyPulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}.cloud-share-card{border:2px solid var(--ink);border-radius:var(--radius);background:var(--paper-dim);padding:18px;margin:18px 0;box-shadow:4px 4px 0 var(--ink)}.cloud-share-card-head{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:.98rem;color:var(--ribbon-dark);margin-bottom:12px}.cloud-link-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.cloud-link-row input{flex:1 1 220px;min-width:0;font-family:var(--font-mono);font-size:.84rem;padding:10px 12px;border:1.5px solid var(--perforation);border-radius:var(--radius);background:var(--paper);color:var(--ink)}.cloud-link-row .btn{flex-shrink:0}@media (max-width: 480px){.cloud-link-row{flex-direction:column;align-items:stretch}.cloud-link-row input,.cloud-link-row .btn{width:100%;flex:none}}.cloud-share-card .btn.secondary{margin-top:0;box-shadow:none;padding:10px 20px;font-size:.9rem}.cloud-manage-link{display:inline-block;margin-top:12px;font-family:var(--font-mono);font-size:.82rem;color:var(--ribbon-dark);text-decoration:none}.cloud-manage-link:hover{text-decoration:underline}.rec2-lock{border:2px solid var(--ink);border-radius:var(--radius);background:var(--paper-dim);padding:48px 32px;text-align:center;max-width:480px;margin:8px auto 32px}.rec2-lock-icon{width:56px;height:56px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--ink);color:var(--paper)}.rec2-lock p{color:var(--ink-soft);margin:0 0 20px}.rec2-panel{margin-top:24px}.rec2-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:18px}.rec2-toolbar-title{font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--ink);margin:0}.rec2-toolbar-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-left:auto}.rec2-search{position:relative;display:flex;align-items:center}.rec2-search-icon{position:absolute;left:12px;color:var(--ink-soft);pointer-events:none}.rec2-toolbar input[type=search]{width:240px;max-width:100%;padding:12px 14px 12px 38px;border:2px solid var(--ink);border-radius:var(--radius);background:var(--paper);font-family:var(--font-body);font-size:.92rem;transition:border-color .15s ease,box-shadow .15s ease}.rec2-toolbar input[type=search]:focus{border-color:var(--ribbon);box-shadow:3px 3px 0 var(--ribbon);outline:none}.rec2-toolbar input[type=search]::-webkit-search-cancel-button{cursor:pointer}.rec2-btn-start{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border:2px solid var(--ink);border-radius:var(--radius);background:var(--ink);color:var(--paper);font-family:var(--font-display);font-weight:700;font-size:.92rem;cursor:pointer;box-shadow:4px 4px 0 var(--ribbon);transition:transform .08s ease,background .15s ease,box-shadow .15s ease;white-space:nowrap;text-decoration:none}.rec2-btn-start:hover{background:#000;transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ribbon)}.rec2-btn-start:active{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--ribbon)}.rec2-btn-drives{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border:2px solid var(--ink);border-radius:var(--radius);background:var(--ribbon);color:var(--paper);font-family:var(--font-display);font-weight:700;font-size:.92rem;cursor:pointer;box-shadow:4px 4px 0 var(--ink);transition:transform .08s ease,background .15s ease,box-shadow .15s ease;white-space:nowrap}.rec2-btn-drives:hover{background:var(--ribbon-dark);transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.rec2-btn-drives:active{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--ink)}.rec2-btn-logout{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border:2px solid var(--ink);border-radius:var(--radius);background:var(--paper);color:var(--ink);font-family:var(--font-display);font-weight:700;font-size:.92rem;cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease,transform .08s ease;white-space:nowrap}.rec2-btn-logout:hover{background:var(--ink);color:var(--paper);box-shadow:4px 4px 0 var(--ribbon);transform:translate(-1px,-1px)}.rec2-btn-logout:active{transform:translate(1px,1px);box-shadow:none}@media (max-width: 560px){.rec2-toolbar-controls{width:100%}.rec2-search{flex:1 1 auto}.rec2-toolbar input[type=search]{width:100%}.rec2-btn-start,.rec2-btn-drives,.rec2-btn-logout{flex:1 1 auto;justify-content:center}}.rec2-loading{display:flex;flex-direction:column;align-items:center;gap:10px;padding:48px 0}.rec2-loading .modal-hint{margin:0}.rc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:20px;margin-top:20px}.rc-card{display:flex;flex-direction:column;border:2px solid var(--ink);border-radius:var(--radius);background:var(--paper);overflow:hidden;transition:transform .08s ease,box-shadow .15s ease}.rc-card:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ribbon)}.rc-thumb{position:relative;aspect-ratio:16 / 9;background:var(--ink);overflow:hidden}.rc-thumb video{width:100%;height:100%;object-fit:cover;display:block}.rc-thumb-audio-fill{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--ribbon);background:var(--ink)}.rc-badge-source{position:absolute;top:8px;left:8px;background:var(--ribbon);color:var(--paper);font-family:var(--font-mono);font-size:.62rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:3px 8px;border-radius:var(--radius);white-space:nowrap;max-width:calc(100% - 16px);overflow:hidden;text-overflow:ellipsis;pointer-events:none;z-index:2}.rc-badge-source.is-disconnected{background:var(--ink-soft)}.rc-badge-duration{position:absolute;bottom:8px;right:8px;background:var(--ribbon);color:var(--paper);font-family:var(--font-mono);font-size:.66rem;font-weight:700;padding:3px 8px;border-radius:999px;z-index:2}.rc-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:var(--radius);border:2px solid var(--paper);background:var(--ribbon);color:var(--paper);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;transition:transform .1s ease,background .15s ease;box-shadow:0 2px 10px #00000059}.rc-play-btn svg{margin-left:2px}.rc-play-btn:hover:not(:disabled){background:var(--ribbon-dark);transform:translate(-50%,-50%) scale(1.06)}.rc-play-btn:disabled{opacity:.5;cursor:wait}.rc-rail{position:absolute;top:8px;right:8px;display:flex;flex-direction:column;gap:6px;z-index:4}.rc-rail-btn{width:30px;height:30px;border-radius:var(--radius);border:2px solid var(--paper);background:#1b1b18b8;color:var(--paper);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .1s ease}.rc-rail-btn:hover:not(:disabled){background:var(--ribbon);border-color:var(--ink);color:var(--paper);transform:translateY(-1px)}.rc-rail-btn:disabled{opacity:.4;cursor:not-allowed}.rc-rail-btn.rc-rail-danger{color:var(--ribbon)}.rc-rail-btn.rc-rail-danger:hover:not(:disabled){background:var(--ribbon);border-color:var(--ink);color:var(--paper)}.rc-sync-overlay{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#1b1b18b8;padding:10px;pointer-events:none}.rc-sync-overlay .drefly-loader{width:46px;height:46px}.rc-sync-text{color:var(--paper);font-family:var(--font-mono);font-size:.68rem;font-weight:700;text-align:center;letter-spacing:.02em}.rc-sync-text.rc-sync-text-failed{color:#ff9d9d}.rc-progress-track{width:78%;height:5px;border-radius:999px;background:#f2eee347;overflow:hidden}.rc-progress-fill{height:100%;background:var(--ribbon);border-radius:999px;transition:width .25s ease}.rc-progress-fill.rc-progress-indeterminate{width:34%!important;animation:rcProgressIndeterminate 1.15s ease-in-out infinite}@keyframes rcProgressIndeterminate{0%{transform:translate(-100%)}to{transform:translate(340%)}}.rc-progress-pct{color:var(--paper);font-family:var(--font-mono);font-size:.66rem;font-weight:700}.rc-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:4px}.rc-title-row{display:flex;align-items:center;gap:6px;min-width:0}.rc-title-input{border:none;background:transparent;font-family:var(--font-display);font-weight:700;font-size:.92rem;color:var(--ink);padding:2px 4px;border-radius:6px;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.rc-title-input:hover:not(:disabled),.rc-title-input:focus{background:var(--paper-dim);outline:2px solid var(--ribbon)}.rc-title-edit-icon{flex-shrink:0;color:var(--ribbon);opacity:.75}.rc-retry-badge{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;background:var(--ribbon);color:var(--paper);border:none;font-family:var(--font-mono);font-size:.62rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:4px 8px 4px 6px;border-radius:var(--radius);white-space:nowrap;cursor:pointer;transition:background .15s ease,transform .1s ease}.rc-retry-badge svg{flex-shrink:0}.rc-retry-badge:hover:not(:disabled){background:var(--ribbon-dark);transform:translateY(-1px)}.rc-retry-badge:active:not(:disabled){transform:translateY(0)}.rc-retry-badge:disabled{opacity:.5;cursor:not-allowed;transform:none}.rc-meta{font-family:var(--font-mono);font-size:.74rem;color:var(--ink-soft)}.rc-status-line{font-family:var(--font-mono);font-size:.74rem;color:var(--ribbon-dark);font-weight:600;overflow-wrap:break-word}@media (max-width: 480px){.rc-grid{grid-template-columns:1fr}.rc-rail{top:6px;right:6px;gap:5px}.rc-rail-btn{width:26px;height:26px}.rc-badge-source{font-size:.58rem;padding:2px 6px}.rc-badge-duration{font-size:.6rem;padding:2px 6px}.rc-title-row{flex-wrap:wrap}.rc-retry-badge{font-size:.58rem;padding:3px 7px 3px 5px}}@media (max-width: 360px){.rc-rail-btn{width:24px;height:24px}.rc-rail{gap:4px}}.rec2-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px}.rec2-pagination-size{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--ink-soft);flex-wrap:wrap}.rec2-pagination-size select{width:auto;min-width:0;padding:8px 26px 8px 10px;border:2px solid var(--ribbon);border-radius:var(--radius);background:var(--paper);color:var(--ink);font-size:.85rem}.rec2-pagination-pages{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}@media (max-width: 560px){.rec2-pagination{flex-direction:column;align-items:stretch}.rec2-pagination-size{justify-content:space-between}.rec2-pagination-size select{flex:0 0 auto}.rec2-pagination-pages{justify-content:center}}.rec2-page-btn{min-width:36px;height:36px;padding:0 10px;border:2px solid var(--ribbon);border-radius:var(--radius);background:var(--paper);color:var(--ink);font-family:var(--font-mono);font-size:.82rem;cursor:pointer}.rec2-page-btn[disabled]{opacity:.4;cursor:not-allowed}.rec2-page-btn.active{background:var(--ribbon);border-color:var(--ribbon);color:var(--paper)}#recordings_section_head{margin-top:46px;padding-top:30px;border-top:2px solid var(--ink);max-width:none}.section-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}.section-head-row .section-head-copy{flex:1 1 420px;max-width:640px;margin-bottom:0}.rec2-head-actions{display:flex;align-items:center;flex-shrink:0;margin-left:auto}.unlock-drive-wrap{display:flex;align-items:center}.unlock-drive-btn{white-space:nowrap}.account-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}@media (max-width: 640px){.section-head-row{align-items:stretch}.rec2-head-actions{width:100%;margin-left:0}.unlock-drive-wrap,.account-bar{width:100%}.unlock-drive-btn{width:100%;justify-content:center}.account-bar{justify-content:stretch}.account-bar .rec2-btn-drives,.account-bar .rec2-btn-logout{flex:1 1 auto;justify-content:center}}.drivesx-loading{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 0}.drivesx-loading .modal-hint{margin:0}.drivesx-modal{max-width:460px;scrollbar-width:none;-ms-overflow-style:none}.drivesx-modal::-webkit-scrollbar{display:none}.drivesx-provider-group{margin-bottom:12px}.drivesx-provider-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px;border:2px solid var(--ink);border-radius:var(--radius);background:var(--paper-dim);margin-bottom:12px}.drivesx-provider-group .drivesx-provider-row{margin-bottom:0}.drivesx-provider-header{cursor:default}.drivesx-provider-group.is-open .drivesx-provider-header{border-bottom-left-radius:0;border-bottom-right-radius:0}.drivesx-provider-row.is-disabled{opacity:.55}.drivesx-provider-icon{width:38px;height:38px;border-radius:var(--radius);background:var(--paper);border:2px solid var(--ink);color:var(--ribbon);display:flex;align-items:center;justify-content:center;flex-shrink:0}.drivesx-provider-body{flex:1 1 180px;min-width:0}.drivesx-provider-name{font-family:var(--font-display);font-weight:700;color:var(--ink);font-size:.95rem;overflow-wrap:break-word;word-break:break-word}.drivesx-provider-sub{font-size:.78rem;color:var(--ink-soft);margin-top:2px;overflow-wrap:break-word;word-break:break-word}.drivesx-expand-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center;color:var(--ink);flex-shrink:0;transition:transform .2s ease}.drivesx-provider-group.is-open .drivesx-expand-icon{transform:rotate(180deg)}.drivesx-drive-list{box-sizing:border-box;width:100%;max-height:0;opacity:0;overflow:hidden;border:2px solid var(--ink);border-top:none;border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius);background:var(--paper);transition:max-height .25s ease,opacity .2s ease,padding .2s ease}.drivesx-provider-group.is-open .drivesx-drive-list{max-height:260px;opacity:1;overflow-y:auto;padding:4px 14px;scrollbar-width:none;-ms-overflow-style:none}.drivesx-drive-list::-webkit-scrollbar{display:none}.drivesx-drive-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--perforation)}.drivesx-drive-row:last-of-type{border-bottom:none}.drivesx-default-check{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:.85rem;color:var(--ink);margin-top:6px;cursor:pointer;user-select:none}.drivesx-default-check input{width:18px;height:18px;margin:0;flex-shrink:0;accent-color:var(--ribbon)}.drivesx-action-btn{flex:1 1 100%;margin-top:4px;padding:10px 18px;font-size:.82rem}.drivesx-provider-header .drivesx-action-btn{margin-top:10px}.drivesx-add-drive-btn{margin-top:8px;margin-bottom:4px}.drivesx-warning-modal{max-width:400px}.drivesx-warning-icon{width:44px;height:44px;border-radius:50%;background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:center;margin-bottom:14px}.drivesx-sync-header{display:flex;justify-content:flex-end;margin-bottom:10px}.drivesx-sync-header .drivesx-default-check{margin-top:0}.drivesx-sync-row{align-items:center;margin-bottom:10px}.drivesx-sync-status{margin-top:2px}.rc-badge-inline{position:static;display:inline-block;margin-top:6px;pointer-events:auto}.drivesx-sync-progress{width:100%;margin-top:8px;background:var(--paper-dim)}.drivesx-sync-progress .rc-progress-fill{background:var(--ribbon)}.drivesx-sync-pct{color:var(--ink-soft);margin-top:4px;display:inline-block}.drivesx-sync-check{margin-top:0;flex-shrink:0}.drivesx-pick-modal .drivesx-provider-row{cursor:pointer;transition:background .15s ease,box-shadow .15s ease}.drivesx-pick-modal .drivesx-provider-row:hover{background:var(--paper)}.drivesx-pick-modal .drivesx-provider-row.selected{background:var(--paper);box-shadow:3px 3px 0 var(--ribbon)}@media (max-width: 480px){.modal-overlay{padding:12px}.drivesx-modal{max-width:100%}}@media (max-width: 420px){.drivesx-provider-row{padding:12px;gap:10px}.drivesx-provider-icon{width:32px;height:32px}.drivesx-provider-name{font-size:.88rem}.drivesx-provider-sub{font-size:.74rem}.drivesx-drive-list{padding:4px 12px}.drivesx-action-btn{padding:10px 14px;font-size:.8rem}.drivesx-default-check{font-size:.8rem}}@media (max-width: 360px){.drivesx-provider-body{flex-basis:100%}}.playerx-head{margin:28px 0 18px}.playerx-title{font-family:var(--font-display);font-size:1.3rem;margin:0 0 6px}.playerx-sub{color:var(--ink-soft);font-size:.88rem;margin:0 0 20px}.playerx-stage{position:relative;background:#0e0e0c;border:2px solid var(--ink);border-radius:14px;overflow:hidden;aspect-ratio:16 / 9;max-width:1100px;margin:0 auto}.playerx-meta-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1100px;margin:12px auto 0;padding:0 2px}.playerx-view-count{display:inline-flex;align-items:center;gap:6px;color:var(--ink-soft);font-size:.82rem;font-family:var(--font-mono);font-weight:700}.playerx-view-count:before{content:"";display:inline-block;width:14px;height:14px;background-color:var(--ink-soft);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.5 12S5 5 12 5s10.5 7 10.5 7-3.5 7-10.5 7S1.5 12 1.5 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.5 12S5 5 12 5s10.5 7 10.5 7-3.5 7-10.5 7S1.5 12 1.5 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center / contain no-repeat}.playerx-reaction{position:relative;display:inline-flex}.playerx-reaction:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:16px;z-index:4;pointer-events:auto}.playerx-reaction-toggle{display:inline-flex;align-items:center;gap:7px;border:2px solid var(--ink);background:var(--paper);color:var(--ink);border-radius:var(--radius);padding:7px 13px;font-size:.82rem;font-family:var(--font-mono);font-weight:700;cursor:pointer;transition:background .15s ease,color .15s ease,transform .1s ease,box-shadow .15s ease}.playerx-reaction-toggle:hover{background:var(--ribbon);color:var(--paper);border-color:var(--ribbon);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}.playerx-reaction-toggle:active{transform:translate(1px,1px);box-shadow:none}.playerx-reaction-toggle.has-reacted{background:var(--ribbon);border-color:var(--ribbon);color:var(--paper);box-shadow:3px 3px 0 var(--ink)}.playerx-reaction-toggle-icon{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;line-height:1}.playerx-reaction-toggle-icon svg{width:100%;height:100%}.playerx-reaction-toggle-count{min-width:8px;text-align:left}.playerx-reaction-panel{position:absolute;bottom:calc(100% + 10px);top:auto;right:0;z-index:5;display:flex;gap:4px;background:var(--paper);border:none;border-radius:var(--radius);padding:7px;box-shadow:0 8px 24px #1b1b182e;opacity:0;visibility:hidden;transform-origin:right bottom;transform:scaleX(.86) translateY(4px);transition:opacity .15s ease,transform .15s ease,visibility .15s;pointer-events:none}.playerx-reaction-panel:after{content:"";position:absolute;left:0;right:0;top:100%;height:16px;pointer-events:auto}.playerx-reaction:hover .playerx-reaction-panel,.playerx-reaction:focus-within .playerx-reaction-panel,.playerx-reaction.is-open .playerx-reaction-panel,.playerx-reaction.is-hovering .playerx-reaction-panel{opacity:1;visibility:visible;transform:scaleX(1) translateY(0);pointer-events:auto}.playerx-reaction-option{position:relative;display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;border:none;border-radius:4px;background:transparent;color:var(--ink-soft);cursor:pointer;transition:background .15s ease,color .15s ease,transform .12s ease}.playerx-reaction-option:hover,.playerx-reaction-option:focus-visible{background:var(--paper-dim, rgba(193, 39, 45, .1));color:var(--ribbon);transform:translateY(-3px)}.playerx-reaction-option.active{background:var(--ribbon);color:var(--paper)}.playerx-reaction-option-icon{width:18px;height:18px;display:inline-flex}.playerx-reaction-option-icon svg{width:100%;height:100%}.playerx-reaction-tip{position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%) translateY(-4px);background:var(--ink);color:var(--paper);font-family:var(--font-mono);font-size:.68rem;font-weight:700;padding:3px 7px;border:none;border-radius:4px;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease,transform .12s ease}.playerx-reaction-option:hover .playerx-reaction-tip,.playerx-reaction-option:focus-visible .playerx-reaction-tip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}@media (max-width: 560px){.playerx-meta-bar{margin-top:10px}.playerx-reaction-panel{gap:3px;padding:6px}.playerx-reaction-option{width:30px;height:30px}.playerx-reaction-tip{display:none}}.playerx-comments{margin-top:40px;padding-top:32px;border-top:2px solid var(--ink)}.playerx-comments-heading{font-family:var(--font-mono);font-size:1.05rem;text-transform:uppercase;letter-spacing:.04em;margin:0 0 20px}.playerx-comments-heading span{color:var(--ink-soft);font-weight:400}.playerx-comment-form{display:grid;gap:16px;max-width:560px;margin-bottom:28px}.playerx-comment-submit{justify-self:start}.playerx-comment-list{display:grid;gap:18px}.playerx-comment-empty{color:var(--ink-soft);font-size:.92rem}.playerx-comment-item{border:2px solid var(--ink);border-radius:var(--radius);padding:14px 16px;background:var(--paper)}.playerx-comment-item-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:6px}.playerx-comment-author{font-family:var(--font-mono);font-weight:700;font-size:.88rem}.playerx-comment-time{font-family:var(--font-mono);font-size:.74rem;color:var(--ink-soft);white-space:nowrap}.playerx-comment-body{font-size:.92rem;line-height:1.55;white-space:pre-wrap;word-break:break-word}.playerx-stage-btn{position:absolute;top:12px;z-index:3;width:34px;height:34px;border-radius:var(--radius);border:2px solid var(--ink);background:var(--paper);color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,color .15s ease}.playerx-stage-btn:hover{background:var(--ink);color:var(--paper)}.playerx-stage-minimize{right:54px}.playerx-stage-expand{right:12px}.playerx-stage video{width:100%;height:100%;object-fit:contain;display:block;background:#000}.playerx-stage video::-webkit-media-controls{display:none!important}.playerx-controls{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:14px;padding:14px 16px;background:linear-gradient(0deg,#000000c7,#0000);opacity:1;transition:opacity .2s ease}.playerx-playpause{width:46px;height:46px;border-radius:var(--radius);border:2px solid var(--ink);background:var(--ribbon);color:var(--paper);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .15s ease,color .15s ease}.playerx-playpause:hover{background:var(--ribbon-dark);color:var(--paper)}.playerx-playpause:disabled{opacity:.5;cursor:default;pointer-events:none}.playerx-seek{flex:1;appearance:none;-moz-appearance:none;height:5px;border-radius:999px;background:#ffffff4d;outline:none;cursor:pointer}.playerx-seek::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:var(--ribbon);border:2px solid #fff;cursor:pointer}.playerx-seek::-moz-range-track{height:5px;border-radius:999px;background:#ffffff4d}.playerx-seek::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--ribbon);border:2px solid #fff;cursor:pointer}.playerx-volume-wrap{display:flex;align-items:center;gap:8px;color:#fff;flex-shrink:0}.playerx-volume{appearance:none;-moz-appearance:none;width:72px;height:4px;border-radius:999px;background:#ffffff4d;outline:none;cursor:pointer}.playerx-volume::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer}.playerx-volume::-moz-range-track{height:4px;border-radius:999px;background:#ffffff4d}.playerx-volume::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;border:none;cursor:pointer}.playerx-time{color:#fff;font-family:var(--font-mono);font-size:.72rem;flex-shrink:0}.playerx-error{max-width:640px;margin:0 auto;color:var(--ink-soft)}.playerx-error h1{font-family:var(--font-display);font-weight:700;letter-spacing:-.01em;margin:12px 0 6px;font-size:1.9rem;color:var(--ink)}.playerx-error p{color:var(--ink-soft);margin:0;font-size:1rem}.drefly-loader-xs{width:40px;height:40px}.rc-player-inner{position:relative;width:100%;height:100%;background:#0e0e0c;display:flex;align-items:center;justify-content:center}.rc-player-video{width:100%;height:100%;object-fit:contain;background:#000;display:block}.rc-player-video::-webkit-media-controls{display:none!important}.rc-player-audio-badge{position:absolute;inset:0;display:none;align-items:center;justify-content:center;color:var(--ribbon);background:#0e0e0c}.rc-player-controls{position:absolute;left:0;right:0;bottom:0}.rc-player-loader{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#0e0e0c8c;pointer-events:none;z-index:2}.rc-player-loader .drefly-loader{width:48px;height:48px}.rc-mini-player{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));width:320px;max-width:calc(100vw - 32px);z-index:850;flex-direction:column;border:2px solid var(--ink);border-radius:var(--radius);background:var(--paper);box-shadow:6px 6px 0 var(--ribbon);overflow:hidden}.rc-mini-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;background:var(--ink);color:var(--paper);cursor:grab;touch-action:none;user-select:none}.rc-mini-head.dragging{cursor:grabbing}body.rc-mini-dragging{user-select:none}.rc-mini-title{font-family:var(--font-display);font-size:.78rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.rc-mini-head-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.rc-mini-icon-btn{width:26px;height:26px;border-radius:50%;border:none;background:transparent;color:var(--ribbon);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,color .15s ease}.rc-mini-icon-btn:hover{background:var(--ribbon);color:var(--paper)}.rc-mini-icon-btn.rc-mini-close{color:var(--ribbon)}.rc-mini-icon-btn.rc-mini-close:hover{background:var(--ribbon);color:var(--paper)}.rc-mini-player .rc-player-stage{position:relative;width:100%;aspect-ratio:16 / 9}@media (max-width: 560px){.rc-mini-player{left:12px;right:12px;width:auto;bottom:max(12px,env(safe-area-inset-bottom))}}.rc-full-player{position:fixed;inset:0;z-index:900;flex-direction:column;background:#0e0e0ceb;padding:20px}.rc-full-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 4px 14px}.rc-full-title{font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--paper);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.rc-full-head-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.rc-full-icon-btn{width:38px;height:38px;border-radius:var(--radius);border:2px solid var(--ink);background:var(--paper);color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,color .15s ease}.rc-full-icon-btn:hover{background:var(--ink);color:var(--paper)}.rc-full-icon-btn.rc-full-dismiss{border-color:var(--ink);background:var(--ribbon);color:var(--paper)}.rc-full-icon-btn.rc-full-dismiss:hover{background:var(--ribbon-dark);border-color:var(--ink)}.rc-player-stage-full{position:relative;flex:1;width:100%;max-width:1100px;margin:0 auto;border:2px solid var(--ink);border-radius:14px;overflow:hidden}@media (max-width: 640px){.rc-full-player{padding:12px}.rc-full-title{font-size:.88rem}}