*{box-sizing:border-box}
body{margin:0;font-family:Arial,sans-serif;background:#f4f5f8;color:#1d1d1f}
.jsub-shell{width:min(1040px,calc(100% - 28px));margin:32px auto 60px}
.jsub-header{display:flex;align-items:center;gap:28px;background:#fff;border:1px solid #e6e7eb;padding:26px;border-radius:16px}
.jsub-header img{width:230px;height:auto;object-fit:contain}
.jsub-header h1{margin:0 0 8px;font-size:34px}
.jsub-header p{margin:0;color:#666;line-height:1.6}
.jsub-card{background:#fff;border:1px solid #e6e7eb;border-radius:16px;padding:26px;margin-top:18px}
.jsub-card h2{margin:0 0 18px;font-size:21px}
.jsub-card label{display:block;font-weight:700;margin:15px 0 6px}
.jsub-card label span{font-weight:400;color:#777}
.jsub-card input,.jsub-card select,.jsub-card textarea{width:100%;padding:12px;border:1px solid #d8dbe2;border-radius:8px;font:inherit;background:#fff}
.jsub-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.jsub-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}
.jsub-editor{border:1px solid #d8dbe2;border-radius:10px;overflow:hidden;background:#fff}
.jsub-toolbar{display:flex;flex-wrap:wrap;gap:6px;padding:8px;background:#f3f4f7;border-bottom:1px solid #dfe1e6}
.jsub-toolbar button{border:1px solid #d3d5da;background:#fff;padding:7px 10px;border-radius:6px;cursor:pointer}
.jsub-toolbar button:hover{background:#eceef3}
.jsub-editor-area,.jsub-code-area{min-height:330px;padding:16px;border:0!important;border-radius:0!important;outline:none;line-height:1.65;width:100%}
.jsub-editor-area:empty:before{content:attr(data-placeholder);color:#aaa}
.jsub-code-area{display:none;font-family:Consolas,monospace;background:#151515!important;color:#f4f4f4!important;resize:vertical}
.jsub-help{color:#777;font-size:13px}
.jsub-actions{display:flex;align-items:center;gap:18px;margin-top:20px}
.jsub-actions button{border:0;background:#24138e;color:#fff;padding:14px 22px;border-radius:8px;font-weight:800;cursor:pointer}
.jsub-actions span{color:#777;font-size:13px}
.jsub-message{padding:14px 16px;border-radius:10px;margin-top:18px}
.jsub-message.ok{background:#edf8ee;color:#235d2c}
.jsub-message.error{background:#fff0f0;color:#a11}
@media(max-width:760px){
  .jsub-header{align-items:flex-start;flex-direction:column}
  .jsub-grid-2,.jsub-grid-3{grid-template-columns:1fr}
  .jsub-actions{align-items:flex-start;flex-direction:column}
}