.customs_page{position:absolute;top:0;min-height:100%;width:'100%';left:0;right:0;bottom:0;background-color:#00608a;z-index:1;visibility:hidden;overflow-y:auto}.customs-container{border:1px solid rgba(78,184,232,.25);padding:12px;top:10px;max-width:600px;background:#1a1f2e;border-radius:8px;font-family:"Segoe UI",system-ui,sans-serif;position:relative;left:50%;transform:translateX(-50%);box-shadow:0 4px 24px rgba(0,0,0,.4);color:#c8d6e5}.customs-header{margin-bottom:10px;text-align:center}.customs-input-box{display:flex;gap:5px;margin-bottom:10px}.customs-input-box input{flex:1;padding:6px;border:1px solid rgba(200,214,229,.3);border-radius:4px;background:rgba(0,0,0,.2);color:#c8d6e5}.customs-input-box input:focus{outline:0;border-color:#4db8e8}.customs-input-box button{background:#1e7ea8;border:1px solid rgba(78,184,232,.4);padding:6px 10px;border-radius:4px;cursor:pointer;color:#c8d6e5;transition:background-color .12s ease}.customs-input-box button:hover{background:#2a8fbf}.customs-buttons{display:flex;gap:8px;justify-content:center;margin-bottom:10px}.customs-buttons .btn{background:#1e7ea8;border:1px solid rgba(78,184,232,.4);padding:8px;border-radius:4px;cursor:pointer;color:#c8d6e5;transition:background-color .12s ease}.customs-buttons .btn:hover{background:#2a8fbf}.color-picker{display:none;grid-template-columns:repeat(8,24px);gap:4px;margin-bottom:10px;justify-content:center}.color-picker div{width:24px;height:24px;cursor:pointer;border-radius:4px;border:1px solid #666}.customs-preview{border:1px dashed rgba(200,214,229,.4);padding:8px;min-height:30px;background:rgba(0,0,0,.2);font-size:large;color:#c8d6e5;border-radius:4px}.magic-colors{margin:10px 0}.color-matrix{display:grid;grid-template-columns:repeat(auto-fill,24px);gap:4px;margin:5px 0}.color-matrix div{width:24px;height:24px;cursor:pointer;border-radius:4px;border:1px solid #666}.magic-selected{margin:10px 0;font-size:14px}.magic-selected span{margin-left:5px}.magic-selected .dot{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:2px}.unicode-label{flex:1;min-height:30px;border:1px solid rgba(200,214,229,.3);border-radius:4px;padding:6px;background:rgba(0,0,0,.2);overflow-x:auto;white-space:nowrap;color:#c8d6e5}.unicode-matrix{display:flex;flex-direction:column;gap:6px;margin-top:10px;max-height:250px;overflow-y:auto}.unicode-row{display:flex;flex-wrap:wrap;gap:4px}.unicode-row div{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;border-radius:4px;border:1px solid #ccc}.unicode-row div:hover{background:rgba(78,184,232,.25);border-color:#4db8e8}.unicode-input{flex:1;min-height:30px;border:1px solid rgba(200,214,229,.3);border-radius:4px;padding:6px;background:rgba(0,0,0,.2);color:#c8d6e5}