:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f4f5;background:#09090b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{background:#09090b;min-height:100%;margin:0}button,input,select{font:inherit}canvas{image-rendering:pixelated;image-rendering:crisp-edges}a{color:inherit}.app{background:radial-gradient(circle at top,#18181b,#09090b 45%);min-height:100vh;padding:16px}.shell{flex-direction:column;gap:16px;max-width:1500px;margin:0 auto;display:flex}.card{background:#18181bdb;border:1px solid #27272a;border-radius:18px;box-shadow:0 18px 50px #00000040}.card-pad{padding:16px}.header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.title{margin:0;font-size:24px;line-height:1.15}.subtle{color:#a1a1aa;font-size:13px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.grid-main{grid-template-columns:350px minmax(420px,1fr) 410px;gap:16px;display:grid}@media (width<=1220px){.grid-main{grid-template-columns:1fr}}.section{flex-direction:column;gap:12px;margin-bottom:18px;display:flex}.section-title{align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.btn{color:#fff;cursor:pointer;background:#059669;border:1px solid #047857;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:9px 12px;transition:all .15s;display:inline-flex}.btn:hover{background:#10b981}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.secondary{background:#27272a;border-color:#3f3f46}.btn.secondary:hover{background:#3f3f46}.btn.purple{background:#7e22ce;border-color:#7e22ce}.btn.danger{background:#7f1d1d;border-color:#991b1b}.btn.small{border-radius:10px;padding:6px 9px;font-size:12px}.btn.active{outline:2px solid #34d399}.field{display:block}.field span{color:#a1a1aa;margin-bottom:5px;font-size:12px;display:block}.field input,.field select{color:#f4f4f5;background:#09090b;border:1px solid #3f3f46;border-radius:12px;outline:none;width:100%;padding:9px 10px}.field input:focus,.field select:focus{border-color:#34d399}.two{grid-template-columns:1fr 1fr;gap:10px;display:grid}.three{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.info{color:#a1a1aa;background:#09090b;border-radius:14px;padding:12px;font-size:12px}.canvas-wrap{background:#000;border:1px solid #27272a;border-radius:16px;max-height:790px;padding:8px;overflow:auto}.sheet-canvas{cursor:crosshair;touch-action:none;border-radius:12px;display:block}.preview-canvas{touch-action:none;background:#000;border:1px solid #27272a;border-radius:16px;margin:0 auto;display:block}.sequence{background:#09090b;border:1px solid #27272a;border-radius:16px;flex-direction:column;gap:6px;max-height:240px;padding:8px;display:flex;overflow:auto}.seq-item{background:#18181b;border-radius:12px;align-items:center;gap:6px;padding:6px;font-size:12px;display:flex}.seq-item button.name{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.pool{background:#09090b;border:1px solid #27272a;border-radius:16px;grid-template-columns:repeat(5,1fr);gap:6px;max-height:220px;padding:8px;display:grid;overflow:auto}.pool button{color:#f4f4f5;background:#18181b;border:1px solid #3f3f46;border-radius:10px;padding:8px 4px;font-size:11px}.pool button.active{background:#a855f733;border-color:#c084fc}.help-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}@media (width<=1000px){.help-grid{grid-template-columns:1fr 1fr}}@media (width<=620px){.help-grid{grid-template-columns:1fr}}.help-card{color:#a1a1aa;background:#09090b;border:1px solid #27272a;border-radius:14px;padding:12px;font-size:12px}.help-card b{color:#e4e4e7}.badge{color:#d4d4d8;background:#18181b;border:1px solid #3f3f46;border-radius:999px;align-items:center;padding:3px 8px;font-size:11px;display:inline-flex}hr{border:none;border-top:1px solid #27272a;margin:10px 0}