:root{--bg:#08080b;--card:#111116;--line:rgba(255,255,255,.08);--ink:#eceef4;--dim:#8b90a3;--p:#8b5cf6;--pl:#c4b5fd;--live:#ef4444}
*{box-sizing:border-box}html,body{margin:0}
.fc-body{background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh}
[hidden]{display:none!important}button{font:inherit;cursor:pointer}
.fc-top{position:sticky;top:0;z-index:5;height:58px;display:flex;align-items:center;gap:14px;padding:0 18px;border-bottom:1px solid var(--line);background:rgba(10,10,14,.92);backdrop-filter:blur(10px)}
.fc-back{border:1px solid var(--line);border-radius:10px;padding:8px 12px;color:var(--ink);font-weight:600;font-size:14px;background:#15151b;text-decoration:none}
.fc-logo{font-weight:800;font-size:18px;color:var(--ink);text-decoration:none}.fc-logo b{color:var(--pl)}
.fc-title{font-weight:700;padding-left:14px;border-left:1px solid var(--line)}
.fc-credits{margin-left:auto;font-size:13px;font-weight:700;color:var(--pl);border:1px solid rgba(196,181,253,.3);border-radius:999px;padding:6px 11px}
.fc-wrap{max-width:1240px;margin:0 auto;padding:28px 20px 60px;display:grid;grid-template-columns:440px minmax(0,1fr);gap:26px;align-items:start}
h1{font-size:38px;line-height:1.05;letter-spacing:-1px;font-weight:800;margin:0 0 10px}h1 em{font-style:normal;background:linear-gradient(90deg,#c4b5fd,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:transparent}
.fc-sub{color:var(--dim);font-size:15px;line-height:1.5;margin:0 0 20px}
.fc-card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:18px}
.fc-card h2{font-size:13px;font-weight:700;color:#cdd1de;margin:20px 0 9px}.fc-card h2 small{color:var(--dim);font-weight:500}
.fc-drop{position:relative;width:100%;min-height:150px;border:1.5px dashed rgba(196,181,253,.35);border-radius:16px;padding:24px 14px;text-align:center;background:rgba(139,92,246,.05);color:var(--ink);overflow:hidden}
.fc-drop.is-over{border-color:var(--pl);background:rgba(139,92,246,.12)}
.fc-dropIc{width:44px;height:44px;border-radius:12px;margin:0 auto 10px;display:grid;place-items:center;background:rgba(139,92,246,.18);color:var(--pl);font-size:22px}
.fc-drop b{display:block;font-size:16px;margin-bottom:4px}.fc-drop>span:not(.fc-dropIc){color:var(--dim);font-size:13px}
.fc-drop img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fc-places{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.fc-place{position:relative;height:88px;border-radius:14px;border:1px solid var(--line);color:#fff;font-weight:700;font-size:13px;text-align:left;padding:10px 11px;display:flex;align-items:flex-end;overflow:hidden;background:#15151b;transition:transform .15s ease,border-color .15s ease}
.fc-place{background:#15151b var(--img,none) center 30%/cover}
.fc-place::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.78));transition:background .15s ease}
.fc-place span{text-shadow:0 1px 3px rgba(0,0,0,.6)}
.fc-place span{position:relative}
.fc-place.is-on{border-color:#fff;box-shadow:0 0 0 2px var(--p);transform:translateY(-1px)}.fc-place.is-on::before{background:linear-gradient(180deg,rgba(139,92,246,.18) 30%,rgba(0,0,0,.72))}
.fc-chips{display:flex;flex-wrap:wrap;gap:7px}
.fc-chip{border:1px solid var(--line);background:#15151b;color:#cdd1de;border-radius:999px;padding:9px 13px;font-weight:600;font-size:13px}
.fc-chip.is-on{border-color:var(--p);background:rgba(139,92,246,.2);color:#fff}
.fc-inp{width:100%;border:1px solid var(--line);background:#0c0c11;border-radius:12px;padding:13px 14px;color:var(--ink);font:500 15px Inter,system-ui,sans-serif}
.fc-inp:focus{outline:none;border-color:var(--p)}
.fc-go{display:block;text-align:center;text-decoration:none;margin-top:16px;width:100%;border:0;border-radius:14px;padding:15px;font-weight:800;font-size:16px;color:#fff;background:linear-gradient(90deg,#7c3aed,#8b5cf6);box-shadow:0 10px 30px rgba(124,58,237,.35)}
.fc-go:disabled{opacity:.42;box-shadow:none}
.fc-note{color:var(--dim);font-size:12.5px;text-align:center;margin:10px 0 0}.fc-note.is-bad{color:#fda4af}.fc-note.is-good{color:#86efac}
.fc-stage{position:sticky;top:78px}
.fc-screen{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#000;border:1px solid var(--line);box-shadow:0 30px 80px rgba(0,0,0,.5)}
.fc-screen img,.fc-screen video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}
.fc-empty{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:8px;text-align:center;color:var(--dim);background:radial-gradient(ellipse at 50% 120%,rgba(139,92,246,.25),transparent 60%),repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 3px)}
.fc-empty p{margin:0;font-size:15px}
.fc-empty .fc-demo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fc-empty .fc-live,.fc-empty p{position:absolute;z-index:1}
.fc-empty .fc-live{left:14px;bottom:14px}
.fc-empty p{right:14px;bottom:14px;color:#fff;font-size:13px;font-weight:600;background:rgba(0,0,0,.55);border-radius:8px;padding:5px 9px}
.fc-live{justify-self:center;font-size:12px;font-weight:800;letter-spacing:.12em;color:#fff;background:var(--live);border-radius:6px;padding:4px 8px}
.fc-screen.is-working::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.09) 50%,transparent 70%);background-size:220% 100%;animation:fcShine 1.6s linear infinite}
@keyframes fcShine{from{background-position:120% 0}to{background-position:-120% 0}}
.fc-steps{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:8px}
.fc-steps li{display:flex;align-items:center;gap:10px;color:var(--dim);font-size:14px;font-weight:600}
.fc-steps i{width:18px;height:18px;border-radius:50%;border:2px solid #3a3d4b;flex:0 0 auto}
.fc-steps li.is-on{color:#fff}.fc-steps li.is-on i{border-color:var(--pl);border-top-color:transparent;animation:fcSpin .8s linear infinite}
.fc-steps li.is-done{color:#cdd1de}.fc-steps li.is-done i{border-color:#22c55e;background:#22c55e}
@keyframes fcSpin{to{transform:rotate(360deg)}}
.fc-actions{display:grid;grid-template-columns:2fr 1fr;gap:10px;margin-top:6px}
.fc-ghost{margin-top:16px;border:1px solid var(--line);border-radius:14px;background:#15151b;color:var(--ink);font-weight:700}
.fc-recent{margin-top:22px}.fc-recent h3{font-size:14px;margin:0 0 10px;color:#cdd1de}
#fcRecentList{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.fc-thumb{aspect-ratio:16/9;border-radius:10px;border:1px solid var(--line);background:#000 center/cover;cursor:pointer;padding:0}
@media(max-width:900px){
  .fc-wrap{grid-template-columns:1fr;padding:18px 14px 50px;gap:18px}
  .fc-stage{position:static;order:-1}
  h1{font-size:31px}.fc-title{display:none}.fc-top .fc-logo{display:none}
  .fc-places{grid-template-columns:repeat(2,minmax(0,1fr))}.fc-place{height:104px}
}