.studio-auth-art{display:flex;flex-direction:column;justify-content:space-between;width:min(420px,85%);aspect-ratio:4/5;padding:38px;background:linear-gradient(145deg,#14233f 28%,#0662bd 100%);color:#fff;box-shadow:24px 26px 0 #ffffff9a,0 30px 70px #243f6960;transform:rotate(-5deg)}
.rubric-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 10px}.rubric-head h3{margin:0;color:#17243a;font-size:16px}.rubric-head .button{padding:8px 11px;font-size:12px}.rubric-fields{display:grid;gap:9px;margin-bottom:18px}.rubric-row{display:grid;grid-template-columns:minmax(0,1fr) 105px auto;gap:10px;align-items:end;padding:11px;border:1px solid #dce3eb;border-radius:9px;background:#fbfcfe}.rubric-row .button{min-height:43px;padding:8px 10px}
.text-tools{display:flex;gap:7px;margin-top:8px}.text-tools .button{padding:6px 10px;font-size:12px;min-height:32px}
.button.danger{background:#fff;border-color:#e6a7a7;color:#a62a2a}.button.danger:hover{background:#fff1f1}.brand-list-row{display:grid;gap:5px;border:1px solid #dce3eb;border-radius:10px;background:#fff;padding:6px}.studio-list .brand-list-details{border:0;padding:8px 8px 4px;background:transparent}.studio-list .brand-list-details:hover{background:#eef4fb}.studio-list .brand-list-use{display:block;border:0;border-top:1px solid #e5ebf2;border-radius:0;padding:8px;background:transparent;color:#0756a5;font-size:12px;font-weight:800}.studio-list .brand-list-use:hover{background:#eef4fb}
.studio-auth-art span,.studio-auth-art b{font-size:13px;letter-spacing:.18em}.studio-auth-art strong{font-size:clamp(34px,4vw,60px);line-height:1.05;letter-spacing:-.04em}.studio-auth-art em{color:#c383e6;font-style:normal}
.studio-view{animation:panel-in .18s ease}.studio-intro{display:flex;align-items:baseline;gap:12px;margin:-7px 0 22px;color:#536179;font-size:14px}.studio-intro strong{color:#17243a;font-size:16px}
#view-carousels{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:0 20px;align-items:start}#view-carousels>.page-heading,#view-carousels>.studio-intro{grid-column:1/-1}#view-carousels>.studio-grid{grid-column:1;grid-template-columns:210px minmax(0,1fr)}#view-carousels>.studio-preview{grid-column:2;grid-row:3;position:sticky;top:90px;max-height:calc(100dvh - 110px);overflow:auto;margin:0}#view-carousels .preview-strip{display:grid;justify-content:center;overflow:visible}#view-carousels .preview-page{width:240px;min-width:0}
.studio-grid{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:22px;align-items:start}.studio-list{display:grid;gap:8px;padding:15px}.studio-list:empty::after{content:'Aucun élément pour le moment.';color:#637087;padding:14px}
.studio-list button{display:grid;gap:5px;text-align:left;width:100%;border:1px solid #dce3eb;border-radius:10px;background:#fff;padding:13px;color:#17243a}.studio-list button:hover,.studio-list button.selected{border-color:#0662bd;background:#eef4fb}.studio-list button strong{font-size:14px}.studio-list button small{color:#637087}.studio-form-card{padding:24px}.studio-form-card form,.studio-form-card{min-width:0}.studio-form-card h2{margin:0 0 20px;font-size:20px}.studio-form-card label,.slide-card label,.layout-card label{display:grid;gap:7px;color:#39475b;font-size:13px;font-weight:700}.studio-form-card input:not([type=checkbox]):not([type=file]),.studio-form-card select,.studio-form-card textarea{width:100%;min-height:43px;border:1px solid #cad5e2;border-radius:9px;padding:9px 11px;background:#fff;color:#17243a;font-size:14px}.studio-form-card input[type=color]{padding:4px;height:44px}.studio-form-card textarea{resize:vertical}.studio-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:0 0 16px}.studio-form-card>label,.studio-form-card form>label{margin:0 0 16px}.studio-form-card fieldset{border:1px solid #dce3eb;border-radius:9px;display:flex;gap:14px;align-items:center}.studio-form-card fieldset legend{color:#39475b;font-size:13px;font-weight:700}.studio-form-card fieldset label{display:flex;gap:6px;align-items:center}.studio-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.studio-preview{margin:24px 0;background:#e8edf4;border:1px solid #dce3eb;border-radius:14px;padding:18px}.studio-preview-head{display:flex;justify-content:space-between;margin-bottom:14px;color:#39475b}.preview-strip{display:flex;gap:15px;overflow-x:auto;align-items:start;padding:2px 2px 14px}.preview-page{min-width:190px;width:190px}.preview-page canvas{width:100%;height:auto;display:block;border-radius:5px;box-shadow:0 5px 16px #17243a27}.preview-page span{display:block;padding:8px 2px;color:#536179;font-size:12px}.slide-fields,.layout-fields{display:grid;gap:12px;margin-top:16px}.slide-card,.layout-card{border:1px solid #dce3eb;border-radius:12px;padding:16px;background:#fbfcfe}.slide-card h3,.layout-card h3{margin:0 0 14px;font-size:15px}.slide-card textarea{min-height:96px}.slide-card .hint{margin:6px 0 0;color:#637087;font-size:12px}.layout-card-head{display:flex;justify-content:space-between;align-items:center}.layout-card-head button{border:0;background:transparent;color:#0756a5;font-size:12px;font-weight:700}.layout-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0}.layout-card .file-line,.studio-form-card .file-line{display:grid;gap:7px}.layout-card input[type=file],.studio-form-card input[type=file]{font-size:13px}.layout-checks{display:flex;gap:20px;flex-wrap:wrap;margin-top:10px}.layout-checks label{display:flex;gap:6px;align-items:center}.color-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.muted{font-size:12px}.studio-form-card[hidden],.studio-view[hidden],#studio-app[hidden],#studio-auth[hidden]{display:none!important}
@media(max-width:1350px){#view-carousels{display:block}#view-carousels>.studio-grid{grid-template-columns:minmax(190px,260px) minmax(0,1fr)}#view-carousels>.studio-preview{position:static;max-height:none;margin:24px 0}#view-carousels .preview-strip{display:flex;overflow-x:auto}#view-carousels .preview-page{width:190px;min-width:190px}}
@media(max-width:1050px){.studio-grid,#view-carousels>.studio-grid{grid-template-columns:1fr}.studio-list{display:flex;overflow-x:auto}.studio-list button{min-width:180px}.layout-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.studio-intro{display:grid}.studio-pair,.color-grid{grid-template-columns:1fr 1fr}.studio-form-card{padding:17px}.layout-grid{grid-template-columns:1fr 1fr}.preview-page{min-width:155px;width:155px}}
@media(max-width:500px){.rubric-row{grid-template-columns:minmax(0,1fr) 90px}.rubric-row .button{grid-column:1/-1}}