:root{--bg: #060B14;--surface: #0C1526;--surface2: #101C33;--line: #1C2C4A;--text: #E8EFFA;--muted: #8AA0C4;--faint: #5A7099;--blue: #3D8BFF;--blue-deep: #0066FF;--cyan: #00E5FF;--amber: #FFB020;--green: #2EE6A8;--red: #FF5C7A;--display: "Archivo", system-ui, sans-serif;--body: "IBM Plex Sans", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--body);font-size:15px}button{font-family:var(--body);cursor:pointer}input,select,textarea{font-family:var(--body)}.btn{background:var(--blue-deep);color:#fff;border:none;border-radius:8px;padding:9px 16px;font-weight:600;font-size:14px}.btn:hover{filter:brightness(1.15)}.btn:disabled{opacity:.5;cursor:default}.btn-ghost{background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:8px;padding:8px 14px;font-size:13.5px}.btn-ghost:hover{color:var(--text);border-color:var(--blue)}.btn-ghost.active{color:var(--text);border-color:var(--blue);background:var(--surface2)}.btn-danger{background:transparent;color:var(--red);border:1px solid var(--line);border-radius:8px;padding:8px 14px;font-size:13.5px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:12.5px;color:var(--muted);font-weight:500}.field input,.field select{background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:8px;padding:9px 12px;font-size:14px;outline:none}.field input:focus,.field select:focus{border-color:var(--blue)}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px}.auth-wrap{min-height:100%;display:grid;place-items:center;padding:24px}.auth-box{width:100%;max-width:400px;padding:32px}.auth-box h1{font-family:var(--display);font-weight:800;font-size:28px;margin:0 0 4px}.auth-box h1 span{color:var(--blue)}.auth-box .sub{color:var(--muted);font-size:14px;margin:0 0 24px}.auth-switch{margin-top:16px;font-size:13.5px;color:var(--muted)}.auth-switch a{color:var(--blue);cursor:pointer;text-decoration:none}.err{color:var(--red);font-size:13px;margin-top:10px}.dash{max-width:1100px;margin:0 auto;padding:32px 24px}.dash-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.dash-head h1{font-family:var(--display);font-weight:800;font-size:26px;margin:0}.dash-head h1 span{color:var(--blue)}.proj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.proj-card{padding:18px;display:flex;flex-direction:column;gap:10px}.proj-card h3{margin:0;font-size:16px;font-weight:600}.proj-card .meta{color:var(--faint);font-size:12px;font-family:var(--mono)}.proj-card .row{display:flex;gap:8px;flex-wrap:wrap}.empty{padding:48px;text-align:center;color:var(--muted)}.editor{display:grid;grid-template-rows:52px 1fr 34px;grid-template-columns:216px 1fr 264px;height:100vh;overflow:hidden}.ed-topbar{grid-column:1 / 4;display:flex;align-items:center;gap:10px;padding:0 14px;background:var(--surface);border-bottom:1px solid var(--line)}.ed-topbar .title{font-family:var(--display);font-weight:700;font-size:15px;margin-right:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.ed-topbar .brand{font-family:var(--display);font-weight:800;color:var(--blue);text-decoration:none;font-size:15px}.ed-topbar .spacer{flex:1}.ed-topbar .save-state{font-family:var(--mono);font-size:11.5px;color:var(--faint);white-space:nowrap}.ed-topbar .save-state.saving{color:var(--amber)}.ed-topbar .save-state.saved{color:var(--green)}.ed-topbar .save-state.error{color:var(--red)}.ed-left{background:var(--surface);border-right:1px solid var(--line);overflow-y:auto;padding:12px}.ed-left h4{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin:14px 0 8px}.palette-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:var(--surface2);border:1px solid var(--line);color:var(--text);border-radius:8px;padding:8px 10px;margin-bottom:6px;font-size:13px}.palette-item:hover{border-color:var(--blue)}.palette-item .dot{width:10px;height:10px;border-radius:3px;flex:none}.ed-canvas{position:relative;overflow:hidden;background:var(--bg)}.wire-hint{position:absolute;top:12px;left:50%;transform:translate(-50%);background:var(--surface2);border:1px solid var(--blue);color:var(--text);border-radius:999px;padding:7px 16px;font-size:13px;z-index:5;white-space:nowrap}.wire-hint b{color:var(--cyan)}.ed-right{background:var(--surface);border-left:1px solid var(--line);overflow-y:auto;padding:14px}.ed-right h3{font-size:14px;margin:0 0 4px;font-weight:600}.ed-right .kind{font-family:var(--mono);font-size:11px;color:var(--faint);margin-bottom:14px}.prop-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.prop-row label{font-size:12.5px;color:var(--muted);flex:none}.prop-row input,.prop-row select{background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:6px;padding:6px 8px;font-size:13px;width:130px;outline:none}.prop-row input:focus{border-color:var(--blue)}.prop-actions{display:flex;flex-direction:column;gap:8px;margin-top:16px}.none-selected{color:var(--faint);font-size:13px;text-align:center;margin-top:40px;line-height:1.7}.ed-footer{grid-column:1 / 4;display:flex;align-items:center;gap:12px;padding:0 14px;background:var(--surface);border-top:1px solid var(--line);font-size:11.5px;color:var(--faint)}.ed-footer .aviso{color:var(--amber)}.share-top{display:flex;align-items:center;gap:12px;padding:12px 18px;background:var(--surface);border-bottom:1px solid var(--line)}.share-top h1{font-family:var(--display);font-size:17px;margin:0}.share-top .ro{font-family:var(--mono);font-size:11px;color:var(--amber);border:1px solid var(--amber);border-radius:999px;padding:2px 10px}.only-mobile,.drawer-close{display:none}.ed-canvas{touch-action:none}@media(max-width:920px){.only-mobile{display:inline-flex}.editor{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.ed-topbar{grid-column:1;flex-wrap:wrap;height:auto;min-height:48px;padding:8px 10px;gap:6px}.ed-topbar .title{max-width:40vw}.ed-canvas{grid-column:1}.ed-footer{grid-column:1;flex-wrap:wrap;height:auto;min-height:30px;padding:6px 10px;gap:6px}.ed-left,.ed-right{position:fixed;top:0;bottom:0;z-index:30;width:min(300px,85vw);transition:transform .2s ease;box-shadow:0 0 40px #0000008c}.ed-left{left:0;transform:translate(-105%)}.ed-left.open{transform:none}.ed-right{right:0;transform:translate(105%)}.ed-right.open{transform:none}.drawer-close{display:block;width:100%;margin-bottom:10px;background:var(--surface2);border:1px solid var(--line);color:var(--muted);border-radius:8px;padding:8px;font-size:13px}.dash{padding:20px 14px}.auth-box{padding:24px 20px}}.toast{position:fixed;bottom:20px;right:20px;z-index:50;background:var(--surface2);border:1px solid var(--line);border-left:3px solid var(--blue);color:var(--text);border-radius:10px;padding:12px 16px;font-size:13.5px;max-width:360px}.toast.error{border-left-color:var(--red)}