.eso-tool{max-width:900px;margin:auto;background:#1b1b1b;padding:20px;border-radius:12px;border:2px solid #444;font-family:'Open Sans',sans-serif;color:#eee;box-shadow:0 0 20px rgba(0,0,0,.5)}.eso-tool h3{font-family:Cinzel,serif;font-size:1.5em;color:#e2b84d;text-align:center;margin-bottom:15px}.eso-toolbar{display:flex;gap:10px;margin-bottom:15px;padding:10px;background:#2a2a2a;border-radius:8px;border:1px solid #555;flex-wrap:wrap;align-items:center}.eso-toolbar button{background:#444;color:#eee;border:1px solid #666;border-radius:6px;padding:8px 12px;cursor:pointer;font-size:12px;transition:all .2s}.eso-toolbar button:hover{background:#555;border-color:#888}.eso-toolbar button:active{background:#333}.eso-toolbar button:disabled{background:#333;color:#666;cursor:not-allowed}.eso-toolbar button:disabled:hover{background:#333;border-color:#666}.preset-colors{display:flex;gap:4px;margin-left:10px}.preset-color{width:24px;height:24px;border-radius:3px;border:1px solid #666;cursor:pointer;transition:transform .1s}.preset-color:hover{transform:scale(1.1)}.color-picker-wrapper{display:flex;align-items:center;gap:8px;margin-left:10px}.color-picker-input{width:40px;height:30px;border:1px solid #666;border-radius:4px;background:transparent;cursor:pointer;padding:0}.color-picker-input::-webkit-color-swatch-wrapper{padding:2px}.color-picker-input::-webkit-color-swatch{border:0;border-radius:2px}.eso-input{width:100%;height:200px;padding:12px;background:#111;color:#eee;border:1px solid #666;border-radius:8px;font-family:monospace;resize:vertical;font-size:14px;box-sizing:border-box}.eso-input:focus{outline:0;border-color:#e2b84d;box-shadow:0 0 0 2px rgba(226,184,77,.2)}.eso-preview{margin-top:15px;padding:15px;border-radius:8px;min-height:100px;background:#2b2b2b;border:1px solid #555;font-size:1rem;line-height:1.5;box-shadow:inset 0 0 10px rgba(0,0,0,.4)}.eso-preview span{text-shadow:0 0 5px rgba(255,255,255,.2)}