@font-face{font-family:PPMonumentExtended;src:url(/fonts/PPMonumentExtended-Light.otf) format("opentype");font-weight:300;font-style:normal}@font-face{font-family:PPMonumentExtended;src:url(/fonts/PPMonumentExtended-LightItalic.otf) format("opentype");font-weight:300;font-style:italic}@font-face{font-family:PPMonumentExtended;src:url(/fonts/PPMonumentExtended-Regular.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:PPMonumentExtended;src:url(/fonts/PPMonumentExtended-RegularItalic.otf) format("opentype");font-weight:400;font-style:italic}@font-face{font-family:PPMonumentExtended;src:url(/fonts/PPMonumentExtended-Black.otf) format("opentype");font-weight:900;font-style:normal}@font-face{font-family:PPMonumentExtended;src:url(/fonts/PPMonumentExtended-BlackItalic.otf) format("opentype");font-weight:900;font-style:italic}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--black: #2d2e29;--cream: #e3e2dc;--lime: #D3FF28;--orange: #FE5000;--bg: #1a1b17;--panel: #222320;--border: #3a3b36;--text: #e3e2dc;--text-dim: #888880;--radius: 4px}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:13px;line-height:1.4;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.label{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-bottom:6px;display:block}.section{padding:14px 16px;border-bottom:1px solid var(--border)}textarea,input[type=text]{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:Helvetica Neue,sans-serif;font-size:14px;padding:10px 12px;resize:none;outline:none;transition:border-color .15s}textarea:focus,input[type=text]:focus{border-color:var(--lime)}input[type=range]{-webkit-appearance:none;width:100%;height:3px;background:var(--border);border-radius:2px;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--lime);border-radius:50%;cursor:pointer}.btn{display:inline-flex;align-items:center;gap:5px;padding:7px 13px;border:1px solid var(--border);border-radius:var(--radius);background:transparent;color:var(--text);font-size:11px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap;font-family:inherit}.btn:hover{border-color:var(--text-dim);background:#ffffff0a}.btn-primary{background:var(--lime);border-color:var(--lime);color:var(--black);font-weight:700}.btn-primary:hover{background:#bfe020;border-color:#bfe020}.btn-accent{border-color:var(--orange);color:var(--orange)}.btn-accent:hover{background:#fe50001a}.btn-seg{flex:1;padding:6px 4px;border:1px solid var(--border);border-radius:var(--radius);background:transparent;color:var(--text-dim);font-size:10px;font-weight:600;cursor:pointer;text-align:center;transition:all .15s;letter-spacing:.05em;font-family:inherit}.btn-seg:hover{border-color:var(--text-dim);color:var(--text)}.btn-seg.active{background:#d3ff281a;border-color:var(--lime);color:var(--lime)}.app{display:grid;grid-template-columns:270px 1fr;height:100vh;overflow:hidden}.sidebar{background:var(--panel);border-right:1px solid var(--border);overflow-y:auto;display:flex;flex-direction:column}.main{display:flex;flex-direction:column;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-bottom:1px solid var(--border);flex-shrink:0;gap:10px;background:var(--panel)}.logo{font-size:13px;font-weight:900;letter-spacing:.05em;color:var(--lime);text-transform:uppercase}.logo span{color:var(--text-dim);font-weight:300;letter-spacing:.02em}.canvas-area{flex:1;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden}.canvas-shadow{box-shadow:0 20px 60px #000000b3,0 4px 20px #00000080}.export-bar{display:flex;align-items:center;gap:8px;padding:10px 20px;border-top:1px solid var(--border);flex-shrink:0;background:var(--panel);flex-wrap:wrap}.history-bar{display:flex;gap:5px;padding:8px 16px;border-bottom:1px solid var(--border);overflow-x:auto;flex-shrink:0;align-items:center}.history-bar::-webkit-scrollbar{height:3px}.history-thumb{width:36px;height:36px;border-radius:3px;cursor:pointer;border:1px solid var(--border);overflow:hidden;flex-shrink:0;transition:border-color .15s,transform .1s;display:flex;align-items:center;justify-content:center}.history-thumb:hover{border-color:var(--lime);transform:scale(1.05)}.history-thumb.current{border-color:var(--lime);border-width:2px}.seed-code{font-size:10px;color:var(--text-dim);font-family:monospace;margin-left:auto}.range-row{display:flex;flex-direction:column;gap:5px}.range-head{display:flex;justify-content:space-between}.range-val{font-size:10px;color:var(--lime);font-family:monospace}.color-swatch{width:22px;height:22px;border-radius:3px;cursor:pointer;border:2px solid transparent;transition:all .15s;flex-shrink:0}.color-swatch.active{border-color:#fff;transform:scale(1.15)}.color-swatch:hover:not(.active){transform:scale(1.1)}.palette-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:8px}.weight-tag{padding:4px 8px;border:1px solid var(--border);border-radius:3px;font-size:10px;font-weight:600;color:var(--text-dim);cursor:pointer;transition:all .12s;-webkit-user-select:none;user-select:none}.weight-tag.active{border-color:var(--lime);color:var(--lime);background:#d3ff2814}.weight-tag:hover:not(.active){border-color:var(--text-dim);color:var(--text)}.weights-row{display:flex;gap:4px;flex-wrap:wrap;margin-top:8px}.mini-label{font-size:9px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-bottom:4px;display:block}