.cms-page{--cms-edge:rgba(190,150,244,.2);--cms-muted:#b5a8c9;color:#f4eefe;max-width:1180px;margin:auto}.cms-topline,.cms-section-title,.cms-source{display:flex;justify-content:space-between;gap:16px;align-items:center}.cms-topline h1{font-size:clamp(24px,3vw,34px);margin:10px 0}.cms-topline p,.cms-source p,.cms-hint{color:var(--cms-muted);font-size:12px;line-height:1.8}.cms-source{margin:24px 0;padding:20px;border:1px solid var(--cms-edge);border-radius:18px;background:linear-gradient(120deg,rgba(98,65,142,.23),rgba(20,15,31,.6))}.cms-source p{margin:5px 0}.cms-source small,.cms-entry-row small{font-size:10px;color:var(--cms-muted)}.cms-tabs{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:15px;border-bottom:1px solid var(--cms-edge)}.cms-tabs button{border:1px solid var(--cms-edge);border-radius:12px;background:#21192e;color:#c8bdd9;padding:11px 20px;font:inherit;font-size:12px;cursor:pointer}.cms-tabs button.active{color:#fff;background:linear-gradient(150deg,#7753a3,#403054);box-shadow:inset 0 1px #ffffff39,0 4px 12px #09051066}.cms-section-title{margin:22px 0}.cms-section-title h2,.cms-editor h2{font-size:17px}.cms-section-title small{font-size:11px;font-weight:normal;color:var(--cms-muted)}.cms-entry-row{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid var(--cms-edge);border-radius:16px;margin-bottom:10px;background:rgba(32,24,44,.75)}.cms-entry-row>img,.cms-entry-placeholder{width:56px;height:56px;flex-shrink:0;object-fit:contain;border-radius:12px;background:#100b1b;display:grid;place-items:center}.cms-entry-row>div:first-of-type{flex:1;min-width:0}.cms-entry-row h3,.cms-image-card h3{font-size:13px;margin:0 0 7px;overflow-wrap:anywhere}.cms-entry-row p,.cms-image-card p{font-size:11px;color:var(--cms-muted);margin:0 0 4px}.cms-row-actions{display:flex;gap:7px;flex-wrap:wrap}.cms-row-actions .btn{font-size:11px;min-height:34px}.cms-editor{padding:24px;background:rgba(31,23,44,.85);border:1px solid var(--cms-edge);border-radius:18px;margin-top:22px}.cms-editor .field{display:flex;flex-direction:column;gap:9px;color:#d9cce8;font-size:12px}.cms-editor textarea,.cms-editor input:not([type=checkbox]):not([type=file]),.cms-editor select{width:100%;padding:12px;color:#f2e9fd;background:#160f23;border:1px solid var(--cms-edge);border-radius:10px;box-sizing:border-box;font:inherit}.cms-editor textarea{resize:vertical;min-height:84px}.cms-editor small{font-size:10px;color:var(--cms-muted);line-height:1.7}.cms-editor>.btn{margin:10px 8px 0 0}.cms-checks{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:20px 0;font-size:12px}.cms-checks input{accent-color:#b789eb}.cms-upload-row{display:flex;gap:10px}.cms-upload-row>.btn{flex-shrink:0}.cms-file{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden}.cms-page label.btn{position:relative;cursor:pointer}.cms-upload-preview{width:90px;height:90px;object-fit:contain;background:#100b1b;border-radius:12px}.cms-error,.cms-inline-error{color:#ffafb6;font-size:12px;line-height:1.7}.cms-error:empty,.cms-inline-error:empty{display:none}.cms-image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:14px}.cms-image-card{border:1px solid var(--cms-edge);border-radius:16px;background:#1c1428;padding:14px}.cms-image-stage{height:150px;margin-bottom:16px;border-radius:10px;background:radial-gradient(ellipse,#332343,#100b1b);display:grid;place-items:center;overflow:hidden}.cms-image-stage img{width:100%;height:150px;object-fit:contain}.cms-image-card .cms-row-actions{margin-top:14px}.cms-order{font-size:18px;color:#d1acf7;min-width:32px}.cms-loading{padding:40px;text-align:center}.cms-loading .btn{display:block;margin:20px auto}.cms-page[aria-busy=true]{opacity:.75}.cms-page button:disabled{opacity:.5;cursor:wait}
@media(max-width:600px){.cms-source,.cms-topline{align-items:flex-start;flex-direction:column}.cms-entry-row{flex-wrap:wrap;gap:12px}.cms-row-actions{width:100%}.cms-entry-row>img{width:45px;height:45px}.cms-editor{padding:16px}.cms-image-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cms-image-stage,.cms-image-stage img{height:120px}.cms-upload-row{flex-wrap:wrap}.cms-tabs button{padding:10px 14px}.cms-source{padding:16px}}

.cms-upload-preview{width:min(240px,100%);height:auto;aspect-ratio:4/3;object-fit:contain;border:1px solid var(--cms-edge)}
.cms-editor input[readonly]{color:var(--cms-muted);font-size:11px}.cms-upload-row:focus-within{outline:1px solid #be9eea;outline-offset:4px;border-radius:12px}