.tool-container{--box-bg:#ffffff;--border-color:#111111;--shadow-color:#111111;--btn-primary:#b5ead7;--btn-secondary:#ffdac1;--btn-clear:#ffb7b2;--btn-download:#a2d2ff;--tab-bg:#f4f4f4;--border-width:3px;--border-radius:12px;--shadow-offset:6px;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background-color:var(--box-bg);width:100%;max-width:650px;margin:20px auto;border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--shadow-color);padding:30px;color:var(--border-color);box-sizing:border-box;line-height:1.6}.tool-container h1{font-size:1.8rem;text-align:center;margin-bottom:25px;text-transform:uppercase;font-weight:800;margin-top:0}.tool-container .qr-tabs{display:flex;margin-bottom:25px;border:2px solid var(--border-color);border-radius:8px;overflow:hidden;box-shadow:4px 4px 0 var(--shadow-color);padding:0}.tool-container .tab-btn{flex:1;padding:12px;font-weight:700;font-size:1.1rem;cursor:pointer;background-color:var(--tab-bg);border:none;border-right:2px solid var(--border-color);border-radius:0;transition:all 0.2s;box-shadow:none;color:var(--border-color);text-transform:none;margin:0}.tool-container .tab-btn:last-child{border-right:none}.tool-container .tab-btn.active{background-color:var(--border-color);color:#fff}.tool-container .qr-section{display:none}.tool-container .qr-section.active{display:block}.tool-container .input-group{margin-bottom:20px}.tool-container label{display:block;font-weight:700;margin-bottom:8px;font-size:1.1rem}.tool-container textarea{width:100%;min-height:120px;padding:15px;font-size:1rem;font-family:monospace;background-color:#f9f9f9;border:var(--border-width) solid var(--border-color);border-radius:8px;resize:vertical;outline:none;box-sizing:border-box;color:var(--border-color);margin:0}.tool-container textarea:focus{background-color:#fff;box-shadow:4px 4px 0 var(--shadow-color)}.tool-container .options-group{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px}.tool-container .options-group .input-group{margin-bottom:0}.tool-container .color-picker{width:100%;height:50px;padding:2px;border:var(--border-width) solid var(--border-color);border-radius:8px;cursor:pointer;background-color:#f9f9f9;box-shadow:3px 3px 0 var(--shadow-color);transition:all 0.1s;box-sizing:border-box}.tool-container .color-picker:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--shadow-color)}.tool-container .action-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:15px}.tool-container button:not(.tab-btn),.tool-container .btn-upload{cursor:pointer;font-size:1rem;font-weight:700;padding:12px 15px;border:var(--border-width) solid var(--border-color);border-radius:8px;box-shadow:4px 4px 0 var(--shadow-color);transition:transform 0.1s,box-shadow 0.1s;text-transform:uppercase;color:var(--border-color);text-align:center;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;background-color:#fff;margin:0;line-height:normal}.tool-container button:not(.tab-btn):active,.tool-container .btn-upload:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--shadow-color)}.tool-container .btn-primary{background-color:var(--btn-primary)!important}.tool-container .btn-secondary{background-color:var(--btn-secondary)!important}.tool-container .btn-clear{background-color:var(--btn-clear)!important}.tool-container .btn-upload{background-color:var(--btn-secondary)!important}.tool-container .qr-output{margin-top:25px;padding-top:25px;border-top:2px dashed var(--border-color);text-align:center}.tool-container #qrcode{display:inline-block;padding:15px;background-color:#fff;border:3px solid var(--border-color);border-radius:8px;margin-bottom:15px}.tool-container #qrcode img,.tool-container #qrcode canvas{max-width:100%;height:auto}.tool-container .btn-download{background-color:var(--btn-download)!important;width:100%}.tool-container #qr-reader{margin-top:20px;border:3px solid var(--border-color)!important;border-radius:8px;overflow:hidden}.tool-container #qr-reader video{object-fit:cover}.tool-container .status-message{margin-top:15px;font-weight:700;text-align:center;min-height:24px}.tool-container .text-error{color:#d9534f}.tool-container .text-success{color:#5cb85c}