#spark-inventor{position:fixed;inset:0;z-index:10000;overflow:auto;background:#081624;color:#eaf4fc;font-family:system-ui,sans-serif;--mint:#a5f48b;--muted:#a5b9ca}#spark-inventor *{box-sizing:border-box}#spark-inventor button,#spark-inventor select{font:inherit;min-height:46px;border:1px solid #496174;border-radius:12px;background:#203648;color:#eef8ff;padding:10px 16px;cursor:pointer}#spark-inventor button:hover{background:#35516a}#spark-inventor button:focus-visible,#spark-inventor select:focus-visible,#spark-inventor input:focus-visible{outline:3px solid #ffd078;outline-offset:3px}#spark-inventor button:disabled{opacity:.45;cursor:default}#spark-inventor .iv-primary{background:var(--mint);color:#123022;border:0;font-weight:800}#spark-inventor .iv-header{padding:18px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #294151;gap:12px}#spark-inventor .iv-brand{font-weight:900;font-size:22px;letter-spacing:-1px}#spark-inventor small{color:var(--muted)}#spark-inventor .iv-tabs{display:flex;gap:8px}#spark-inventor [aria-pressed=true]{border-color:var(--mint);box-shadow:inset 0 0 0 1px var(--mint)}#spark-inventor .iv-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;max-width:1600px;margin:auto;padding:22px;gap:22px}#spark-inventor .iv-scene{height:min(68vh,740px);min-height:400px;position:relative;border:1px solid #44617b;border-radius:24px;overflow:hidden;background:linear-gradient(#659ab8,#b5d9d6)}#spark-inventor canvas{width:100%;height:100%;display:block;touch-action:pan-y}#spark-inventor .iv-scene-label{position:absolute;left:20px;top:18px;color:#103044;font-size:12px;letter-spacing:2px;font-weight:900;pointer-events:none}#spark-inventor .iv-hud{position:absolute;bottom:16px;left:16px;right:16px;display:flex;gap:8px;flex-wrap:wrap;pointer-events:none}#spark-inventor .iv-hud span{padding:10px 14px;border-radius:10px;background:#102b40ed;color:#e9ffff;font-size:13px}#spark-inventor .iv-panel h1{font-size:32px;line-height:1.05;margin:12px 0}#spark-inventor .iv-panel p{line-height:1.5;color:#bccddb}#spark-inventor .iv-kicker{font-size:11px;letter-spacing:2px;color:var(--mint);font-weight:800}#spark-inventor .iv-levels{display:flex;gap:6px;margin:18px 0}#spark-inventor .iv-levels button{flex:1;padding:8px;font-size:12px}#spark-inventor .iv-group{margin:18px 0}#spark-inventor .iv-group label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:1px;margin-bottom:9px;color:var(--muted)}#spark-inventor .iv-parts{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}#spark-inventor .iv-parts button{font-size:12px;padding:12px 5px}#spark-inventor .iv-parts small{display:block;font-size:10px;margin-top:5px}#spark-inventor input[type=range]{width:100%;min-height:44px;accent-color:var(--mint)}#spark-inventor .iv-run{width:100%;margin-top:12px}#spark-inventor .iv-feedback{border:1px solid #476875;border-radius:16px;padding:16px;background:#142e40;line-height:1.5;margin-top:12px;min-height:80px}#spark-inventor .iv-feedback.success{border-color:var(--mint)}#spark-inventor .iv-bottom{display:flex;justify-content:space-between;gap:12px;margin-top:12px;align-items:center}#spark-inventor .iv-tray{display:grid;grid-template-columns:1fr 1fr;gap:7px}#spark-inventor .iv-tray button{font-size:13px;text-align:left}#spark-inventor .iv-program{display:flex;gap:6px;flex-wrap:wrap;min-height:65px;padding:10px;border:1px dashed #4d6c81;border-radius:12px;margin:12px 0}#spark-inventor .iv-program button{font-size:11px;min-height:44px;padding:7px}#spark-inventor .iv-program .active{background:#cfef9b;color:#123022}#spark-inventor .iv-journal{margin:16px 0;background:#102638;border-radius:16px;padding:16px}#spark-inventor .iv-journal h3{font-size:15px;margin:0 0 10px}#spark-inventor .iv-journal p{font-size:13px;color:#bdd0dc}#spark-inventor .iv-save{font-size:12px;color:var(--muted)}#spark-inventor .iv-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;position:absolute;inset:70px 12% 70px;background:#19384a;padding:8px;border-radius:15px}#spark-inventor .iv-grid div{background:#458b83;display:flex;align-items:center;justify-content:center;font-weight:bold;color:white;border-radius:5px}#spark-inventor .iv-grid .wall{background:#243341}#spark-inventor .iv-grid .bot{background:#e48246}#spark-inventor .iv-grid .goal{outline:3px solid #70c8ff}#spark-inventor .iv-fallback{position:absolute;inset:90px 30px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#103044;gap:15px;font-weight:bold;text-align:center}#spark-inventor .iv-fallback svg{width:90%;max-width:460px;height:200px}#spark-inventor details{margin:14px 0;font-size:13px;line-height:1.5;color:#bfd1de}#spark-inventor summary{cursor:pointer;padding:8px 0}#spark-inventor .iv-alert{color:#ffc587;min-height:20px}#spark-inventor .iv-footer{padding:0 24px 24px;text-align:center;color:#92aabd;font-size:12px}#spark-inventor .iv-notes{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}#spark-inventor .iv-notes span{border:1px solid #3d586a;padding:8px 12px;border-radius:30px;font-size:12px;color:#c3d7e1}.inventor-entry{border:1px solid #4b7890;border-radius:24px;padding:34px;margin:18px 0;background:radial-gradient(ellipse at 85% 10%,#436f79 0,transparent 50%),linear-gradient(120deg,#101f37,#183b4c);color:#efffff}.inventor-entry small{color:#befb98;letter-spacing:2px;font-weight:800}.inventor-entry h1{font-size:clamp(32px,5vw,60px);line-height:1.03;letter-spacing:-2px;margin:18px 0}.inventor-entry p{max-width:560px;color:#bdd1e0;line-height:1.6}.inventor-entry button{border:0;border-radius:12px;padding:16px 24px;background:#c2f593;color:#102b23;font-size:16px;font-weight:800;cursor:pointer;min-height:48px}.inventor-entry .iv-entry-actions{display:flex;gap:12px;flex-wrap:wrap}.inventor-entry button+button{background:#274b60;color:white;border:1px solid #658494}@media(max-width:1000px){#spark-inventor .iv-layout{grid-template-columns:1fr 320px;padding:12px;gap:12px}#spark-inventor .iv-header{padding:12px}#spark-inventor .iv-brand{font-size:18px}}@media(max-width:760px){#spark-inventor .iv-layout{grid-template-columns:1fr}#spark-inventor .iv-scene{height:42vh;min-height:290px}#spark-inventor .iv-header{flex-wrap:wrap}#spark-inventor .iv-tabs{order:3;width:100%}#spark-inventor .iv-tabs button{flex:1}#spark-inventor .iv-panel h1{font-size:28px}#spark-inventor .iv-hud span{padding:7px;font-size:11px}#spark-inventor .iv-scene-label{font-size:10px}.inventor-entry{padding:24px}}@media(prefers-reduced-motion:reduce){#spark-inventor *{scroll-behavior:auto!important}}