.dm24-content-studio,.dm24-content-studio *{box-sizing:border-box}
.dm24-content-studio{margin:28px 0;padding:26px;border:1px solid #d7e3ec;border-radius:18px;background:#fff;box-shadow:0 18px 45px rgba(4,29,49,.07);color:#08233b;font-size:16px;line-height:1.55}
.dm24-content-studio>header{display:grid;grid-template-columns:minmax(0,1fr) 54px;align-items:start;gap:20px}
.dm24-content-studio>header h2{margin:6px 0;font-size:clamp(1.45rem,2.4vw,1.75rem);line-height:1.2;overflow-wrap:anywhere}
.dm24-content-studio>header p{max-width:780px;margin:0;color:#61798b}
.dm24-content-studio>header>i{display:grid;width:54px;height:54px;place-items:center;border-radius:15px;background:linear-gradient(145deg,#0789f2,#07549c);color:#fff;font-size:1.25rem}
.dm24-content-usage{display:grid;grid-template-columns:1fr 1fr .8fr;margin:22px 0;gap:10px}
.dm24-content-usage article{display:flex;min-width:0;padding:16px;border:1px solid #dce7ee;border-radius:12px;background:#f7fafc;flex-direction:column;justify-content:center}
.dm24-content-usage article>span{color:#5f778a;font-size:.78rem;font-weight:700}
.dm24-content-usage strong{display:block;margin:4px 0;color:#08233b;font-size:1.45rem;line-height:1.2}
.dm24-content-usage small{color:#718596;font-size:.72rem}
.dm24-content-usage article:last-child{display:grid;grid-template-columns:36px minmax(0,1fr);align-content:center;column-gap:10px;background:#edf8f2}
.dm24-content-usage article:last-child>i{display:grid;width:36px;height:36px;grid-row:1/3;place-items:center;border-radius:10px;background:#198754;color:#fff}
.dm24-content-notice{display:flex;margin:0 0 18px;padding:13px 15px;align-items:flex-start;gap:10px;border:1px solid #f0ce81;border-radius:11px;background:#fff9e9;color:#76530c}
.dm24-content-notice p{margin:0}
.dm24-content-lock{display:grid;grid-template-columns:44px minmax(0,1fr) auto;margin-top:22px;padding:19px;align-items:center;gap:14px;border:1px solid #cce3f5;border-radius:13px;background:#eff8ff}
.dm24-content-lock>i{display:grid;width:44px;height:44px;place-items:center;border-radius:11px;background:#0789f2;color:#fff}
.dm24-content-lock strong{display:block}
.dm24-content-lock p{margin:3px 0;color:#587286;font-size:.86rem}
.dm24-content-lock a{font-weight:800}
.dm24-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.dm24-content-grid>form{display:flex;min-width:0;padding:20px;border:1px solid #dbe6ed;border-radius:15px;background:#f9fbfc;flex-direction:column}
.dm24-content-grid>form>header{display:grid;grid-template-columns:42px minmax(0,1fr);margin-bottom:16px;align-items:start;gap:11px}
.dm24-content-grid>form>header>i{display:grid;width:42px;height:42px;place-items:center;border-radius:11px;background:#e7f4ff;color:#0789f2}
.dm24-content-grid h3{margin:0;color:#0a263e;font-size:1.05rem;line-height:1.3}
.dm24-content-grid header p{margin:3px 0 0;color:#687f90;font-size:.79rem;line-height:1.5}
.dm24-content-grid label{display:grid;margin:0 0 13px;gap:6px;color:#28495f;font-size:.82rem;font-weight:750}
.dm24-content-grid input,.dm24-content-grid select,.dm24-content-grid textarea{width:100%;min-width:0;min-height:48px;padding:10px 12px;border:1px solid #c7d8e4;border-radius:9px;background:#fff;color:#173b55;font:inherit;font-size:16px;line-height:1.5}
.dm24-content-grid textarea{resize:vertical}
.dm24-content-grid input:focus,.dm24-content-grid select:focus,.dm24-content-grid textarea:focus{border-color:#0789f2;outline:3px solid rgba(7,137,242,.12)}
.dm24-content-grid .dm24b-button{align-self:flex-start;gap:8px}
.dm24-content-grid button:disabled{cursor:not-allowed;filter:grayscale(.3);opacity:.58}
.dm24-content-status{min-height:1.55em;margin:11px 0 0;color:#60798c;font-size:.78rem}
.dm24-content-status.is-busy{color:#0b66ae}
.dm24-content-status.is-success{color:#257247}
.dm24-content-status.is-error{color:#b42318}
.dm24-content-result{margin-top:15px;padding:15px;border:1px solid #bcd9ee;border-radius:12px;background:#fff}
.dm24-content-result[hidden]{display:none!important}
.dm24-content-result>div{display:flex;flex-wrap:wrap;gap:8px}
.dm24-content-result>div button{display:inline-flex;min-height:42px;padding:9px 12px;align-items:center;gap:7px;border:1px solid #bdd6e8;border-radius:8px;background:#fff;color:#0b5d9b;font:inherit;font-size:.78rem;font-weight:800;cursor:pointer}
.dm24-content-result>small{display:block;margin-top:11px;color:#697f90;font-size:.72rem;line-height:1.5}
.dm24-content-image-result figure{position:relative;margin:0 0 13px;overflow:hidden;border-radius:10px;background:#e9f0f4;aspect-ratio:3/2}
.dm24-content-image-result img{display:block;width:100%;height:100%;object-fit:cover}
.dm24-content-image-result figure span{position:absolute;right:9px;bottom:9px;padding:4px 7px;border-radius:999px;background:rgba(5,31,51,.5);color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.03em}
.dm24-content-privacy{margin:18px 0 0;padding:12px 14px;border-radius:10px;background:#edf7f1;color:#35634a;font-size:.77rem}
.dm24-content-privacy i{margin-right:6px;color:#198754}
.dm24-content-privacy a{color:#075f9f;font-weight:800}
@media(max-width:860px){.dm24-content-grid{grid-template-columns:1fr}.dm24-content-usage{grid-template-columns:1fr 1fr}.dm24-content-usage article:last-child{grid-column:1/-1}.dm24-content-lock{grid-template-columns:40px minmax(0,1fr)}.dm24-content-lock a{grid-column:1/-1}}
@media(max-width:560px){.dm24-content-studio{margin:18px 0;padding:17px;border-radius:15px}.dm24-content-studio>header{grid-template-columns:minmax(0,1fr) 44px;gap:12px}.dm24-content-studio>header>i{width:44px;height:44px;border-radius:12px}.dm24-content-studio>header h2{hyphens:auto;overflow-wrap:anywhere}.dm24-content-usage{grid-template-columns:1fr}.dm24-content-usage article:last-child{grid-column:auto}.dm24-content-grid>form{padding:15px}.dm24-content-grid .dm24b-button{width:100%;justify-content:center}.dm24-content-lock{padding:15px}.dm24-content-result>div button{width:100%;justify-content:center}}