:root{color-scheme:light;--bg: #f6f2ea;--bg-soft: #fbf8f3;--surface: rgba(255, 255, 255, .84);--surface-strong: rgba(255, 255, 255, .94);--surface-border: rgba(32, 24, 16, .09);--text: #181412;--muted: #615749;--accent: #b88346;--accent-deep: #94642f;--accent-soft: rgba(184, 131, 70, .14);--accent-border: rgba(148, 100, 47, .2);--accent-border-strong: rgba(148, 100, 47, .36);--sage: #5b7a68;--sage-soft: rgba(91, 122, 104, .14);--danger: #96392d;--success: #2e6d36;--shadow: 0 24px 60px rgba(41, 31, 22, .1);--shadow-soft: 0 14px 38px rgba(41, 31, 22, .08);--page-background: radial-gradient(circle at top left, rgba(225, 199, 163, .24), transparent 32%), linear-gradient(180deg, #fcfaf6 0%, var(--bg) 46%, #f4efe6 100%);--control-bg: rgba(255, 255, 255, .64);--control-bg-strong: rgba(255, 255, 255, .82);--control-bg-soft: rgba(255, 255, 255, .36);--control-muted-bg: rgba(32, 24, 16, .06);--control-border: rgba(32, 24, 16, .11);--control-border-strong: rgba(32, 24, 16, .14);--control-shadow: 0 8px 20px rgba(41, 31, 22, .08);--focus-border: rgba(148, 100, 47, .44);--focus-ring: rgba(184, 131, 70, .12);--divider: rgba(32, 24, 16, .1);--topbar-bg: rgba(251, 248, 243, .86);--topbar-border: rgba(255, 255, 255, .82);--topbar-shadow: 0 14px 40px rgba(30, 24, 18, .08);--button-primary-border: #c18b46;--button-primary-text: #20160f;--button-primary-bg: linear-gradient(180deg, #e7c788 0%, #d59d5d 100%);--button-primary-shadow: 0 14px 28px rgba(180, 128, 67, .18);--button-primary-shadow-hover: 0 18px 34px rgba(180, 128, 67, .24);--disabled-text: #9a8f7e;--disabled-bg: rgba(236, 226, 211, .72);--disabled-border: rgba(32, 24, 16, .08);--video-bg: #181411;--rail-bg: rgba(32, 24, 16, .13);--rail-shadow: inset 0 1px 2px rgba(32, 24, 16, .12);--thumb-bg: #fffaf3;--thumb-shadow: 0 8px 18px rgba(41, 31, 22, .16), inset 0 1px 0 rgba(255, 255, 255, .9);--library-item-bg: rgba(255, 255, 255, .52);--library-item-selected-bg: rgba(255, 255, 255, .72);--placeholder-bg: #efe7da;--asset-bg: #fffaf3;--qr-bg: #fff;font-family:Manrope,Inter,system-ui,sans-serif;color:var(--text);background:var(--page-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}:root[data-theme=dark]{color-scheme:dark;--bg: #17110d;--bg-soft: #211812;--surface: rgba(38, 30, 23, .86);--surface-strong: rgba(49, 39, 31, .94);--surface-border: rgba(255, 239, 220, .12);--text: #fbf4ec;--muted: #c9b8a5;--accent: #d69b53;--accent-deep: #f0c17a;--accent-soft: rgba(214, 155, 83, .2);--accent-border: rgba(240, 193, 122, .22);--accent-border-strong: rgba(240, 193, 122, .38);--sage: #91b79e;--sage-soft: rgba(145, 183, 158, .16);--danger: #ff9a8b;--success: #9ad79a;--shadow: 0 24px 70px rgba(0, 0, 0, .42);--shadow-soft: 0 14px 42px rgba(0, 0, 0, .34);--page-background: radial-gradient(circle at top left, rgba(214, 155, 83, .16), transparent 34%), linear-gradient(180deg, #211812 0%, var(--bg) 48%, #120d0a 100%);--control-bg: rgba(255, 247, 235, .08);--control-bg-strong: rgba(255, 247, 235, .1);--control-bg-soft: rgba(255, 247, 235, .06);--control-muted-bg: rgba(255, 239, 220, .08);--control-border: rgba(255, 239, 220, .14);--control-border-strong: rgba(255, 239, 220, .18);--control-shadow: 0 8px 22px rgba(0, 0, 0, .26);--focus-border: rgba(240, 193, 122, .52);--focus-ring: rgba(214, 155, 83, .18);--divider: rgba(255, 239, 220, .12);--topbar-bg: rgba(34, 26, 20, .84);--topbar-border: rgba(255, 239, 220, .1);--topbar-shadow: 0 14px 44px rgba(0, 0, 0, .32);--button-primary-border: #dca35d;--button-primary-text: #1c120b;--button-primary-bg: linear-gradient(180deg, #f0c17a 0%, #d69b53 100%);--button-primary-shadow: 0 14px 30px rgba(214, 155, 83, .18);--button-primary-shadow-hover: 0 18px 36px rgba(214, 155, 83, .24);--disabled-text: #8f8174;--disabled-bg: rgba(255, 247, 235, .08);--disabled-border: rgba(255, 239, 220, .1);--video-bg: #080604;--rail-bg: rgba(255, 239, 220, .14);--rail-shadow: inset 0 1px 2px rgba(0, 0, 0, .35);--thumb-bg: #fff4e7;--thumb-shadow: 0 8px 20px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .85);--library-item-bg: rgba(255, 247, 235, .07);--library-item-selected-bg: rgba(255, 247, 235, .1);--placeholder-bg: rgba(255, 239, 220, .1);--asset-bg: rgba(255, 247, 235, .08);--qr-bg: #ffffff}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);background:var(--page-background)}button,input{font:inherit}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed}h1,h2,h3,p{margin:0}.boot-screen,.auth-page{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.boot-screen{gap:.75rem;align-content:center;color:var(--muted)}.spinner{width:1.4rem;height:1.4rem;border:3px solid var(--accent-soft);border-top-color:var(--accent);border-radius:999px;animation:spin .8s linear infinite}.spinner.small{width:1rem;height:1rem;border-width:2px}@keyframes spin{to{transform:rotate(360deg)}}.auth-panel,.creator-panel,.library-panel{background:var(--surface);border:1px solid var(--surface-border);box-shadow:var(--shadow-soft);backdrop-filter:blur(12px)}.auth-panel{width:min(440px,calc(100vw - 3rem));display:grid;gap:.85rem;padding:clamp(1.35rem,5vw,1.75rem);border-radius:28px;box-shadow:var(--shadow)}.brand{font-family:Sora,Manrope,system-ui,sans-serif;font-size:1.35rem;font-weight:800;letter-spacing:-.04em}.brand-small{font-size:1.1rem}.auth-panel h1,.creator-panel h1,.library-panel h2{font-family:Sora,Manrope,system-ui,sans-serif;font-weight:800;line-height:1;letter-spacing:-.045em}.auth-panel h1{font-size:clamp(2rem,8vw,2.35rem)}.auth-form{display:grid;gap:.85rem}.auth-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;padding:.25rem;background:var(--control-muted-bg);border:1px solid var(--disabled-border);border-radius:999px}.auth-tab{min-height:34px;color:var(--muted);background:transparent;border:0;border-radius:999px;font-weight:800}.auth-tab.is-active{color:var(--text);background:var(--control-bg-strong);box-shadow:var(--control-shadow)}.input{min-height:44px;width:100%;border:1px solid var(--control-border-strong);border-radius:16px;padding:0 .9rem;color:var(--text);background:var(--control-bg-strong);outline:none}.input:focus{border-color:var(--focus-border);box-shadow:0 0 0 4px var(--focus-ring)}.divider{height:1px;background:var(--divider);margin:.25rem 0}.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--button-primary-border);border-radius:999px;padding:.65rem 1rem;color:var(--button-primary-text);background:var(--button-primary-bg);font-weight:800;box-shadow:var(--button-primary-shadow);transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.button:hover:not(:disabled),.button:focus-visible:not(:disabled){transform:translateY(-1px);box-shadow:var(--button-primary-shadow-hover)}.button:disabled{color:var(--disabled-text);background:var(--disabled-bg);border-color:var(--disabled-border);box-shadow:none}.button-secondary,.button-ghost{color:var(--text);box-shadow:none}.button-secondary{background:var(--control-bg);border-color:var(--control-border)}.button-ghost{background:var(--control-bg-soft);border-color:var(--divider)}.button-danger{color:var(--danger);background:var(--control-bg-soft);border-color:var(--control-border-strong);box-shadow:none}.button-danger:hover:not(:disabled),.button-danger:focus-visible:not(:disabled){color:var(--text);border-color:var(--danger);background:var(--control-bg)}.button-compact{min-height:36px;padding:.45rem .85rem;font-size:.9rem}.text-button{justify-self:center;border:0;padding:.15rem .25rem;color:var(--accent-deep);background:transparent;font-weight:800}.text-button:disabled{color:var(--disabled-text)}.message{color:var(--muted);font-size:.9rem}.message.error{color:var(--danger)}.message.success{color:var(--success)}.message.warning,.credit-need.is-warning{color:var(--accent-deep)}.app-shell{min-height:100vh;padding:1rem 1.5rem 2rem}.topbar{position:relative;z-index:40;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:1rem;width:min(1180px,100%);margin:0 auto 1.5rem;padding:.9rem 1.4rem;background:var(--topbar-bg);border:1px solid var(--topbar-border);border-radius:999px;box-shadow:var(--topbar-shadow);backdrop-filter:blur(16px)}.topbar-meta,.meta,.muted,.library-copy p{color:var(--muted)}.topbar-identity{min-width:0}.topbar-meta{overflow:hidden;margin-top:.12rem;font-size:.86rem;text-overflow:ellipsis;white-space:nowrap}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:.65rem;flex-wrap:wrap;margin-left:auto}.account-menu-wrap{position:relative;flex:0 0 auto}.menu-button{width:40px;height:40px;display:inline-grid;place-items:center;border:1px solid var(--control-border);border-radius:999px;color:var(--text);background:var(--control-bg-soft);box-shadow:none}.menu-button:hover,.menu-button:focus-visible,.menu-button[aria-expanded=true]{border-color:var(--accent-border);background:var(--control-bg)}.menu-button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.menu-icon{width:18px;display:grid;gap:4px}.menu-icon span{display:block;height:2px;border-radius:999px;background:currentColor}.account-menu{position:absolute;top:calc(100% + .5rem);right:0;z-index:50;width:min(220px,calc(100vw - 2rem));display:grid;gap:.25rem;padding:.55rem;background:var(--surface-strong);border:1px solid var(--surface-border);border-radius:18px;box-shadow:var(--shadow);backdrop-filter:blur(16px)}.menu-group-label{padding:.3rem .55rem .2rem;color:var(--muted);font-size:.74rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.account-menu-item{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:.75rem;border:0;border-radius:12px;padding:.55rem .65rem;color:var(--text);background:transparent;font-weight:800;text-align:left}.account-menu-item:hover,.account-menu-item:focus-visible,.account-menu-item.is-active{background:var(--control-bg)}.account-menu-item:disabled{color:var(--disabled-text)}.account-menu-item.is-danger{color:var(--danger)}.account-menu-item:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.menu-current{color:var(--accent-deep);font-size:.74rem}.menu-divider{height:1px;margin:.25rem 0;background:var(--divider)}.account-settings-backdrop{position:fixed;z-index:90;inset:0;display:grid;place-items:center;padding:1rem;background:#0d0a0894}.account-settings-modal{width:min(680px,100%);max-height:min(88vh,900px);overflow:auto;display:grid;gap:.85rem;padding:1rem;background:var(--surface-strong);border:1px solid var(--surface-border);border-radius:26px;box-shadow:var(--shadow);backdrop-filter:blur(18px)}.account-settings-header,.account-settings-section,.settings-action{min-width:0}.account-settings-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.account-settings-header h2{margin:.1rem 0 0;font-family:Sora,Manrope,system-ui,sans-serif;font-size:clamp(1.8rem,5vw,2.7rem);line-height:.95}.account-settings-section{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.9rem;align-items:center;padding:.9rem;background:var(--control-bg-soft);border:1px solid var(--control-border);border-radius:20px}.account-settings-section.is-danger-zone{border-color:var(--accent-border)}.setting-copy{min-width:0}.setting-copy strong{display:block;color:var(--text);font-weight:900}.setting-copy p,.settings-footnote{margin:.22rem 0 0;color:var(--muted);font-size:.88rem;line-height:1.4}.settings-footnote{grid-column:1 / -1}.settings-count-row{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem}.settings-count-row span{border:1px solid var(--accent-border);border-radius:999px;padding:.22rem .5rem;color:var(--accent-deep);background:var(--control-bg);font-size:.78rem;font-weight:900}.settings-action-grid{grid-column:1 / -1;display:grid;gap:.65rem}.settings-action{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:center;padding:.75rem;background:var(--control-bg);border:1px solid var(--control-border);border-radius:16px}.settings-action.is-danger-zone{grid-template-columns:minmax(0,1fr) minmax(150px,190px) auto}.confirm-input{min-height:38px;border-radius:999px}.credit-pill{display:inline-flex;align-items:center;min-height:36px;border-radius:999px;border:1px solid var(--accent-border);padding:.45rem .85rem;color:var(--accent-deep);background:var(--accent-soft);font-weight:800;white-space:nowrap}.status-pill{display:inline-flex;align-items:center;min-height:36px;border-radius:999px;border:1px solid var(--accent-border);padding:.35rem .75rem;color:var(--accent-deep);background:var(--accent-soft);font-size:.86rem;font-weight:900;white-space:nowrap}.content-grid{position:relative;z-index:1;width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.85fr);gap:1.25rem;align-items:start}.creator-panel,.library-panel{display:grid;gap:1rem;padding:1.25rem;border-radius:28px}.section-header{display:flex;justify-content:space-between;gap:1rem;align-items:center}.eyebrow{margin-bottom:.45rem;color:var(--accent-deep);font-size:.75rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.creator-panel h1,.library-panel h2{font-size:clamp(1.65rem,3vw,2.15rem)}.drop-zone{display:grid;width:100%;gap:.35rem;padding:1.35rem;text-align:left;color:var(--text);background:var(--control-bg-soft);border:1px dashed var(--accent-border-strong);border-radius:24px}.drop-zone:disabled{color:var(--disabled-text);background:var(--disabled-bg);border-color:var(--disabled-border)}.drop-zone strong{font-family:Sora,Manrope,system-ui,sans-serif;font-size:1.05rem}.drop-zone span{color:var(--muted)}.pause-banner{display:grid;gap:.65rem;padding:.9rem;color:var(--text);background:linear-gradient(180deg,var(--accent-soft),transparent 135%),var(--control-bg-soft);border:1px solid var(--accent-border);border-radius:18px}.pause-banner strong{font-weight:900}.pause-banner p{color:var(--muted);font-size:.92rem}.video-wrap{overflow:hidden;border-radius:24px;background:var(--video-bg)}.video-wrap video{display:block;width:100%;max-height:420px;background:var(--video-bg)}.control-block{display:grid;gap:.65rem}.control-block label,.progress-block strong{font-weight:800}.project-control{display:grid;gap:.6rem;padding:.75rem;background:var(--control-bg-soft);border:1px solid var(--disabled-border);border-radius:18px}.project-control-header{align-items:flex-start;gap:.75rem}.project-control label{display:block;font-weight:800}.project-control .muted{margin-top:.16rem;font-size:.86rem}.project-create-toggle{flex:0 0 auto}.project-select{appearance:none}.project-create-form{display:grid;gap:.5rem}.segments{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem}.segment{display:grid;justify-items:center;gap:.2rem;min-height:58px;padding:.65rem .7rem;color:var(--muted);background:var(--control-bg);border:1px solid var(--control-border);border-radius:16px}.segment.is-active{color:var(--accent-deep);background:var(--accent-soft);border-color:var(--accent-border-strong)}.segment span{font-size:.8rem}.segment strong{font-size:1rem}input[type=range]{width:100%;accent-color:var(--accent)}.trim-slider{position:relative;height:46px;border-radius:999px;touch-action:none}.trim-slider.is-disabled{opacity:.55}.trim-rail,.trim-fill{position:absolute;top:50%;height:10px;transform:translateY(-50%);border-radius:999px}.trim-rail{left:0;right:0;background:var(--rail-bg);box-shadow:var(--rail-shadow)}.trim-fill{left:var(--trim-start);width:calc(var(--trim-end) - var(--trim-start));background:var(--button-primary-bg);box-shadow:var(--button-primary-shadow)}.trim-range{position:absolute;inset:0;z-index:2;width:100%;height:46px;margin:0;appearance:none;background:transparent;pointer-events:none}.trim-range:disabled{cursor:not-allowed}.trim-range::-webkit-slider-runnable-track{height:10px;background:transparent}.trim-range::-webkit-slider-thumb{width:24px;height:24px;margin-top:-7px;appearance:none;border:3px solid var(--accent);border-radius:999px;background:var(--thumb-bg);box-shadow:var(--thumb-shadow);pointer-events:auto}.trim-range::-moz-range-track{height:10px;background:transparent}.trim-range::-moz-range-thumb{width:18px;height:18px;border:3px solid var(--accent);border-radius:999px;background:var(--thumb-bg);box-shadow:var(--thumb-shadow);pointer-events:auto}.trim-range-start{z-index:3}.trim-range-end{z-index:4}.trim-times{display:inline-flex;align-items:center;gap:.45rem;color:var(--muted);font-size:.92rem}.trim-time{border:0;padding:.2rem .35rem;color:var(--accent-deep);background:transparent;border-radius:999px;font-weight:800}.trim-time:hover:not(:disabled),.trim-time:focus-visible:not(:disabled){background:var(--accent-soft)}.trim-time:disabled{color:var(--muted)}.row-between,.options-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.options-row{flex-wrap:wrap}.toggle{display:inline-flex;align-items:center;gap:.6rem;font-weight:700}.toggle input{width:1.15rem;height:1.15rem;accent-color:var(--accent)}.credit-need{font-weight:800}.marker-panel{display:grid;gap:.85rem;padding:.9rem;background:linear-gradient(180deg,var(--accent-soft),transparent 135%),var(--control-bg-soft);border:1px solid var(--accent-border);border-radius:22px}.marker-panel-header{align-items:flex-start}.marker-panel-header strong,.frame-picker label,.selected-marker-block strong{font-weight:800}.marker-badge{flex:0 0 auto;border:1px solid var(--accent-border);border-radius:999px;padding:.26rem .55rem;color:var(--accent-deep);background:var(--control-bg-soft);font-size:.75rem;font-weight:800}.prepared-video-wrap{overflow:hidden;padding:.65rem;background:linear-gradient(135deg,rgba(184,131,70,.22) 25%,transparent 25%) 0 0 / 18px 18px,linear-gradient(315deg,rgba(184,131,70,.22) 25%,transparent 25%) 0 0 / 18px 18px,var(--bg-soft);border:1px solid var(--accent-border);border-radius:18px}.prepared-video-stage{position:relative;overflow:hidden;width:100%;margin:0 auto;background:#000;border-radius:14px;box-shadow:inset 0 0 0 1px #fffaf32e}.prepared-video-wrap video{display:block;width:100%;height:100%;background:#000;object-fit:contain}.video-fit-guide{position:absolute;top:50%;left:50%;pointer-events:none;border:2px solid rgba(255,250,243,.88);border-radius:10px;box-shadow:0 0 0 1px #181412cc,0 0 0 999px #0000002e;transform:translate(-50%,-50%)}.frame-picker{display:grid;gap:.55rem}.selected-marker-block{display:grid;grid-template-columns:minmax(112px,.42fr) minmax(0,1fr);gap:.75rem;align-items:start;padding:.65rem;background:var(--control-bg);border:1px solid var(--control-border);border-radius:18px}.selected-marker-preview{display:grid;place-items:center;width:100%;min-height:104px;overflow:hidden;color:var(--muted);background:linear-gradient(180deg,rgba(255,255,255,.5),transparent),var(--qr-bg);border:1px solid var(--disabled-border);border-radius:16px;font-size:.78rem;padding:.45rem;text-align:center}.selected-marker-image-wrap{position:relative;display:inline-block;max-width:100%;max-height:180px}.selected-marker-preview img{display:block;width:auto;height:auto;max-width:100%;max-height:180px;border-radius:12px;object-fit:contain}.marker-video-overlap{position:absolute;top:50%;left:50%;pointer-events:none;background:#b883461a;border:2px solid rgba(184,131,70,.92);border-radius:10px;box-shadow:0 0 0 1px #fffaf3c7,0 0 0 999px #0003;transform:translate(-50%,-50%)}.selected-marker-block .muted{overflow-wrap:anywhere}.progress-block{display:grid;gap:.65rem;padding:.8rem;background:var(--control-bg-soft);border:1px solid var(--surface-border);border-radius:18px}.progress-track{height:8px;overflow:hidden;background:var(--rail-bg);border-radius:999px}.progress-fill{height:100%;background:var(--accent);border-radius:inherit}.progress-note{margin:0;color:var(--muted);font-size:.86rem;line-height:1.4}.inline-loading{display:inline-flex;align-items:center;gap:.55rem;color:var(--muted)}.library-list{display:grid;gap:.75rem}.library-item{display:grid;gap:.75rem;padding:.75rem;background:var(--library-item-bg);border:1px solid var(--surface-border);border-radius:22px}.library-item.is-selected{background:var(--library-item-selected-bg);border-color:var(--accent-border);box-shadow:var(--control-shadow)}.library-select{display:flex;align-items:center;width:100%;gap:.75rem;min-width:0;border:0;padding:0;text-align:left;color:inherit;background:transparent;border-radius:18px}.library-select:focus-visible{outline:3px solid var(--focus-ring);outline-offset:4px}.marker-thumb{flex:0 0 auto;width:76px;height:76px;object-fit:cover;background:var(--placeholder-bg);border-radius:18px}.marker-placeholder{border:1px solid var(--disabled-border)}.library-copy{flex:1 1 auto;min-width:0}.library-copy h3{overflow:hidden;color:var(--text);font-family:Sora,Manrope,system-ui,sans-serif;font-size:1rem;font-weight:800;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.library-copy p{margin-top:.22rem;font-size:.86rem}.library-scan-row{color:var(--muted)}.library-engagement-row{display:flex;flex-wrap:wrap;gap:.32rem;margin-top:.42rem;color:var(--muted);font-size:.78rem;line-height:1.2}.library-engagement-row span{border:1px solid var(--disabled-border);border-radius:999px;padding:.18rem .4rem;background:var(--control-bg-soft)}.library-select-badge{flex:0 0 auto;align-self:flex-start;max-width:38%;overflow:hidden;border:1px solid var(--accent-border);border-radius:999px;padding:.25rem .55rem;color:var(--accent-deep);background:var(--control-bg-soft);font-size:.76rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.library-select-badge.is-empty{color:var(--muted);border-color:var(--disabled-border)}.library-actions{display:flex;flex-wrap:wrap;gap:.5rem}.library-processing-panel{display:grid;gap:.3rem;padding:.75rem;color:var(--text);background:linear-gradient(180deg,var(--accent-soft),transparent 150%),var(--control-bg-soft);border:1px solid var(--accent-border);border-radius:16px}.library-processing-panel strong{font-weight:800}.library-processing-panel p,.library-processing-note{margin:0;color:var(--muted);font-size:.84rem;line-height:1.4}.library-processing-note{align-self:center;font-weight:800}.library-open-action{color:var(--button-primary-text);background:var(--button-primary-bg);border-color:var(--button-primary-border);box-shadow:var(--button-primary-shadow)}.library-close-action{color:var(--text);background:var(--control-bg);border-color:var(--control-border)}.library-pause-action{color:var(--muted);background:transparent;border-color:transparent;box-shadow:none}.library-pause-action:hover:not(:disabled),.library-pause-action:focus-visible:not(:disabled){color:var(--accent-deep);background:var(--control-bg-soft);border-color:var(--disabled-border);box-shadow:none}.library-export-panel{display:grid;gap:.85rem;padding-top:.75rem;border-top:1px solid var(--disabled-border)}.asset-preview-block{display:grid;grid-template-columns:104px minmax(0,1fr);gap:.75rem;align-items:center}.asset-preview-block-print{padding:.7rem .75rem;background:var(--control-bg-soft);border:1px solid var(--disabled-border)}.asset-preview-block-print:first-child{border-radius:20px 20px 10px 10px}.asset-preview-block-print+.asset-preview-block-print{margin-top:-.55rem;border-top-color:transparent;border-radius:10px 10px 20px 20px}.asset-preview-block-video{position:relative;margin-top:.2rem;padding:.9rem .75rem .75rem;background:linear-gradient(180deg,var(--accent-soft),transparent 120%),var(--control-bg-soft);border:1px solid var(--accent-border);border-radius:20px}.asset-preview-block-video:before{position:absolute;top:-.55rem;left:.75rem;right:.75rem;height:1px;background:var(--divider);content:""}.engagement-panel{display:grid;gap:.65rem;padding:.8rem .75rem;background:var(--control-bg-soft);border:1px solid var(--disabled-border);border-radius:20px}.engagement-panel-header{align-items:center}.engagement-panel-header strong{font-weight:800}.engagement-stat-row{display:flex;flex-wrap:wrap;gap:.45rem}.engagement-scan-row{border:1px solid var(--disabled-border);border-radius:14px;padding:.5rem .65rem;color:var(--text);background:var(--control-bg);font-size:.9rem;font-weight:800}.engagement-stat-row span{border:1px solid var(--accent-border);border-radius:999px;padding:.34rem .55rem;color:var(--text);background:var(--control-bg);font-size:.84rem;font-weight:800}.asset-preview-frame{display:grid;place-items:center;width:104px;height:104px;overflow:hidden;background:var(--asset-bg);border:1px solid var(--disabled-border);border-radius:18px}.asset-preview-frame-qr{background:var(--qr-bg)}.asset-preview-image{display:block;width:100%;height:100%;object-fit:cover}.qr-preview-image{display:block;width:82px;height:82px}.asset-preview-empty{padding:.55rem;color:var(--muted);font-size:.78rem;text-align:center}.asset-actions{display:grid;gap:.42rem;min-width:0}.asset-actions strong{font-weight:800}.asset-url{overflow:hidden;color:var(--muted);font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.asset-button-row{display:flex;flex-wrap:wrap;gap:.4rem}.image-preview-button{padding:0;color:inherit;cursor:zoom-in}.image-preview-button:disabled{cursor:default;opacity:.72}.image-preview-button:not(:disabled):hover .asset-preview-image,.image-preview-button:not(:disabled):focus-visible .asset-preview-image{transform:scale(1.04)}.image-preview-button .asset-preview-image{transition:transform .16s ease}.video-thumb-button{position:relative;padding:0;color:inherit}.video-thumb-button:disabled{opacity:.72}.video-play-mark{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:42px;height:42px;background:#181412b8;border:1px solid rgba(255,250,243,.38);border-radius:999px;box-shadow:0 12px 26px #00000038;transform:translate(-50%,-50%)}.video-play-mark span{width:0;height:0;margin-left:3px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid #fffaf3}.video-modal-backdrop{position:fixed;z-index:80;inset:0;display:grid;place-items:center;padding:1rem;background:#0d0a08ad}.video-modal{display:grid;gap:.75rem;width:min(880px,100%);padding:.9rem;background:var(--surface-strong);border:1px solid var(--surface-border);border-radius:24px;box-shadow:var(--shadow)}.image-modal{width:min(760px,100%)}.video-modal-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.video-modal-header strong{overflow:hidden;font-family:Sora,Manrope,system-ui,sans-serif;font-size:1rem;font-weight:800;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.video-modal-close{flex:0 0 auto;padding:.65rem .9rem;color:var(--text);background:var(--control-bg);border:1px solid var(--control-border);border-radius:999px;font-weight:800}.video-modal-close:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.video-modal-player{display:block;width:100%;max-height:min(72vh,720px);background:var(--video-bg);border-radius:18px}.image-modal-media{display:block;width:auto;max-width:100%;max-height:min(78vh,760px);margin:0 auto;object-fit:contain;background:var(--asset-bg);border-radius:18px}.video-cache-note{color:var(--muted);font-size:.86rem;text-align:center}@media(max-width:860px){.app-shell{padding:.75rem}.topbar{border-radius:24px}.content-grid{grid-template-columns:1fr}.segments{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-preview-block{grid-template-columns:88px minmax(0,1fr)}.asset-preview-frame{width:88px;height:88px;border-radius:16px}.qr-preview-image{width:70px;height:70px}}@media(max-width:520px){.auth-page{padding:1rem}.auth-panel{width:100%}.section-header{align-items:flex-start;flex-direction:column}.topbar{align-items:center;gap:.75rem;padding:.9rem 1rem}.topbar-actions{flex-wrap:nowrap}.credit-pill{min-height:34px;padding:.4rem .7rem}.creator-panel,.library-panel{padding:1rem;border-radius:24px}.account-settings-section,.settings-action,.settings-action.is-danger-zone{grid-template-columns:1fr}.account-settings-section .button,.settings-action .button{width:100%}.segments{grid-template-columns:1fr}}