:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#09111d;--bg-elevated:#0c1523d1;--panel:#0e1827eb;--panel-strong:#111d2e;--panel-muted:#162336;--text:#e7eef8;--muted:#8fa2bb;--border:#96adcd2e;--accent:#4b8dff;--accent-soft:#4b8dff29;--danger:#e15555;--danger-soft:#e1555524;--success:#30b173;--success-soft:#30b17324;--warning:#d99b38;--warning-soft:#d99b3824;--shadow:0 20px 50px #00000047;--radius-lg:24px;--radius-md:18px;--radius-sm:12px;font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;color:var(--text);background:radial-gradient(circle at 0 0,#4b8dff33,#0000 26%),radial-gradient(circle at 100% 0,#30b1731f,#0000 20%),linear-gradient(#08111c 0%,#0c1725 100%);margin:0}body{min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding-bottom:32px}.page{max-width:1320px;margin:0 auto;padding:32px 24px}.topbar{background:var(--bg-elevated);border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);z-index:20;border-radius:22px;justify-content:space-between;align-items:center;gap:20px;margin:20px 24px 0;padding:18px 24px;display:flex;position:sticky;top:16px}.brand{align-items:center;gap:14px;display:flex}.brand-mark{color:#f5f8ff;letter-spacing:.04em;background:linear-gradient(#4b8dff52,#4b8dff1f);border:1px solid #4b8dff33;border-radius:14px;place-items:center;width:44px;height:44px;font-weight:800;display:grid}.brand-copy{flex-direction:column;gap:4px;display:flex}.brand-copy strong{font-size:18px}.topbar-main{justify-content:space-between;align-items:center;gap:16px;min-width:0;display:flex}.shell-nav{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.nav{border:1px solid var(--border);background:#ffffff08;border-radius:999px;flex-wrap:wrap;gap:10px;padding:6px;display:flex}.nav a{color:var(--muted);border-radius:999px;padding:10px 14px;font-weight:600}.nav a.active{background:var(--accent-soft);color:var(--text);border:1px solid #4b8dff33}.shell-actions{align-items:center;gap:12px;display:flex}.user-chip{border:1px solid var(--border);color:var(--muted);background:#ffffff0a;border-radius:999px;padding:10px 14px;font-size:14px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.grid{gap:22px;display:grid}.grid-2{grid-template-columns:minmax(0,1.65fr) minmax(320px,1fr)}.card{padding:24px}.title-row{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.stack{flex-direction:column;gap:14px;display:flex}.hero{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.eyebrow{border:1px solid var(--border);color:var(--muted);letter-spacing:.04em;text-transform:uppercase;background:#ffffff0a;border-radius:999px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;font-size:13px;font-weight:700;display:inline-flex}.hero h1{margin:0;font-size:clamp(30px,4vw,42px);line-height:1.05}.hero p{max-width:760px;margin:12px 0 0}.actions,.button-row{flex-wrap:wrap;gap:12px;display:flex}.button{appearance:none;color:#fff;text-align:center;background:linear-gradient(#5b97ff 0%,#3278f7 100%);border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;min-height:44px;padding:11px 16px;font-weight:600;transition:background-color .12s,border-color .12s,transform .12s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button.primary{background:linear-gradient(#5b97ff 0%,#3278f7 100%);box-shadow:0 14px 28px #3278f738}.button.secondary{color:#dce7f5;background:#ffffff08;border-color:#bed1eb38}.button.neutral{color:#edf3fb;background:linear-gradient(#2b3a4f 0%,#213146 100%);border-color:#aabed82e}.button.danger{background:linear-gradient(#f06969 0%,#cf4040 100%);box-shadow:0 14px 28px #cf40402e}.button.ghost{border-color:var(--border);color:var(--text);background:0 0}.button.large{border-radius:14px;min-width:180px;min-height:56px;padding:14px 18px;font-size:15px}.button:disabled{opacity:.48;cursor:wait;filter:saturate(.6);box-shadow:none}.status-pill{background:var(--accent-soft);color:#d7e7ff;border:1px solid #4b8dff33;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:600;display:inline-flex}.status-dot{background:currentColor;border-radius:999px;width:10px;height:10px}.status-pill.success{background:var(--success-soft);color:#d6f8e7;border-color:#30b17333}.status-pill.warning{background:var(--warning-soft);color:#ffe7bd;border-color:#d99b3833}.status-pill.danger{background:var(--danger-soft);color:#ffd3d3;border-color:#e1555533}.status-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;display:grid}.status-card{border-radius:var(--radius-md);border:1px solid var(--border);background:linear-gradient(#ffffff09,#ffffff04);padding:18px}.status-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:13px}.status-value{margin-top:10px;font-size:24px;font-weight:700}.status-detail{color:var(--muted);margin-top:8px;font-size:14px}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}.mobile-hide{display:initial}.mobile-only{display:none}.metric-card{border:1px solid var(--border);background:#ffffff08;border-radius:16px;padding:18px}.metric-card strong{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-size:12px;display:block}.metric-card span{margin-top:10px;font-size:20px;font-weight:700;display:block}.control-section{gap:18px;display:grid}.control-group{gap:14px;display:grid}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.action-span-full{grid-column:1/-1}.section-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.section-title{margin:0;font-size:20px}.section-copy{color:var(--muted);margin:0;font-size:14px}.danger-zone{background:linear-gradient(#e1555514,#e1555508);border:1px solid #e1555538}.danger-zone .section-copy{color:#f3c1c1}.danger-zone .button{margin-top:4px}.danger-text{color:var(--danger)}.notice-text{color:#b9d8ff}.muted{color:var(--muted)}.field-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;display:grid}.field{flex-direction:column;gap:8px;display:flex}.field label,.field span{font-weight:600}.field input,.field select{border:1px solid var(--border);color:var(--text);background:#ffffff08;border-radius:12px;padding:10px 12px}.field input::placeholder{color:#7290b4}.field-hint{color:var(--muted);font-size:13px;line-height:1.45}.settings-section{gap:16px;display:grid}.settings-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.settings-header p{max-width:740px;color:var(--muted);margin:8px 0 0}.settings-card{padding:22px}.settings-card.risky{border-color:#d99b383d}.preview-shell{gap:18px;display:grid}.preview-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.preview-frame{aspect-ratio:16/9;background:radial-gradient(circle at top,#4b8dff1f,#0000 28%),#050b12;border:1px solid #6d92c738;border-radius:18px;min-height:360px;position:relative;overflow:hidden}.preview-frame video,.preview-frame img{object-fit:cover;width:100%;height:100%;display:block}.preview-video-pending{opacity:.35}.timer-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#060d16cc;border:1px solid #ffffff14;border-radius:16px;padding:14px 18px}.timer-card strong{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:12px;display:block}.timer-card span{letter-spacing:.08em;margin-top:8px;font-size:clamp(24px,4vw,36px);font-weight:800;display:block}.preview-meta-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.timer-chip,.quality-pill{border:1px solid var(--border);min-height:38px;color:var(--text);white-space:nowrap;background:#ffffff08;border-radius:999px;align-items:center;padding:8px 12px;font-weight:600;display:inline-flex}.quality-pill{color:var(--muted)}.preview-status-row{border:1px solid var(--border);min-height:48px;color:var(--muted);background:#ffffff08;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.preview-status-row.warning{background:var(--warning-soft);color:#ffe7bd;border-color:#d99b3833}.preview-status-row.danger{background:var(--danger-soft);color:#ffd3d3;border-color:#e1555533}.mobile-quality-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.compact-field{gap:6px}.compact-field span{font-size:12px}.compact-field select{width:100%;min-width:0;padding:10px 12px}.gallery-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.gallery-card{flex-direction:column;display:flex;overflow:hidden}.gallery-card .meta{padding:18px}.gallery-topline{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.gallery-badge{letter-spacing:.03em;border:1px solid var(--border);background:#ffffff0d;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.gallery-badge.video{background:var(--accent-soft);border-color:#4b8dff33}.gallery-badge.photo{background:var(--success-soft);border-color:#30b17333}.gallery-badge.audio{background:#d99b3829;border-color:#d99b3833}.gallery-filename{word-break:break-word;font-size:16px;font-weight:700}.gallery-meta{color:var(--muted);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;padding:14px 0;font-size:14px;display:grid}.gallery-meta strong{color:#c6d4e8;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:12px;font-weight:600;display:block}.gallery-actions{flex-wrap:wrap;gap:10px;margin-top:auto;display:flex}.gallery-thumb{aspect-ratio:16/10;border-bottom:1px solid var(--border);background:#0c1522;justify-content:center;align-items:center;display:flex;overflow:hidden}.gallery-thumb img,.gallery-thumb video,.gallery-thumb audio{object-fit:cover;width:100%;height:100%}.audio-panel audio{width:100%}.empty-state{text-align:center;place-items:center;padding:56px 24px;display:grid}.empty-state strong{margin-bottom:10px;font-size:20px;display:block}.login-shell{place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{width:min(420px,100%);padding:28px}.meter{border:1px solid var(--border);background:#ffffff0d;border-radius:999px;width:100%;height:12px;overflow:hidden}.meter span{border-radius:inherit;background:linear-gradient(90deg,#4b8dff 0%,#30b173 100%);height:100%;display:block}@media (max-width:1080px){.grid-2{grid-template-columns:1fr}.hero,.shell-nav,.preview-header,.settings-header,.topbar{flex-direction:column;align-items:stretch}.shell-actions{justify-content:space-between}.control-section{order:2}}@media (max-width:720px){.page{padding:18px 14px 28px}.topbar{border-radius:16px;gap:8px;margin:8px 10px 0;padding:10px 12px;top:8px;box-shadow:0 10px 24px #0003}.topbar-main{gap:10px}.nav{border-radius:14px;justify-content:space-between;gap:6px;width:100%;padding:4px}.nav a{text-align:center;flex:1 1 0;padding:8px 10px;font-size:13px}.user-chip{text-align:left;white-space:nowrap;text-overflow:ellipsis;width:auto;min-width:0;padding:8px 10px;font-size:12px;overflow:hidden}.brand{gap:10px;min-width:0}.brand-mark{border-radius:11px;width:34px;height:34px;font-size:13px}.brand-copy{gap:2px;min-width:0}.brand-copy strong{font-size:15px;line-height:1.05}.shell-nav{gap:8px}.shell-actions{gap:8px;width:auto;min-width:0}.shell-actions .button{white-space:nowrap;min-height:38px;padding:8px 12px;font-size:13px}.button.large{white-space:nowrap;width:100%;min-width:0;padding:14px 12px;font-size:14px}.gallery-actions,.actions{flex-direction:column;align-items:stretch}.mobile-hide{display:none!important}.mobile-only{display:grid}.hero h1{font-size:clamp(26px,9vw,34px)}.status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.status-card{padding:14px}.status-label{font-size:11px}.status-value{margin-top:8px;font-size:20px}.status-detail{margin-top:4px;font-size:12px}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.action-grid .button{width:100%;min-width:0}.preview-frame{min-height:auto}.preview-meta-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.preview-meta-row .status-pill,.preview-meta-row .timer-chip{justify-content:center;width:100%}.preview-status-row{flex-direction:column;align-items:stretch}.preview-status-row .button{width:100%}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-meta{grid-template-columns:1fr}.gallery-card .meta{padding:14px}.gallery-actions .button{width:100%}.settings-card{padding:18px}.field-grid{grid-template-columns:1fr}.control-section{z-index:5;position:static}.control-section.panel{border-radius:20px}.field-hint,.settings-header p,.section-copy{font-size:13px}}@media (max-width:480px){.topbar{gap:6px;margin:6px 8px 0;padding:8px 10px}.topbar-main{gap:8px}.brand-mark{border-radius:10px;width:30px;height:30px;font-size:12px}.brand-copy strong{font-size:14px}.shell-nav{gap:6px}.nav{gap:4px;padding:3px}.nav a{padding:7px 8px;font-size:12px}.shell-actions{align-items:center}.user-chip{flex:auto;max-width:100%;padding:7px 9px;font-size:11px}.shell-actions .button{min-height:36px;padding:7px 10px;font-size:12px}}@media (max-width:520px){.gallery-grid{grid-template-columns:1fr}}