/**handles:ico-style**/
#ico-container{text-align:center;margin:20px auto;max-width:1200px;font-family:Arial,sans-serif;padding:10px}#ico-main-content{display:flex;flex-direction:row;justify-content:center;gap:25px;align-items:flex-start;margin-top:20px}#ico-controls-panel{flex:0 0 350px;display:flex;flex-direction:column;gap:15px;text-align:left;background-color:#f7f7f7;border-radius:10px;padding:20px;box-shadow:0 4px 15px rgba(0,0,0,.1)}#ico-action-buttons,#ico-drawing-controls,#ico-text-controls{padding:15px;border:1px solid #e0e0e0;border-radius:8px;background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.05)}#ico-controls-panel h4{margin-top:0;font-size:1.1em;padding-bottom:5px;border-bottom:1px solid #eee;color:#333}#ico-canvas-area{flex-grow:1;max-width:600px;display:flex;justify-content:center;align-items:flex-start}.canvas-container{max-width:100%;height:auto;margin:0}#ico-canvas{border:2px solid #222;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.15);max-width:100%;touch-action:none}.ico-input-inline{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.ico-input-inline label{font-weight:600}#ico-color-picker{border:none;border-radius:5px;padding:0;cursor:pointer;width:40px;height:30px;box-shadow:0 3px 6px rgba(0,0,0,.2)}#ico-brush-size{width:150px;height:8px;-webkit-appearance:none;appearance:none;background-color:#ddd;border-radius:4px;cursor:pointer;margin:10px 0}#ico-brush-size::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background-color:#222;border-radius:50%;cursor:pointer}.ico-input-group{display:flex;align-items:center;margin-bottom:10px;gap:10px}.ico-input-group span{flex:0 0 80px;text-align:right;font-weight:600;color:#333}#ico-text-controls input[type=text]{flex-grow:1;padding:8px;border:1px solid #ccc;border-radius:5px;transition:border-color .3s,box-shadow .3s}#ico-text-controls input[type=text]:focus{border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25);outline:0}.ico-instructions{font-size:.85em;color:#777;margin-top:5px}#ico-action-buttons{display:flex;flex-direction:column;gap:10px}.ico-control-button{width:100%;border:none;border-radius:5px;padding:10px 20px;font-size:16px;cursor:pointer;font-weight:700;transition:background-color .3s ease,transform .3s ease}#ico-clear{background-color:#f44336;color:#fff}#ico-save{background-color:#4caf50;color:#fff}#ico-add-text{background-color:#007bff;color:#fff;margin-top:5px}.ico-control-button:hover{transform:scale(1.01)}.ico-control-button:active{transform:scale(.99)}@media (max-width:768px){#ico-main-content{flex-direction:column;gap:15px}#ico-canvas-area{width:100%;order:1;margin-bottom:10px}#ico-controls-panel{flex:auto;width:100%;order:2;padding:15px}#ico-drawing-controls{display:flex;justify-content:space-around;align-items:center;gap:10px}.ico-input-inline{flex-direction:column;align-items:flex-start;margin:5px 0}.ico-input-group{flex-direction:column;align-items:flex-start}.ico-input-group span{flex:auto;text-align:left;width:100%;margin-bottom:2px}#ico-text-controls input[type=text]{width:100%}.lower-canvas,.upper-canvas{top:30px!important;left:-10px!important}.upper-canvas{width:100%!important}}