.image-editor-overlay{z-index:2900;padding:0;background:color-mix(in srgb,var(--brand-text) 50%,transparent)}.image-editor{width:100vw;height:100dvh;display:grid;grid-template-rows:72px minmax(0,1fr) 70px;background:var(--brand-secondary);color:color-mix(in srgb,var(--brand-text) 89%,var(--brand-muted))}.image-editor>header,.image-editor>footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 22px;border-bottom:1px solid color-mix(in srgb,var(--brand-border) 10%,color-mix(in srgb,var(--brand-muted) 6.1%,var(--brand-secondary)));background:var(--brand-secondary)}.image-editor>header h2,.image-editor>header p{margin:0}.image-editor>header>span,.image-editor>footer>span{color:color-mix(in srgb,var(--brand-secondary) 20%,var(--brand-muted));font-size:12px}.image-editor>footer{border-top:1px solid color-mix(in srgb,var(--brand-border) 10%,color-mix(in srgb,var(--brand-muted) 6.1%,var(--brand-secondary)));border-bottom:0}.image-editor>footer>div{display:flex;gap:10px}.image-editor__workspace{min-width:0;min-height:0;display:grid;grid-template-columns:minmax(420px,1fr) 330px}.image-editor__workspace>main{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:8px;padding:18px;background:color-mix(in srgb,var(--brand-secondary) 92%,var(--brand-muted))}.image-editor__workspace>main>p{margin:0;text-align:center;color:color-mix(in srgb,var(--brand-secondary) 16%,var(--brand-muted));font-size:12px}.image-editor__stage{position:relative;min-width:0;min-height:260px;overflow:hidden;background:color-mix(in srgb,var(--brand-text) 93%,var(--brand-dark));cursor:grab;touch-action:none}.image-editor__stage:active{cursor:grabbing}.image-editor__stage canvas{position:absolute;top:0;right:0;bottom:0;left:0}.image-editor__crop-frame{position:absolute;box-sizing:border-box;border:2px solid var(--brand-secondary);box-shadow:0 0 0 9999px color-mix(in srgb,var(--brand-dark) 42%,transparent),0 0 0 1px color-mix(in srgb,var(--brand-dark) 30%,transparent);pointer-events:none}.image-editor__crop-frame:before,.image-editor__crop-frame:after{content:"";position:absolute;top:33.333%;right:0;bottom:33.333%;left:0;border-top:1px solid color-mix(in srgb,var(--brand-secondary) 45%,transparent);border-bottom:1px solid color-mix(in srgb,var(--brand-secondary) 45%,transparent)}.image-editor__crop-frame:after{top:0;right:33.333%;bottom:0;left:33.333%;border:0;border-left:1px solid color-mix(in srgb,var(--brand-secondary) 45%,transparent);border-right:1px solid color-mix(in srgb,var(--brand-secondary) 45%,transparent)}.image-editor__workspace>aside{min-height:0;overflow:auto;padding:18px;border-left:1px solid color-mix(in srgb,var(--brand-border) 10%,color-mix(in srgb,var(--brand-muted) 6.1%,var(--brand-secondary)));background:var(--brand-secondary)}.image-editor__workspace>aside section{display:grid;gap:12px;padding:0 0 20px;margin:0 0 20px;border-bottom:1px solid color-mix(in srgb,var(--brand-border) 6%,color-mix(in srgb,var(--brand-secondary) 95%,var(--brand-text)))}.image-editor__workspace>aside h3{margin:0}.image-editor__workspace>aside label{display:grid;gap:7px;color:color-mix(in srgb,var(--brand-muted) 89%,var(--brand-dark));font-size:12px}.image-editor__workspace>aside select,.image-editor__workspace>aside input[type=range]{width:100%;box-sizing:border-box}.image-editor__workspace>aside select{padding:10px;border:1px solid color-mix(in srgb,var(--brand-border) 10%,color-mix(in srgb,var(--brand-text) 8.7%,var(--brand-secondary)));border-radius:8px;background:var(--brand-secondary);color:color-mix(in srgb,var(--brand-text) 89%,var(--brand-muted))}.image-editor__workspace>aside input[type=range]{accent-color:color-mix(in srgb,var(--brand-secondary) 5.3%,var(--brand-primary))}.image-editor__workspace>aside output{color:color-mix(in srgb,var(--brand-primary) 91%,var(--brand-info));font-size:11px}.image-editor__button-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.image-editor__button-grid button{min-height:38px;border:1px solid color-mix(in srgb,var(--brand-border) 10%,color-mix(in srgb,var(--brand-text) 8.7%,var(--brand-secondary)));border-radius:8px;background:var(--brand-secondary);color:color-mix(in srgb,var(--brand-text) 45%,var(--brand-muted));cursor:pointer}.image-editor__button-grid button:hover{border-color:color-mix(in srgb,var(--brand-border) 95%,var(--brand-secondary));color:color-mix(in srgb,var(--brand-primary) 93%,var(--brand-muted));background:color-mix(in srgb,var(--brand-secondary) 95%,var(--brand-muted))}@media (max-width:760px){.image-editor{grid-template-rows:64px minmax(0,1fr) auto}.image-editor__workspace{grid-template-columns:1fr;grid-template-rows:minmax(300px,55vh) auto;overflow:auto}.image-editor__workspace>aside{overflow:visible;border-left:0;border-top:1px solid color-mix(in srgb,var(--brand-border) 10%,color-mix(in srgb,var(--brand-muted) 6.1%,var(--brand-secondary)))}.image-editor>header>span,.image-editor>footer>span{display:none}.image-editor>footer{justify-content:flex-end;padding:10px}.image-editor__workspace>main{min-height:360px}}.file-drop__types.is-ready{color:var(--brand-success);font-weight:700}.image-editor__file-button{display:grid;place-items:center;min-height:38px;border:1px solid color-mix(in srgb,var(--brand-border) 10%,color-mix(in srgb,var(--brand-text) 8.7%,var(--brand-secondary)));border-radius:8px;background:var(--brand-secondary);color:color-mix(in srgb,var(--brand-text) 45%,var(--brand-muted));font-size:13px;cursor:pointer}.image-editor__file-button:hover{border-color:color-mix(in srgb,var(--brand-border) 95%,var(--brand-secondary));color:color-mix(in srgb,var(--brand-primary) 93%,var(--brand-muted));background:color-mix(in srgb,var(--brand-secondary) 95%,var(--brand-muted))}.collage-layer-list{display:grid;gap:6px;max-height:180px;overflow:auto}.collage-layer-list>button{display:grid;grid-template-columns:32px minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;column-gap:9px;padding:9px;border:1px solid transparent;border-radius:9px;background:color-mix(in srgb,var(--brand-secondary) 96%,var(--brand-muted));text-align:left;color:color-mix(in srgb,var(--brand-text) 45%,var(--brand-muted));cursor:pointer}.collage-layer-list>button:hover{border-color:color-mix(in srgb,var(--brand-border) 12%,color-mix(in srgb,var(--brand-muted) 8.5%,var(--brand-secondary)));background:var(--brand-secondary)}.collage-layer-list>button.is-selected{border-color:color-mix(in srgb,var(--brand-border) 95%,var(--brand-secondary));background:color-mix(in srgb,var(--brand-secondary) 95%,var(--brand-primary));box-shadow:inset 3px 0 var(--brand-primary)}.collage-layer-list>button span{grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:color-mix(in srgb,var(--brand-secondary) 90%,var(--brand-primary));color:color-mix(in srgb,var(--brand-info) 5.7%,var(--brand-primary));font-weight:800}.collage-layer-list>button strong{grid-column:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.collage-layer-list>button small{grid-column:2;color:color-mix(in srgb,var(--brand-secondary) 24%,var(--brand-muted));font-size:10px}.collage-properties{display:grid;gap:12px;padding-top:8px}.collage-properties label{display:grid;gap:6px}.collage-properties input,.collage-properties select{box-sizing:border-box;width:100%;padding:9px;border:1px solid color-mix(in srgb,var(--brand-border) 10%,color-mix(in srgb,var(--brand-text) 8.7%,var(--brand-secondary)));border-radius:8px;background:var(--brand-secondary)}.collage-properties input[type=color]{height:40px;padding:3px}.collage-layer-order{display:grid;grid-template-columns:1fr 1fr;gap:8px}.collage-layer-order button{min-height:36px;border:1px solid color-mix(in srgb,var(--brand-border) 10%,color-mix(in srgb,var(--brand-text) 8.7%,var(--brand-secondary)));border-radius:8px;background:var(--brand-secondary);color:color-mix(in srgb,var(--brand-text) 33%,var(--brand-muted));cursor:pointer}.collage-layer-order button:hover{border-color:color-mix(in srgb,var(--brand-border) 95%,var(--brand-secondary));color:color-mix(in srgb,var(--brand-info) 7.1%,var(--brand-primary));background:color-mix(in srgb,var(--brand-primary) 3.6%,var(--brand-secondary))}.collage-base-properties{padding:14px;border:1px solid color-mix(in srgb,var(--brand-border) 9%,color-mix(in srgb,var(--brand-muted) 8.6%,var(--brand-secondary)));border-radius:10px;background:color-mix(in srgb,var(--brand-secondary) 95%,var(--brand-muted))}.collage-base-properties p{margin:6px 0 0;color:color-mix(in srgb,var(--brand-muted) 91%,var(--brand-secondary));font-size:12px;line-height:1.5}.image-collage-editor .image-editor__crop-frame{pointer-events:none}.image-collage-editor .image-editor__workspace{grid-template-columns:250px minmax(420px,1fr) 330px}.image-editor__objects-panel{min-width:0;min-height:0;overflow:auto;padding:18px;border-right:1px solid color-mix(in srgb,var(--brand-border) 10%,color-mix(in srgb,var(--brand-muted) 6.1%,var(--brand-secondary)));background:var(--brand-secondary)}.image-editor__objects-panel section{display:grid;gap:14px}.image-editor__objects-panel h3{margin:0}.image-editor__objects-panel .collage-layer-list{max-height:none}.image-editor__objects-panel .image-editor__button-grid{grid-template-columns:1fr}.image-editor__properties-panel{border-left:1px solid color-mix(in srgb,var(--brand-border) 10%,color-mix(in srgb,var(--brand-muted) 6.1%,var(--brand-secondary)))}.image-editor__selection-section:has(.collage-properties:empty):after{content:"Seleziona un testo o un\2019immagine dalla colonna a sinistra per modificarne le propriet\e0.";display:block;padding:16px;border-radius:8px;background:color-mix(in srgb,var(--brand-muted) 5.4%,var(--brand-secondary));color:color-mix(in srgb,var(--brand-secondary) 13%,var(--brand-muted));font-size:12px;line-height:1.5}@media (max-width:1050px){.image-collage-editor .image-editor__workspace{grid-template-columns:190px minmax(340px,1fr) 280px}}@media (max-width:760px){.image-collage-editor .image-editor__workspace{grid-template-columns:1fr;grid-template-rows:auto minmax(360px,55vh) auto}.image-editor__objects-panel{overflow:visible;border-right:0;border-bottom:1px solid color-mix(in srgb,var(--brand-border) 10%,color-mix(in srgb,var(--brand-muted) 6.1%,var(--brand-secondary)))}.image-editor__objects-panel .image-editor__button-grid{grid-template-columns:1fr 1fr}.image-editor__objects-panel .collage-layer-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:150px}.image-editor__properties-panel{border-left:0}}.image-editor__objects-panel{border-left:0!important}.image-editor--single-menu{grid-template-rows:72px minmax(0,1fr)}.image-editor__top-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.image-editor--single-menu>header>span{margin-left:auto}.image-editor--single-menu>header{box-shadow:0 5px 18px color-mix(in srgb,var(--brand-shadow) 6%,transparent);z-index:5}.edited-image-preview{display:grid;grid-template-columns:74px minmax(0,1fr);align-items:center;gap:12px;margin-top:10px;padding:9px;border:1px solid color-mix(in srgb,var(--brand-border) 16%,color-mix(in srgb,var(--brand-secondary) 95%,var(--brand-text)));border-radius:9px;background:var(--brand-secondary)}.edited-image-preview img{display:block;width:74px;height:58px;object-fit:contain;border-radius:6px;background:color-mix(in srgb,var(--brand-secondary) 92%,var(--brand-muted))}.edited-image-preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:color-mix(in srgb,var(--brand-text) 48%,var(--brand-muted));font-size:12px;font-weight:700}@media (max-width:760px){.image-editor--single-menu{grid-template-rows:auto minmax(0,1fr)}.image-editor--single-menu>header{flex-wrap:wrap}.image-editor__top-actions{width:100%;justify-content:flex-end}.image-editor--single-menu>header>span{display:none}}.lesson-existing-asset .lesson-asset-edit{width:max-content;margin-top:10px;padding:8px 13px;font-size:12px}.editor-object-menu{position:fixed;z-index:4000;width:200px;padding:6px;border:1px solid color-mix(in srgb,var(--brand-border) 9%,color-mix(in srgb,var(--brand-secondary) 89%,var(--brand-muted)));border-radius:10px;background:var(--brand-secondary);box-shadow:0 16px 45px color-mix(in srgb,var(--brand-shadow) 20%,transparent)}.editor-object-menu button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border:0;border-radius:7px;background:var(--brand-secondary);color:color-mix(in srgb,var(--brand-primary) 92%,var(--brand-info));text-align:left;cursor:pointer}.editor-object-menu button:hover{background:color-mix(in srgb,var(--brand-primary) 5.4%,var(--brand-secondary))}.editor-object-menu kbd{padding:2px 6px;border:1px solid color-mix(in srgb,var(--brand-border) 8%,color-mix(in srgb,var(--brand-secondary) 87%,var(--brand-muted)));border-radius:4px;background:color-mix(in srgb,var(--brand-secondary) 95%,var(--brand-muted));color:color-mix(in srgb,var(--brand-muted) 95%,var(--brand-secondary));font-size:10px}.timeline-context-menu{width:220px}.timeline-context-menu button{color:color-mix(in srgb,var(--brand-text) 48%,var(--brand-muted))}.timeline-context-menu button:last-child{margin-top:5px;border-top:1px solid color-mix(in srgb,var(--brand-border) 7%,color-mix(in srgb,var(--brand-muted) 7%,var(--brand-secondary)));border-radius:0 0 7px 7px;color:color-mix(in srgb,var(--brand-primary) 92%,var(--brand-info))}.timeline-context-menu button:disabled{opacity:.38;cursor:not-allowed;background:var(--brand-secondary)}.timeline-context-menu button:not(:disabled):hover{background:color-mix(in srgb,var(--brand-primary) 5.4%,var(--brand-secondary));color:color-mix(in srgb,var(--brand-primary) 92%,var(--brand-info))}.video-shell>.play{position:absolute!important;z-index:3!important;left:20px!important;top:42px!important;width:38px!important;height:30px!important;margin:0!important;border:1px solid color-mix(in srgb,var(--brand-secondary) 35%,transparent)!important;border-radius:8px!important;background:color-mix(in srgb,color-mix(in srgb,var(--brand-muted) 10%,var(--brand-dark)) 28%,transparent)!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;color:var(--brand-on-primary)!important;box-shadow:none!important}.video-shell>.play svg{width:14px;height:14px}.video-shell>.play{display:none!important}.lesson-edit-page{padding-bottom:40px}.lesson-edit-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:18px;align-items:start}.lesson-edit-layout>aside{display:grid;gap:18px;position:sticky;top:78px}.lesson-edit-form{padding:22px}.lesson-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.lesson-edit-grid label,.lesson-side-form{display:grid;gap:7px}.lesson-edit-grid .full{grid-column:1/-1}.lesson-edit-section{display:grid;gap:14px;margin-top:26px;padding-top:22px;border-top:1px solid color-mix(in srgb,var(--brand-border) 11%,color-mix(in srgb,var(--brand-secondary) 97%,var(--brand-text)))}.lesson-edit-section h2{margin:0}.lesson-edit-asset,.lesson-edit-cover{display:grid;gap:12px;padding:12px;border:1px solid color-mix(in srgb,var(--brand-border) 12%,color-mix(in srgb,var(--brand-muted) 8.3%,var(--brand-secondary)));border-radius:12px;background:var(--brand-secondary)}.lesson-edit-asset video{display:block;width:100%;max-height:420px;border-radius:9px;background:var(--brand-dark)}.lesson-edit-asset>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.lesson-edit-cover{grid-template-columns:minmax(0,1fr) auto;align-items:center}.lesson-edit-cover img{display:block;width:100%;max-height:260px;object-fit:contain;border-radius:8px;background:color-mix(in srgb,var(--brand-secondary) 92%,var(--brand-muted))}.lesson-side-form{margin-top:16px}.lesson-quiz-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}@media (max-width:1050px){.lesson-edit-layout{grid-template-columns:1fr}.lesson-edit-layout>aside{position:static;grid-template-columns:1fr 1fr}}@media (max-width:700px){.lesson-edit-grid{grid-template-columns:1fr}.lesson-edit-grid .full{grid-column:auto}.lesson-edit-layout>aside{grid-template-columns:1fr}.lesson-edit-asset>div,.lesson-edit-cover{grid-template-columns:1fr}.lesson-quiz-actions{grid-template-columns:1fr}}
