.j3d-border__editor{margin-top:24px}.j3d-border__file-info{display:flex;flex-wrap:wrap;gap:10px 24px;margin:0 0 20px;padding:14px 16px;background:#fafbfe;border:1px solid #eceef5;border-radius:8px}.j3d-border__file-info div{min-width:150px}.j3d-border__file-info dt{font-size:12px;color:#7a8499}.j3d-border__file-info dd{margin:3px 0 0;font-weight:600;overflow-wrap:anywhere}.j3d-border__controls{display:grid;grid-template-columns:1fr 1fr;gap:18px}.j3d-border__field{margin:0 0 18px}.j3d-border__field label{display:block;margin-bottom:8px;font-weight:600}.j3d-border__field output{float:right;font-weight:400;color:#5a6278}.j3d-border__field input[type=range],.j3d-border__field select{width:100%;box-sizing:border-box;min-height:44px}.j3d-border__color-row{display:flex;flex-wrap:wrap;gap:8px}.j3d-border__color-row input[type=color]{width:48px;height:44px;padding:3px}.j3d-border__color-row input[type=text]{width:110px;min-height:44px;box-sizing:border-box}.j3d-border__color-row button{min-height:44px;padding:8px 10px;border:1px solid #dfe3ed;background:#fff;border-radius:4px;cursor:pointer}.j3d-border__preview-wrap{margin:4px 0 20px}.j3d-border__preview-wrap h2{font-size:18px}.j3d-border__preview-wrap canvas{display:block;width:100%;height:360px;background-color:#f1f3f8;background-image:linear-gradient(45deg,#e5e8f0 25%,transparent 25%),linear-gradient(-45deg,#e5e8f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e5e8f0 75%),linear-gradient(-45deg,transparent 75%,#e5e8f0 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border:1px solid #dfe3ed;border-radius:8px}.j3d-border__status{min-height:22px;margin:12px 0;color:#5a6278}.j3d-border__status.is-error,.j3d-border__error{color:#a12622}.j3d-border__status.is-success{color:#176b3a}.j3d-border__error{margin:6px 0}.j3d-border__actions{display:flex;flex-wrap:wrap;gap:10px}.j3d-border__actions button{min-height:44px}.j3d-border__actions button:disabled{opacity:.55;cursor:not-allowed}.j3d-border__actions button:focus-visible,.j3d-border__color-row button:focus-visible{outline:3px solid rgba(66,76,185,.25);outline-offset:2px}@media(max-width:640px){.j3d-border__controls{grid-template-columns:1fr}.j3d-border__preview-wrap canvas{height:260px}.j3d-border__actions button{flex:1 1 100%}}