@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');
:root{color-scheme:light;--paper:#f8f7f3;--white:#fff;--ink:#26322e;--muted:#78807b;--line:#ebe9e2;--terracotta:#bd593f;--terracotta-dark:#9c422e;--sage:#496358;--sage-pale:#e9efeb;--peach:#f5e4da;--gold:#e9c878;--shadow:0 18px 55px rgba(43,49,43,.07);font-family:'DM Sans',sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);min-width:320px}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.hidden{display:none!important}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.app-shell{width:min(1190px,calc(100% - 72px));margin:auto;min-height:100vh;display:flex;flex-direction:column}.topbar{height:86px;border-bottom:1px solid rgba(42,55,48,.08);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:43px;height:43px;background:#fff;border-radius:13px;display:grid;place-items:center;overflow:hidden;box-shadow:0 2px 9px #303f3614}.brand-mark img{width:39px;height:39px;object-fit:contain}.brand-name{font-size:13px;font-weight:700;letter-spacing:-.25px;line-height:1.4}.brand-name span{display:block;font-size:10px;font-weight:500;letter-spacing:.065em;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:22px}.button{border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border-radius:10px;padding:11px 15px;font-size:12px;font-weight:600;transition:transform .16s,background .16s,color .16s}.button:hover{transform:translateY(-1px)}.button svg{width:16px;height:16px}.button-quiet{background:transparent;color:#535d57;border:1px solid var(--line)}.button-quiet:hover{background:#fff}.install-button{color:var(--terracotta);border-color:#ebd6cd}.install-button.install-ready{background:#f8eae4}.user-menu{display:flex;align-items:center;gap:10px}.user-label{font-size:12px;color:#59635d}.user-avatar{width:30px;height:30px;background:#e9efeb;color:var(--sage);border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:12px}.icon-button{width:34px;height:34px;border:0;border-radius:9px;background:transparent;color:#6f7872;display:grid;place-items:center;cursor:pointer}.icon-button:hover{background:#f1f0eb}.icon-button svg{width:18px;height:18px}.main-content{flex:1}.welcome-row{min-height:248px;padding:52px 3px 34px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.eyebrow{font-size:9px;font-weight:700;letter-spacing:.145em;color:#818b84;margin:0 0 13px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#83a48e;margin-right:7px;vertical-align:1px}.welcome-row h1,.login-card h1{font-family:'Playfair Display',Georgia,serif;font-size:clamp(38px,5vw,53px);line-height:1.08;letter-spacing:-1.4px;font-weight:500;margin:0;color:#303c36}.mobile-break{display:none}.intro{font-size:13px;color:#79817c;margin:13px 0 0}.welcome-art{width:290px;height:160px;position:relative;margin-right:35px;align-self:flex-end;overflow:hidden}.sun{position:absolute;width:90px;height:90px;border-radius:50%;background:#f1d28d;top:5px;right:66px}.hill{position:absolute;width:250px;height:104px;bottom:-36px;border-radius:50% 50% 0 0}.hill-one{background:#dce8df;left:-11px;transform:rotate(-10deg)}.hill-two{background:#a8c2af;width:210px;right:-22px;bottom:-48px;transform:rotate(12deg)}.art-flower{position:absolute;top:24px;left:46px;font-size:36px;color:#c0664e;transform:rotate(-14deg)}.art-star{position:absolute;top:12px;right:30px;color:#718b78;font-size:22px}.upload-panel{background:var(--white);border:1px solid #eeece6;border-radius:16px;padding:23px 26px 22px;box-shadow:0 8px 28px rgba(50,54,47,.035)}.upload-copy{display:flex;align-items:center;gap:12px;margin-bottom:17px}.upload-symbol{width:39px;height:39px;border-radius:12px;background:#f8ede7;color:var(--terracotta);display:grid;place-items:center}.upload-symbol svg{width:20px;height:20px}.upload-copy h2{font-family:'Playfair Display',Georgia,serif;font-size:18px;font-weight:600;margin:0}.upload-copy p{font-size:11px;color:var(--muted);margin:4px 0 0}.drop-zone{height:133px;border:1px dashed #d8d8d0;border-radius:12px;background:#fcfcfa;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;transition:.2s}.drop-zone:hover,.drop-zone.drop-active{background:#fcf4ee;border-color:#ce8c76}.drop-zone.drop-disabled{opacity:.55;pointer-events:none}.drop-icon{width:30px;height:28px;color:#9b7668;display:grid;place-items:center;margin-bottom:5px}.drop-icon svg{width:23px;height:23px}.drop-title{font-size:12px;font-weight:600;color:#434e47}.drop-subtitle{font-size:10px;color:#858d87;margin-top:2px}.browse-link{color:var(--terracotta);font-weight:600;text-decoration:underline;text-underline-offset:2px}.file-note{font-size:9px;color:#9aa09c;margin-top:7px}.upload-progress{padding:4px 3px 1px}.progress-top{display:flex;justify-content:space-between;font-size:11px;font-weight:600;margin-bottom:9px}.progress-top span:last-child{color:var(--terracotta)}.progress-track{height:7px;background:#f0eee8;border-radius:8px;overflow:hidden}.progress-track div{height:100%;width:0;background:#bd684e;border-radius:8px;transition:width .2s}.upload-progress p{font-size:10px;color:var(--muted);margin:9px 0 0}.text-button{border:0;padding:4px 0;background:transparent;color:#9c5e4a;font-size:11px;font-weight:600;cursor:pointer}.upload-progress .text-button{margin-top:6px}.text-button:disabled{opacity:.5;cursor:default}.upload-error,.login-error{font-size:11px;color:#ae3e30;margin:12px 0 0}.library-section{margin:37px 0 54px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between}.section-heading .eyebrow{margin-bottom:7px}.section-heading h2{font-family:'Playfair Display',Georgia,serif;font-weight:600;font-size:24px;letter-spacing:-.3px;margin:0}.count-pill{font:600 10px 'DM Sans',sans-serif;display:inline-grid;place-items:center;vertical-align:4px;margin-left:3px;width:23px;height:23px;border-radius:20px;background:#eeede7;color:#69746d}.refresh-button{padding:9px 12px;margin-bottom:2px}.refresh-button.spinning svg{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.library-toolbar{margin:17px 0 15px;display:flex;align-items:center;justify-content:space-between}.search-wrap{width:275px;height:37px;display:flex;align-items:center;gap:8px;padding:0 11px;border-radius:9px;background:#fff;border:1px solid #eceae3;color:#8b938d}.search-wrap svg{width:15px;height:15px}.search-wrap input{border:0;outline:0;background:transparent;width:100%;font-size:11px;color:var(--ink)}.search-wrap input::placeholder{color:#9ca29d}.library-hint{font-size:10px;color:#929993}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.video-card{border:1px solid #edebe4;border-radius:13px;background:#fff;overflow:hidden;transition:transform .2s,box-shadow .2s}.video-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.video-preview{height:151px;display:block;position:relative;overflow:hidden;background:#f3e8db}.preview-wash{position:absolute;inset:0;background:linear-gradient(136deg,#f0d4c7,#e8d4a5)}.wash-1{background:linear-gradient(135deg,#e0e9df,#bed3c3)}.wash-2{background:linear-gradient(135deg,#e4dff0,#d2c6e2)}.wash-3{background:linear-gradient(135deg,#f0e4c6,#eaca93)}.wash-4{background:linear-gradient(135deg,#dce9ec,#bbd2d6)}.preview-orbit{position:absolute;border:1px solid rgba(255,255,255,.48);border-radius:50%;width:190px;height:190px;left:18%;top:-96px}.orbit-b{width:230px;height:230px;left:auto;top:auto;right:-25px;bottom:-178px}.preview-initial{position:absolute;inset:0;display:grid;place-items:center;font:500 43px 'Playfair Display',serif;color:#6c6d55b3}.play-button{position:absolute;width:39px;height:39px;border-radius:50%;background:#ffffffd9;color:#9e543e;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;box-shadow:0 4px 13px #31353019}.play-button svg{fill:currentColor;stroke:none;width:18px;height:18px;margin-left:2px}.video-badge,.preview-duration{position:absolute;bottom:10px;padding:5px 7px;border-radius:5px;background:#ffffffc9;font-size:8px;font-weight:700;letter-spacing:.07em;color:#5b665f}.video-badge{left:10px}.preview-duration{right:10px;letter-spacing:0}.video-card-body{padding:12px 12px 13px}.video-title-row{display:flex;align-items:center;justify-content:space-between;gap:6px}.video-title-row h3{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.card-more{width:26px;height:26px;flex:none}.video-meta{display:flex;align-items:center;gap:6px;font-size:9px;color:#929a94;margin-top:5px}.meta-dot{color:#c1c4bf}.video-actions{display:grid;grid-template-columns:.83fr 1.15fr .92fr;gap:6px;margin-top:13px}.video-actions .button{padding:8px 5px;font-size:9px;border-radius:8px;gap:5px}.video-actions svg{width:13px;height:13px}.button-primary{background:var(--terracotta);color:#fff}.button-primary:hover{background:var(--terracotta-dark)}.button-soft{background:#f5f4ef;color:#59625c}.button-soft:hover{background:#ebe9e2}.empty-state{text-align:center;padding:55px 20px 48px}.empty-illustration{position:relative;display:inline-grid;place-items:center;width:67px;height:67px;border-radius:50%;background:#f4e6dd;color:#bf6b52;font-size:31px}.empty-illustration i{position:absolute;right:-9px;top:-4px;color:#819780;font-size:20px;font-style:normal}.empty-state h3{font:600 18px 'Playfair Display',serif;margin:14px 0 5px}.empty-state p{font-size:11px;color:var(--muted);margin:0}.footer{min-height:58px;border-top:1px solid rgba(42,55,48,.08);display:flex;align-items:center;justify-content:space-between;color:#929993;font-size:10px}.footer-brand{font-size:8px;letter-spacing:.12em;font-weight:700}.footer-brand i{font-style:normal;color:#bd694e;margin:0 3px}.app-locked{filter:blur(3px);pointer-events:none;user-select:none}.login-screen{position:fixed;z-index:10;inset:0;background:#f7f5ef;display:grid;place-items:center;padding:28px;overflow:hidden}.login-screen.hidden{display:none!important}.login-card{position:relative;z-index:1;width:min(390px,100%);padding:36px 38px 27px;background:#fff;border-radius:18px;border:1px solid #eeeae2;box-shadow:0 20px 80px #32372d12}.login-brand{display:flex;justify-content:center;margin:0 auto 27px}.login-brand img{width:auto;height:61px;max-width:220px;object-fit:contain}.login-card>.eyebrow{text-align:center;font-size:8px;margin-bottom:10px}.login-card h1{text-align:center;font-size:33px;letter-spacing:-.6px}.login-subtitle{text-align:center;color:var(--muted);font-size:12px;margin:8px 0 25px}.login-card form{display:flex;flex-direction:column}.login-card label{font-size:10px;font-weight:600;margin:0 0 7px;color:#55605a}.login-card input{height:41px;padding:0 11px;border:1px solid #e8e6df;background:#fcfcfa;border-radius:8px;outline:0;font-size:11px;color:var(--ink);margin-bottom:15px}.login-card input:focus{border-color:#c4816c;box-shadow:0 0 0 3px #bd593f17}.password-wrap{position:relative}.password-wrap input{width:100%;padding-right:40px}.password-toggle{position:absolute;right:5px;top:3px;width:34px;height:34px;border:0;background:transparent;color:#929993;display:grid;place-items:center;cursor:pointer}.password-toggle svg{width:16px;height:16px}.login-submit{height:42px;width:100%;margin-top:4px;font-size:11px}.login-submit svg{margin-left:auto}.login-submit span{margin-left:auto}.login-error{margin:-5px 0 10px}.privacy-note{border-top:1px solid #efede7;padding-top:16px;margin:20px 0 0;display:flex;align-items:center;justify-content:center;gap:6px;color:#929993;font-size:9px}.privacy-note svg{width:13px;height:13px}.login-decoration{position:absolute;color:#e7c9b9;font-size:89px;opacity:.65}.decoration-left{left:12%;top:16%;transform:rotate(-18deg)}.decoration-right{right:14%;bottom:17%;color:#cad8cc;font-size:67px}.login-footer{position:fixed;bottom:20px;font-size:8px;letter-spacing:.15em;color:#9ca19b}.toast-region{position:fixed;z-index:20;right:22px;bottom:21px;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{padding:12px 16px;border-radius:10px;background:#334c40;color:#fff;font-size:11px;box-shadow:0 7px 28px #15231c26;opacity:0;transform:translateY(8px);transition:.2s}.toast.visible{opacity:1;transform:translateY(0)}.toast-error{background:#a64638}.modal{width:min(370px,calc(100% - 32px));padding:31px;border:1px solid #ede9e1;border-radius:17px;background:#fff;color:var(--ink);box-shadow:0 20px 80px #2225;text-align:center}.modal::backdrop{background:#26322e75;backdrop-filter:blur(3px)}.modal-icon{margin:0 auto 15px;width:45px;height:45px;border-radius:13px;background:#f8ede7;color:var(--terracotta);display:grid;place-items:center}.modal-close{position:absolute;right:12px;top:12px}.modal .eyebrow{margin-bottom:7px}.modal h2{font:600 22px 'Playfair Display',serif;margin:0}.modal p:not(.eyebrow){color:#7b847e;font-size:11px;line-height:1.7;margin:9px 0 18px}.modal-action{width:100%}.modal-dismiss{margin-top:10px}.install-button{display:inline-flex}
@media(min-width:1200px){.video-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.video-preview{height:150px}}
@media(max-width:800px){.app-shell{width:calc(100% - 42px)}.welcome-art{margin-right:0;width:230px;transform:scale(.9);transform-origin:right bottom}.welcome-row{min-height:223px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.video-preview{height:clamp(125px,23vw,165px)}.video-actions{grid-template-columns:1fr 1fr 1fr}.library-section{margin-top:31px}.footer-brand{font-size:7px}}
@media(max-width:560px){.app-shell{width:calc(100% - 30px)}.topbar{height:70px}.brand{gap:8px}.brand-mark{width:36px;height:36px;border-radius:11px}.brand-mark img{width:33px;height:33px}.brand-name{font-size:11px}.brand-name span{font-size:8px}.top-actions{gap:6px}.install-button{padding:9px 10px;font-size:10px;gap:5px}.install-button svg{width:15px}.user-label{display:none}.user-menu{gap:5px}.welcome-row{min-height:190px;padding:34px 2px 25px;align-items:flex-start}.welcome-row h1{font-size:39px;line-height:1.05;letter-spacing:-1.2px;max-width:310px}.mobile-break{display:block}.intro{font-size:11px;max-width:255px;line-height:1.55}.welcome-art{position:absolute;width:146px;height:111px;right:-10px;bottom:15px;transform:scale(.75);transform-origin:right bottom;opacity:.88}.sun{width:69px;height:69px;right:35px;top:0}.art-flower{font-size:28px;left:17px;top:19px}.art-star{right:9px;font-size:18px}.hill{height:80px;width:200px}.upload-panel{padding:17px 14px 15px;border-radius:13px}.upload-copy{gap:9px;margin-bottom:12px}.upload-symbol{width:34px;height:34px}.upload-copy h2{font-size:16px}.upload-copy p{font-size:9px;max-width:270px;line-height:1.45}.drop-zone{height:125px}.drop-title{font-size:11px}.drop-subtitle{font-size:9px}.file-note{font-size:8px}.section-heading h2{font-size:21px}.section-heading .eyebrow{font-size:8px}.refresh-button{padding:8px 9px;font-size:10px}.refresh-button span{display:none}.library-toolbar{margin:13px 0 12px;gap:7px}.search-wrap{width:min(230px,60%);height:34px}.library-hint{font-size:8px;text-align:right;max-width:132px;line-height:1.35}.video-grid{gap:10px}.video-preview{height:clamp(105px,33vw,145px)}.video-card{border-radius:10px}.video-card-body{padding:9px 9px 10px}.video-title-row h3{font-size:10px}.video-meta{font-size:8px;gap:4px}.video-actions{gap:4px;margin-top:10px}.video-actions .button{font-size:8px;padding:7px 3px;gap:3px}.video-actions svg{width:11px;height:11px}.preview-initial{font-size:36px}.play-button{width:32px;height:32px}.video-badge,.preview-duration{bottom:7px;padding:4px 5px;font-size:7px}.video-badge{left:7px}.preview-duration{right:7px}.library-section{margin-bottom:34px}.footer{min-height:53px;font-size:8px}.footer-brand{font-size:6px;letter-spacing:.08em}.footer-brand i{margin:0 1px}.login-screen{padding:16px}.login-card{padding:29px 24px 23px}.login-brand img{height:55px}.decoration-left{left:-12px;top:13%;font-size:62px}.decoration-right{right:-6px;bottom:15%;font-size:51px}.login-footer{font-size:7px;bottom:14px}.toast-region{left:14px;right:14px;bottom:14px}.toast{text-align:center}}
@media(max-width:370px){.brand-name{font-size:10px}.install-button span{display:none}.video-actions .button{font-size:7px}.footer-brand{font-size:5.5px}}
@media(max-width:560px){
  .welcome-row h1{font-size:42px}.intro{font-size:13px;line-height:1.55;max-width:280px}
  .upload-panel{padding:19px 15px}.upload-copy h2{font-size:18px}.upload-copy p{font-size:11px;line-height:1.5}.drop-zone{height:145px}.drop-title{font-size:13px}.drop-subtitle{font-size:11px}.file-note{font-size:10px}
  .section-heading h2{font-size:23px}.section-heading .eyebrow{font-size:9px}.search-wrap{height:40px}.search-wrap input{font-size:12px}.library-hint{font-size:10px;max-width:145px}.video-grid{grid-template-columns:1fr;gap:13px}.video-preview{height:190px}.video-card-body{padding:13px}.video-title-row h3{font-size:14px}.video-meta{font-size:11px;margin-top:7px}.video-actions{gap:8px;margin-top:13px}.video-actions .button{min-height:42px;font-size:11px;gap:6px}.video-actions svg{width:15px;height:15px}
  .login-card{width:min(420px,100%);padding:31px 25px 25px}.login-subtitle{font-size:13px}.login-card label{font-size:12px;margin-bottom:8px}.login-card input{height:48px;font-size:14px;margin-bottom:17px}.password-toggle{top:5px}.login-install-button{height:44px;width:100%;margin:0 0 19px;font-size:12px}.login-submit{height:48px;font-size:13px}.privacy-note{font-size:10px}.footer{font-size:9px}.footer-brand{font-size:7px}
}
@media(max-width:370px){.video-preview{height:170px}.video-actions .button{font-size:10px}.footer-brand{font-size:6px}}
.install-toast{position:fixed;z-index:25;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));transform:translate(-50%,10px);width:min(440px,calc(100vw - 24px));display:flex;align-items:center;gap:10px;padding:12px 12px 12px 15px;border-radius:14px;background:#30483d;color:#fff;box-shadow:0 10px 34px rgba(25,39,31,.28);opacity:0;transition:opacity .2s,transform .2s}.install-toast.visible{opacity:1;transform:translate(-50%,0)}.install-toast-copy{flex:1;font-size:11px;line-height:1.45}.install-toast-action{border:0;border-radius:9px;padding:10px 13px;background:#fff;color:#8f422f;font:700 11px 'DM Sans',sans-serif;cursor:pointer;white-space:nowrap}.install-toast-dismiss{width:25px;height:30px;border:0;background:transparent;color:#d9e2dc;font:400 22px 'DM Sans',sans-serif;cursor:pointer;line-height:1}.install-toast-dismiss:hover{color:#fff}