:root{--bg:#0e0e0e;--surface:#161616;--surface-raised:#1e1e1e;--text:#f0f0f0;--text-dim:#a0a0a0;--text-faint:#6b6b6b;--border:#2a2a2a;--border-soft:#202020;--line:#333;--ok:#6b9c7d;--warn:#b98a63;--radius:8px;--radius-sm:6px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{letter-spacing:-.01em;margin:0 0 .4em;font-family:Manrope,DM Sans,system-ui,sans-serif;font-weight:600}p{line-height:1.5}a{color:var(--text)}button{font-family:inherit}html,body,#root{min-height:100%}#root{width:100%;max-width:1440px;padding:var(--space-5) clamp(var(--space-4), 3.5vw, 48px) 64px;margin:0 auto}@media (width>=900px){#root{padding-top:var(--space-6)}}.view-tabs{gap:var(--space-2);margin-bottom:var(--space-5);display:flex}.view-tab{border:1px solid var(--border);color:var(--text-dim);border-radius:var(--radius-pill);cursor:pointer;background:0 0;padding:9px 18px;font-size:.86rem;font-weight:600;transition:color .15s,background .15s,border-color .15s}.view-tab:hover{color:var(--text);border-color:var(--line)}.view-tab.active{background:var(--text);border-color:var(--text);color:var(--bg)}.app-header{margin-bottom:var(--space-6)}.app-header h1{font-size:1.35rem;font-weight:600}.app-header p{color:var(--text-dim);margin-top:0;margin-bottom:var(--space-4);max-width:56ch;font-size:.88rem}.header-actions{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.utility-actions{gap:var(--space-1) var(--space-4);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.utility-link{color:var(--text-faint);cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:3px;background:0 0;border:none;padding:0;font-size:.76rem}.utility-link:hover{color:var(--text-dim);-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line)}.toolbar-group{border:1px solid var(--border-soft);border-radius:var(--radius-sm);display:flex;overflow:hidden}.import-label{cursor:pointer;align-items:center;display:inline-flex}.import-message{margin:var(--space-2) 0 0;font-size:.8rem}.import-message.ok{color:var(--ok)}.import-message.error{color:var(--warn)}.progress-line{color:var(--text-faint);margin:var(--space-3) 0 0;font-size:.78rem}.cheat-sheet-btn{color:var(--text-dim);padding:var(--space-2) var(--space-3);cursor:pointer;background:0 0;border:none;font-size:.78rem;font-weight:500;transition:color .15s,background .15s}.cheat-sheet-btn:hover{color:var(--text);background:var(--surface)}.toolbar-group>.cheat-sheet-btn{border-right:1px solid var(--border-soft);border-radius:0}.toolbar-group>.cheat-sheet-btn:last-child{border-right:none}.plantilla-copy-btn{color:var(--text-dim);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:4px 10px;font-size:.75rem}.plantilla-copy-btn:hover{color:var(--text);border-color:var(--line)}.back-btn{color:var(--text-dim);cursor:pointer;margin-bottom:var(--space-4);background:0 0;border:none;padding:0;font-size:.85rem}.back-btn:hover{color:var(--text)}.comparador-remove{color:var(--text-faint);cursor:pointer;background:0 0;border:none;padding:0;font-size:.75rem}.search-bar{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);margin-bottom:var(--space-4);padding:10px 13px;font-size:.92rem}.search-bar::placeholder{color:var(--text-faint)}.search-bar:focus{border-color:var(--line);outline:none}.filter-row{gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.chip,.recent-chip{border:1px solid var(--border);color:var(--text-dim);border-radius:var(--radius-pill);cursor:pointer;background:0 0;padding:5px 11px;font-size:.78rem;transition:border-color .15s,color .15s,background .15s}.chip.active{background:var(--text);border-color:var(--text);color:var(--bg)}.recent-chip:hover,.chip:hover{border-color:var(--line);color:var(--text)}.recent-row{gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin:var(--space-6) 0 var(--space-3);font-size:.72rem;font-weight:600}.card-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);cursor:pointer;text-align:left;transition:border-color .15s,background .15s;position:relative}.card:hover{background:var(--surface-raised);border-color:var(--line)}.card-example-img{aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border-soft);width:100%;margin-bottom:var(--space-3);display:block}.card h3{padding-right:24px;font-size:.95rem;font-weight:600}.card p{color:var(--text-dim);margin:0;font-size:.84rem;line-height:1.45}.favorite-btn{top:var(--space-3);right:var(--space-3);cursor:pointer;color:var(--text-faint);background:0 0;border:none;padding:2px;font-size:1.1rem;line-height:1;position:absolute}.favorite-btn.active{color:var(--text)}.tag-pill{color:var(--text-faint);border:1px solid var(--border-soft);border-radius:var(--radius-pill);margin:var(--space-2) var(--space-1) 0 0;background:0 0;padding:2px 8px;font-size:.66rem;display:inline-block}.empty-state{color:var(--text-dim);text-align:center;padding:48px 0;font-size:.88rem}.detail-view{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-5)}.detail-view h2{font-size:1.2rem}.meta-row{gap:var(--space-4);color:var(--text-faint);margin-bottom:var(--space-4);flex-wrap:wrap;font-size:.82rem;display:flex}.diagram-box{background:var(--bg);border:1px solid var(--border-soft);border-radius:var(--radius);padding:var(--space-4);margin-bottom:var(--space-5);justify-content:center;display:flex}.notes-box{margin-bottom:var(--space-5)}.notes-box h3{color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:600}.notes-textarea{width:100%;min-height:60px;padding:var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--text);resize:vertical;font-family:inherit;font-size:.86rem}.notes-textarea:focus{border-color:var(--line);outline:none}.plantilla-box{background:var(--bg);border:1px solid var(--border-soft);border-radius:var(--radius);padding:var(--space-4);margin:var(--space-4) 0 var(--space-5)}.plantilla-box h3{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);font-size:.72rem;font-weight:600}.plantilla-box ol{margin:var(--space-2) 0 0;padding-left:20px}.plantilla-box li{margin-bottom:var(--space-1);color:var(--text-dim);font-size:.86rem}.checklist-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--border-soft);display:flex}.checklist-item:last-child{border-bottom:none}.checklist-item input{accent-color:var(--text);margin-top:4px}.checklist-item.done span{color:var(--text-faint);text-decoration:line-through}.detail-view h3{margin-top:var(--space-5);font-size:.95rem;font-weight:600}.detail-view ul{margin:var(--space-2) 0;padding-left:20px}.detail-view li{color:var(--text-dim);margin-bottom:var(--space-1);font-size:.88rem}.brand-box{margin-top:var(--space-6);border-top:1px solid var(--border);padding-top:var(--space-5)}.brand-box>strong{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);font-size:.72rem;font-weight:600}.brand-box>p{color:var(--text-dim);font-size:.86rem}.ejemplos-row{gap:var(--space-3);margin:var(--space-2) 0 var(--space-4);padding-bottom:var(--space-1);display:flex;overflow-x:auto}.ejemplo-card{flex:none;width:132px;margin:0}.ejemplo-card img{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border);width:132px;height:165px;display:block}.ejemplo-card figcaption{color:var(--text-faint);margin-top:var(--space-2);font-size:.71rem;line-height:1.35}.swatch-row{gap:var(--space-2);margin:var(--space-2) 0;flex-wrap:wrap;display:flex;position:relative}.swatch{border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;width:30px;height:30px}.swatch-copied{color:var(--text-faint);margin:var(--space-1) 0 var(--space-4);font-size:.76rem}.comparador-box{margin:var(--space-3) 0 var(--space-5)}.comparador-box h3{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);font-size:.72rem;font-weight:600}.comparador-row{gap:var(--space-3);flex-wrap:wrap;display:flex}.comparador-slot{text-align:center;flex:160px}.comparador-slot img{border-radius:var(--radius-sm);border:1px solid var(--border);object-fit:cover;width:100%;max-width:220px;margin:0 auto var(--space-2);display:block}.comparador-slot label{color:var(--text-faint);margin-bottom:var(--space-2);font-size:.76rem;display:block}.comparador-upload{aspect-ratio:4/5;width:100%;max-width:220px;margin:0 auto var(--space-2);border:1px dashed var(--border);border-radius:var(--radius-sm);color:var(--text-faint);cursor:pointer;background:var(--bg);justify-content:center;align-items:center;font-size:.76rem;display:flex}.surprise-card,.install-banner{justify-content:space-between;align-items:center;gap:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;font-size:.86rem;display:flex}.surprise-card{align-items:flex-start}.surprise-card strong{color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:600}.surprise-card p{margin:var(--space-1) 0 0;color:var(--text);font-size:.88rem}.surprise-actions,.install-banner-actions{gap:var(--space-2);flex-shrink:0;align-items:center;display:flex}.cheat-sheet-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.cheat-sheet-table{border-collapse:collapse;width:100%;margin-bottom:var(--space-5)}.cheat-sheet-table th,.cheat-sheet-table td{text-align:left;padding:var(--space-3);border-bottom:1px solid var(--border-soft);font-size:.84rem}.cheat-sheet-table th{color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:600}.cheat-sheet-tip{background:var(--bg);border:1px solid var(--border-soft);border-radius:var(--radius);padding:var(--space-4);color:var(--text-dim);font-size:.86rem}.calendar-day{background:var(--bg);border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}.calendar-day.done{border-color:var(--text-dim)}.calendar-day-header{justify-content:space-between;align-items:center;display:flex}.calendar-day-header strong{font-size:.86rem;font-weight:600}.calendar-check{align-items:center;gap:var(--space-1);color:var(--text-faint);font-size:.7rem;display:flex}.calendar-day select,.calendar-tema{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);padding:7px 9px;font-family:inherit;font-size:.8rem}.calendar-day select:focus,.calendar-tema:focus{border-color:var(--line);outline:none}.calendar-suggestion{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);gap:var(--space-1);flex-direction:column;display:flex}.calendar-suggestion-line{color:var(--text-dim);align-items:baseline;gap:var(--space-2);flex-wrap:wrap;margin:0;font-size:.78rem;display:flex}.calendar-suggestion-line strong{color:var(--text)}.calendar-suggestion-use{border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-dim);cursor:pointer;background:0 0;margin-left:auto;padding:2px 9px;font-size:.68rem}.calendar-suggestion-use:hover{color:var(--text);border-color:var(--line)}.calendar-suggestion-figma-link,.figma-template-link{font:inherit;color:inherit;cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:3px;background:0 0;border:none;padding:0}.calendar-suggestion-figma-link:hover,.figma-template-link:hover{-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line)}.calendar-view{margin-bottom:var(--space-6)}.calendar-toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.calendar-toolbar h1{margin:0;font-size:1.35rem;font-weight:600}.calendar-subtitle{color:var(--text-dim);max-width:64ch;margin-top:0;font-size:.88rem}.month-nav{align-items:center}.month-label{padding:0 var(--space-3);white-space:nowrap;font-size:.82rem}.month-grid{gap:var(--space-2);margin:var(--space-4) 0;grid-template-columns:repeat(7,1fr);display:grid}.month-grid-weekday{text-align:center;color:var(--text-dim);font-size:.75rem}.month-grid-empty-day{text-align:center;padding:var(--space-2);color:var(--text-faint);font-size:.8rem}@media (width<=640px){.month-grid{grid-template-columns:1fr}.month-grid-weekday,.month-grid-blank,.month-grid-empty-day{display:none}}