:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#101113;color:#f1efe7}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 20% 0%,rgba(209,88,48,.18),transparent 28rem),radial-gradient(circle at 82% 15%,rgba(45,142,130,.2),transparent 26rem),linear-gradient(135deg,#101113,#17191b 52%,#151513)}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}.shell{min-height:100vh;padding:18px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;height:58px;max-width:1680px;margin:0 auto 14px}.brand{display:flex;align-items:center;gap:12px}.mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.14);background:#d15830;color:#111;font-weight:800}.brand strong,.brand small{display:block}.brand small{color:#aaa49b;font-size:12px}.links{display:flex;gap:10px}.links a,.linkButton,.ghost,.primary{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;border:1px solid rgba(255,255,255,.14);color:#f1efe7;background:#ffffff0f;text-decoration:none;padding:0 12px;border-radius:7px}.linkButton{cursor:pointer}.intro{max-width:1680px;margin:0 auto 14px;padding:10px 0 18px}.intro h1{margin:0;font-size:clamp(28px,4vw,56px);line-height:1;letter-spacing:0}.intro p{max-width:760px;margin:10px 0 6px;color:#d8d3ca;line-height:1.55}.intro small{color:#aaa49b}.workspace{display:grid;grid-template-columns:minmax(260px,330px) minmax(380px,1fr) minmax(420px,1.25fr);gap:14px;max-width:1680px;margin:0 auto;min-height:calc(100vh - 100px)}.controlPane,.rulePane,.previewPane{border:1px solid rgba(255,255,255,.12);background:#101113c7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:8px;overflow:hidden;min-height:0}.controlPane{padding:16px}.panelTitle,.paneHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;color:#f6f0df}.panelTitle{justify-content:flex-start;font-weight:700;margin-bottom:14px}.paneHeader{padding:0 14px;border-bottom:1px solid rgba(255,255,255,.1)}.paneHeader span,.paneHeader div{display:inline-flex;align-items:center;gap:8px}.field{display:grid;gap:8px;margin-bottom:14px}.options{display:grid;gap:8px;margin:14px 0;padding:12px;background:#ffffff0e;border:1px solid rgba(255,255,255,.08);border-radius:8px}.toggleOption,.numberOption span{display:flex;align-items:center;gap:8px;color:#d8d3ca;font-size:13px}.toggleOption input{width:16px;height:16px;accent-color:#2eb6a3}.toggleOption.disabled{opacity:.72}.tooltip{display:inline-flex;align-items:center;color:#aaa49b;cursor:help}.numberOption{display:grid;grid-template-columns:1fr 74px;align-items:center;gap:10px}.numberOption input{height:32px;padding:0 8px}.numberOption.compact{margin-top:8px}.advancedOptions{margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.08)}.advancedOptions summary{cursor:pointer;color:#e7c46a;font-size:13px}.field span,.meta,.muted{color:#aaa49b;font-size:12px}input,textarea{width:100%;color:#f1efe7;background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:7px;outline:none}input{height:42px;padding:0 12px}textarea{display:block;height:calc(100% - 126px);min-height:420px;resize:none;padding:16px;border:0;border-radius:0;background:#141619;color:#e9ddc5;line-height:1.55;font-family:SFMono-Regular,Consolas,monospace;font-size:13px}.ruleHint{margin:0;padding:9px 14px;color:#aaa49b;font-size:12px;line-height:1.35;border-bottom:1px solid rgba(255,255,255,.08)}.segments{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:4px;background:#ffffff12;border-radius:8px}.segments button,.treeNode{border:0;color:#d8d3ca;background:transparent;min-height:32px;border-radius:6px}.segments button,.treeNode,.ghost,.primary,.advancedOptions summary{cursor:pointer}.segments button.active{color:#111;background:#e7c46a}.primary{width:100%;min-height:42px;color:#121212;background:#2eb6a3;border-color:transparent;font-weight:800}.primary:disabled{opacity:.55}.progress{height:6px;overflow:hidden;margin:16px 0;background:#ffffff1a;border-radius:999px}.progress div{height:100%;background:linear-gradient(90deg,#2eb6a3,#e7c46a,#d15830);transition:width .18s ease}.status,.debug,.runtimeNotices{border-top:1px solid rgba(255,255,255,.1);padding-top:12px;margin-top:12px}.status{display:grid;gap:4px}.status span,.status p{color:#aaa49b;font-size:13px;margin:0}.debug summary{cursor:pointer;color:#f1efe7;font-size:13px;margin-bottom:8px}.debug{max-height:320px;overflow-y:auto;padding-right:4px}.event{display:grid;grid-template-columns:82px 1fr;gap:8px;padding:7px 0;border-top:1px solid rgba(255,255,255,.07)}.event span{color:#e7c46a;font-size:12px}.event p{margin:0;color:#cfc8bd;font-size:12px;line-height:1.35}.runtimeNotices{display:grid;gap:8px}.notice{padding:10px;background:#e7c46a1a;border:1px solid rgba(231,196,106,.24);border-radius:7px}.notice strong{display:block;color:#e7c46a;font-size:12px;text-transform:uppercase}.notice p,.notice small{display:block;margin:4px 0 0;color:#d8d3ca;font-size:12px;line-height:1.35}.v3Summary{display:grid;gap:7px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.v3Summary strong{color:#f6f0df;font-size:13px}.v3Summary p{margin:0;color:#cfc8bd;font-size:12px;line-height:1.35}.v3Metrics{display:flex;flex-wrap:wrap;gap:6px}.v3Metrics span,.validationCard{border:1px solid rgba(255,255,255,.1);background:#ffffff0e;border-radius:7px}.v3Metrics span{padding:4px 7px;color:#aaa49b;font-size:11px}.validationCard{display:grid;grid-template-columns:1fr auto;gap:3px 8px;padding:8px}.validationCard span,.validationCard small{color:#aaa49b;font-size:11px}.validationCard strong{color:#2eb6a3}.validationCard small{grid-column:1 / -1}.warnings{min-height:46px;padding:10px 14px;color:#e7c46a;font-size:13px}.warnings p{margin:0 0 5px}.previewGrid{display:grid;grid-template-columns:minmax(180px,.82fr) minmax(240px,1fr);height:calc(100% - 47px);min-height:520px}.tree{overflow:auto;padding:10px 6px;border-right:1px solid rgba(255,255,255,.1)}.treeNode{display:grid;grid-template-columns:14px minmax(0,1fr);align-items:center;width:100%;text-align:left;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.treeNode.selected{color:#111;background:#e7c46a}.mediaPanel{overflow:auto;padding:16px}.thumb{width:100%;aspect-ratio:16 / 9;object-fit:cover;background:#222528;border:1px solid rgba(255,255,255,.1);border-radius:7px}.placeholder{background:linear-gradient(135deg,rgba(46,182,163,.28),transparent),#222528}.mediaPanel h2{margin:14px 0 8px;font-size:20px;line-height:1.25}.mediaPanel a{display:inline-flex;align-items:center;gap:5px;max-width:100%;color:#8dd8ce;font-size:12px;overflow-wrap:anywhere}.warning{color:#e7c46a;font-size:13px}.mediaError{margin:0;color:#ff9b89;font-size:13px}video,audio,.assetPreview{display:block;width:100%;max-height:360px;margin-top:16px;background:#050505;border-radius:7px}.mediaList{display:grid;gap:16px;margin-top:16px}.mediaEntry{display:grid;gap:8px}.mediaEntryHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#d8d3ca;font-size:12px}.mediaEntryHeader a{flex-shrink:0}.empty{color:#aaa49b;padding:18px;font-size:13px}@media (max-width: 1180px){.workspace,.previewGrid{grid-template-columns:1fr}.tree{max-height:260px;border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}}@media (max-width: 640px){.shell{padding:10px}.topbar{align-items:flex-start;height:auto;flex-direction:column}.links{width:100%}.links a{flex:1}}