.arbp-app{box-sizing:border-box;color:#e8ecff;background:#0b1225;padding:40px 22px;border-radius:18px;font-family:inherit;max-width:1200px;margin:24px auto}.arbp-app *{box-sizing:border-box}.arbp-heading{text-align:center;margin:0 auto 27px;max-width:690px}.arbp-eyebrow{color:#aa9aff;font-size:12px;letter-spacing:.16em;font-weight:700}.arbp-heading h1{font-size:clamp(30px,4vw,45px);color:#fff;margin:10px 0}.arbp-heading p{color:#aab5ce;font-size:16px}.arbp-panel{display:grid;grid-template-columns:260px minmax(0,1fr);background:#111b32;border:1px solid #2a3653;border-radius:15px;overflow:hidden}.arbp-controls{padding:22px;border-right:1px solid #2a3653;display:flex;flex-direction:column;gap:18px}.arbp-controls label,.arbp-downloads label{display:flex;flex-direction:column;gap:7px;color:#dce4ff;font-weight:600;font-size:13px}.arbp-controls select,.arbp-downloads select{width:100%;padding:10px;background:#192745;border:1px solid #425271;border-radius:8px;color:#fff}.arbp-controls input[type=range]{accent-color:#9279ff;width:100%}.arbp-controls output{float:right;color:#a8a0ff}.arbp-upload{position:relative;display:block!important;cursor:pointer}.arbp-upload input{position:absolute;opacity:0;width:1px;height:1px}.arbp-upload span,.arbp-download{display:block;text-align:center;border:0;border-radius:9px;background:#7553e8;color:white;padding:13px 10px;font-weight:700;cursor:pointer}.arbp-upload:focus-within span{outline:2px solid white;outline-offset:2px}.arbp-actions{display:flex;gap:9px}.arbp-actions button{flex:1;background:#253758;border:1px solid #3e4b6b;color:#fff;padding:10px;border-radius:8px;cursor:pointer}.arbp-app button:disabled{opacity:.42;cursor:not-allowed}.arbp-editor{min-width:0;padding:23px;display:flex;flex-direction:column;gap:14px}.arbp-empty{background:#0e182c;border:1px dashed #3a4c72;min-height:290px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:25px}.arbp-empty-icon{font-size:47px;color:#9886f2}.arbp-empty p{max-width:390px;color:#aeb9d0;font-size:14px}.arbp-canvas-holder{max-width:100%;text-align:center;background:repeating-conic-gradient(#24314b 0% 25%,#172139 0% 50%) 50%/22px 22px;border-radius:10px;overflow:hidden;touch-action:none}.arbp-canvas{display:block;max-width:100%;height:auto;margin:auto;cursor:crosshair;touch-action:none}.arbp-status{font-size:13px;color:#abb7d3;margin:0}.arbp-downloads{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.arbp-downloads label{min-width:150px}.arbp-download{margin-left:auto;padding:12px 18px}.arbp-guide{margin-top:32px;color:#cbd5eb}.arbp-guide h2{color:#fff;font-size:24px;margin:26px 0 14px}.arbp-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.arbp-cards article{background:#15223c;border:1px solid #2b3a59;border-radius:12px;padding:18px}.arbp-cards b{color:white}.arbp-cards p,.arbp-guide p{line-height:1.65}.arbp-guide details{background:#15223c;margin:8px 0;padding:14px;border-radius:8px}.arbp-guide summary{cursor:pointer;color:white;font-weight:600}@media(max-width:780px){.arbp-panel{grid-template-columns:1fr}.arbp-controls{border-right:0;border-bottom:1px solid #2a3653;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.arbp-actions,.arbp-upload{grid-column:span 2}.arbp-cards{grid-template-columns:1fr}.arbp-editor{padding:14px}.arbp-download{margin-left:0}.arbp-app{padding:24px 12px}}