@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box}:root{--bg:#090909;--s1:#0e0e0e;--s2:#141414;--s3:#1a1a1a;--bd:#181818;--bd2:#202020;--bd3:#2a2a2a;--in:#070707;--tx:#c2c2c2;--tx2:#484848;--tx3:#242424;--wh:#e6e6e6;--ac:#a3e635;--ac-glow:#a3e6351a;--ac-ring:#a3e63529;--green:#22c55e;--danger:#f87171;--pv-bg:#e9e8e3;--r:8px;--tr:.16s cubic-bezier(.4,0,.2,1);--font:"Outfit", -apple-system, "Helvetica Neue", sans-serif}html,body{height:100%;margin:0}body{font-family:var(--font);background:var(--bg);color:var(--tx);-webkit-font-smoothing:antialiased;font-size:12px}#root{flex-direction:column;height:100vh;display:flex}.panel{background:var(--s1);border-right:1px solid var(--bd);border-top:2px solid var(--ac);flex-direction:column;grid-area:1/1;display:flex;overflow:hidden}.ph{border-bottom:1px solid var(--bd);flex-shrink:0;justify-content:space-between;align-items:center;padding:13px 16px 12px;display:flex}.ph-brand{align-items:center;gap:10px;display:flex}.ph-icon{background:var(--bg);border:1px solid var(--bd2);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.ph-eyebrow{letter-spacing:2.5px;text-transform:uppercase;color:var(--ac);opacity:.85;margin-bottom:1px;font-size:7.5px;font-weight:700}.ph-title{color:var(--wh);letter-spacing:-.2px;font-size:12.5px;font-weight:600}.ph-actions{gap:4px;display:flex}.ph-btn{color:var(--tx2);border:1px solid var(--bd2);font-size:10px;font-weight:600;font-family:var(--font);cursor:pointer;transition:all var(--tr);letter-spacing:.1px;background:0 0;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;display:flex}.ph-btn:hover{color:var(--wh);border-color:var(--bd3);background:var(--s2)}.ph-btn:active{transform:scale(.97)}.tab-nav{border-bottom:1px solid var(--bd);background:var(--s1);flex-shrink:0;display:flex}.tab-btn{cursor:pointer;color:var(--tx3);font-family:var(--font);letter-spacing:.4px;text-transform:uppercase;transition:color var(--tr), background var(--tr);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:9px 2px 8px;font-size:7.5px;font-weight:600;display:flex;position:relative}.tab-btn:hover{color:var(--tx2);background:#ffffff04}.tab-btn.on{color:var(--ac)}.tab-btn.on:after{content:"";background:var(--ac);border-radius:2px 2px 0 0;width:70%;height:2px;position:absolute;bottom:0;left:15%}.tab-body{flex:1;overflow-y:auto}.tab-body::-webkit-scrollbar{width:3px}.tab-body::-webkit-scrollbar-thumb{background:var(--bd2);border-radius:2px}.pane{padding-bottom:20px}.sec{padding:16px 18px 6px}.sec-title{letter-spacing:1.5px;text-transform:uppercase;color:var(--tx3);margin:0 0 12px;font-size:9px;font-weight:700}.sdiv{background:var(--bd);height:1px;margin:4px 0}.f{margin-bottom:10px}.f:last-child{margin-bottom:0}.f-label{color:var(--tx2);letter-spacing:.3px;text-transform:uppercase;margin-bottom:5px;font-size:9.5px;font-weight:600;display:block}.f-help{color:var(--tx3);margin-top:3px;font-size:9px;display:block}.row-2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mt-10{margin-top:12px}.inp{background:var(--in);border:1px solid var(--bd2);border-radius:var(--r);width:100%;color:var(--tx);font-size:12px;font-family:var(--font);transition:border-color var(--tr), box-shadow var(--tr);outline:none;padding:8px 10px}.inp:focus{border-color:var(--bd3);box-shadow:0 0 0 3px var(--ac-ring)}.inp::placeholder{color:var(--tx3)}.inp.textarea{resize:vertical;padding:9px 10px;font-size:11.5px;line-height:1.6}.inp:disabled{cursor:not-allowed}.tg{background:var(--in);border:1px solid var(--bd2);border-radius:var(--r);gap:2px;padding:3px;display:flex}.tb{font-size:10.5px;font-family:var(--font);cursor:pointer;color:var(--tx3);transition:all var(--tr);text-align:center;background:0 0;border:none;border-radius:6px;flex:1;padding:6px 3px;font-weight:500}.tb:hover{color:var(--tx2)}.tb.on{background:var(--s3);color:var(--wh);border:1px solid var(--bd2);box-shadow:0 1px 3px #0009,inset 0 1px #ffffff08}.font-grid{grid-template-columns:1fr 1fr;gap:4px;display:grid}.fb{border:1px solid var(--bd2);cursor:pointer;background:var(--in);color:var(--tx3);transition:all var(--tr);text-align:center;border-radius:7px;padding:8px 6px;font-size:12px}.fb:hover{border-color:var(--bd3);color:var(--tx)}.fb.on{background:var(--s2);border-color:var(--bd3);color:var(--wh)}.sl{align-items:center;gap:10px;margin-top:2px;display:flex}.sl input[type=range]{appearance:none;cursor:pointer;background:var(--bd2);border-radius:2px;outline:none;flex:1;height:3px}.sl input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ac);cursor:pointer;border:2px solid #1a2a06;border-radius:50%;width:14px;height:14px;transition:transform .12s,box-shadow .12s;box-shadow:0 1px 4px #00000080}.sl input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 0 4px var(--ac-glow);transform:scale(1.25)}.sl-val{color:var(--tx2);text-align:right;min-width:30px;font-family:monospace;font-size:10px;font-weight:600}.swatches{flex-wrap:wrap;gap:5px;margin-bottom:10px;display:flex}.sw{cursor:pointer;outline-offset:2px;border:2px solid #0000;border-radius:5px;outline:2px solid #0000;flex-shrink:0;width:22px;height:22px;transition:transform .1s,outline-color .15s}.sw:hover{transform:scale(1.14)}.sw.on{outline-color:var(--wh)}.cp-row{align-items:center;gap:8px;display:flex}.cp-row input[type=color]{border:1px solid var(--bd2);cursor:pointer;-webkit-appearance:none;background:0 0;border-radius:7px;flex-shrink:0;width:30px;height:30px;padding:0}.cp-row input[type=color]::-webkit-color-swatch-wrapper{padding:3px}.cp-row input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}.cp-hex{background:var(--in);border:1px solid var(--bd2);color:var(--tx2);letter-spacing:.5px;width:84px;transition:border-color var(--tr);border-radius:6px;outline:none;padding:5px 8px;font-family:monospace;font-size:11px;font-weight:600}.cp-hex:focus{border-color:var(--bd3);color:var(--tx)}.tsw-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.tsw-lbl{color:var(--tx2);letter-spacing:.3px;text-transform:uppercase;font-size:9.5px;font-weight:600}.tsw{background:var(--bd2);cursor:pointer;border:none;border-radius:9px;outline:none;flex-shrink:0;width:32px;height:18px;transition:background .2s;position:relative}.tsw:after{content:"";background:var(--tx3);border-radius:50%;width:14px;height:14px;transition:transform .2s,background .2s;position:absolute;top:2px;left:2px}.tsw.on{background:var(--green)}.tsw.on:after{background:#fff;transform:translate(14px)}.radius-row{align-items:center;gap:10px;display:flex}.radius-box{background:var(--s2);border:1px solid var(--bd2);flex-shrink:0;width:32px;height:32px;transition:border-radius .15s}.img-zone{border:1px dashed var(--bd2);border-radius:var(--r);cursor:pointer;color:var(--tx3);transition:border-color var(--tr), color var(--tr);flex-direction:column;align-items:center;gap:3px;padding:14px 10px;font-size:11px;font-weight:500;display:flex}.img-zone:hover{border-color:var(--bd3);color:var(--tx2)}.img-plus{font-size:20px;font-weight:300;line-height:1}.img-zone small{color:var(--tx3);margin-top:1px;font-size:8.5px}.img-prev{align-items:center;gap:10px;margin-top:2px;display:flex}.img-thumb{object-fit:contain;border:1px solid var(--bd2);background:#111;border-radius:5px;max-width:110px;max-height:36px;padding:4px}.img-clear{color:var(--danger);cursor:pointer;font-size:10px;font-family:var(--font);transition:background var(--tr);background:#f8717114;border:1px solid #f871712e;border-radius:5px;padding:3px 8px}.img-clear:hover{background:#f8717129}.soc-list{flex-direction:column;gap:3px;display:flex}.sr{background:var(--bg);transition:border-color var(--tr);border:1px solid #0000;border-radius:7px;grid-template-columns:20px 74px 1fr;align-items:center;gap:7px;padding:7px 8px;display:grid}.sr:hover,.sr.is-on{border-color:var(--bd)}.swtch{cursor:pointer;border:1.5px solid var(--bd2);background:var(--in);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .15s;display:flex}.swtch.on{background:var(--green);border-color:var(--green)}.sname{color:var(--tx2);white-space:nowrap;font-size:10.5px;font-weight:600}.sr .inp{background:0 0;border-color:#0000;border-radius:5px;padding:4px 7px;font-size:11px}.sr .inp:focus{border-color:var(--bd2);box-shadow:none}.right{background:var(--pv-bg);flex-direction:column;grid-area:1/2;display:flex;overflow:hidden}.tbar{background:#f2f1ec;border-bottom:1px solid #dddcd6;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:9px 20px;display:flex}.tbar-l{align-items:center;gap:10px;display:flex}.tbar-eyebrow{letter-spacing:1.5px;text-transform:uppercase;color:#b4b3ac;font-size:8px;font-weight:700}.view-seg{background:#e8e7e0;border:1px solid #cccbc4;border-radius:8px;gap:2px;padding:3px;display:flex}.vseg-btn{font-size:11px;font-family:var(--font);cursor:pointer;color:#989890;background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:5px 12px;font-weight:500;transition:all .15s;display:flex}.vseg-btn:hover{color:#555}.vseg-btn.on{color:#1a1a1a;background:#fff;box-shadow:0 1px 3px #00000014,0 0 0 1px #0000000a}.tbar-r{align-items:center;gap:8px;display:flex}.tbar-tag{letter-spacing:1.5px;text-transform:uppercase;color:#b4b3ac;font-size:8px;font-weight:700}.tbar-copy{color:#e0e0e0;font-size:11px;font-weight:600;font-family:var(--font);cursor:pointer;letter-spacing:.1px;background:#161616;border:1px solid #242424;border-radius:7px;align-items:center;gap:5px;padding:6px 12px;transition:all .15s;display:flex}.tbar-copy:hover{background:#1e1e1e;border-color:#2e2e2e}.tbar-copy:active{transform:scale(.98)}.tbar-copy.ok{color:#86efac;background:#14532d;border-color:#166534}.tbar-copy.err{color:#f87171;background:#450a0a;border-color:#7f1d1d}.pv-sc{flex:1;justify-content:center;align-items:flex-start;padding:36px 28px;display:flex;overflow:auto}.em-win{background:#fff;border-radius:14px;width:100%;max-width:620px;transition:max-width .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 0 0 1px #0000000d,0 4px 16px #00000014,0 16px 48px #0000001f}.em-win.mob{max-width:390px}.em-chrome{background:#f0efe9;border-bottom:1px solid #e4e3dc;align-items:center;padding:11px 18px;display:flex}.em-dots{gap:5px;display:flex}.edc{border-radius:50%;width:11px;height:11px}.edc.r{background:#ff5f57}.edc.y{background:#febc2e}.edc.g{background:#28c840}.em-meta{margin-left:14px}.em-from{color:#a8a79f;font-family:monospace;font-size:10.5px}.em-subj{color:#c4c3bc;margin-top:2px;font-size:10px}.em-body{padding:30px 34px}.em-txt{color:#c0bfb8;margin:0 0 22px;font-family:Arial,sans-serif;font-size:13px;line-height:1.75}.sig-sep{border:none;border-top:1px solid #ececec;margin:0 0 22px}.sig-render{max-width:600px;display:inline-block}.sig-render *{font-synthesis:none}.pv-foot{background:#f2f1ec;border-top:1px solid #dddcd6;flex-shrink:0;align-items:center;gap:12px;padding:14px 20px;display:flex}.pv-group{flex-direction:column;flex:1;gap:5px;min-width:160px;display:flex}.pv-group-label{letter-spacing:1.5px;text-transform:uppercase;color:#a8a7a0;font-size:8px;font-weight:700;font-family:var(--font)}.cp-btn{color:#e2e2e2;width:100%;font-size:12px;font-weight:600;font-family:var(--font);cursor:pointer;letter-spacing:.1px;background:#161616;border:1px solid #242424;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:9px 14px;transition:all .15s;display:flex}.cp-btn:hover{background:#1e1e1e;border-color:#2e2e2e}.cp-btn:active{transform:scale(.985)}.cp-btn.ok{color:#86efac;background:#14532d;border-color:#166534}.cp-btn.err{color:#f87171;background:#450a0a;border-color:#7f1d1d}.cp-btn.outline{color:#707068;background:0 0;border-color:#d8d7d0}.cp-btn.outline:hover{color:#1a1a1a;background:#fff;border-color:#a8a7a0}.cp-btn.outline.ok{color:#86efac;background:#14532d;border-color:#166534}.cp-btn.outline.err{color:#f87171;background:#450a0a;border-color:#7f1d1d}.dl-btn{color:#909088;width:100%;font-size:11px;font-weight:500;font-family:var(--font);cursor:pointer;background:0 0;border:1px solid #d8d7d0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:7px 12px;transition:all .15s;display:flex}.dl-btn:hover{color:#2a2a2a;background:#fff;border-color:#a8a7a0}.pv-sep{background:#d8d7d0;align-self:stretch;width:1px;margin:0 2px}.guide{background:#eeede8;border-top:1px solid #dddcd6;flex-shrink:0}.guide summary{color:#969590;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:11px;font-family:var(--font);justify-content:space-between;align-items:center;padding:10px 20px;font-weight:500;list-style:none;transition:color .15s;display:flex}.guide summary::-webkit-details-marker{display:none}.guide summary:hover{color:#555}.guide ol{flex-direction:column;gap:5px;margin:0;padding:4px 20px 14px 36px;display:flex}.guide li{color:#7e7d76;font-size:11px;line-height:1.55;font-family:var(--font)}.guide li strong{color:#a07828;font-weight:600}.guide-note{color:#a4a39c;margin:0;padding:0 20px 14px;font-size:10.5px}.guide-note code{background:#e4e3dc;border-radius:3px;padding:1px 5px;font-family:monospace;font-size:10px}.app{flex:1;grid-template-rows:1fr;grid-template-columns:340px 1fr;height:100vh;min-height:0;display:grid;overflow:hidden}