:root{--background:#f7f8fb;--surface:#ffffff;--surface-soft:#f1f5f9;--text:#111827;--muted:#667085;--line:#d8dee8;--primary:#2563eb;--primary-strong:#1d4ed8;--primary-soft:#eaf1ff;--success:#047857;--warning:#b45309;--danger:#b42318;--shadow:0 18px 45px rgba(15,23,42,0.08)}*{box-sizing:border-box}html{min-width:320px}body{margin:0;background:var(--background);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans KR,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}.site-shell{min-height:100vh;display:flex;flex-direction:column}.container{width:min(1120px,calc(100% - 32px));margin:0 auto}.main{flex:1 1}.header{position:-webkit-sticky;position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(216,222,232,.88);background:rgba(247,248,251,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.header-inner{height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:0}.brand-mark{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;background:var(--primary);color:#fff;font-size:13px}.nav{display:flex;gap:18px;font-size:14px;font-weight:650}.language-select,.nav{align-items:center;color:var(--muted)}.language-select{display:inline-flex;gap:8px;font-size:.92rem;white-space:nowrap}.language-select select{min-width:104px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);padding:7px 28px 7px 10px;font:inherit}.nav a:hover{color:var(--primary)}.category-menu{position:relative}.category-menu summary{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 10px;color:var(--muted);cursor:pointer;list-style:none;transition:background .15s ease,color .15s ease}.category-menu summary::-webkit-details-marker{display:none}.category-menu summary:after{content:"";width:6px;height:6px;border-right:1.5px solid;border-bottom:1.5px solid;transform:rotate(45deg) translateY(-2px)}.category-menu summary:hover,.category-menu[open] summary{background:#eef2ff;color:var(--primary)}.category-menu[open] summary:after{transform:rotate(225deg) translateY(-1px)}.category-menu-list{position:absolute;top:calc(100% + 10px);left:0;z-index:40;display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));grid-gap:4px;gap:4px;width:min(420px,calc(100vw - 32px));border:1px solid var(--line);border-radius:8px;background:#fff;padding:8px;box-shadow:0 18px 48px rgba(15,23,42,.16)}.category-menu-list a{display:flex;align-items:center;gap:8px;border-radius:8px;padding:9px 10px;color:#334155;white-space:nowrap}.category-menu-list a:before{content:"";width:7px;height:7px;flex:0 0 auto;border-radius:999px;background:var(--cat,var(--primary))}.category-menu-list a:hover{background:var(--cat-soft,#eef2ff);color:var(--cat-ink,var(--primary))}.footer{border-top:1px solid var(--line);background:#fff;padding:28px 0;color:var(--muted);font-size:14px}.footer-inner{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.footer-links{display:flex;gap:16px;flex-wrap:wrap}.section{padding:64px 0}.section.compact{padding:40px 0}.hero{padding:72px 0 48px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);grid-gap:40px;gap:40px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;color:var(--primary-strong);font-weight:760;font-size:14px}.hero h1,.page-title h1{margin:0;color:var(--text);font-size:clamp(38px,6vw,64px);line-height:1.03;letter-spacing:0}.hero p,.page-title p{margin:18px 0 0;max-width:680px;color:var(--muted);font-size:18px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:8px;padding:10px 16px;background:var(--primary);color:#fff;font-weight:750;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}.button:hover{background:var(--primary-strong)}.button.secondary{background:#fff;color:var(--text);border-color:var(--line)}.button.secondary:hover{border-color:#a8b3c5;background:#f9fafb}.button.ghost{background:transparent;color:var(--primary)}.button:disabled{cursor:not-allowed;opacity:.55}.panel{border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.hero-panel{padding:24px}.security-list{display:grid;grid-gap:12px;gap:12px;margin:0;padding:0;list-style:none}.security-list li{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:8px;background:var(--surface-soft);color:var(--muted)}.check{width:22px;height:22px;flex:0 0 22px;border-radius:999px;background:#dcfce7;color:var(--success);display:grid;place-items:center;font-size:13px;font-weight:900}.section-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:20px}.content-page h1,.section-heading h2,.tool-layout h2{margin:0;font-size:28px;line-height:1.18;letter-spacing:0}.content-page li,.content-page p,.section-heading p,.tool-layout .muted{color:var(--muted)}.tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px}.tool-card{min-height:210px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--line);border-radius:8px;padding:18px;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.tool-card:hover{border-color:#9bb5f5;box-shadow:0 12px 30px rgba(37,99,235,.1);transform:translateY(-2px)}.tool-card h3{margin:12px 0 8px;font-size:19px}.tool-card p{margin:0;color:var(--muted);font-size:14px}.tags{display:flex;gap:6px;flex-wrap:wrap}.tag{background:var(--primary-soft);color:var(--primary-strong);font-weight:750}.category-label,.tag{border-radius:999px;padding:4px 8px;font-size:12px}.category-label{display:inline-flex;width:-moz-fit-content;width:fit-content;margin-bottom:10px;background:#eef2ff;color:#3730a3;font-weight:800}.category-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.category-card{min-height:160px;display:grid;grid-gap:8px;gap:8px;border:1px solid var(--line);border-radius:8px;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.category-card:hover{border-color:#9bb5f5;box-shadow:0 12px 30px rgba(37,99,235,.1);transform:translateY(-2px)}.category-card span{color:var(--muted);font-size:14px}.category-card small{align-self:end;color:var(--primary-strong);font-weight:800}.tool-category-section{scroll-margin-top:92px;padding:24px 0 36px;border-top:1px solid var(--line)}.status{color:var(--success);font-size:13px;font-weight:800}.status.planned{color:var(--warning)}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px;counter-reset:steps}.two-column{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);grid-gap:32px;gap:32px;align-items:start}.content-grid h2,.content-page h2,.two-column h2{margin:0 0 12px;font-size:24px;line-height:1.22}.two-column p{color:var(--muted)}.feature-list{display:grid;grid-gap:12px;gap:12px}.content-grid article,.feature-list div{border:1px solid var(--line);border-radius:8px;background:#fff;padding:18px}.feature-list strong{display:block;margin-bottom:6px}.feature-list span{color:var(--muted);font-size:14px}.content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.content-page-grid{margin:18px 0 28px;grid-template-columns:1fr}.content-grid p{margin:0;color:var(--muted)}.content-grid h3{margin:0 0 10px;font-size:18px;line-height:1.25}.content-list{margin:0;padding-left:18px;color:var(--muted);line-height:1.6}.content-list li+li{margin-top:8px}.tool-value-note{margin-top:16px;display:grid;grid-gap:6px;gap:6px;border:1px solid rgba(37,99,235,.22);border-radius:8px;background:#eff6ff;padding:16px}.tool-value-note span{color:var(--muted);line-height:1.6}.step{border-top:1px solid var(--line);padding-top:16px}.step:before{counter-increment:steps;content:counter(steps);width:30px;height:30px;border-radius:8px;display:grid;place-items:center;margin-bottom:12px;background:var(--text);color:#fff;font-weight:800}.tool-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);grid-gap:20px;gap:20px;align-items:start;padding:36px 0 64px}.tool-main,.tool-side{display:grid;grid-gap:16px;gap:16px}.tool-header{padding:48px 0 20px}.page-title{padding:48px 0 16px}.tool-panel{border:1px solid var(--line);border-radius:8px;background:#fff;padding:20px}.dropzone{position:relative;min-height:230px;border:1.5px dashed #b8c3d6;border-radius:8px;display:grid;place-items:center;padding:24px;background:#fbfcff;text-align:center;transition:border-color .15s ease,background .15s ease}.dropzone.active{border-color:var(--primary);background:var(--primary-soft)}.dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer}.dropzone strong{display:block;margin-bottom:8px;font-size:18px}.dropzone span,.field-hint,.hint,.meta-row{color:var(--muted);font-size:14px}.dual-dropzones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.privacy-notice{border:1px solid #bfdbfe;border-radius:8px;background:#eff6ff;padding:14px 16px;color:#1e3a8a}.privacy-notice,.warning{font-size:14px;font-weight:650}.warning{border:1px solid #fcd34d;border-radius:8px;background:#fffbeb;color:#92400e;padding:12px 14px}.form-grid{display:grid;grid-gap:16px;gap:16px}.field{display:grid;grid-gap:8px;gap:8px}.field label,.legend{color:#344054;font-weight:750;font-size:14px}.field input,.field select{width:100%;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);padding:10px 12px}.field input[type=range]{padding:0}.segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}.workspace-two-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.segment{min-height:42px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--muted);font-weight:750}.segment.active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-strong)}.inline-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.preview-box{min-height:250px;grid-template-rows:auto 1fr auto;grid-gap:12px;gap:12px;border:1px solid var(--line);background:#fff;padding:14px}.preview-box,.preview-stage{display:grid;border-radius:8px}.preview-stage{min-height:180px;place-items:center;background:linear-gradient(45deg,#e5e7eb 25%,transparent 0),linear-gradient(-45deg,#e5e7eb 25%,transparent 0),linear-gradient(45deg,transparent 75%,#e5e7eb 0),linear-gradient(-45deg,transparent 75%,#e5e7eb 0);background-color:#f8fafc;background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;overflow:hidden}.preview-stage img,.video-preview{max-height:360px;object-fit:contain}.video-preview{width:100%}.meta-row{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.error{border:1px solid #fecaca;border-radius:8px;background:#fef2f2;color:var(--danger);padding:12px 14px;font-size:14px;font-weight:650}.frame-list{display:grid;grid-gap:10px;gap:10px}.frame-item{display:grid;grid-template-columns:64px minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:center;border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px}.frame-item img{width:64px;height:64px;border-radius:8px;object-fit:cover;background:var(--surface-soft)}.frame-item strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.frame-actions{display:flex;align-items:center;gap:6px}.icon-button{width:34px;height:34px;border:1px solid var(--line);border-radius:8px;display:grid;place-items:center;background:#fff;color:var(--text);font-weight:850}.icon-button:hover{border-color:#a8b3c5;background:#f9fafb}.icon-button:disabled{cursor:not-allowed;opacity:.4}.icon-button.danger{color:var(--danger)}.empty-state{min-height:110px;display:grid;place-items:center;border:1px dashed #c7cfdd;border-radius:8px;background:#f8fafc;color:var(--muted)}.progress-track{height:10px;overflow:hidden;border-radius:999px;background:#e5e7eb}.progress-track span{display:block;height:100%;border-radius:inherit;background:var(--primary);transition:width .12s ease}.result-stats{display:grid;grid-gap:6px;gap:6px;border:1px solid var(--line);border-radius:8px;background:#f8fafc;padding:12px;color:var(--muted);font-size:14px}.result-list{display:grid;grid-gap:10px;gap:10px}.bulk-results-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.bulk-results-heading h2{margin:0}.bulk-option-group{display:grid;grid-gap:10px;gap:10px;min-width:0;margin:0;border:1px solid var(--line);border-radius:8px;padding:12px}.bulk-option-group legend{padding:0 5px;color:#0f172a;font-weight:800}.bulk-option-group>.field-hint{margin:0}.heic-failure-guide{gap:10px}.heic-failure-guide summary{cursor:pointer;color:#0f172a;font-size:17px;font-weight:850}.heic-failure-guide p,.heic-failure-guide ul{margin:0}.heic-failure-guide ul{display:grid;grid-gap:6px;gap:6px;padding-left:20px;color:#475569;line-height:1.55}.heic-failure-guide .button{justify-self:start}.changelog-list{display:grid;grid-gap:0;gap:0;margin-top:24px;border-top:1px solid var(--line)}.changelog-entry{padding:24px 0;border-bottom:1px solid var(--line)}.changelog-entry time{display:block;margin-bottom:7px;color:var(--primary-strong);font-size:13px;font-weight:850}.changelog-entry h2{margin:0 0 8px}.changelog-entry p{margin-top:0}.result-item{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:12px}.result-item strong{display:block;overflow-wrap:anywhere}.result-item span{color:var(--muted);font-size:14px}.compact-button{min-height:36px;padding:7px 12px;font-size:14px}.checkbox-row{display:inline-flex;align-items:center;gap:8px;color:#344054;font-weight:700}.checkbox-row input{width:auto}.preset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px;gap:8px}.canvas-frame{width:100%;display:grid;place-items:center;overflow:auto;border:1px solid var(--line);border-radius:8px;background:#0b1020;padding:14px}.tool-canvas{width:100%;max-height:620px;object-fit:contain;border-radius:6px;background:#111827}.thumbnail-studio-embedded{display:grid;grid-gap:16px;gap:16px}.thumbnail-options-panel,.thumbnail-preview-panel{min-width:0}.thumbnail-canvas-frame{max-height:680px}.thumbnail-canvas{box-shadow:0 18px 45px rgba(2,6,23,.28)}.thumbnail-template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:8px;gap:8px}.thumbnail-template{min-height:82px;display:grid;grid-template-rows:32px auto;align-items:center;grid-gap:8px;gap:8px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--muted);padding:10px;font-weight:800;text-align:left}.thumbnail-template.active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-strong)}.thumbnail-template-swatch{display:block;width:100%;height:32px;border-radius:6px;background:#111827;overflow:hidden}.thumbnail-template-swatch.impact{background:linear-gradient(105deg,transparent 55%,#facc15 56% 71%,transparent 72%),linear-gradient(135deg,#111827,#334155)}.thumbnail-template-swatch.split{background:linear-gradient(90deg,rgba(2,6,23,.88) 0 46%,transparent 47%),linear-gradient(135deg,#0f766e,#1d4ed8)}.thumbnail-template-swatch.minimal{background:linear-gradient(0deg,#facc15 0 16%,transparent 17%),linear-gradient(135deg,#f8fafc,#dbeafe)}.thumbnail-template-swatch.badge{background:radial-gradient(circle at 18% 28%,#facc15 0 14%,transparent 15%),linear-gradient(135deg,#312e81,#0f172a)}.thumbnail-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.color-field{grid-template-columns:auto minmax(0,1fr);align-items:center}.color-field label{grid-column:1/-1}.color-field input[type=color]{width:44px;height:42px;padding:3px}.range-label{display:flex;align-items:center;justify-content:space-between;gap:12px}.range-label span{color:var(--muted);font-size:13px;font-weight:800}.palette-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.swatch{min-height:58px;display:flex;align-items:flex-end;justify-content:flex-start;border:1px solid rgba(15,23,42,.15);border-radius:8px;padding:8px}.swatch span{border-radius:6px;background:rgba(255,255,255,.88);color:#111827;padding:3px 6px;font-size:12px;font-weight:800}.palette-result-box{min-height:420px}.palette-detail-grid{display:grid;grid-gap:10px;gap:10px;align-content:start}.palette-color-card{display:grid;grid-template-columns:72px minmax(0,1fr);grid-gap:10px;gap:10px;min-width:0}.palette-color-swatch{width:72px;min-height:72px;border:1px solid rgba(15,23,42,.16);border-radius:8px}.palette-color-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:4px;gap:4px;min-width:0}.palette-color-values button,.palette-color-values span{min-width:0;overflow-wrap:anywhere;border:0;border-radius:6px;background:var(--surface-soft);color:#334155;padding:4px 6px;text-align:left;font-size:11px}.palette-color-values button:hover{background:var(--primary-soft);color:var(--primary-strong)}.favicon-preview-box{min-height:360px}.favicon-context-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;align-items:end}.favicon-context{min-width:0;display:grid;justify-items:center;grid-gap:10px;gap:10px;border:1px solid var(--line);border-radius:8px;background:#f8fafc;padding:12px 8px;color:var(--muted);font-size:12px;text-align:center}.favicon-context-icon{display:grid;place-items:center;overflow:hidden;background:#fff;box-shadow:0 4px 14px rgba(15,23,42,.14)}.favicon-context-icon img{width:100%;height:100%;object-fit:contain}.favicon-context-32{width:32px;height:32px;border-radius:4px}.favicon-context-180{width:72px;height:72px;border-radius:16px}.favicon-context-512{width:84px;height:84px;border-radius:20px}.favicon-file-list{margin-top:16px}.ad-placeholder{min-height:92px;display:grid;place-items:center;border:1px dashed #c7cfdd;border-radius:8px;background:#f8fafc;color:var(--muted);font-size:13px}.faq-list{display:grid;grid-gap:10px;gap:10px}.faq-item{border:1px solid var(--line);border-radius:8px;background:#fff;padding:16px}.faq-item strong{display:block;margin-bottom:6px}.content-page{max-width:780px;padding:52px 0 72px}.placeholder-copy{padding:24px}@media (max-width:900px){.hero-grid,.preview-grid,.tool-layout,.two-column{grid-template-columns:1fr}.category-overview,.content-grid,.steps,.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.container{width:min(100% - 24px,1120px)}.header-inner{height:auto;min-height:64px;align-items:flex-start;flex-direction:column;padding:14px 0;gap:12px}.nav{width:100%;flex-wrap:wrap;overflow:visible;padding-bottom:2px}.category-menu-list{left:0;grid-template-columns:1fr;width:min(280px,calc(100vw - 24px))}.hero{padding-top:48px}.hero h1,.page-title h1{font-size:38px}.category-overview,.content-grid,.dual-dropzones,.favicon-context-grid,.frame-item,.inline-fields,.preset-grid,.segmented,.steps,.tool-grid{grid-template-columns:1fr}.frame-actions{justify-content:flex-end}.section-heading{align-items:flex-start;flex-direction:column}}.tool-textarea{width:100%;min-height:190px;resize:vertical;background:#fff;color:var(--text);padding:12px;font:inherit}.code-output,.tool-textarea{border:1px solid var(--line);border-radius:8px;line-height:1.55}.code-output{min-height:150px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:#0f172a;color:#e5e7eb;padding:14px;font-size:13px}.rendered-output{min-height:150px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:16px;color:var(--text)}.rendered-output blockquote{margin:10px 0;border-left:3px solid var(--primary);padding-left:12px;color:var(--muted)}.rendered-output code{border-radius:6px;background:var(--surface-soft);padding:2px 5px}.compact-heading{margin-bottom:12px}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.color-preview{min-height:74px}@media (max-width:640px){.stat-grid{grid-template-columns:1fr}}.qr-preview{display:grid;place-items:center;min-height:280px;background:#f8fafc;padding:18px}.qr-preview,.qr-preview img{border:1px solid var(--line);border-radius:8px}.qr-preview img{width:min(100%,360px);height:auto;background:#fff;padding:12px}.disabled-link{pointer-events:none;opacity:.5}.caption-tool{display:grid;grid-gap:16px;gap:16px}.caption-preview-panel{display:grid;grid-gap:14px;gap:14px;position:-webkit-sticky;position:sticky;top:84px;z-index:6}.caption-preview-panel.floating{position:fixed;z-index:80;overflow:hidden;gap:12px;border:1px solid rgba(15,23,42,.22);box-shadow:0 18px 50px rgba(15,23,42,.24)}.caption-actions{margin-top:0}.epoch-converter-panel{display:grid;grid-gap:18px;gap:18px}.epoch-task{display:grid;grid-gap:12px;gap:12px;border-top:1px solid var(--line);padding-top:18px}.epoch-task h3{margin:0 0 10px;color:#0f172a;font-size:20px;line-height:1.25}.epoch-task-grid{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(280px,1.1fr);grid-gap:18px;gap:18px;align-items:start}.epoch-output-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.epoch-output-title h3{margin-bottom:0}.epoch-task-output{min-height:124px;margin:0}.marble-toolbar{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.marble-canvas{width:100%;height:auto;display:block;border:1px solid rgba(15,23,42,.14);border-radius:8px;background:#f8fafc}.marble-status{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:14px}.marble-status strong{color:#0f172a;font-size:18px}.marble-history{display:grid;grid-gap:10px;gap:10px;border-top:1px solid var(--line);padding-top:14px}.box2d-roulette{display:grid;grid-template-columns:minmax(560px,1fr) minmax(280px,360px);grid-gap:16px;gap:16px;align-items:start}.box2d-options-panel,.box2d-stage-panel{display:grid;grid-gap:12px;gap:12px}.box2d-stage-panel{position:-webkit-sticky;position:sticky;top:84px;align-self:start;z-index:5}.box2d-playfield{display:grid;grid-template-columns:96px minmax(0,1fr);grid-gap:10px;gap:10px;align-items:stretch}.box2d-minimap{width:96px;height:100%;min-height:420px;max-height:min(72vh,720px);display:block;border:1px solid rgba(15,23,42,.14);border-radius:8px;background:#eef6ff;cursor:crosshair}.box2d-canvas{aspect-ratio:4/3;max-height:min(72vh,720px);object-fit:contain}.box2d-options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.box2d-editor-actions,.box2d-options-actions,.box2d-subpanel-heading{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.box2d-options-actions,.box2d-subpanel-heading{justify-content:space-between}.box2d-file-input{display:none}.box2d-player-field .compact-textarea{min-height:132px}.box2d-obstacle-field .compact-textarea{min-height:172px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.45}.box2d-editor-grid,.box2d-subpanel{display:grid;grid-gap:12px;gap:12px}.box2d-subpanel{border:1px solid var(--line);border-radius:8px;background:#fbfcff;padding:14px}.box2d-subpanel h3{margin:0;color:#0f172a;font-size:17px;line-height:1.25}.box2d-map-section{display:grid;grid-gap:12px;gap:12px;border-top:1px solid #e2e8f0;padding-top:14px}.box2d-map-section h3{margin:0;color:#0f172a;font-size:16px;line-height:1.25}.box2d-map-validation{display:grid;grid-gap:8px;gap:8px;border:1px solid #a7f3d0;border-radius:8px;background:#ecfdf5;color:#065f46;padding:11px 12px}.box2d-map-validation.has-issues{border-color:#fcd34d;background:#fffbeb;color:#92400e}.box2d-map-validation-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.box2d-map-validation-heading span{font-size:13px;font-weight:700}.box2d-map-validation ul{margin:0;padding-left:20px;font-size:13px;line-height:1.55}.box2d-rank-field{grid-column:1/-1}.box2d-rank-control{display:grid;grid-template-columns:1fr 1fr 88px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#e5e7eb}.box2d-rank-control button,.box2d-rank-control input{min-height:42px;border:0;border-radius:0;background:transparent;color:#475569;padding:8px 10px;font-weight:800;text-align:center}.box2d-rank-control button.active{background:var(--primary);color:#fff}.box2d-rank-control input{background:#fff;color:#0f172a}.box2d-slider-field{grid-template-columns:minmax(0,1fr) 86px;align-items:center;gap:6px 10px}.box2d-slider-field span{grid-column:1/-1}.box2d-slider-field input[type=range]{min-width:0}.box2d-slider-field input[type=number]{padding:8px 9px}.box2d-name-field{grid-column:1/-1}.box2d-checkbox-field{align-self:end;min-height:42px}.box2d-color-field input[type=color]{height:42px;padding:4px}.box2d-obstacle-picker{display:flex;flex-wrap:wrap;gap:6px;max-height:116px;overflow:auto;border:1px solid #e2e8f0;border-radius:8px;background:#fff;padding:8px}.box2d-obstacle-picker button{min-height:32px;border:1px solid #dbe2ee;border-left:4px solid var(--item-color,#2563eb);border-radius:8px;background:#fff;color:#334155;padding:5px 9px;font-weight:750}.box2d-obstacle-picker button.guide{--item-color:#93c5fd}.box2d-obstacle-picker button.active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-strong)}.caption-option-panel{align-content:start;padding:18px 20px}.caption-option-panel>h2{margin-bottom:2px}.caption-field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,280px));justify-content:start;align-items:end;grid-gap:12px;gap:12px}.caption-field-grid.narrow{grid-template-columns:repeat(auto-fit,minmax(180px,220px))}.caption-field-grid.style-options{grid-template-columns:repeat(auto-fit,minmax(170px,230px))}.caption-textarea-field{max-width:720px}.caption-textarea-field .compact-textarea{min-height:92px}.caption-option-panel .hint{max-width:760px}@media (max-width:640px){.epoch-task-grid{grid-template-columns:1fr}.marble-status{align-items:flex-start;flex-direction:column}.marble-options-popover{position:static;width:100%;box-shadow:none}.box2d-roulette,.marble-options-grid{grid-template-columns:1fr}.box2d-stage-panel{position:static}.box2d-playfield{grid-template-columns:72px minmax(0,1fr)}.box2d-minimap{width:72px}.box2d-player-field .compact-textarea{min-height:150px}.box2d-options-grid{grid-template-columns:1fr}.epoch-output-title{align-items:flex-start;flex-direction:column}.caption-field-grid,.caption-field-grid.narrow,.caption-field-grid.style-options{grid-template-columns:1fr}.caption-textarea-field{max-width:none}}.caption-stage{min-height:360px;overflow:hidden;border:1px solid rgba(15,23,42,.18);border-radius:8px;padding:36px}.caption-preview-shell,.caption-stage{position:relative}.caption-preview-shell.floating-stage{display:grid;grid-template-rows:minmax(0,1fr);overflow:hidden;border:1px solid rgba(15,23,42,.22);border-radius:8px}.caption-preview-shell.floating-stage .caption-preview-body{min-height:0}.caption-preview-shell.floating-stage .caption-stage{width:100%;height:100%;min-height:0;border:0;border-radius:0}.caption-preview-toolbar{display:flex;align-items:center;gap:8px;min-height:42px;border-bottom:1px solid rgba(15,23,42,.12);background:rgba(248,250,252,.96);padding:6px 8px;color:#0f172a;font-size:12px}.caption-preview-toolbar label{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;color:var(--muted);font-weight:800}.caption-preview-toolbar input{width:72px;padding:4px 6px}.caption-drag-handle,.caption-preview-toolbar input{height:30px;border:1px solid var(--line);border-radius:6px;font:inherit}.caption-drag-handle{flex:1 1 auto;min-width:120px;background:#fff;color:#0f172a;cursor:-webkit-grab;cursor:grab;font-weight:850;text-align:left}.caption-drag-handle:active{cursor:-webkit-grabbing;cursor:grabbing}.caption-resize-handle{position:absolute;right:0;bottom:0;width:22px;height:22px;cursor:nwse-resize}.caption-resize-handle:before{content:"";position:absolute;right:6px;bottom:6px;width:10px;height:10px;border-right:2px solid rgba(15,23,42,.5);border-bottom:2px solid rgba(15,23,42,.5)}.caption-stage.position-top{align-items:flex-start}.caption-stage.position-bottom{align-items:flex-end}.caption-lines{width:100%;display:grid;grid-gap:12px;gap:12px;font-size:var(--caption-size);font-weight:900;line-height:1.18;paint-order:stroke fill;-webkit-text-stroke:var(--caption-stroke) var(--caption-stroke-color);text-shadow:0 2px 2px rgba(0,0,0,.35),0 6px 18px rgba(0,0,0,.25)}.caption-lines.align-center{text-align:center}.caption-lines.align-left{text-align:left}.caption-lines.align-right{text-align:right}.caption-lines.nowrap .caption-line{overflow:hidden;text-overflow:clip;white-space:nowrap}.caption-lines.wrap .caption-line{white-space:normal}.caption-line{overflow-wrap:anywhere}.caption-line.translated{font-size:.78em;opacity:.96}.caption-status-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:14px}.caption-overlay-mode{position:fixed;inset:0;z-index:9999;background:#00ff00}.caption-overlay-mode .caption-stage{width:100vw;height:100vh;min-height:100vh;border:0;border-radius:0;padding:5vh 6vw}.caption-overlay-controls{position:fixed;top:12px;right:12px;display:flex;align-items:center;gap:8px;border:1px solid rgba(15,23,42,.2);border-radius:8px;background:rgba(255,255,255,.92);padding:8px;color:#0f172a;font-size:13px}.compact-textarea{min-height:116px}.checkbox-field{display:flex;align-items:center;flex-direction:row;gap:8px}.checkbox-field input{width:auto}.file-button{position:relative;overflow:hidden}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}body{background:#f5f7fb}.header{background:rgba(255,255,255,.92);border-bottom-color:rgba(203,213,225,.8)}.brand-mark{box-shadow:0 8px 18px rgba(37,99,235,.24)}.category-menu summary,.nav a{border-radius:999px;padding:7px 10px;transition:background .15s ease,color .15s ease}.category-menu summary:hover,.nav a:hover{background:#eef2ff}.page-title-panel{margin-top:28px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:28px;box-shadow:0 12px 36px rgba(15,23,42,.06)}.category-card,.tool-card,.tool-category-section,[data-category=image]{--cat:#2563eb;--cat-soft:#eaf1ff;--cat-ink:#1d4ed8}[data-category=gif-video]{--cat:#db2777;--cat-soft:#fce7f3;--cat-ink:#be185d}[data-category=pdf]{--cat:#dc2626;--cat-soft:#fee2e2;--cat-ink:#b91c1c}[data-category=social-media]{--cat:#7c3aed;--cat-soft:#ede9fe;--cat-ink:#6d28d9}[data-category=text]{--cat:#0891b2;--cat-soft:#cffafe;--cat-ink:#0e7490}[data-category=developer]{--cat:#0f766e;--cat-soft:#ccfbf1;--cat-ink:#0f766e}[data-category=seo]{--cat:#65a30d;--cat-soft:#ecfccb;--cat-ink:#4d7c0f}[data-category=security]{--cat:#ea580c;--cat-soft:#ffedd5;--cat-ink:#c2410c}[data-category=calculators]{--cat:#9333ea;--cat-soft:#f3e8ff;--cat-ink:#7e22ce}[data-category=unit-converters]{--cat:#0284c7;--cat-soft:#e0f2fe;--cat-ink:#0369a1}[data-category=utilities]{--cat:#475569;--cat-soft:#e2e8f0;--cat-ink:#334155}.category-overview{gap:18px}.category-card{position:relative;min-height:188px;align-content:start;overflow:hidden;border-color:#dbe2ee;background:#fff;padding:18px;box-shadow:0 10px 28px rgba(15,23,42,.05)}.category-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--cat)}.category-card strong{margin-top:2px;color:#0f172a;font-size:18px;line-height:1.25}.category-card small,.category-count{width:-moz-fit-content;width:fit-content;border-radius:999px;background:var(--cat-soft);color:var(--cat-ink);padding:5px 9px;font-size:12px;font-weight:850}.category-card:hover{border-color:var(--cat);box-shadow:0 16px 38px rgba(15,23,42,.1)}.tool-grid{gap:18px}.tool-card{min-height:196px;border-color:#dbe2ee;border-top:3px solid var(--cat);background:#fff;padding:16px;box-shadow:0 8px 22px rgba(15,23,42,.045)}.tool-card:hover{border-color:#dbe2ee;border-top-color:var(--cat);box-shadow:0 14px 30px rgba(15,23,42,.09)}.tool-card-footer,.tool-topline{display:flex;align-items:center;justify-content:space-between;gap:10px}.tool-topline{margin-bottom:12px}.category-label{margin-bottom:0;background:var(--cat-soft);color:var(--cat-ink)}.status{position:relative;display:inline-flex;align-items:center;gap:6px;color:#047857;white-space:nowrap}.status:before{content:"";width:7px;height:7px;border-radius:999px;background:currentColor}.tool-card h3{margin:0 0 8px;color:#0f172a;font-size:18px;line-height:1.28}.tool-card p{min-height:66px;line-height:1.5}.tool-card-footer{margin-top:18px;padding-top:14px;border-top:1px solid #edf1f7}.tag{background:#f1f5f9;color:#475569}.muted-tag{color:var(--muted)}.tool-action{display:inline-flex;align-items:center;gap:6px;color:var(--cat-ink);font-size:13px;font-weight:850;white-space:nowrap}.tool-category-list{display:grid;grid-gap:28px;gap:28px}.tool-category-section{border:1px solid #dbe2ee;border-radius:8px;background:#fff;padding:24px;box-shadow:0 10px 28px rgba(15,23,42,.045)}.tool-category-section .eyebrow{color:var(--cat-ink)}.category-heading{border-bottom:1px solid #edf1f7;padding-bottom:18px}.hero-panel{border-top:3px solid var(--primary)}@media (max-width:640px){.page-title-panel,.tool-category-section{padding:18px}.tool-card p{min-height:auto}}.category-card small:before,.category-count:before{content:"";width:6px;height:6px;border-radius:999px;background:currentColor}.category-card small,.category-count{display:inline-flex;align-items:center;gap:7px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;-webkit-clip-path:inset(50%);clip-path:inset(50%)}.mobile-nav-menu{display:none}.home-proof-panel{box-shadow:0 18px 44px rgba(15,23,42,.08)}.flagship-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:20px;gap:20px}.flagship-card{--cat:#475569;--cat-soft:#e2e8f0;--cat-ink:#334155;min-width:0;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(220px,.98fr);overflow:hidden;border:1px solid #d7dfeb;border-top:3px solid var(--cat);border-radius:8px;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.065);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.flagship-card:hover{border-color:var(--cat);box-shadow:0 18px 38px rgba(15,23,42,.11);transform:translateY(-2px)}.flagship-card:last-child:nth-child(odd){grid-column:1/-1}.flagship-copy{min-width:0;display:flex;flex-direction:column;padding:24px}.flagship-copy h3{margin:10px 0;color:#0f172a;font-size:24px;line-height:1.25}.flagship-copy>p{margin:0;color:var(--muted);line-height:1.6}.flagship-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:auto;padding-top:24px}.flagship-visual{position:relative;min-width:0;min-height:286px;overflow:hidden;border-left:1px solid #d7dfeb}.caption-visual{display:grid;grid-template-rows:38px 1fr;background:#00e83b}.visual-toolbar{display:flex;align-items:center;gap:7px;border-bottom:1px solid #d7dfeb;background:#f8fafc;padding:0 13px}.visual-toolbar span{width:7px;height:7px;border-radius:999px;background:#94a3b8}.visual-toolbar span:first-child{background:#ef4444}.visual-toolbar span:nth-child(2){background:#f59e0b}.visual-toolbar span:nth-child(3){background:#22c55e}.caption-stage{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;padding:28px}.caption-bar{width:58%;height:18px;border:2px solid #0f172a;border-radius:4px;background:#fff;box-shadow:2px 2px 0 #0f172a}.caption-bar-wide{width:82%;height:24px}.roulette-visual{background:#111827}.roulette-visual:after,.roulette-visual:before{content:"";position:absolute;top:0;bottom:0;width:2px;background:#22d3ee;opacity:.72}.roulette-visual:before{left:18px}.roulette-visual:after{right:18px}.roulette-guide,.roulette-rotor{position:absolute;display:block;height:5px;border-radius:4px}.roulette-guide{top:30%;width:47%;background:#67e8f9}.guide-left{left:4%;transform:rotate(24deg)}.guide-right{right:4%;transform:rotate(-24deg)}.roulette-rotor{width:34%;background:#f59e0b;transform-origin:50% 50%}.rotor-one{top:53%;left:15%;transform:rotate(-31deg)}.rotor-two{top:61%;right:13%;background:#db2777;transform:rotate(28deg)}.marble{position:absolute;z-index:2;width:16px;height:16px;border:2px solid #fff;border-radius:999px;box-shadow:0 3px 8px rgba(0,0,0,.3)}.marble-one{top:20%;left:34%;background:#f43f5e}.marble-two{top:42%;right:30%;background:#22c55e}.marble-three{top:68%;left:48%;background:#8b5cf6}.finish-line{position:absolute;right:26px;bottom:24px;left:26px;height:12px;border:1px solid #e2e8f0;background:repeating-linear-gradient(90deg,#f8fafc 0 10px,#334155 10px 20px)}.broadcast-visual{background:#0b1324;color:#fff}.broadcast-visual-score{position:absolute;top:24px;left:50%;display:grid;grid-template-columns:1fr auto auto auto 1fr;align-items:center;grid-gap:8px;gap:8px;transform:translateX(-50%);border-radius:6px;background:rgba(255,255,255,.11);padding:9px 12px;font-size:11px}.broadcast-visual-score strong{font-size:18px}.broadcast-visual-score i{opacity:.45;font-style:normal}.broadcast-visual-timer{position:absolute;top:82px;right:24px;border:1px solid rgba(255,255,255,.28);border-radius:6px;padding:8px 12px;font-size:20px;font-weight:900;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.broadcast-visual-lower{position:absolute;right:26px;bottom:50px;left:26px;display:flex;background:rgba(255,255,255,.1)}.broadcast-visual-lower>span{width:8px;background:#2563eb}.broadcast-visual-lower>div{padding:12px 14px}.broadcast-visual-lower small,.broadcast-visual-lower strong{display:block}.broadcast-visual-lower small{margin-top:3px;color:#a8b7cd}.broadcast-visual-ticker{position:absolute;right:0;bottom:0;left:0;overflow:hidden;border-top:3px solid #2563eb;background:#111d32;padding:8px 0;white-space:nowrap}.broadcast-visual-ticker span{display:inline-block;padding-left:18px;color:#dce6f4;font-size:11px;font-weight:800}.supporting-tools-section{border-top:1px solid #e5eaf2;border-bottom:1px solid #e5eaf2;background:rgba(255,255,255,.72)}.site-value-section{background:#fff}.site-value-grid article{border:0;border-top:3px solid #2563eb;border-radius:0;background:transparent;padding:18px 0 0}.site-value-grid article:nth-child(2){border-top-color:#0f766e}.site-value-grid article:nth-child(3){border-top-color:#ea580c}.tools-page-intro{border-bottom:1px solid #d7dfeb;padding:52px 0 34px}.tools-page-intro h1{max-width:820px}.tool-search{width:min(720px,100%);display:grid;grid-gap:8px;gap:8px;margin-top:28px;color:#334155;font-size:14px;font-weight:750}.tool-search input{width:100%;min-height:50px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:var(--text);padding:11px 14px;outline:none}.tool-search input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.12)}.tool-search input::placeholder{color:#94a3b8}.tool-category-list{gap:56px}.tool-category-section{scroll-margin-top:88px;border:0;border-radius:0;background:transparent;padding:0;box-shadow:none}.category-heading{margin-bottom:20px;border-bottom-color:#d7dfeb}.tool-search-empty{margin:0;border-top:1px solid #d7dfeb;padding:30px 0;color:var(--muted);font-size:16px}.tool-value-grid article{border:0;border-top:3px solid #cbd5e1;border-radius:0;background:transparent;padding:18px 0 0}.tool-value-grid article:nth-child(2){border-top-color:#2563eb}.tool-value-grid article:nth-child(3){border-top-color:#0f766e}.tool-guides-section,.tool-value-section{border-top:1px solid #e1e7f0}.faq-list{gap:0;border-top:1px solid #d7dfeb}.faq-item{border:0;border-bottom:1px solid #d7dfeb;border-radius:0;background:transparent;padding:0}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 4px;cursor:pointer;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary strong{margin:0}.faq-toggle{position:relative;width:18px;height:18px;flex:0 0 18px}.faq-toggle:after,.faq-toggle:before{content:"";position:absolute;top:50%;left:50%;width:12px;height:2px;background:#64748b;transform:translate(-50%,-50%)}.faq-toggle:after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .15s ease}.faq-item[open] .faq-toggle:after{transform:translate(-50%,-50%) rotate(0deg)}.faq-answer{max-width:900px;padding:0 42px 18px 4px}.faq-answer p{margin:0;color:var(--muted)}@media (max-width:900px){.flagship-grid{grid-template-columns:1fr}}@media (max-width:760px){.desktop-nav{display:none}.header-inner{height:64px;min-height:64px;align-items:center;flex-direction:row;padding:0}.mobile-nav-menu{position:relative;display:block;margin-left:auto}.mobile-menu-toggle{width:42px;height:42px;display:grid;place-items:center;border:1px solid #d7dfeb;border-radius:8px;background:#fff;cursor:pointer;list-style:none}.mobile-menu-toggle::-webkit-details-marker{display:none}.mobile-nav-menu[open] .mobile-menu-toggle{border-color:var(--primary);background:var(--primary-soft)}.menu-icon{width:18px;display:grid;grid-gap:4px;gap:4px}.menu-icon span{height:2px;border-radius:2px;background:#334155}.mobile-nav-panel{position:absolute;top:calc(100% + 10px);right:0;z-index:50;width:min(360px,calc(100vw - 24px));max-height:calc(100vh - 88px);overflow-y:auto;border:1px solid #d7dfeb;border-radius:8px;background:#fff;padding:12px;box-shadow:0 20px 50px rgba(15,23,42,.2)}.mobile-nav-primary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:6px;gap:6px}.mobile-category-links a,.mobile-nav-primary a{min-width:0;border-radius:6px;padding:9px 10px;color:#334155;overflow-wrap:anywhere}.mobile-category-links a:hover,.mobile-nav-primary a:hover{background:#f1f5f9;color:var(--primary-strong)}.mobile-nav-categories{margin-top:12px;border-top:1px solid #e5eaf2;padding-top:12px}.mobile-nav-categories>strong{display:block;padding:0 10px 6px;color:#64748b;font-size:12px}.mobile-category-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:4px;gap:4px}.mobile-category-links a{position:relative;padding-left:24px;font-size:13px}.mobile-category-links a:before{content:"";position:absolute;top:15px;left:10px;width:6px;height:6px;border-radius:999px;background:var(--cat,var(--primary))}.mobile-language-select{display:grid;grid-template-columns:auto minmax(0,1fr);margin-top:12px;border-top:1px solid #e5eaf2;padding:12px 8px 0}.mobile-language-select select{width:100%;min-width:0}.hero{padding:44px 0 30px}.home-proof-panel{padding:16px}.tools-page-intro{padding-top:36px}}@media (max-width:640px){.hero h1,.page-title h1{font-size:38px;line-height:1.08}.flagship-card{grid-template-columns:1fr}.home-proof-panel .security-list{display:none}.flagship-copy{padding:20px}.flagship-copy h3{font-size:22px}.flagship-visual{min-height:220px;border-top:1px solid #d7dfeb;border-left:0}.flagship-footer{align-items:flex-start;flex-direction:column}.mobile-category-links{grid-template-columns:1fr}.tool-category-list{gap:44px}.category-heading{align-items:flex-start}}.broadcast-studio{display:grid;grid-gap:18px;gap:18px;padding:36px 0 64px}.broadcast-stage-panel{display:grid;grid-gap:16px;gap:16px}.broadcast-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.broadcast-control-panel h2,.broadcast-marker-panel h2,.broadcast-obs-panel h2,.broadcast-panel-heading h2,.broadcast-rundown-panel h2,.broadcast-settings-panel h2{margin:0;font-size:24px;line-height:1.2}.broadcast-panel-heading p,.broadcast-settings-panel p{margin:7px 0 0}.broadcast-heading-actions,.broadcast-inline-actions,.broadcast-settings-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.broadcast-stage{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border:1px solid #cbd5e1;border-radius:6px;background:var(--broadcast-background);color:var(--broadcast-text);container-type:inline-size}.broadcast-stage-transparent{background-color:#eef2f6;background-image:linear-gradient(45deg,#dce3eb 25%,transparent 0),linear-gradient(-45deg,#dce3eb 25%,transparent 0),linear-gradient(45deg,transparent 75%,#dce3eb 0),linear-gradient(-45deg,transparent 75%,#dce3eb 0);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px}.broadcast-lower-third{position:absolute;left:4%;bottom:12%;min-width:32%;max-width:70%;display:flex;background:rgba(8,15,28,.92);box-shadow:0 12px 30px rgba(0,0,0,.24)}.broadcast-lower-third>span{width:10px;flex:0 0 10px;background:var(--broadcast-accent)}.broadcast-lower-third>div{min-width:0;padding:2.1cqw 2.6cqw}.broadcast-lower-third small,.broadcast-lower-third strong{display:block;overflow-wrap:anywhere}.broadcast-lower-third strong{font-size:clamp(18px,4.4cqw,48px);line-height:1.05}.broadcast-lower-third small{margin-top:.7cqw;font-size:clamp(11px,1.9cqw,23px);opacity:.82}.broadcast-ticker{position:absolute;right:0;bottom:0;left:0;height:9%;overflow:hidden;border-top:4px solid var(--broadcast-accent);background:rgba(8,15,28,.94);white-space:nowrap}.broadcast-ticker div{display:inline-block;min-width:200%;padding-top:1.1%;font-size:clamp(12px,2.2cqw,27px);font-weight:800;animation:broadcast-ticker 18s linear infinite}@keyframes broadcast-ticker{to{transform:translateX(-50%)}}.broadcast-timer{right:4%;border:2px solid rgba(255,255,255,.3);padding:1.2cqw 1.8cqw;font-size:clamp(18px,5cqw,60px);font-weight:900;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.broadcast-scoreboard,.broadcast-timer{position:absolute;top:6%;border-radius:8px;background:rgba(8,15,28,.92)}.broadcast-scoreboard{left:50%;display:grid;grid-template-columns:minmax(48px,1fr) auto auto auto minmax(48px,1fr);align-items:center;grid-gap:1.1cqw;gap:1.1cqw;transform:translateX(-50%);padding:1.2cqw 1.7cqw;font-size:clamp(11px,2.2cqw,27px);font-style:normal}.broadcast-scoreboard span:first-child{text-align:right}.broadcast-scoreboard strong{font-size:1.35em}.broadcast-scoreboard i{font-style:normal;opacity:.55}.broadcast-scoreboard-match{width:min(78%,920px);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:0;overflow:hidden;padding:0}.broadcast-score-team{--team-color:#0ea5e9;min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:1cqw;gap:1cqw;border-bottom:clamp(4px,.6cqw,8px) solid var(--team-color);padding:1.2cqw 1.5cqw}.broadcast-score-team img{width:clamp(24px,4.6cqw,58px);height:clamp(24px,4.6cqw,58px);object-fit:contain}.broadcast-score-team>span{min-width:0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;font-weight:850}.broadcast-score-team-right>span{text-align:right}.broadcast-score-team>span b{margin:0 .5cqw;color:var(--team-color);font-size:.58em}.broadcast-score-team>span small{display:block;margin-top:.2cqw;font-size:.52em;opacity:.72}.broadcast-score-team>strong{font-size:1.7em}.broadcast-match-meta{min-width:clamp(74px,10cqw,130px);align-self:stretch;display:grid;place-items:center;background:rgba(255,255,255,.1);padding:.8cqw 1cqw;text-align:center}.broadcast-match-meta small,.broadcast-match-meta span{display:block}.broadcast-match-meta span{font-size:.72em;font-weight:850}.broadcast-match-meta small{font-size:.52em;opacity:.72}.broadcast-stage-match-score .broadcast-goal,.broadcast-stage-match-score .broadcast-timer{top:24%}.broadcast-goal{position:absolute;top:6%;left:4%;width:min(36%,420px);border-radius:8px;background:rgba(8,15,28,.92);padding:1.3cqw 1.5cqw}.broadcast-goal>div:first-child{display:flex;justify-content:space-between;gap:14px;margin-bottom:.8cqw;font-size:clamp(10px,1.7cqw,21px)}.broadcast-goal-track{height:clamp(6px,1cqw,12px);overflow:hidden;border-radius:999px;background:rgba(255,255,255,.22)}.broadcast-goal-track span{display:block;height:100%;border-radius:inherit;background:var(--broadcast-accent)}.broadcast-status{display:flex;align-items:center;gap:8px;min-height:24px;color:var(--muted);font-size:14px}.broadcast-status>span{width:8px;height:8px;flex:0 0 8px;border-radius:999px;background:var(--success)}.broadcast-tabs{grid-template-columns:repeat(6,minmax(0,1fr))}.broadcast-control-panel,.broadcast-marker-panel,.broadcast-obs-panel,.broadcast-prompt-panel,.broadcast-rundown-panel,.broadcast-settings-panel{display:grid;grid-gap:22px;gap:22px}.broadcast-layer-toggles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:8px;gap:8px}.broadcast-toggle{min-height:44px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:8px;padding:9px 11px;background:#fff;color:#344054;font-size:14px;font-weight:750}.broadcast-toggle:has(input:checked){border-color:var(--primary);background:var(--primary-soft);color:var(--primary-strong)}.broadcast-toggle input{width:18px;height:18px;margin:0;accent-color:var(--primary)}.broadcast-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-column-gap:24px;column-gap:24px}.broadcast-control-group{min-width:0;display:grid;align-content:start;grid-gap:12px;gap:12px;margin:0;border:0;border-top:1px solid var(--line);padding:18px 0 22px}.broadcast-control-group legend{padding:0 10px 0 0;color:var(--text);font-size:17px;font-weight:850}.broadcast-control-group textarea,.broadcast-prompt-controls textarea,.broadcast-rundown-panel textarea{width:100%;resize:vertical;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);padding:10px 12px;font:inherit}.broadcast-time-readout{min-width:94px;font-size:22px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.broadcast-score-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;grid-gap:12px;gap:12px}.broadcast-team-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px}.broadcast-team-control{min-width:0;display:grid;grid-gap:12px;gap:12px;border-left:3px solid var(--line-strong);padding-left:14px}.broadcast-preset-create,.broadcast-score-row,.broadcast-team-assets{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.broadcast-series-stepper{display:grid;grid-gap:5px;gap:5px}.broadcast-series-stepper>span{color:var(--muted);font-size:12px;font-weight:750}.broadcast-color-field{flex:0 0 86px}.broadcast-color-field input[type=color]{width:100%}.broadcast-logo-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.broadcast-logo-button input{display:none}.broadcast-logo-preview{display:flex;align-items:center;gap:7px}.broadcast-logo-preview img{width:42px;height:42px;border:1px solid var(--line);border-radius:6px;object-fit:contain}.broadcast-logo-preview button{border:0;background:transparent;color:var(--danger);font:inherit;font-size:12px;font-weight:800}.broadcast-match-controls{display:grid;grid-gap:14px;gap:14px;border-top:1px solid var(--line);padding-top:14px}.broadcast-stepper{display:grid;grid-template-columns:38px 52px 38px;align-items:center;overflow:hidden;border:1px solid var(--line);border-radius:8px}.broadcast-stepper button{height:42px;border:0;background:#f8fafc;color:var(--primary-strong);font-size:20px;font-weight:850}.broadcast-stepper strong{text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.broadcast-prompt-panel{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);align-items:stretch}.broadcast-prompt-controls{display:grid;align-content:start;grid-gap:16px;gap:16px}.broadcast-prompt-preview{height:540px;overflow-y:auto;border:1px solid #263247;border-radius:8px;background:#050a12;padding:45% 7% 20%;color:#fff;line-height:1.45;text-align:center;scroll-behavior:auto}.broadcast-prompt-preview.mirrored{transform:scaleX(-1)}.broadcast-prompt-preview p{margin:0 0 1.2em}.broadcast-prompt-spacer{height:70%}.broadcast-rundown-panel{grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);align-items:start}.broadcast-rundown-live,.broadcast-rundown-panel>div:first-child{display:grid;grid-gap:16px;gap:16px}.broadcast-rundown-live>strong{min-height:78px;display:flex;align-items:center;border-left:5px solid var(--primary);background:#f5f8ff;padding:16px 18px;font-size:24px}.broadcast-rundown-list{display:grid;grid-gap:0;gap:0;margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.broadcast-rundown-list li{border-bottom:1px solid var(--line)}.broadcast-rundown-list button{width:100%;min-height:52px;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;grid-gap:10px;gap:10px;border:0;background:transparent;padding:8px 4px;color:var(--text);text-align:left}.broadcast-rundown-list button>span{width:28px;height:28px;display:grid;place-items:center;border-radius:6px;background:#e8edf5;color:#475467;font-size:13px}.broadcast-rundown-list li.current button{background:var(--primary-soft);color:var(--primary-strong)}.broadcast-rundown-list li.current button>span{background:var(--primary);color:#fff}.broadcast-rundown-list li.done strong{text-decoration:line-through;opacity:.55}.broadcast-rundown-list em{color:var(--success);font-size:12px;font-style:normal;font-weight:800}.broadcast-marker-heading,.broadcast-marker-toolbar,.broadcast-settings-main{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.broadcast-empty-state,.broadcast-marker-heading h2,.broadcast-marker-heading p,.broadcast-presets h3{margin:0}.broadcast-marker-heading p{margin-top:7px}.broadcast-session-clock{min-width:310px;display:grid;justify-items:end;grid-gap:7px;gap:7px}.broadcast-session-clock>span{color:var(--muted);font-size:12px;font-weight:800}.broadcast-session-clock>strong{font-size:30px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:0}.broadcast-marker-entry{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(240px,1.3fr) auto;align-items:end;grid-gap:12px;gap:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0}.broadcast-marker-toolbar{align-items:center}.broadcast-marker-toolbar>strong{min-width:36px;min-height:30px;display:grid;place-items:center;border-radius:6px;background:var(--primary-soft);color:var(--primary-strong);font-size:13px}.broadcast-marker-log{border-top:1px solid var(--line)}.broadcast-marker-row{min-height:62px;display:grid;grid-template-columns:112px minmax(0,1fr) 92px 34px;align-items:center;grid-gap:14px;gap:14px;border-bottom:1px solid var(--line);padding:8px 0}.broadcast-marker-row time{color:var(--primary-strong);font-size:13px;font-weight:850;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.broadcast-marker-row>div{min-width:0}.broadcast-marker-row p,.broadcast-marker-row strong{display:block;overflow-wrap:anywhere}.broadcast-marker-row p{margin:3px 0 0;color:var(--muted);font-size:13px}.broadcast-marker-row>span{color:var(--muted);font-size:12px;font-weight:750;text-align:right}.broadcast-marker-row>button{width:32px;height:32px;border:0;border-radius:6px;background:transparent;color:var(--danger);font-size:20px}.broadcast-empty-state{padding:22px 0;color:var(--muted)}.broadcast-obs-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.broadcast-obs-heading h2,.broadcast-obs-heading p,.broadcast-obs-panel h3,.broadcast-obs-panel p{margin:0}.broadcast-obs-heading p{margin-top:7px}.broadcast-obs-connection{min-height:32px;display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;background:#f8fafc;padding:6px 11px;color:var(--muted);font-size:12px;font-weight:850;white-space:nowrap}.broadcast-obs-connection.connected{border-color:#86efac;background:#ecfdf5;color:#047857}.broadcast-obs-connection.connecting{border-color:#fde68a;background:#fffbeb;color:#92400e}.broadcast-obs-connection.error{border-color:#fecaca;background:#fef2f2;color:var(--danger)}.broadcast-obs-connect{display:grid;grid-template-columns:minmax(240px,1fr) minmax(220px,.8fr) auto;align-items:end;grid-gap:12px;gap:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0}.broadcast-obs-connect>.button{min-height:43px}.broadcast-obs-security{display:grid;grid-gap:6px;gap:6px;border-left:4px solid #0f766e;background:#f0fdfa;padding:13px 15px;color:#315b57;font-size:13px;line-height:1.55}.broadcast-obs-error{border-left:4px solid var(--danger);background:#fef2f2;padding:12px 14px;color:var(--danger);font-size:14px;font-weight:750}.broadcast-obs-setup{display:grid;grid-gap:12px;gap:12px}.broadcast-obs-dashboard h3,.broadcast-obs-setup h3{font-size:17px}.broadcast-obs-setup ol{display:grid;grid-gap:9px;gap:9px;margin:0;padding-left:22px;color:#475467;line-height:1.55}.broadcast-obs-dashboard{display:grid;grid-gap:22px;gap:22px}.broadcast-obs-summary{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr) auto;align-items:center;grid-gap:18px;gap:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0}.broadcast-obs-summary>div{min-width:0;display:grid;grid-gap:3px;gap:3px}.broadcast-obs-summary small,.broadcast-obs-summary span{color:var(--muted);font-size:12px}.broadcast-obs-summary strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.broadcast-obs-outputs{display:grid;grid-template-columns:minmax(150px,.6fr) repeat(2,minmax(0,1fr));align-items:stretch;grid-gap:0;gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.broadcast-obs-outputs h3{align-self:center;padding:14px 12px 14px 0}.broadcast-obs-outputs>div{min-width:0;display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;grid-gap:8px;gap:8px;border-left:1px solid var(--line);padding:12px 16px}.broadcast-obs-outputs>div>span{width:9px;height:9px;border-radius:999px;background:#94a3b8}.broadcast-obs-outputs>div>span.active{background:var(--success)}.broadcast-obs-outputs em,.broadcast-obs-outputs time{color:var(--muted);font-size:12px;font-style:normal;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.broadcast-obs-outputs time{grid-column:2/-1}.broadcast-obs-scene-control,.broadcast-obs-sources{display:grid;grid-gap:12px;gap:12px}.broadcast-obs-scene-control select{min-width:min(420px,100%);min-height:43px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:8px 11px;color:var(--text);font:inherit}.broadcast-obs-sources{border-top:1px solid var(--line);padding-top:18px}.broadcast-obs-sources label{min-height:46px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:8px 2px;font-weight:750}.broadcast-obs-sources input{width:19px;height:19px;margin:0;accent-color:var(--primary)}.broadcast-settings-panel{grid-template-columns:1fr}.broadcast-settings-main{align-items:center}.broadcast-presets{display:grid;grid-gap:14px;gap:14px;border-top:1px solid var(--line);padding-top:20px}.broadcast-presets h3{font-size:18px}.broadcast-preset-create .field{flex:1 1 260px}.broadcast-preset-list{border-top:1px solid var(--line)}.broadcast-preset-list>div{min-height:58px;display:grid;grid-template-columns:minmax(0,1fr) 110px auto auto;align-items:center;grid-gap:10px;gap:10px;border-bottom:1px solid var(--line);padding:8px 0}.broadcast-preset-list time{color:var(--muted);font-size:12px}.broadcast-hidden-input{display:none}@media (max-width:900px){.broadcast-layer-toggles{grid-template-columns:repeat(3,minmax(0,1fr))}.broadcast-prompt-panel,.broadcast-rundown-panel{grid-template-columns:1fr}.broadcast-marker-entry{grid-template-columns:repeat(2,minmax(0,1fr))}.broadcast-marker-entry .broadcast-inline-actions{grid-column:1/-1}.broadcast-obs-connect{grid-template-columns:repeat(2,minmax(0,1fr))}.broadcast-obs-connect>.button{grid-column:1/-1}.broadcast-prompt-preview{height:460px}}@media (max-width:700px){.broadcast-marker-heading,.broadcast-obs-heading,.broadcast-panel-heading,.broadcast-settings-main{align-items:stretch;flex-direction:column}.broadcast-heading-actions .button,.broadcast-settings-actions .button{flex:1 1 140px}.broadcast-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.broadcast-control-grid,.broadcast-marker-entry,.broadcast-obs-connect,.broadcast-obs-summary,.broadcast-team-controls{grid-template-columns:1fr}.broadcast-obs-connect>.button{grid-column:auto}.broadcast-obs-outputs{grid-template-columns:1fr}.broadcast-obs-outputs h3{padding-right:0}.broadcast-obs-outputs>div{border-top:1px solid var(--line);border-left:0;padding-right:0;padding-left:0}.broadcast-marker-entry .broadcast-inline-actions{grid-column:auto}.broadcast-session-clock{min-width:0;justify-items:start}.broadcast-marker-toolbar{align-items:flex-start;flex-direction:column}.broadcast-marker-row{grid-template-columns:96px minmax(0,1fr) 32px}.broadcast-marker-row>span{grid-column:2;grid-row:2;text-align:left}.broadcast-marker-row>button{grid-column:3;grid-row:1/span 2}.broadcast-preset-list>div{grid-template-columns:minmax(0,1fr) auto auto}.broadcast-preset-list time{grid-column:1;grid-row:2}.broadcast-layer-toggles{grid-template-columns:repeat(2,minmax(0,1fr))}.broadcast-lower-third{min-width:46%}.broadcast-scoreboard{top:4%;max-width:62%}.broadcast-goal{top:4%;width:40%}.broadcast-prompt-preview{height:400px}}.nightfall-workspace{display:grid;grid-gap:14px;gap:14px;margin:18px 0 30px}.home-break-section{background:#eef7f5;border-bottom:1px solid #cfe2de;border-top:1px solid #cfe2de}.home-break-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),430px))}.nightfall-toolbar{align-items:center;display:flex;gap:16px;justify-content:space-between}.nightfall-actions,.nightfall-records{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.nightfall-records>span{color:var(--muted);display:grid;font-size:.78rem;grid-gap:2px;gap:2px;min-width:96px}.nightfall-records strong{color:var(--text);font-size:1rem}.nightfall-shell{aspect-ratio:16/9;background:#071018;border:1px solid #28506a;border-radius:8px;box-shadow:0 18px 42px rgba(7,16,24,.26);min-height:360px;overflow:hidden;position:relative;width:100%}.nightfall-shell:-webkit-full-screen{align-items:center;aspect-ratio:auto;background:#03080e;border:0;border-radius:0;display:flex;height:100vh;justify-content:center;width:100vw}.nightfall-shell:fullscreen{align-items:center;aspect-ratio:auto;background:#03080e;border:0;border-radius:0;display:flex;height:100vh;justify-content:center;width:100vw}.nightfall-canvas{height:100%;inset:0;position:absolute;width:100%}.nightfall-canvas canvas{display:block}.nightfall-hud{color:#f4fbff;inset:0;pointer-events:none;position:absolute;text-shadow:0 1px 3px rgba(0,0,0,.85);z-index:4}.nightfall-hud-top{align-items:flex-start;display:grid;grid-gap:14px;gap:14px;grid-template-columns:minmax(180px,1fr) auto minmax(110px,.55fr);padding:16px 18px}.nightfall-health,.nightfall-score,.nightfall-timer{display:grid;grid-gap:5px;gap:5px}.nightfall-health span,.nightfall-hud-bottom>span,.nightfall-score span,.nightfall-timer span{color:#d3e6ef;font-size:.76rem;font-weight:700}.nightfall-health>div{background:rgba(10,23,35,.82);border:1px solid rgba(196,251,255,.42);border-radius:4px;height:12px;overflow:hidden}.nightfall-health i{background:linear-gradient(90deg,#f05c72,#ff9a7a);display:block;height:100%;transition:width .12s ease}.nightfall-timer{justify-items:center}.nightfall-timer strong{font-size:1.52rem;line-height:1}.nightfall-score{justify-items:end}.nightfall-score strong{font-size:1.2rem}.nightfall-hud-bottom{align-items:center;bottom:0;display:grid;grid-gap:12px;gap:12px;grid-template-columns:auto minmax(120px,1fr) auto;left:0;padding:14px 18px;position:absolute;right:0}.nightfall-xp{background:rgba(10,23,35,.86);border:1px solid rgba(104,240,192,.46);border-radius:4px;height:8px;overflow:hidden}.nightfall-xp i{background:linear-gradient(90deg,#56dca8,#8ef6ff);display:block;height:100%;transition:width .12s ease}.nightfall-modal{align-items:center;background:rgba(3,8,14,.78);display:flex;inset:0;justify-content:center;padding:22px;position:absolute;z-index:8}.nightfall-modal>div{background:rgba(9,20,31,.96);border:1px solid rgba(116,215,236,.55);border-radius:8px;box-shadow:0 20px 52px rgba(0,0,0,.42);color:#edfaff;max-width:680px;padding:26px;text-align:center;width:min(100%,680px)}.nightfall-modal h2{color:#ffffff;font-size:clamp(1.35rem,3vw,2rem);margin:0 0 10px}.nightfall-modal p{color:#c3d7e1;margin:0 auto 16px;max-width:600px}.nightfall-start-modal>div{max-width:620px}.nightfall-moon{background:#d9fbff;border-radius:50%;box-shadow:0 0 28px rgba(142,246,255,.7);display:inline-block;height:42px;margin-bottom:14px;position:relative;width:42px}.nightfall-moon:after{background:#132535;border-radius:50%;content:"";height:38px;left:13px;position:absolute;top:-4px;width:38px}.nightfall-goal{color:#8ef6ff!important;font-weight:700}.nightfall-instructions{background:rgba(18,42,57,.72);border-left:3px solid #68f0c0;display:grid;grid-gap:6px;gap:6px;margin:18px 0;padding:12px 14px;text-align:left}.nightfall-instructions small,.nightfall-instructions span{color:#c3d7e1;font-size:.82rem}.nightfall-upgrade-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.nightfall-upgrade-grid button{background:#102938;border:1px solid #32687d;border-radius:6px;color:#f3fbff;cursor:pointer;display:grid;grid-gap:7px;gap:7px;min-height:148px;padding:16px;text-align:left}.nightfall-upgrade-grid button:focus-visible,.nightfall-upgrade-grid button:hover{background:#153748;border-color:#8ef6ff;outline:2px solid rgba(142,246,255,.34)}.nightfall-upgrade-grid button[data-upgrade=pierce],.nightfall-upgrade-grid button[data-upgrade=power]{border-top-color:#ff7888}.nightfall-upgrade-grid button[data-upgrade=cadence],.nightfall-upgrade-grid button[data-upgrade=frost]{border-top-color:#72dcff}.nightfall-upgrade-grid button[data-upgrade=magnet],.nightfall-upgrade-grid button[data-upgrade=vitality]{border-top-color:#68f0c0}.nightfall-upgrade-grid button>span{font-size:1rem;font-weight:800}.nightfall-upgrade-grid button strong{color:#8ef6ff;font-size:.72rem;text-transform:uppercase}.nightfall-upgrade-grid button p{font-size:.82rem;margin:0}.nightfall-result-stats{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin:20px 0}.nightfall-result-stats span{background:#102938;border:1px solid #2e5c70;border-radius:6px;color:#adc7d4;display:grid;font-size:.74rem;grid-gap:5px;gap:5px;padding:10px}.nightfall-result-stats strong{color:#ffffff;font-size:1.15rem}.nightfall-result-modal.victory>div{border-color:#68f0c0;box-shadow:0 0 42px rgba(104,240,192,.2)}.nightfall-loader{animation:nightfall-spin .9s linear infinite;border-radius:50%;border:3px solid rgba(142,246,255,.18);border-top-color:#8ef6ff;display:inline-block;height:34px;margin-bottom:12px;width:34px}.nightfall-joystick{background:rgba(8,20,31,.48);border:1px solid rgba(202,240,255,.32);border-radius:50%;bottom:58px;display:none;height:116px;left:22px;position:absolute;touch-action:none;width:116px;z-index:6}.nightfall-joystick>span{background:rgba(142,246,255,.82);border:2px solid #e4fdff;border-radius:50%;box-shadow:0 0 16px rgba(104,240,192,.48);display:block;height:42px;left:35px;position:absolute;top:35px;width:42px}@keyframes nightfall-spin{to{transform:rotate(1turn)}}@media (max-width:760px),(pointer:coarse){.nightfall-shell{min-height:300px}.nightfall-joystick{display:block}.nightfall-hud-top{gap:8px;grid-template-columns:minmax(120px,1fr) auto auto;padding:10px 12px}.nightfall-health span,.nightfall-score span,.nightfall-timer span{font-size:.66rem}.nightfall-timer strong{font-size:1.15rem}.nightfall-hud-bottom{padding:10px 12px}}@media (max-width:640px){.nightfall-toolbar{align-items:flex-start;flex-direction:column}.nightfall-shell{min-height:260px}.nightfall-modal{padding:10px}.nightfall-modal>div{max-height:94%;overflow-y:auto;padding:17px}.nightfall-upgrade-grid{grid-template-columns:1fr}.nightfall-upgrade-grid button{min-height:0}.nightfall-instructions{display:none}.nightfall-start-modal p{font-size:.84rem}.nightfall-joystick{bottom:42px;height:92px;left:12px;width:92px}.nightfall-joystick>span{height:34px;left:27px;top:27px;width:34px}}@media (prefers-reduced-motion:reduce){.broadcast-ticker div,.nightfall-loader{animation:none}}.orbit-merge-workspace{display:grid;grid-gap:14px;gap:14px;margin:18px 0 30px}.orbit-merge-toolbar{align-items:center;display:flex;gap:16px;justify-content:space-between}.orbit-merge-actions,.orbit-merge-toolbar-stats{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.orbit-merge-toolbar-stats>span{color:var(--muted);display:grid;font-size:.76rem;grid-gap:2px;gap:2px;min-width:98px}.orbit-merge-toolbar-stats strong{color:var(--text);font-size:.94rem}.orbit-merge-layout{align-items:start;display:grid;grid-gap:16px;gap:16px;grid-template-columns:minmax(0,720px) minmax(250px,1fr)}.orbit-merge-shell{aspect-ratio:720/840;background:#071426;border:1px solid #173b51;border-radius:6px;box-shadow:0 18px 42px rgba(9,29,44,.16);max-height:780px;overflow:hidden;position:relative;width:100%}.orbit-merge-canvas,.orbit-merge-canvas canvas,.orbit-merge-canvas>div{height:100%!important;width:100%!important}.orbit-merge-canvas canvas{display:block;touch-action:none}.orbit-merge-scoreboard{align-items:center;display:flex;gap:18px;left:18px;pointer-events:none;position:absolute;top:14px;z-index:6}.orbit-merge-scoreboard span{color:rgba(226,247,255,.72);display:grid;font-size:.68rem;grid-gap:1px;gap:1px;text-shadow:0 1px 3px #020617}.orbit-merge-scoreboard strong{color:#fff;font-size:1rem}.orbit-merge-modal{align-items:center;background:rgba(2,8,23,.78);display:flex;inset:0;justify-content:center;padding:18px;position:absolute;text-align:center;z-index:12}.orbit-merge-modal>div{background:#f8fbfd;border:1px solid #b9d5df;border-radius:6px;box-shadow:0 18px 48px rgba(0,0,0,.3);max-width:500px;padding:24px;width:100%}.orbit-merge-modal h2{font-size:1.42rem;margin:0 0 10px}.orbit-merge-modal p{color:var(--muted);font-size:.9rem;margin:0 0 18px}.orbit-merge-modal-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.orbit-merge-logo,.orbit-merge-orb{background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.9) 0 7%,transparent 8%),repeating-conic-gradient(from 10deg,var(--orbit-accent) 0 9deg,transparent 9deg 46deg),var(--orbit-color);border:3px solid rgba(255,255,255,.82);border-radius:50%;box-shadow:inset 0 0 0 6px color-mix(in srgb,var(--orbit-accent) 40%,transparent),0 8px 18px rgba(4,19,31,.2);display:inline-block}.orbit-merge-logo{height:68px;margin-bottom:14px;width:68px}.orbit-merge-sidebar{border:1px solid var(--border);border-radius:6px;display:grid;position:-webkit-sticky;position:sticky;top:82px}.orbit-merge-sidebar>section{padding:16px}.orbit-merge-sidebar>section+section{border-top:1px solid var(--border)}.orbit-merge-sidebar h2{font-size:1rem;margin:0 0 8px}.orbit-merge-sidebar p{color:var(--muted);font-size:.82rem;margin:0}.orbit-merge-next{align-items:center;background:#eef9fb;display:flex;gap:12px;justify-content:space-between}.orbit-merge-next>div{display:grid;grid-gap:3px;gap:3px}.orbit-merge-danger span,.orbit-merge-next span{color:var(--muted);font-size:.72rem}.orbit-merge-next strong{font-size:.98rem}.orbit-merge-orb{flex:0 0 auto;height:54px;width:54px}.orbit-merge-danger>div:first-child{align-items:center;display:flex;justify-content:space-between}.orbit-merge-danger-track{background:#dce7eb;border-radius:999px;height:8px;margin:9px 0 7px;overflow:hidden}.orbit-merge-danger-track i{background:#0ea5a4;display:block;height:100%;transition:width .12s linear}.orbit-merge-danger.warning .orbit-merge-danger-track i{background:#ef4444}.orbit-merge-danger.warning p,.orbit-merge-save-message{color:#b42318}.orbit-merge-save-actions{display:grid;grid-gap:8px;gap:8px;margin-top:12px}.orbit-merge-save-actions .button{justify-content:center;width:100%}.orbit-merge-save-actions .button.danger{border-color:#efb5b5;color:#b42318}.orbit-merge-save-message{margin-top:10px!important}.orbit-merge-result-stats{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 18px}.orbit-merge-result-stats span{background:#eaf3f6;display:grid;font-size:.72rem;grid-gap:3px;gap:3px;padding:10px}.orbit-merge-result-stats strong{font-size:1rem}.orbit-merge-shell:-webkit-full-screen{aspect-ratio:auto;border:0;border-radius:0;height:100vh;max-height:none;width:100vw}.orbit-merge-shell:fullscreen{aspect-ratio:auto;border:0;border-radius:0;height:100vh;max-height:none;width:100vw}@media (max-width:900px){.orbit-merge-layout{grid-template-columns:minmax(0,1fr) minmax(230px,280px)}.orbit-merge-sidebar{position:static}}@media (max-width:720px){.orbit-merge-toolbar{align-items:flex-start;flex-direction:column}.orbit-merge-layout{grid-template-columns:1fr}.orbit-merge-shell{max-height:none}.orbit-merge-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.orbit-merge-sidebar>section+section{border-left:0;border-top:1px solid var(--border)}}@media (max-width:480px){.orbit-merge-sidebar{grid-template-columns:1fr}.orbit-merge-scoreboard{gap:10px;left:10px;top:8px}.orbit-merge-modal{padding:10px}.orbit-merge-modal>div{max-height:94%;overflow-y:auto;padding:17px}.orbit-merge-modal h2{font-size:1.16rem}}@media (prefers-reduced-motion:reduce){.orbit-merge-danger-track i{transition:none}}.flux-workspace{margin-top:22px}.flux-toolbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.flux-actions,.flux-records{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.flux-records>span{color:var(--muted);display:grid;font-size:.78rem;grid-gap:2px;gap:2px;min-width:84px}.flux-records strong{color:var(--text);font-size:1rem}.flux-layout{align-items:start;display:grid;grid-gap:16px;gap:16px;grid-template-columns:minmax(0,720px) minmax(250px,1fr)}.flux-game-panel{background:#f8fafc;border:1px solid var(--border);border-radius:8px;padding:14px}.flux-hud{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:12px}.flux-hud span{background:#111827;border-radius:6px;color:#94a3b8;display:grid;font-size:.72rem;grid-gap:3px;gap:3px;min-height:54px;padding:8px 10px}.flux-hud strong{color:#f8fafc;font-size:1rem;overflow-wrap:anywhere}.flux-board-wrap{margin-inline:auto;max-width:620px;position:relative}.flux-board{aspect-ratio:1;background:#111827;border:1px solid #334155;border-radius:8px;display:grid;grid-gap:clamp(6px,1.3vw,11px);gap:clamp(6px,1.3vw,11px);grid-template-columns:repeat(4,minmax(0,1fr));padding:clamp(8px,1.5vw,14px);touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.flux-cell{align-items:center;aspect-ratio:1;background:#e2e8f0;border:1px solid rgba(15,23,42,.16);border-radius:6px;color:#0f172a;display:flex;font-size:clamp(1.05rem,4.3vw,2.3rem);font-weight:800;justify-content:center;line-height:1;min-width:0;overflow:hidden}.flux-cell.empty{background:#1f2937;border-color:#334155}.flux-cell.tile-1{background:#dbeafe;color:#1e3a8a}.flux-cell.tile-2{background:#bfdbfe;color:#1e3a8a}.flux-cell.tile-3{background:#a7f3d0;color:#064e3b}.flux-cell.tile-4{background:#fde68a;color:#713f12}.flux-cell.tile-5{background:#fdba74;color:#7c2d12}.flux-cell.tile-6{background:#fda4af;color:#881337}.flux-cell.tile-7{background:#c4b5fd;color:#4c1d95}.flux-cell.tile-8{background:#67e8f9;color:#164e63}.flux-cell.tile-9{background:#34d399;color:#052e16}.flux-cell.tile-10{background:#facc15;color:#422006}.flux-cell.tile-11{background:#fb7185;color:#4c0519}.flux-cell.tile-12{background:#818cf8;color:#eef2ff}.flux-cell.tile-13{background:#0f766e;color:#f0fdfa}.flux-modal{align-items:center;background:rgba(15,23,42,.86);border-radius:8px;display:flex;inset:0;justify-content:center;padding:18px;position:absolute;z-index:3}.flux-modal>div{background:#ffffff;border:1px solid #cbd5e1;border-radius:8px;max-width:510px;padding:24px;text-align:center;width:100%}.flux-modal h2{font-size:1.45rem;margin:10px 0 8px}.flux-modal p{color:var(--muted);margin:0 auto 18px;max-width:46ch}.flux-mark{align-items:center;background:#0f766e;border:4px solid #99f6e4;border-radius:50%;color:#ffffff;display:inline-flex;font-size:1.6rem;font-weight:900;height:58px;justify-content:center;width:58px}.flux-modal-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.flux-mode-grid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.flux-abilities button,.flux-mode-grid button{background:#ffffff;border:1px solid var(--border);border-radius:6px;color:var(--text);cursor:pointer;display:grid;grid-gap:5px;gap:5px;padding:14px;text-align:left}.flux-abilities button:not(:disabled):focus-visible,.flux-abilities button:not(:disabled):hover,.flux-mode-grid button:focus-visible,.flux-mode-grid button:hover{border-color:#0f766e;box-shadow:0 0 0 3px rgba(13,148,136,.14)}.flux-abilities span,.flux-mode-grid span{color:var(--muted);font-size:.78rem}.flux-result-grid{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:16px}.flux-result-grid span{background:#f1f5f9;border-radius:6px;color:var(--muted);display:grid;font-size:.76rem;grid-gap:4px;gap:4px;padding:10px}.flux-result-grid strong{color:var(--text);font-size:1.2rem}.flux-target{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;color:#065f46;margin:12px auto 0;max-width:620px;padding:9px 12px;text-align:center}.flux-direction-pad{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(4,52px);justify-content:center;margin-top:12px}.flux-direction-pad button{align-items:center;background:#ffffff;border:1px solid var(--border);border-radius:6px;color:var(--text);cursor:pointer;display:flex;font-size:1.25rem;height:44px;justify-content:center;width:52px}.flux-sidebar{background:#ffffff;border:1px solid var(--border);border-radius:8px;overflow:hidden}.flux-sidebar>section{padding:16px}.flux-sidebar>section+section{border-top:1px solid var(--border)}.flux-sidebar h2{font-size:1rem;margin:0 0 8px}.flux-sidebar p{color:var(--muted);font-size:.86rem;line-height:1.65;margin:0}.flux-abilities,.flux-save-actions{display:grid;grid-gap:8px;gap:8px}.flux-abilities button:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.flux-daily-card{display:grid;grid-gap:8px;gap:8px}.flux-daily-card>div{align-items:center;display:flex;justify-content:space-between}.flux-daily-card span{color:var(--muted);font-size:.78rem}.flux-save-actions{margin-top:12px}.flux-save-actions .button{justify-content:center;width:100%}.flux-save-actions .button.danger{color:#b91c1c}.flux-save-message{color:#047857!important;margin-top:10px!important}.flux-workspace:-webkit-full-screen{background:#f8fafc;overflow:auto;padding:18px}.flux-workspace:fullscreen{background:#f8fafc;overflow:auto;padding:18px}@media (max-width:920px){.flux-layout{grid-template-columns:minmax(0,1fr) 260px}}@media (max-width:760px){.flux-toolbar{align-items:flex-start;flex-direction:column;gap:10px}.flux-layout{grid-template-columns:1fr}.flux-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.flux-sidebar>section+section{border-left:0}}@media (max-width:520px){.flux-game-panel{padding:8px}.flux-hud{grid-template-columns:repeat(2,minmax(0,1fr))}.flux-modal{padding:8px}.flux-modal>div{max-height:94%;overflow-y:auto;padding:16px}.flux-mode-grid,.flux-sidebar{grid-template-columns:1fr}.flux-direction-pad{grid-template-columns:repeat(4,minmax(44px,1fr))}.flux-direction-pad button{width:100%}}@media (prefers-reduced-motion:reduce){.flux-cell{animation:none}}.skyline-workspace{margin-top:20px}.skyline-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.skyline-toolbar-stats{display:grid;grid-template-columns:repeat(3,minmax(112px,1fr));grid-gap:8px;gap:8px;min-width:0}.skyline-scoreboard span,.skyline-toolbar-stats span{display:flex;flex-direction:column;gap:3px;min-width:0;color:var(--muted);font-size:.76rem}.skyline-scoreboard strong,.skyline-toolbar-stats strong{color:var(--text);font-size:.95rem;overflow-wrap:anywhere}.skyline-actions,.skyline-modal-actions,.skyline-save-actions{display:flex;flex-wrap:wrap;gap:8px}.skyline-actions{justify-content:flex-end}.skyline-layout{display:grid;grid-template-columns:minmax(0,720px) minmax(260px,1fr);align-items:start;grid-gap:16px;gap:16px;margin-top:16px}.skyline-shell{position:relative;width:100%;aspect-ratio:6/7;overflow:hidden;border:1px solid #155e75;border-radius:8px;background:#08152e;box-shadow:0 18px 48px rgba(2,8,23,.2)}.skyline-canvas,.skyline-canvas canvas{display:block;width:100%!important;height:100%!important}.skyline-scoreboard{position:absolute;z-index:12;top:12px;left:12px;right:12px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;padding:10px 12px;border:1px solid rgba(125,211,252,.35);border-radius:8px;background:rgba(2,8,23,.78);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.skyline-scoreboard span{color:#bae6fd}.skyline-scoreboard strong{color:#fff}.skyline-modal{position:absolute;z-index:20;inset:0;display:grid;place-items:center;padding:24px;background:rgba(2,8,23,.72);text-align:center}.skyline-modal>div{width:min(100%,500px);padding:24px;border:1px solid rgba(125,211,252,.42);border-radius:8px;background:rgba(7,20,38,.94);box-shadow:0 24px 60px rgba(2,8,23,.45)}.skyline-modal h2{margin:0;color:#fff;font-size:clamp(1.3rem,3vw,2rem)}.skyline-modal p{margin:12px 0 0;color:#bae6fd;line-height:1.65}.skyline-modal-actions{justify-content:center;margin-top:20px}.skyline-mark{display:inline-flex;align-items:flex-end;justify-content:center;gap:4px;width:86px;height:70px;margin-bottom:16px}.skyline-mark i{display:block;width:52px;height:14px;border:2px solid rgba(255,255,255,.8);border-radius:3px;background:#22d3ee;box-shadow:0 5px 16px rgba(34,211,238,.28)}.skyline-mark i:first-child{width:72px;background:#38bdf8}.skyline-mark i:nth-child(2){width:60px;background:#818cf8}.skyline-mark i:nth-child(3){width:48px;background:#f472b6}.skyline-result-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin:18px 0}.skyline-result-stats span{display:flex;flex-direction:column;gap:4px;padding:10px 8px;border:1px solid rgba(125,211,252,.25);border-radius:6px;color:#bae6fd;font-size:.76rem}.skyline-result-stats strong{color:#fff;font-size:1.1rem}.skyline-sidebar{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.skyline-sidebar>section{padding:18px}.skyline-sidebar>section+section{border-top:1px solid var(--line)}.skyline-sidebar h2{margin:0;font-size:1rem}.skyline-sidebar p{margin:8px 0 0;color:var(--muted);font-size:.9rem;line-height:1.65}.skyline-place-panel{background:#ecfeff}.skyline-place-button{width:100%;min-height:50px;font-size:1rem;font-weight:800}.skyline-width-row{display:flex;justify-content:space-between;gap:12px;margin-top:14px;color:#155e75;font-size:.83rem}.skyline-width-track{height:7px;margin-top:7px;overflow:hidden;border-radius:4px;background:#cffafe}.skyline-width-track i{display:block;height:100%;border-radius:inherit;background:#0891b2;transition:width .18s ease}.skyline-run-records{display:grid;grid-gap:10px;gap:10px}.skyline-run-records div{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:.86rem}.skyline-run-records strong{color:var(--text);font-size:1rem}.skyline-save-actions{margin-top:14px}.skyline-save-actions .button{flex:1 1 125px}.skyline-save-message{color:#0f766e!important;font-weight:700}.skyline-shell:-webkit-full-screen{width:100vw;height:100vh;aspect-ratio:auto;border:0;border-radius:0;background:#020817}.skyline-shell:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;border:0;border-radius:0;background:#020817}@media (max-width:1040px){.skyline-layout{grid-template-columns:minmax(0,1fr) 270px}}@media (max-width:840px){.skyline-toolbar{align-items:stretch;flex-direction:column}.skyline-actions{justify-content:flex-start}.skyline-layout{grid-template-columns:minmax(0,1fr)}.skyline-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.skyline-sidebar>section+section{border-top:0;border-left:1px solid var(--line)}.skyline-sidebar>section:nth-child(3){border-top:1px solid var(--line);border-left:0}.skyline-sidebar>section:nth-child(4){border-top:1px solid var(--line)}}@media (max-width:560px){.skyline-toolbar-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.skyline-scoreboard span,.skyline-toolbar-stats span{font-size:.66rem}.skyline-scoreboard strong,.skyline-toolbar-stats strong{font-size:.82rem}.skyline-scoreboard{top:8px;left:8px;right:8px;gap:4px;padding:8px}.skyline-modal{padding:12px}.skyline-modal>div{padding:18px 14px}.skyline-modal p{font-size:.84rem}.skyline-sidebar{display:block}.skyline-sidebar>section+section,.skyline-sidebar>section:nth-child(4){border-top:1px solid var(--line);border-left:0}.skyline-result-stats{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.skyline-width-track i{transition:none}}