/* REFRM v116 — graphite / silver system, shared by the studio, library and auth views. */
:root{
  --bg:#080a0d;--panel:#101318;--panel2:#151a21;--panel3:#1d232b;
  --line:rgba(218,226,237,.15);--line-soft:rgba(218,226,237,.09);
  --fg:#f1f4f8;--mut:#a4adb9;--faint:#737d8a;
  --acc:#aeb8c5;--acc-hi:#edf2f7;--acc-soft:rgba(210,220,232,.09);--acc-2:#7f8a98;
  --ok:#a7e4c5;--warn:#e8c78a;--err:#f1a4aa;
  --r-sm:8px;--r:12px;--r-lg:18px;
  --sh-1:0 2px 8px rgba(0,0,0,.24);--sh-2:0 16px 44px rgba(0,0,0,.36);--sh-pop:0 24px 75px rgba(0,0,0,.58);
  --dur:.2s;--ease:cubic-bezier(.2,.7,.3,1);
}
:root,[data-theme="light"]{color-scheme:dark}
body{background:var(--bg);color:var(--fg)}
button,select,input,textarea{font-family:var(--font)}
button{transition:color .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease,filter .18s ease}
button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid rgba(224,232,241,.8);outline-offset:3px}
.primary{color:#11151b;background:linear-gradient(135deg,#f1f4f8 0%,#c9d1dc 52%,#9da8b6 100%);border:1px solid rgba(255,255,255,.36);box-shadow:0 9px 26px rgba(172,187,205,.13),inset 0 1px rgba(255,255,255,.72);font-weight:750}
.primary svg{stroke:#11151b}
.primary:hover:not(:disabled){filter:brightness(1.05);box-shadow:0 12px 32px rgba(172,187,205,.2),inset 0 1px rgba(255,255,255,.85);transform:translateY(-1px)}
.ghost:hover:not(:disabled),.ib:hover:not(:disabled){background:rgba(220,230,242,.065);border-color:rgba(220,230,242,.16);color:#f5f7fb}
.brand-mark{background:linear-gradient(145deg,#edf2f7,#a6b0bd 65%,#778291);color:#11151b;box-shadow:0 6px 25px rgba(176,190,208,.16),inset 0 1px rgba(255,255,255,.7)}
.brand-mark-k{font-family:Montserrat,Inter,sans-serif;font-weight:900;font-size:23px;line-height:1;letter-spacing:-.1em;padding-right:2px;color:#11151b;border:1px solid rgba(255,255,255,.45);border-radius:10px}
#top{background:rgba(12,15,20,.96);border-bottom-color:rgba(221,230,241,.1);backdrop-filter:blur(18px)}
#top .logo{letter-spacing:.19em;font-size:13px;font-weight:850}
#pname,.filechip,.userchip{background:rgba(255,255,255,.035);border-color:rgba(219,228,239,.12)}
#rail{background:linear-gradient(180deg,#11151b,#0c1015);border-right:1px solid var(--line-soft)}
#rail button{border-radius:10px;color:#929dab}
#rail button:hover:not(:disabled),#rail button.on{color:#f0f4f8;background:rgba(223,231,241,.07);border-color:rgba(223,231,241,.12)}
#left,#right,#player,#tl{background:#0e1217}
#left,#right{border-color:var(--line-soft)}
.pane-head,.phead{border-color:var(--line-soft)}
.isec,.pc,.mode,.engine-choice,.card,.restorebox{border-color:var(--line)}
.pc.on,.engine-choice.on,.mode.on{border-color:rgba(225,233,243,.62);background:rgba(218,228,240,.08);box-shadow:inset 0 0 0 1px rgba(225,233,243,.08),0 8px 24px rgba(0,0,0,.16)}
#stage{background:radial-gradient(ellipse at 50% 42%,#1b222b 0%,#090c10 72%)}
#cvwrap{box-shadow:0 28px 75px rgba(0,0,0,.55),0 0 0 1px rgba(225,233,243,.11)}
#play{background:linear-gradient(140deg,#f2f5f9,#aeb9c6);color:#11151b;box-shadow:0 7px 20px rgba(200,211,225,.13)}
#play svg{stroke:#11151b}
#tl{background:linear-gradient(180deg,#12171e,#0c1015);border-top-color:var(--line)}
#track{background:#11171f}.seg{background:rgba(205,216,230,.14)}.seg.sel{border-color:#e0e6ef;box-shadow:0 0 0 1px rgba(225,233,243,.42),0 6px 20px rgba(180,193,210,.1)}
input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#c4ceda var(--fill,50%),#262d36 var(--fill,50%))}
input[type=range]::-webkit-slider-thumb{border-color:#eef2f7}
input[type=range]::-moz-range-progress{background:#c4ceda}

/* New landing composition: the actual import controls—not a decorative mock editor—own the first screen. */
#landing{isolation:isolate;background:#080a0d;color:#f1f4f8;--tx:#f1f4f8;--tx2:#a4adb9;--bg:#080a0d;--bg2:#10151b;--bd:rgba(218,226,237,.14)}
#landing::before{background:radial-gradient(ellipse 760px 500px at 50% 8%,rgba(142,158,180,.13),transparent 72%),radial-gradient(ellipse 650px 560px at 4% 80%,rgba(82,94,112,.1),transparent 72%),linear-gradient(140deg,#07090c 0%,#0d1117 52%,#080a0d 100%);animation:refrmAmbient 24s ease-in-out infinite alternate}
#landing::after{background-image:linear-gradient(rgba(214,226,239,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(214,226,239,.025) 1px,transparent 1px);background-size:54px 54px;opacity:.38}
@keyframes refrmAmbient{from{transform:scale(1)}to{transform:scale(1.035) translate3d(0,-.5%,0)}}
.land-top{min-height:72px;padding:13px clamp(16px,4.5vw,72px);border-bottom:1px solid rgba(218,226,237,.1);background:rgba(8,10,13,.76);backdrop-filter:blur(24px)}
.land-brand{display:flex;align-items:center;gap:12px;color:#f3f6fa;font-size:17px;font-weight:850;letter-spacing:.2em}
.land-brand .logo{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.62);border-radius:10px;background:linear-gradient(145deg,#edf2f7 0%,#c3ccd7 58%,#8a96a5 100%);color:#10141a;font-family:Montserrat,Inter,sans-serif;font-size:22px;font-weight:900;letter-spacing:-.08em;box-shadow:0 6px 23px rgba(190,202,218,.13),inset 0 1px rgba(255,255,255,.8)}
.land-user{gap:9px}.chipbtn{padding:9px 14px;border-color:rgba(219,229,240,.15);background:rgba(255,255,255,.035);color:#e0e6ee}
.chipbtn:hover{border-color:rgba(224,233,242,.27);background:rgba(255,255,255,.07)}
.land-main{width:100%;max-width:1120px;grid-template-columns:minmax(0,1fr);justify-items:center;align-content:start;gap:22px;padding:clamp(24px,4vh,42px) clamp(14px,3vw,28px) calc(34px + env(safe-area-inset-bottom,0px))}
.land-story{width:100%;max-width:960px;text-align:center;animation:refrmRise .52s var(--ease) both}
@keyframes refrmRise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.land-eyebrow{justify-content:center;margin-bottom:15px;color:#d5dce5;font-size:10px;letter-spacing:.2em}
.eyebrow-dot,.showcase-live i{background:#dbe3ed;box-shadow:0 0 0 4px rgba(205,216,229,.09),0 0 15px rgba(203,214,228,.25)}
.eyebrow-muted{color:#7d8795}
.land-story h1{max-width:920px;margin:0 auto;font-family:Montserrat,Inter,sans-serif;font-size:clamp(38px,5.2vw,65px);line-height:1.04;letter-spacing:-.07em;text-align:center;color:#f5f7fa}
.land-story h1 span{background:linear-gradient(105deg,#f5f7fa 0%,#c5ced9 50%,#8996a6 100%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 8px 28px rgba(185,198,214,.08))}
.land-sub{max-width:650px;margin:13px auto 0;text-align:center;color:#a9b2bf;font-size:14px;line-height:1.7}
.land-benefits{justify-content:center;gap:8px;margin-top:16px}
.land-benefits span{border-color:rgba(214,224,235,.1);background:rgba(255,255,255,.025);color:#c5ced8}
.land-benefits svg{color:#d4dce6}
.land-showcase{display:none!important}
.land-workspace{width:min(100%,790px);max-width:790px;margin:0 auto;padding:clamp(12px,1.7vw,18px);border:1px solid rgba(214,225,238,.16);border-radius:21px;background:linear-gradient(150deg,rgba(255,255,255,.055),rgba(255,255,255,.009) 36%),rgba(14,18,24,.92);box-shadow:0 28px 90px rgba(0,0,0,.33),inset 0 1px rgba(255,255,255,.07);backdrop-filter:blur(22px);animation:refrmRise .6s .05s var(--ease) both}
.workspace-intro{color:#8e99a7;letter-spacing:.15em}.workspace-number{color:#c7d0dc}
.land-drop{border-color:rgba(211,223,237,.13);background:rgba(5,8,12,.48);border-radius:15px}
.land-drop.over{border-color:#dce4ed;box-shadow:0 0 0 3px rgba(220,230,242,.07),0 26px 65px rgba(0,0,0,.35)}
.src-tabs{background:#0a0d11;border-color:rgba(220,230,242,.1)}
.src-tabs button{color:#9ca7b6}.src-tabs button[aria-selected=true]{color:#f4f7fa;background:linear-gradient(140deg,rgba(226,233,242,.12),rgba(226,233,242,.045));border-color:rgba(220,230,242,.21);box-shadow:inset 0 1px rgba(255,255,255,.06)}
.src-pane{padding:22px 10px 11px}.big-ic{color:#d9e1eb;background:rgba(224,233,242,.055);border:1px solid rgba(222,232,243,.08)}
.land-drop b,.land-ready b{color:#f1f4f8}.dim,.hint{color:#97a2b1}
.yt-row input{min-width:0;background:#141920;border-color:rgba(220,230,242,.14);border-radius:10px}
.land-workspace .set{max-height:min(38vh,410px);border-color:rgba(214,224,235,.12);background:rgba(15,19,25,.94);border-radius:15px;scrollbar-color:rgba(205,216,230,.28) transparent}
.set-h{color:#c6cfda;letter-spacing:.1em}.set-select select{background-color:#171d24;border-color:rgba(214,224,235,.13)}
.set .tog{border-color:rgba(214,224,235,.1);background:rgba(255,255,255,.025);border-radius:11px}.set .tog:has(input:checked){border-color:rgba(221,230,240,.31);background:rgba(220,230,242,.06)}
.priority-choice{background:#141a21;border-color:rgba(214,224,235,.12)}.priority-choice small{color:#9ea9b8}.priority-choice.on,.priority-choice[aria-checked=true]{border-color:rgba(226,234,243,.58);background:rgba(216,227,240,.08);box-shadow:inset 0 0 0 1px rgba(225,233,243,.07)}
#landgen{min-height:51px;border-radius:12px;background:linear-gradient(135deg,#f1f4f8,#bcc6d2 58%,#929eae);color:#11151b;box-shadow:0 10px 32px rgba(169,184,203,.14),inset 0 1px rgba(255,255,255,.75)}
#landgen svg{stroke:#11151b}#landgen:hover:not(:disabled){box-shadow:0 14px 37px rgba(177,191,210,.21),inset 0 1px rgba(255,255,255,.82)}
.land-bar{background:rgba(222,231,241,.09)}.land-bar i{background:linear-gradient(90deg,#8895a5,#d8e0e9,#a6b2c1);box-shadow:0 0 18px rgba(194,207,222,.2)}
.land-pct{background:linear-gradient(110deg,#edf2f7,#9da9b8);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.land-proc{background:rgba(8,11,15,.8);border-color:rgba(215,226,239,.13)}
.land-error{color:#f1a4aa}
#landmsg{color:#f1a4aa}

/* Full-page project library */
#projects-page[hidden]{display:none!important}
#projects-page{position:fixed;inset:0;z-index:1600;display:flex;flex-direction:column;overflow:auto;isolation:isolate;background:radial-gradient(ellipse 850px 450px at 45% -15%,rgba(144,159,180,.11),transparent 75%),#090c10;color:#f1f4f8;animation:refrmRise .24s var(--ease) both}
#projects-page::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.24;background-image:linear-gradient(rgba(214,226,239,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(214,226,239,.024) 1px,transparent 1px);background-size:54px 54px}
.projects-topbar{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:72px;padding:12px clamp(16px,4.3vw,64px);border-bottom:1px solid rgba(219,229,241,.1);background:rgba(8,11,15,.86);backdrop-filter:blur(22px)}
.projects-topbar .land-brand{font-size:14px;gap:10px}.projects-topbar .land-brand .logo{width:33px;height:33px;border-radius:9px;font-size:20px}.projects-divider{height:23px;width:1px;background:rgba(218,228,240,.16);margin-inline:5px}.projects-context{font-size:9px;letter-spacing:.19em;color:#828d9c;font-weight:750}
.projects-top-actions{display:flex;gap:8px}.projects-top-actions button{min-height:41px}
.projects-content{width:min(1260px,100%);margin:0 auto;padding:clamp(26px,4vw,52px) clamp(16px,4vw,42px) 42px;flex:1}
.projects-heading-row{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.projects-eyebrow{display:flex;align-items:center;gap:9px;color:#aeb8c6;font-size:10px;letter-spacing:.19em;font-weight:750;margin:0 0 13px}.projects-eyebrow span{width:7px;height:7px;border-radius:50%;background:#dce4ed;box-shadow:0 0 13px rgba(205,216,230,.35)}
.projects-heading-row h1{display:flex;align-items:center;gap:14px;margin:0;font:750 clamp(31px,4vw,45px)/1.1 Montserrat,Inter,sans-serif;letter-spacing:-.055em;color:#f5f7fa}.projects-count{display:inline-grid;place-items:center;min-width:31px;height:27px;padding:0 7px;border:1px solid rgba(220,230,241,.13);border-radius:7px;background:rgba(255,255,255,.035);font:650 12px/1 Inter,sans-serif;color:#aab4c2;letter-spacing:0}
.projects-lede{max-width:650px;margin:13px 0 0;color:#99a4b3;font-size:13px;line-height:1.7}
.projects-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:27px 0 14px;padding-bottom:18px;border-bottom:1px solid rgba(219,229,241,.09)}
.projects-search{display:flex;align-items:center;gap:10px;width:min(420px,100%);height:43px;padding:0 13px;border:1px solid rgba(216,227,239,.12);border-radius:11px;background:rgba(255,255,255,.028);color:#8d98a7}.projects-search svg{width:17px;height:17px}.projects-search input{width:100%;min-width:0;height:100%;padding:0;border:0;outline:0;background:transparent;color:#eef2f7;box-shadow:none}.projects-search input:focus{box-shadow:none}.projects-search:focus-within{border-color:rgba(221,232,243,.35);box-shadow:0 0 0 3px rgba(209,222,238,.05)}
.projects-sort-label{display:flex;align-items:center;gap:9px;color:#8d98a7;font-size:11px;white-space:nowrap}.projects-sort-label select{min-height:41px;border:1px solid rgba(216,227,239,.13);border-radius:10px;background-color:#141920;color:#d8e0ea;font-size:12px}
.projects-storage-note{display:flex;align-items:center;min-height:34px;margin:0 0 20px;color:#8793a2;font-size:11px}
.projects-section{margin-top:14px}.projects-section-title{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin:0 0 14px}.projects-section-title h2{margin:0;font-size:16px;font-weight:750;letter-spacing:-.025em;color:#edf1f6}.projects-section-title p{margin:5px 0 0;color:#8792a1;font-size:11.5px}.projects-section-title>span{color:#8b96a4;font-size:11px;white-space:nowrap}
.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.project-card{min-width:0;overflow:visible;display:flex;flex-direction:column;border:1px solid rgba(218,228,240,.12);border-radius:15px;background:linear-gradient(145deg,rgba(255,255,255,.032),rgba(255,255,255,.008) 42%),rgba(16,20,26,.94);box-shadow:0 12px 34px rgba(0,0,0,.15);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.project-card:hover{transform:translateY(-2px);border-color:rgba(221,231,242,.24);box-shadow:0 18px 46px rgba(0,0,0,.25)}
.project-thumb{position:relative;display:grid;place-items:center;aspect-ratio:16/9;overflow:hidden;border-radius:14px 14px 0 0;background:radial-gradient(ellipse at 50% 40%,#27303b,#0d1117 72%);border-bottom:1px solid rgba(219,229,240,.1)}
.project-thumb>img{width:100%;height:100%;object-fit:cover;display:block}.project-thumb::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.22),transparent 28%,transparent 65%,rgba(0,0,0,.16))}
.project-format{position:absolute;z-index:1;top:10px;left:10px;padding:5px 7px;border:1px solid rgba(233,240,248,.16);border-radius:5px;background:rgba(7,10,14,.68);color:#e3e9f1;font-size:8px;font-weight:800;letter-spacing:.1em;backdrop-filter:blur(8px)}
.project-thumb-play{position:absolute;z-index:1;display:grid;place-items:center;width:43px;height:43px;padding:0;border:1px solid rgba(242,246,251,.65);border-radius:50%;background:rgba(11,15,20,.65);color:#f2f6fa;box-shadow:0 7px 25px rgba(0,0,0,.28);backdrop-filter:blur(8px)}.project-thumb-play svg{width:17px;height:17px;fill:currentColor}.project-thumb-play:hover{background:rgba(235,241,248,.18);transform:scale(1.04)}
.project-thumb-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#697482}.project-thumb-placeholder svg{width:31px;height:31px;stroke:#8995a4}.project-thumb-placeholder span{font-size:8px;letter-spacing:.2em;font-weight:750}.project-card-body{padding:13px 13px 12px;display:flex;flex:1;flex-direction:column;min-width:0}
.project-card-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.project-card-title-row h3{overflow:hidden;margin:0;color:#e8edf3;font-size:13px;line-height:1.4;font-weight:750;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.015em}.project-ready-dot{width:7px;height:7px;flex:none;border-radius:50%;background:#a9d6bd;box-shadow:0 0 10px rgba(163,219,191,.2)}.project-draft-badge{flex:none;padding:3px 6px;border:1px solid rgba(213,223,235,.15);border-radius:5px;color:#abb6c4;font-size:8px;letter-spacing:.07em;text-transform:uppercase}
.project-card-file{overflow:hidden;margin:5px 0 10px;color:#788493;font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}.project-card-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:#a0aab8;font-size:10px}.project-card-meta i{width:3px;height:3px;border-radius:50%;background:#626d7a}.project-card-date{margin:9px 0 12px;color:#6f7b8a;font-size:10px}.project-card-actions{display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:11px;border-top:1px solid rgba(218,228,240,.08)}.project-card-actions button{min-height:34px;padding:6px 9px;font-size:10.5px;border-radius:8px;white-space:nowrap}.project-card-actions button svg{width:13px;height:13px}.project-card-actions .primary{background:linear-gradient(135deg,#e8edf4,#b6c1cf);color:#10141a}.project-card-actions .primary svg{stroke:#10141a}.project-more{position:relative;margin-left:auto}.project-more summary{display:grid;place-items:center;height:34px;min-width:30px;padding:0 5px;border:1px solid rgba(218,228,240,.12);border-radius:8px;cursor:pointer;color:#abb5c3;font-size:12px;letter-spacing:1px;list-style:none}.project-more summary::-webkit-details-marker{display:none}.project-more[open] summary{background:#252c35}.project-more-menu{position:absolute;z-index:5;right:0;bottom:calc(100% + 6px);min-width:144px;padding:5px;border:1px solid rgba(220,230,241,.16);border-radius:9px;background:#171c23;box-shadow:0 12px 32px rgba(0,0,0,.45)}.project-more-menu button{display:flex;justify-content:flex-start;width:100%;min-height:34px;padding:7px 9px;border:0;background:transparent;color:#d8e0e9;text-align:left;font-size:11px}.project-more-menu button:hover{background:rgba(221,231,242,.08)}.project-more-menu button.is-danger{color:#f2a6ad}
.project-empty,.projects-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:42px 20px;border:1px dashed rgba(218,228,240,.17);border-radius:15px;background:rgba(255,255,255,.014)}.projects-empty[hidden]{display:none!important}.projects-empty-icon{display:grid;place-items:center;width:54px;height:54px;border:1px solid rgba(220,230,240,.13);border-radius:15px;background:rgba(220,230,240,.035);color:#bec9d6}.projects-empty-icon svg{width:24px;height:24px}.projects-empty h3{margin:6px 0 0;color:#e4eaf1;font-size:15px}.projects-empty p{max-width:440px;margin:0 0 8px;color:#8d98a7;font-size:11.5px;line-height:1.65}.projects-empty button{min-height:40px}.project-loading{grid-column:1/-1;min-height:170px;display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;color:#8d98a7}.project-loading span{width:6px;height:6px;border-radius:50%;background:#c4ced9;animation:refrmPulse 1s infinite ease-in-out}.project-loading span:nth-child(2){animation-delay:.12s}.project-loading span:nth-child(3){animation-delay:.24s}.project-loading p{flex-basis:100%;text-align:center;font-size:11px;margin:3px 0}.project-loading[hidden]{display:none}@keyframes refrmPulse{0%,70%,100%{opacity:.28;transform:translateY(0)}35%{opacity:1;transform:translateY(-4px)}}
.projects-privacy-note{display:flex;align-items:flex-start;gap:9px;max-width:850px;margin:32px auto 0;padding:12px 14px;border:1px solid rgba(218,228,240,.08);border-radius:9px;color:#788493;background:rgba(255,255,255,.018);font-size:10.5px;line-height:1.6}.projects-privacy-note svg{width:15px;height:15px;flex:none;color:#a9b5c4;margin-top:1px}.projects-privacy-note span{min-width:0}
.project-preview-dialog{width:min(920px,calc(100vw - 32px));max-width:920px}.project-preview-dialog .dlg-head>div{min-width:0}.project-dialog-kicker{margin:0 0 4px;color:#8f9baa;font-size:9px;font-weight:800;letter-spacing:.2em}.project-preview-dialog #project-preview-player{display:block;width:100%;max-height:68vh;aspect-ratio:16/9;background:#030507;border:1px solid rgba(220,230,242,.1);border-radius:11px;object-fit:contain}.project-preview-dialog .dlg-actions{flex-wrap:wrap}.project-save-status{margin:13px 0 0;padding:10px 12px;border:1px solid rgba(216,226,238,.1);border-radius:9px;background:rgba(255,255,255,.025);color:#acb8c7;font-size:11px;line-height:1.55}.project-save-status.is-saving{color:#aebac8}.project-save-status.is-saved{color:#b7e2ca;border-color:rgba(150,217,182,.18);background:rgba(150,217,182,.045)}.project-save-status.is-error{color:#f0b2b6;border-color:rgba(240,160,168,.22);background:rgba(240,160,168,.05)}
#project-delete-confirm{background:#8e303b;border-color:#ab4c57;color:#fff}#project-delete-confirm:hover{background:#a23a47}

/* Authentication views share the same restrained silver identity. */
.auth-brand{background:radial-gradient(110% 80% at 15% 0%,rgba(171,187,207,.16),transparent 60%),radial-gradient(100% 80% at 100% 100%,rgba(90,104,124,.16),transparent 60%),linear-gradient(155deg,#151a21,#090c10 74%)}
.auth-logo .mark.logo-mark{display:grid;place-items:center;background:linear-gradient(145deg,#edf2f7,#b5c0ce 65%,#7b8796);border:1px solid rgba(255,255,255,.5);color:#11151b;font-family:Montserrat,Inter,sans-serif;font-size:26px;font-weight:900;letter-spacing:-.1em;padding-right:2px;box-shadow:0 6px 22px rgba(176,190,208,.15);stroke:none}
.auth-logo .wordmark{letter-spacing:.2em}.auth-feats .fi svg{stroke:#ced7e2}.auth-swap a{color:#c7d1dd}.auth-card{background:linear-gradient(150deg,rgba(255,255,255,.035),transparent 45%),#11161c;border-color:rgba(218,228,240,.12)}

@media(max-width:1050px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.projects-content{padding-inline:22px}}
@media(max-width:860px){
  #top{flex-wrap:nowrap}#projectnav{padding-inline:7px;min-width:35px}#projectnav .blabel{display:none}.brand{gap:7px}.brand-mark{width:29px;height:29px}.brand-mark-k{font-size:20px}#top .logo{font-size:12px}
  .land-main{gap:17px;padding-top:24px}.land-story h1{font-size:clamp(37px,6.7vw,54px)}.land-sub{max-width:560px}
  .land-workspace{max-width:700px}.projects-topbar{min-height:62px;padding-inline:15px}.projects-topbar .land-brand{gap:8px;font-size:12px}.projects-topbar .land-brand .logo{width:30px;height:30px}.projects-content{padding:26px 18px 34px}.projects-heading-row h1{font-size:34px}
}
@media(max-width:600px){
  .land-top{min-height:61px;padding:9px 12px}.land-brand{font-size:14px;gap:8px;letter-spacing:.17em}.land-brand .logo{width:31px;height:31px;border-radius:9px;font-size:19px}.land-user{gap:5px}.land-user .chipbtn{padding:7px 9px;font-size:10.5px}
  .land-main{padding:22px 12px calc(24px + env(safe-area-inset-bottom,0px));gap:14px}.land-eyebrow{font-size:8px;letter-spacing:.13em;gap:7px;margin-bottom:11px}.land-story h1{font-size:clamp(34px,9vw,47px);line-height:1.04;letter-spacing:-.065em}.land-sub{font-size:12px;line-height:1.6;margin-top:11px}.land-benefits{gap:5px;margin-top:12px}.land-benefits span{font-size:9px;padding:6px 8px}.land-workspace{padding:9px;border-radius:17px}.workspace-intro{font-size:8px;margin-bottom:10px}.land-drop{padding:9px;border-radius:13px}.src-tabs button{min-height:42px;font-size:11px}.src-pane{padding:19px 5px 9px}.big-ic{width:35px;height:35px}.land-workspace .set{max-height:none;padding:11px;gap:10px}.land-workspace .priority-grid{grid-template-columns:1fr 1fr}.priority-choice{min-height:76px;padding:9px}.priority-choice b{font-size:11px}.priority-choice small{font-size:9px}.land-workspace .seg4{gap:5px}.land-workspace .seg4 button{padding:7px 3px}.land-workspace .seg4 button span{font-size:9px}.land-workspace .chips button{min-width:38px;min-height:35px}
  .projects-topbar{gap:8px;padding:9px 10px}.projects-topbar .projects-context,.projects-divider{display:none}.projects-topbar .land-brand{font-size:12px;letter-spacing:.15em}.projects-top-actions{gap:5px}.projects-top-actions button{min-height:37px;padding:7px 9px;font-size:10px;gap:5px}.projects-top-actions button svg{width:14px;height:14px}
  .projects-content{padding:24px 13px 28px}.projects-heading-row h1{font-size:30px}.projects-lede{font-size:11.5px}.projects-toolbar{align-items:stretch;flex-direction:column;margin-top:20px;padding-bottom:13px}.projects-search{width:100%;height:42px}.projects-sort-label{justify-content:space-between}.projects-sort-label select{flex:1;max-width:210px}
  .projects-section-title h2{font-size:14px}.projects-section-title p{font-size:10px}.projects-grid{grid-template-columns:minmax(0,1fr);gap:12px}.project-card{display:grid;grid-template-columns:minmax(105px,34%) minmax(0,1fr);border-radius:12px}.project-thumb{aspect-ratio:3/4;align-self:stretch;height:100%;min-height:175px;border-radius:11px 0 0 11px;border-bottom:0;border-right:1px solid rgba(219,229,240,.1)}.project-format{top:7px;left:7px;font-size:7px}.project-thumb-play{width:34px;height:34px}.project-thumb-play svg{width:14px}.project-card-body{padding:10px 9px 9px}.project-card-title-row h3{font-size:12px}.project-card-file{font-size:9.5px;margin:4px 0 8px}.project-card-meta{gap:5px;font-size:9px}.project-card-date{font-size:9px;margin:7px 0 8px}.project-card-actions{gap:4px;padding-top:8px;flex-wrap:wrap}.project-card-actions button{min-height:31px;padding:5px 7px;font-size:9.5px}.project-card-actions button svg{width:12px;height:12px}.project-more{margin-left:0}.project-more summary{min-height:31px;height:31px}.project-more-menu{bottom:auto;top:calc(100% + 5px);right:0}
  .projects-privacy-note{margin-top:23px;padding:10px}.project-preview-dialog{width:calc(100vw - 16px);max-width:calc(100vw - 16px);padding:14px}.project-preview-dialog .dlg-actions button{flex:1;min-height:42px}.project-preview-dialog #project-preview-player{max-height:57vh}.project-save-status{font-size:10.5px}.auth-card{padding:28px 20px}
}
@media(prefers-reduced-motion:reduce){#landing::before,#projects-page,.land-story,.land-workspace,.project-card,.project-loading span{animation:none!important;transition:none!important}button:hover:not(:disabled),.project-card:hover{transform:none!important}}


/* REFRM v126: keep editor tool sheets above the preview and make their content reliably touch-scrollable on phones. */
.yt-consent{grid-column:1/-1;display:flex;align-items:flex-start;gap:10px;margin:3px 0 0;padding:10px 11px;border:1px solid rgba(215,231,248,.12);border-radius:10px;background:rgba(255,255,255,.025);color:#bac4d1;font-size:11px;line-height:1.5;cursor:pointer}
.yt-consent input[type=checkbox]{width:19px;height:19px;min-width:19px;min-height:19px;margin:1px 0 0;border-radius:5px;appearance:auto;-webkit-appearance:auto;accent-color:#dfe6ee;flex:none}
.yt-consent span{min-width:0}
.yt-consent:focus-within{outline:2px solid rgba(223,231,241,.5);outline-offset:2px}
@media(max-width:860px){
  #app{isolation:isolate}
  #top{position:relative;z-index:110}
  #rail{position:relative;z-index:120}
  #sheetbg{z-index:130!important;pointer-events:auto}
  #left,#right{z-index:140!important;height:min(62dvh,620px);max-height:calc(100dvh - 92px - env(safe-area-inset-bottom,0px));min-height:0;display:flex;flex-direction:column;pointer-events:none;overscroll-behavior:contain;transform:translate3d(0,calc(100% + 120px),0)}
  body.sheet-open #left,body.ins-open #right{z-index:141!important;pointer-events:auto;transform:translate3d(0,0,0)}
  #panes,#inspect{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;pointer-events:auto}
  .sheet-grab{touch-action:manipulation}
}
@media(max-width:420px){
  .yt-prev{grid-template-columns:88px minmax(0,1fr);gap:9px;padding:9px}
  .yt-info b{font-size:12px}
  .yt-consent{font-size:10.5px;padding:9px}
}

/* v148 project clips */
#projects-page.project-detail-open .projects-section:not(.project-detail),#projects-page.project-detail-open .projects-toolbar,#projects-page.project-detail-open .projects-heading-row,#projects-page.project-detail-open .projects-storage-note,#projects-page.project-detail-open .projects-privacy-note{display:none!important}
.project-detail #project-detail-back{margin-bottom:12px}
.project-clip-thumb{aspect-ratio:16/10}.project-clip-thumb>img{object-fit:contain;object-position:center;background:#06080d}
.project-retention-chip{position:absolute;z-index:2;left:8px;bottom:8px;padding:3px 7px;border-radius:6px;background:rgba(11,15,20,.78);color:#f0b6a3;font-size:9px;font-weight:700}
.project-expired-overlay{position:absolute;inset:0;z-index:3;display:grid;place-items:center;background:rgba(10,13,18,.72)}.project-expired-overlay span{padding:8px 12px;border-radius:9px;background:#1a1f27;color:#ff8d5f;font-size:11px;font-weight:750}
.project-card.is-expired{opacity:.85}


/* v149 saved clip cards: compact, aspect-safe previews using the actual reframed composition. */
#project-detail-grid.projects-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#project-detail-grid .project-card{overflow:hidden;border-radius:12px;min-width:0}
#project-detail-grid .project-clip-thumb{aspect-ratio:16/10;height:auto;max-height:170px;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#06080d}
#project-detail-grid .project-clip-thumb>img{width:100%;height:100%;object-fit:contain;object-position:center;background:#06080d}
#project-detail-grid .project-card-body{min-width:0;padding:10px;gap:0}
#project-detail-grid .project-card-title-row h3{font-size:12px;line-height:1.35;overflow-wrap:anywhere}
#project-detail-grid .project-card-file{font-size:10px;line-height:1.4;margin:4px 0 7px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
#project-detail-grid .project-card-meta{gap:6px;font-size:9.5px;flex-wrap:wrap}
#project-detail-grid .project-card-actions{gap:5px;padding-top:8px;flex-wrap:wrap}
#project-detail-grid .project-card-actions button{min-height:30px;padding:5px 8px;font-size:10px}
@media(max-width:1120px){#project-detail-grid.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){#project-detail-grid.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#project-detail-grid .project-card-body{padding:9px}#project-detail-grid .project-card-actions button{padding:5px 6px}}
@media(max-width:600px){#project-detail-grid.projects-grid{grid-template-columns:minmax(0,1fr);gap:10px}#project-detail-grid .project-card{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:stretch}#project-detail-grid .project-clip-thumb{width:112px;aspect-ratio:16/10;height:auto;min-height:0;max-height:none;align-self:stretch;border-radius:11px 0 0 11px;border-right:1px solid rgba(219,229,240,.1);border-bottom:0}#project-detail-grid .project-card-body{padding:9px 10px}#project-detail-grid .project-card-actions{padding-top:7px}#project-detail-grid .project-card-actions button{font-size:9.5px;min-height:29px}}

/* v156 — premium, responsive project experience */
#landdrop{padding:clamp(16px,2.2vw,28px)!important;min-height:0!important}
#srcfile{padding:clamp(18px,2.4vw,28px) 14px!important;gap:10px!important}
#srcfile .big-ic{width:38px!important;height:38px!important;margin-bottom:2px!important}
.studio-recent-projects{width:min(1180px,calc(100% - 40px));margin:30px auto 64px;position:relative;animation:rfRise .65s cubic-bezier(.2,.7,.2,1) both}
.studio-recent-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}
.studio-recent-head h2{font-size:clamp(22px,3vw,30px);letter-spacing:-.045em;margin:7px 0 5px;color:#eef3fa}
.studio-recent-head p{margin:0;color:#8995a5;font-size:13px}
.studio-recent-head .ghost{display:flex;align-items:center;gap:8px;flex:none}.studio-recent-head .ghost svg{width:15px;height:15px;transform:rotate(180deg)}
.studio-recent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.studio-recent-empty{grid-column:1/-1;padding:22px;border:1px dashed rgba(204,220,240,.18);border-radius:16px;color:#8995a5;background:rgba(255,255,255,.018);font-size:13px}
.studio-recent-card{min-width:0;overflow:hidden;position:relative;display:flex;flex-direction:column;border:1px solid rgba(211,225,243,.12);border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012) 48%),#10141b;cursor:pointer;transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .28s,box-shadow .28s;animation:rfRise .5s both}
.studio-recent-card:hover{transform:translateY(-5px);border-color:rgba(205,221,243,.3);box-shadow:0 18px 50px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.025) inset}
.studio-recent-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:#171c24;isolation:isolate}.studio-recent-thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .55s cubic-bezier(.2,.7,.2,1);}.studio-recent-card:hover .studio-recent-thumb img{transform:scale(1.045)}
.studio-recent-thumb:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(5,7,10,.64));pointer-events:none}
.studio-recent-play{position:absolute;z-index:1;left:50%;top:50%;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:rgba(12,15,20,.58);color:white;backdrop-filter:blur(12px);transform:translate(-50%,-50%) scale(.92);opacity:0;transition:opacity .22s,transform .22s}.studio-recent-card:hover .studio-recent-play,.studio-recent-card:focus-visible .studio-recent-play{opacity:1;transform:translate(-50%,-50%) scale(1)}
.studio-recent-play svg{width:17px;height:17px;fill:currentColor}.studio-recent-copy{padding:13px 14px 15px;min-width:0}.studio-recent-copy h3{margin:0 0 6px;color:#edf2f9;font-size:14px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-recent-copy p{margin:0;color:#8591a0;font-size:11px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-recent-badge{position:absolute;top:10px;left:10px;z-index:2;padding:5px 7px;border-radius:6px;background:rgba(10,13,18,.76);border:1px solid rgba(255,255,255,.12);font-size:9px;font-weight:800;letter-spacing:.08em;color:#e9eef6;backdrop-filter:blur(8px)}
.project-card{overflow:hidden!important;isolation:isolate}.project-thumb{position:relative;overflow:hidden;min-width:0;isolation:isolate}.project-thumb>img{display:block;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:center}.project-card-project .project-thumb,.project-card .project-thumb{border-radius:inherit}.project-card-project .project-clip-thumb{aspect-ratio:16/10;height:auto;min-height:0;max-height:none}.project-card-project .project-card-body{min-width:0}.project-card-project .project-card-actions{flex-wrap:wrap}.project-card-project .project-card-actions button{min-width:0}.project-card-project .project-expired-overlay{z-index:3}.project-card-project[data-draft-card]{cursor:pointer;transition:transform .24s,border-color .24s,box-shadow .24s}.project-card-project[data-draft-card]:hover{transform:translateY(-3px);border-color:rgba(220,232,247,.24);box-shadow:0 16px 40px rgba(0,0,0,.24)}
.project-card-project .project-thumb-play{z-index:4}#projects-page.project-detail-open .projects-content > .projects-section:not(.project-detail):not(#clip-watch-page){display:none}
#projects-page.clip-watch-open .projects-content > *:not(#clip-watch-page){display:none}
#projects-page.clip-watch-open .clip-watch-page{display:block}
#clip-watch-heading{margin:0 0 2px;color:#eef3fa;font-size:20px;letter-spacing:-.04em}.clip-watch-page{margin-top:12px;animation:rfRise .35s ease both}.clip-watch-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.clip-watch-top button{display:flex;align-items:center;gap:7px}.clip-watch-top button svg{width:16px;height:16px}.clip-watch-label{font-size:10px;font-weight:800;letter-spacing:.15em;color:#8995a5}.clip-watch-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:24px;align-items:start}.clip-watch-player-wrap{overflow:hidden;display:grid;place-items:center;min-height:300px;border:1px solid rgba(218,230,245,.12);border-radius:18px;background:radial-gradient(ellipse at 50% 0,rgba(100,120,150,.12),transparent 55%),#080a0e;padding:12px}.clip-watch-player-wrap video{display:block;max-width:100%;max-height:74vh;width:auto;height:auto;aspect-ratio:9/16;background:#050608;border-radius:10px}.clip-watch-info{display:flex;flex-direction:column;gap:13px;padding:22px;border:1px solid rgba(218,230,245,.12);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.035),transparent 60%),#11151c}.clip-meta-label{display:flex;flex-direction:column;gap:7px;color:#b7c1ce;font-size:11px;font-weight:700}.clip-meta-label input,.clip-meta-label textarea{width:100%;border:1px solid rgba(210,224,242,.13);border-radius:10px;background:#0b0f15;color:#edf2f8;padding:11px 12px;font:500 13px/1.5 Inter,system-ui,sans-serif;outline:none;transition:border-color .2s,box-shadow .2s;resize:vertical}.clip-meta-label input:focus,.clip-meta-label textarea:focus{border-color:rgba(192,210,237,.48);box-shadow:0 0 0 3px rgba(160,190,230,.08)}.clip-watch-hint{margin:-3px 0 0;color:#7e8998;font-size:10px;line-height:1.5}.clip-watch-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:5px}.clip-watch-actions button{display:flex;align-items:center;gap:7px}.clip-watch-actions svg{width:14px;height:14px}.clip-watch-actions #clip-watch-download{background:linear-gradient(135deg,#f5f7fa,#c9d3df);color:#11151b}
@keyframes rfRise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){.studio-recent-projects{width:calc(100% - 28px);margin:22px auto 42px}.studio-recent-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.studio-recent-copy{padding:10px}.studio-recent-copy h3{font-size:12px}.studio-recent-copy p{font-size:10px}.studio-recent-play{opacity:1;width:34px;height:34px}.clip-watch-layout{grid-template-columns:minmax(0,1fr);gap:12px}.clip-watch-player-wrap{min-height:0;padding:8px}.clip-watch-player-wrap video{max-height:58vh}.clip-watch-info{padding:16px}.clip-watch-top{margin-bottom:12px}}
@media(max-width:480px){.studio-recent-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.studio-recent-thumb{aspect-ratio:4/3}.studio-recent-copy h3{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.8em}.studio-recent-head p{max-width:220px}.studio-recent-head .ghost{padding:8px;font-size:11px}.project-card-project .project-thumb{min-height:0}.project-card-project .project-card-actions{display:none}.clip-watch-actions button{flex:1;justify-content:center}}
@media(prefers-reduced-motion:reduce){.studio-recent-projects,.studio-recent-card,.clip-watch-page{animation:none!important}.studio-recent-card,.studio-recent-thumb img,.project-card{transition:none!important}}