@font-face{font-family:MalvinasSans;src:url(/fonts/TrapoMalvinas-Regular.otf?v=26) format("opentype");font-weight:400;font-style:normal;font-display:swap}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #080810;--text: #f0ede8;--muted: rgba(240,237,232,.45);--accent: #38bdf8}html,body{width:100%;min-height:100%;background:var(--bg);color:var(--text);font-family:DM Mono,monospace}a{color:inherit}#app{display:flex;min-height:100vh}#preview-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem 2rem;gap:1rem;min-width:0}#page-title{text-align:center;margin-bottom:1rem;z-index:20}#about-trigger{display:block;background:none;border:none;padding:0;margin:.5rem auto 0;font-family:DM Mono,monospace;font-size:.62rem;letter-spacing:.06em;color:var(--muted);text-decoration:underline;text-underline-offset:2px;cursor:pointer;transition:color .2s}#about-trigger:hover{color:var(--text)}#about-overlay{position:fixed;inset:0;background:#080810d9;backdrop-filter:blur(12px);z-index:100;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .4s ease}#about-overlay.open{opacity:1;pointer-events:all}#about-box{background:#f0ede80a;border:1px solid rgba(240,237,232,.1);border-radius:16px;padding:2.6rem;max-width:560px;width:90%;max-height:80vh;overflow-y:auto;position:relative;transform:translateY(30px);transition:transform .4s cubic-bezier(.16,1,.3,1)}#about-overlay.open #about-box{transform:translateY(0)}#about-box h2{font-family:Cormorant Garamond,serif;font-size:clamp(1.7rem,4vw,2.4rem);font-weight:300;letter-spacing:.04em;text-transform:uppercase;margin-bottom:1.3rem;color:var(--text)}#about-box p{font-family:DM Mono,monospace;font-size:.82rem;line-height:1.85;color:#f0ede8d9}#about-box a{color:#38bdf8;text-decoration:underline}#about-close{position:absolute;top:1.1rem;right:1.4rem;background:none;border:none;color:var(--muted);font-size:1.4rem;cursor:pointer;line-height:1;transition:color .2s}#about-close:hover{color:var(--text)}#canvas-wrap{position:relative;display:flex;align-items:center;justify-content:center;max-width:100%}#stage{max-width:min(72vw,760px);max-height:78vh;width:auto;height:auto;display:block;border-radius:4px;box-shadow:0 0 0 1px #f0ede81a,0 20px 60px #00000080;touch-action:none;cursor:default}#stage.hovering{cursor:grab}#stage.dragging{cursor:grabbing}#dims{font-size:.68rem;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}#panel{width:380px;flex-shrink:0;background:#f0ede808;border-left:1px solid rgba(240,237,232,.08);padding:5.5rem 1.8rem 2.5rem;overflow-y:auto;max-height:100vh}#mobile-tabs,#mobile-format-slot,#mobile-text-slot,#mobile-format-overlay,.preset-label-short,#capas-toggle,#capas-popover,#estilo-toggle,#estilo-popover{display:none}.hint{font-size:.62rem;color:var(--muted);letter-spacing:.03em;margin:-.3rem 0 .8rem;line-height:1.5}#quick-download{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.qd-btn{background:#f0ede80d;border:1px solid rgba(240,237,232,.15);color:var(--text);font-family:DM Mono,monospace;padding:.9rem 1rem;border-radius:10px;cursor:pointer;text-align:left;transition:background .15s,border-color .15s}.qd-btn:hover{background:#38bdf81a;border-color:#38bdf866}.qd-btn:disabled{opacity:.5;cursor:default}.qd-btn strong{display:block;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;margin-bottom:.2rem}.qd-btn small{display:block;font-size:.66rem;color:var(--muted)}#manual-download{margin-bottom:.5rem}#manual-download summary{font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);cursor:pointer;list-style:none;margin:.8rem 0 1rem}#manual-download summary::-webkit-details-marker{display:none}#manual-download summary:before{content:"▸ "}#manual-download[open] summary:before{content:"▾ "}h1{font-family:MalvinasSans,sans-serif;font-size:2.6rem;letter-spacing:.01em;margin-bottom:.2rem;color:var(--text)}#subtitle{font-size:.68rem;color:var(--muted);letter-spacing:.1em;margin-bottom:2rem}#stamp{font-size:.72rem;color:var(--accent);letter-spacing:.2em;text-transform:uppercase;opacity:.85}#counter{font-size:.62rem;color:var(--muted);letter-spacing:.1em;margin-top:.5rem;min-height:1em}#counter strong{color:var(--text);font-weight:400}.group{margin-bottom:1.6rem}.group-title{font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:.7rem}label.row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.55rem;font-size:.72rem}.color-row{display:flex;gap:1.4rem}.color-field{display:flex;align-items:center;gap:.55rem;font-size:.72rem;color:#f0ede8bf;cursor:pointer}label.row span.name{color:#f0ede8bf;flex-shrink:0}label.row span.name svg{display:block;width:20px;height:16px}textarea#txt-input{width:100%;min-height:90px;background:#f0ede80f;border:1px solid rgba(240,237,232,.15);border-radius:8px;color:var(--text);font-family:MalvinasSans,sans-serif;font-size:1rem;padding:.8rem .9rem;resize:vertical;outline:none;transition:border-color .2s;line-height:1.4}textarea#txt-input:focus{border-color:#f0ede866}#layer-list{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.7rem}.layer-chip{box-sizing:border-box;width:100%;height:2.7rem;display:flex;align-items:center;gap:.55rem;background:#f0ede80d;border:1px solid rgba(240,237,232,.15);border-left:4px solid transparent;border-radius:8px;padding:0 .6rem 0 .55rem;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}.layer-chip:hover:not(.active){border-color:#38bdf866;background:#38bdf814;border-left-color:#38bdf866;transform:translate(3px)}.layer-chip:hover:not(.active) .dot{background:#38bdf88c}.layer-chip.active{background:#38bdf8;border-color:#38bdf8;border-left-color:#080810;box-shadow:0 2px 12px #38bdf859}.layer-chip .dot{flex-shrink:0;width:7px;height:7px;border-radius:50%;background:#f0ede840;transition:background .15s,box-shadow .15s}.layer-chip.active .dot{background:#080810;box-shadow:none}.layer-chip .chip-swatch{flex-shrink:0;width:18px;height:18px;border-radius:4px;border:1.5px solid rgba(240,237,232,.35);padding:0;cursor:pointer;background:none;margin-left:.3rem}.layer-chip.active .chip-swatch{border-color:#0808108c}.layer-chip .chip-swatch::-webkit-color-swatch-wrapper{padding:0;border-radius:3px}.layer-chip .chip-swatch::-webkit-color-swatch{border:none;border-radius:3px}.layer-chip .chip-swatch::-moz-color-swatch{border:none;border-radius:3px}.layer-chip span.label{flex:1;min-width:0;font-family:MalvinasSans,sans-serif;font-size:.95rem;letter-spacing:.01em;color:#f0ede8cc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-chip.active span.label{color:#080810}.layer-chip.hidden-layer span.label{opacity:.4;text-decoration:line-through}.layer-chip.hidden-layer .dot{opacity:.4}.layer-chip .layer-actions{flex-shrink:0;display:flex;align-items:center;gap:.15rem}.layer-chip button.layer-del{flex-shrink:0;background:none;border:none;color:var(--muted);font-size:.85rem;line-height:1;cursor:pointer;padding:.3rem .25rem;margin-left:.2rem;transition:color .2s}.layer-chip button.layer-del:hover{color:var(--text)}.layer-chip button.layer-del:disabled{opacity:.3;cursor:default}.layer-chip.active button.layer-del{color:#0808108c}.layer-chip.active button.layer-del:hover{color:#080810}.layer-chip button.layer-order{flex-shrink:0;background:none;border:none;color:var(--muted);font-size:.6rem;line-height:1;cursor:pointer;padding:.3rem .2rem;transition:color .2s}.layer-chip button.layer-order:hover{color:var(--text)}.layer-chip button.layer-order:disabled{opacity:.25;cursor:default}.layer-chip.active button.layer-order{color:#0808108c}.layer-chip.active button.layer-order:hover{color:#080810}.layer-chip button.layer-eye{flex-shrink:0;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--muted);cursor:pointer;padding:.3rem .2rem;opacity:.85;transition:opacity .2s,color .2s}.layer-chip.active button.layer-eye{color:#080810a6}.layer-chip button.layer-eye:hover{opacity:1}.layer-chip button.layer-eye.off{opacity:.45}.text-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.6rem}.text-actions button{background:#f0ede80d;border:1px solid rgba(240,237,232,.2);color:#f0ede8cc;font-family:DM Mono,monospace;font-weight:700;font-size:.74rem;letter-spacing:.1em;padding:.65rem .4rem;border-radius:8px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.text-actions button:hover{color:var(--text);border-color:#f0ede866}.text-actions button:disabled{opacity:.35;cursor:default}.text-actions button:disabled:hover{color:#f0ede8cc;border-color:#f0ede833}#bold-toggle{flex:1 1 auto;min-width:100px}#bold-toggle.on{background:#38bdf82e;border-color:#38bdf8;color:var(--text)}.icon-btn{flex:0 0 auto;width:60px;display:flex;align-items:center;justify-content:center;padding:.3rem 0}.icon-btn .glyph{font-family:MalvinasSans,sans-serif;font-weight:400;font-size:2.1rem;line-height:1}#insert-nuncamas{width:78px}#insert-nuncamas .glyph{font-size:3.6rem}#insert-argentina .glyph{font-size:2.8rem}#add-layer,#add-shape{width:100%;background:#f0ede80d;border:1px dashed rgba(240,237,232,.25);color:#f0ede8bf;font-family:DM Mono,monospace;font-size:.68rem;letter-spacing:.05em;padding:.55rem;border-radius:8px;cursor:pointer;margin-bottom:.5rem;transition:background .15s,border-color .15s,color .15s}#add-shape{margin-bottom:1.1rem}#add-layer:hover,#add-shape:hover{color:var(--text);border-color:#f0ede880;background:#f0ede814}#preset-cronica{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;background:#9a180b26;border:1px solid rgba(154,24,11,.5);border-radius:8px;padding:.5rem .6rem;cursor:pointer;margin-bottom:.9rem;transition:background .15s,border-color .15s}#preset-cronica:hover{background:#9a180b47;border-color:#9a180bcc}.pc-logo-box{flex-shrink:0;display:flex;align-items:center;background:#fff;border:1.5px solid #000;border-radius:6px;padding:.18rem .4rem}.pc-logo-box img{height:13px;display:block}.pc-time{display:flex;flex-direction:column;gap:2px}.pc-hour,.pc-temp{background:#000;color:#ffd400;font-family:DM Mono,monospace;font-size:.52rem;font-weight:700;letter-spacing:.01em;padding:1px 5px;border-radius:2px;line-height:1.4;text-align:center}#editing-label{display:flex;align-items:center;gap:.5rem;font-size:.68rem;letter-spacing:.04em;color:#38bdf8;background:#38bdf824;border:1px solid rgba(56,189,248,.45);border-radius:8px;padding:.55rem .7rem;margin-bottom:1.1rem}#editing-label:before{content:"";flex-shrink:0;width:7px;height:7px;border-radius:50%;background:#38bdf8;box-shadow:0 0 0 3px #38bdf838}#editing-label strong{color:var(--text);font-weight:400}input[type=range]{flex:1;accent-color:var(--accent)}input[type=number]{width:64px;background:#f0ede80f;border:1px solid rgba(240,237,232,.15);border-radius:5px;color:var(--text);font-family:DM Mono,monospace;font-size:.72rem;padding:.3rem .4rem;outline:none}input[type=color]{width:32px;height:28px;border:1px solid rgba(240,237,232,.2);border-radius:5px;background:none;cursor:pointer;padding:0}.eyedropper-btn{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#f0ede80f;border:1px solid rgba(240,237,232,.2);border-radius:5px;color:#f0ede8bf;cursor:pointer;padding:0;transition:color .2s,border-color .2s,background .2s}.eyedropper-btn:hover{color:var(--text);border-color:#f0ede873}.eyedropper-btn.active{color:#080810;background:#38bdf8;border-color:#38bdf8}#stage.picking-color{cursor:crosshair}input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}#transparent-row{transition:opacity .2s}#canvas-wrap.checkerboard{border-radius:4px;background-image:linear-gradient(45deg,#555 25%,transparent 25%),linear-gradient(-45deg,#555 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#555 75%),linear-gradient(-45deg,transparent 75%,#555 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}.seg{display:flex;gap:.35rem}.seg button{flex:1;display:flex;align-items:center;justify-content:center;background:#f0ede80f;border:1px solid rgba(240,237,232,.15);color:var(--muted);padding:.5rem .3rem;border-radius:6px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.seg button:hover{color:var(--text)}.seg button.active{background:#38bdf826;border-color:#38bdf880;color:var(--text)}.seg button:disabled{opacity:.3;cursor:not-allowed}.seg label.color-swatch{flex:1;display:flex;align-items:center;justify-content:center;background:#f0ede80f;border:1px solid rgba(240,237,232,.15);border-radius:6px;padding:.3rem;cursor:pointer;transition:border-color .15s}.seg label.color-swatch:hover{border-color:#f0ede859}.seg label.color-swatch input[type=color]{width:100%;height:1.55rem;border:none;border-radius:4px;background:none;padding:0;cursor:pointer}#font-dl{display:inline-block;margin-top:.9rem;font-size:.68rem;letter-spacing:.06em;color:var(--muted);text-decoration:none;transition:color .2s}#font-dl:hover{color:var(--text)}.presets{display:flex;flex-wrap:nowrap;gap:.35rem;margin-bottom:.8rem}.presets button{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:.3rem;background:#f0ede80f;border:1px solid rgba(240,237,232,.15);color:var(--muted);font-family:DM Mono,monospace;font-size:.56rem;letter-spacing:.02em;padding:.45rem .2rem .4rem;border-radius:8px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.presets button:hover{color:var(--text);border-color:#f0ede859}.presets button.active{background:#38bdf826;border-color:#38bdf880;color:var(--text)}.preset-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.ratio-swatch{display:block;width:calc(18px * var(--ar));height:18px;border:1.5px solid currentColor;border-radius:2px;opacity:.7;transition:opacity .15s}.presets button.active .ratio-swatch{opacity:1}.preset-label{text-align:center}.dims-row{display:flex;align-items:center;gap:.5rem;font-size:.72rem}.dims-row input{width:70px}#quality-seg{display:flex;gap:.5rem;margin-bottom:.9rem}#quality-seg button{flex:1;background:#f0ede80d;border:1px solid rgba(240,237,232,.15);color:var(--text);font-family:DM Mono,monospace;padding:.8rem .5rem;border-radius:8px;cursor:pointer;transition:background .15s,border-color .15s;text-align:left}#quality-seg button strong{display:block;font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;margin-bottom:.2rem}#quality-seg button small{display:block;font-size:.62rem;color:var(--muted);letter-spacing:.03em}#quality-seg button.active{background:#38bdf824;border-color:#38bdf88c}#quality-seg button.active small{color:#f0ede899}details#advanced{margin-bottom:1.4rem}details#advanced summary{font-size:.66rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);cursor:pointer;list-style:none;margin-bottom:.8rem}details#advanced summary::-webkit-details-marker{display:none}details#advanced summary:before{content:"▸ "}details#advanced[open] summary:before{content:"▾ "}#download-btn{width:100%;background:#38bdf829;border:1px solid rgba(56,189,248,.5);color:var(--text);font-family:DM Mono,monospace;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;padding:.9rem;border-radius:8px;cursor:pointer;transition:background .2s,border-color .2s}#download-btn:hover{background:#38bdf847;border-color:#38bdf8cc}#download-btn:active{transform:scale(.985)}#dl-note{font-size:.62rem;color:var(--muted);text-align:center;margin-top:.6rem;letter-spacing:.03em}@media(max-width:860px){#app{flex-direction:column}#preview-col{padding:3.2rem 1.2rem .5rem}#page-title{margin-bottom:.6rem}#stage{max-width:92vw;max-height:52vh}#panel{width:100%;max-height:none;border-left:none;border-top:1px solid rgba(240,237,232,.08);padding:1rem 1.2rem 5.5rem}h1{font-size:1.5rem}#stamp{font-size:.74rem;letter-spacing:.24em;opacity:.85;color:#38bdf8;margin-top:.1rem}#subtitle{display:none}#mobile-tabs{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:30;background:#080810f0;backdrop-filter:blur(12px);border-top:1px solid rgba(240,237,232,.1)}.tab-btn{flex:1;background:none;border:none;color:var(--muted);font-family:DM Mono,monospace;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;padding:1rem .5rem;cursor:pointer;transition:color .2s}.tab-btn.active{color:#38bdf8}.group[data-tab]{display:none}.group[data-tab].tab-active{display:block}#mobile-format-slot,#mobile-text-slot{display:block;width:100%;max-width:92vw}#mobile-text-slot textarea#txt-input{min-height:64px}#mobile-text-slot .group-title{margin-bottom:.4rem}#mobile-format-overlay{display:flex;justify-content:center;margin-bottom:.6rem}#mobile-format-overlay .presets{display:flex;gap:.3rem;margin-bottom:0;background:#f0ede80d;border:1px solid rgba(240,237,232,.15);border-radius:10px;padding:.3rem}#mobile-format-overlay .presets button{flex:0 0 auto;min-width:0;padding:.3rem .5rem;gap:.2rem}#mobile-format-overlay .ratio-swatch{width:calc(13px * var(--ar));height:13px}#mobile-format-overlay .preset-label{display:none}#mobile-format-overlay .preset-label-short{display:block;font-size:.58rem;letter-spacing:.02em}#capas-toggle{display:flex;align-items:center;justify-content:center;position:absolute;top:.5rem;left:.5rem;z-index:16;width:34px;height:34px;background:#080810b8;backdrop-filter:blur(8px);border:1px solid rgba(240,237,232,.25);border-radius:8px;color:#f0ede8;cursor:pointer}#capas-toggle.active{background:#38bdf8;border-color:#38bdf8;color:#080810}#capas-popover{display:block;position:absolute;top:3rem;left:.5rem;z-index:16;width:min(78vw,300px);max-height:min(60vh,420px);overflow-y:auto;background:#080810eb;backdrop-filter:blur(10px);border:1px solid rgba(240,237,232,.18);border-radius:12px;padding:.8rem;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .15s,transform .15s}#capas-popover.open{opacity:1;transform:translateY(0);pointer-events:all}#estilo-popover{display:block;width:100%;max-width:92vw;max-height:0;overflow:hidden;background:#f0ede80a;border:1px solid rgba(240,237,232,.12);border-radius:12px;margin:0;padding:0 .8rem;opacity:0;transition:max-height .28s ease,opacity .2s ease,margin .28s ease,padding .28s ease}#estilo-popover.open{max-height:70vh;overflow-y:auto;opacity:1;margin:.6rem 0;padding:.8rem}.layer-chip .layer-actions{gap:.35rem}.layer-chip button.layer-order,.layer-chip button.layer-del,.layer-chip button.layer-eye{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#f0ede814;border:1px solid rgba(240,237,232,.22);border-radius:7px;font-size:.8rem;margin-left:0;padding:0}.layer-chip.active button.layer-order,.layer-chip.active button.layer-del,.layer-chip.active button.layer-eye{background:#08081026;border-color:#0808104d}#estilo-toggle{display:flex;align-items:center;justify-content:center;position:absolute;top:.5rem;right:.5rem;z-index:16;width:34px;height:34px;background:#080810b8;backdrop-filter:blur(8px);border:1px solid rgba(240,237,232,.25);border-radius:8px;color:#f0ede8;cursor:pointer}#estilo-toggle.active{background:#38bdf8;border-color:#38bdf8;color:#080810}}#splash{position:absolute;inset:0;z-index:20;background:#080810;opacity:1;border-radius:4px;overflow:hidden;transition:opacity .6s ease;cursor:pointer}#splash img{width:100%;height:100%;object-fit:cover;display:block}#splash.hide{opacity:0;pointer-events:none}#splash-hint{position:absolute;left:0;right:0;bottom:1rem;text-align:center;font-family:DM Mono,monospace;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:#f0ede8;text-shadow:0 1px 6px rgba(0,0,0,.8);opacity:.85;animation:splashHintPulse 1.8s ease-in-out infinite}@keyframes splashHintPulse{0%,to{opacity:.5}50%{opacity:1}}