.signa-editor-wrap{margin:0 0 0 -20px;background:#f2f4f7;min-height:calc(100vh - 32px);font-family:Inter,Arial,sans-serif}.signa-shell{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 32px)}.signa-left{background:#f7f7f7;border-right:1px solid #cfd4d9;padding:22px 14px;position:relative}.signa-logo{height:80px;display:flex;align-items:center;gap:8px;font-weight:900;font-size:48px;color:#57636e}.signa-logo span{font-size:12px;line-height:1.05;text-transform:uppercase}.signa-left label{display:block;text-align:center;font-weight:700;margin:18px 0 6px}.signa-name{width:100%;height:36px;border:2px solid #0b9bdd!important}.signa-blue{background:#178fd0;color:#fff;border:0;width:100%;height:48px;margin-top:18px;font-weight:800;cursor:pointer}.signa-bottom-actions{position:absolute;bottom:18px;left:14px;right:14px;display:flex;justify-content:space-between}.signa-main{padding:0 16px 24px}.signa-topnav{display:grid;grid-template-columns:repeat(4,1fr);background:#374049;margin:0 -16px 16px}.signa-topnav a{color:#fff;text-decoration:none;text-align:center;padding:32px 10px;font-weight:800;border-right:1px solid #aeb5bd}.signa-topnav a:before{display:block;font-size:22px;margin-bottom:6px}.signa-topnav a:nth-child(1):before{content:'▱'}.signa-topnav a:nth-child(2):before{content:'▰'}.signa-topnav a:nth-child(3):before{content:'▭'}.signa-topnav a:nth-child(4):before{content:'▭'}.signa-layout-strip{display:flex;align-items:center;gap:8px;background:#e6e6e6;padding:18px 12px}.layout-label{font-weight:800;margin-right:8px}.layout-btn{width:48px;height:48px;border:2px solid #2b90c7;background:#2d343b}.layout-btn i{display:block;background:#111;margin:8px;height:28px}.layout-btn .v2{background:linear-gradient(90deg,#111 0 48%,transparent 48% 52%,#aaa 52%)}.layout-carousel{display:flex;align-items:center;gap:12px;background:#2f383f;flex:1;padding:16px 14px;margin-left:55px;overflow:hidden}.layout-carousel button{background:transparent;color:#cfd6dc;border:0;font-size:42px}.layout-carousel .template{height:62px;min-width:130px;border:2px solid #6b747b;font-size:14px}.layout-carousel .selected{border-color:#1f9ce6;color:#9fb8ca}.template.lines{background:repeating-linear-gradient(0deg,transparent,transparent 8px,#687078 10px,#687078 12px)}.template.grid{background:linear-gradient(90deg,transparent 49%,#687078 50%,transparent 51%),linear-gradient(0deg,transparent 49%,#687078 50%,transparent 51%)}.template.split{background:linear-gradient(90deg,transparent 0 50%,#687078 50% 52%,transparent 52%)}.signa-toolbar{display:grid;grid-template-columns:180px 1fr 1.45fr;gap:8px;background:#b9b9b9;padding:10px 12px}.tool-group{display:flex;align-items:end;gap:5px;flex-wrap:wrap}.tool-group strong{display:block;width:100%;font-size:16px}.tool-group button,.tool-group select{height:30px;min-width:30px;border:1px solid #70777d;background:#6d7379;color:#fff}.text-tools select{background:#d6d6d6;color:#333;min-width:82px}.text-tools input{height:30px;width:34px;border:0}.signa-canvas{height:560px;background:#999;border:1px solid #50565b;position:relative;overflow:hidden}.zone{position:absolute;inset:0;border:2px dashed transparent}.zone.selected{border-color:#178fd0}.signa-element{position:absolute;left:40px;top:40px;min-width:140px;min-height:50px;border:1px dashed #108fcd;background:rgba(255,255,255,.15);padding:8px;cursor:move}.signa-wrap .signa-card{background:#fff;padding:16px;border:1px solid #ddd;margin:14px 0}.badge{display:inline-block;border-radius:12px;padding:4px 10px;font-weight:700}.badge.on{background:#dff7e8;color:#087b32}.badge.off{background:#ffe2e2;color:#a10000}
@media (max-width:900px){.signa-shell{grid-template-columns:1fr}.signa-left{position:relative;display:block}.signa-bottom-actions{position:static;margin-top:18px}.signa-main{padding:0 8px 18px}.signa-topnav{grid-template-columns:repeat(2,1fr);margin:0 -8px 10px}.signa-topnav a{padding:18px 6px}.signa-layout-strip{align-items:flex-start;overflow:auto}.layout-carousel{margin-left:0;min-width:600px}.signa-toolbar{grid-template-columns:1fr}.signa-canvas{height:420px}.tool-group strong{font-size:13px}}
.signa-slide-panel{margin-top:14px;background:#fff;border:1px solid #d6dbe0;padding:10px}.signa-slide-panel-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#4d5963;margin-bottom:8px}.signa-slide-list{display:flex;flex-direction:column;gap:6px}.signa-slide-chip{width:100%;border:1px solid #c7d0d8;background:#f4f7f9;color:#2f3a44;text-align:left;padding:8px 10px;border-radius:4px;cursor:pointer;font-weight:700}.signa-slide-chip.active{background:#178fd0;color:#fff;border-color:#178fd0}.signa-slide-list.flash{animation:signaFlash .6s ease}@keyframes signaFlash{0%{box-shadow:0 0 0 0 rgba(23,143,208,.7)}100%{box-shadow:0 0 0 12px rgba(23,143,208,0)}}
@media (max-width:900px){.signa-slide-list{flex-direction:row;overflow:auto}.signa-slide-chip{min-width:90px}}

.signa-duration-box{margin-top:14px;background:#fff;border:1px solid #d6dbe0;padding:10px}.signa-duration-box label{margin:0 0 6px;text-align:left;font-size:12px;color:#4d5963}.signa-duration-row{display:flex;align-items:center;gap:8px}.signa-duration-row input{width:86px;height:34px;border:1px solid #b8c2cc}.signa-duration-row span{font-size:12px;color:#4d5963}.signa-slide-chip{display:flex;justify-content:space-between;align-items:center}.signa-slide-chip small{font-size:11px;opacity:.8}.signa-preview-modal{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:999999;display:none;align-items:center;justify-content:center;padding:18px}.signa-preview-modal.open{display:flex}.signa-preview-box{background:#fff;width:min(1320px,96vw);max-height:94vh;border-radius:3px;box-shadow:0 18px 55px rgba(0,0,0,.35);display:flex;flex-direction:column}.signa-preview-head{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:14px;color:#222}.signa-preview-head button{border:0;background:transparent;font-size:28px;line-height:1;color:#bbb;cursor:pointer;font-weight:700}.signa-preview-head button:hover{color:#333}.signa-preview-box iframe{width:calc(100% - 36px);height:auto;aspect-ratio:16/9;border:0;margin:0 18px;background:#000}.signa-preview-actions{padding:14px 18px}
@media (max-width:900px){.signa-preview-modal{padding:8px}.signa-preview-box{width:98vw}.signa-preview-box iframe{width:calc(100% - 16px);margin:0 8px}.signa-preview-head{padding:0 10px}.signa-preview-actions{padding:10px}}

/* Full-screen website/URL elements */
.signa-element.fullscreen,
.signa-element-web.fullscreen{position:absolute!important;left:0!important;top:0!important;width:100%!important;height:100%!important;z-index:5;}
.signa-element-web.fullscreen iframe{width:100%!important;height:100%!important;border:0!important;}

/* v0.2.4 - Full slide elements for HTML/Text/Web/Image/Video */
.signa-canvas .signa-element.fullscreen,
.signa-preview .signa-element.fullscreen,
.signa-element.fullscreen,
.signa-element-html.fullscreen,
.signa-element-text.fullscreen,
.signa-element-image.fullscreen,
.signa-element-video.fullscreen,
.signa-element-web.fullscreen{
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    min-width:0!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    z-index:5!important;
}
.signa-element.fullscreen > *,
.signa-element-html.fullscreen > *,
.signa-element-text.fullscreen > *,
.signa-element-image.fullscreen > *,
.signa-element-video.fullscreen > *,
.signa-element-web.fullscreen > *,
.signa-element-web.fullscreen iframe,
.signa-element-image.fullscreen img,
.signa-element-video.fullscreen video{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    box-sizing:border-box!important;
}

/* v0.2.5 - Slide delete controls */
.signa-slide-chip{position:relative;gap:6px;display:grid!important;grid-template-columns:1fr auto auto;align-items:center;}
.signa-slide-chip .signa-slide-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.signa-delete-slide{width:22px!important;height:22px!important;min-width:22px!important;border:0!important;border-radius:50%!important;background:rgba(0,0,0,.13)!important;color:inherit!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:16px!important;line-height:1!important;font-weight:900!important;padding:0!important;margin-left:4px!important;}
.signa-slide-chip.active .signa-delete-slide{background:rgba(255,255,255,.25)!important;color:#fff!important;}
.signa-delete-slide:hover{background:#d63638!important;color:#fff!important;}
@media (max-width:900px){.signa-slide-chip{grid-template-columns:1fr auto auto;}.signa-delete-slide{flex:0 0 22px;}}

/* Signa TV v0.3.0 orientation, templates, duplicate controls */
.signa-orientation-box{margin:14px 0;background:#fff;border:1px solid #d7dce1;border-radius:8px;padding:10px}.signa-orientation-box label{margin:0 0 6px!important;text-align:left!important}.signa-orientation-box select{width:100%;height:36px}.signa-orientation-box small{display:block;color:#667085;margin-top:5px}.signa-secondary{background:#57636e!important;margin-top:8px!important}.signa-template-strip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#eef2f6;border-left:1px solid #cfd4d9;border-right:1px solid #cfd4d9;padding:10px 12px}.signa-template-strip strong{margin-right:6px}.signa-template-strip button{border:1px solid #aeb7c0;background:#fff;border-radius:6px;padding:7px 11px;cursor:pointer}.signa-template-strip button:hover{background:#178fd0;color:#fff;border-color:#178fd0}.signa-canvas.orientation-landscape{height:560px;max-width:995px;margin:0 auto}.signa-canvas.orientation-portrait{height:650px;max-width:366px;margin:0 auto}.signa-canvas.orientation-portrait:after,.signa-canvas.orientation-landscape:after{content:attr(class);position:absolute;right:8px;top:8px;background:rgba(0,0,0,.45);color:#fff;font-size:11px;line-height:1;border-radius:12px;padding:5px 8px;text-transform:uppercase;pointer-events:none}.signa-canvas.orientation-portrait:after{content:'PORTRAIT 9:16'}.signa-canvas.orientation-landscape:after{content:'LANDSCAPE 16:9'}
.signa-meta-pill{display:inline-block;background:#edf6ff;color:#0b65a3;border:1px solid #bedfff;border-radius:14px;padding:3px 8px;font-size:12px;font-weight:700}
@media (max-width:900px){.signa-canvas.orientation-portrait{height:560px;max-width:315px}.signa-canvas.orientation-landscape{height:360px;max-width:640px}.signa-template-strip{overflow:auto;flex-wrap:nowrap}.signa-template-strip button{white-space:nowrap}}

/* Signa TV v0.3.1 - permanent orientation controls */
.signa-orientation-strip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#f8fbff;border-left:1px solid #cfd4d9;border-right:1px solid #cfd4d9;border-top:1px solid #dbe3ea;padding:10px 12px}
.signa-orientation-strip strong{margin-right:6px;color:#142033}
.signa-orientation-btn{border:1px solid #aeb7c0;background:#fff;color:#172033;border-radius:6px;padding:8px 13px;cursor:pointer;font-weight:700;text-transform:uppercase;letter-spacing:.02em}
.signa-orientation-btn:hover{background:#e9f5ff;border-color:#178fd0;color:#0b6fa6}
.signa-orientation-btn.active{background:#178fd0!important;border-color:#178fd0!important;color:#fff!important;box-shadow:0 2px 8px rgba(23,143,208,.25)}
.signa-orientation-help{color:#667085;font-size:12px;margin-left:4px}
@media (max-width:900px){.signa-orientation-strip{overflow:auto;flex-wrap:nowrap}.signa-orientation-btn,.signa-orientation-help{white-space:nowrap}}

/* Signa TV v0.3.2 - groups, schedules and diagnostics */
.signa-schedule-box{margin-top:14px;background:#fff;border:1px solid #d6dbe0;border-radius:8px;padding:10px}.signa-schedule-box>label{margin:0 0 6px!important;text-align:left!important;font-size:12px;color:#4d5963}.signa-inline-check{display:flex!important;align-items:center;gap:6px;text-align:left!important;font-weight:700!important;margin:0 0 8px!important}.signa-days-row{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:8px}.signa-days-row label{font-size:11px!important;margin:0!important;text-align:left!important;font-weight:700!important}.signa-time-row{display:flex;align-items:center;gap:6px}.signa-time-row input{width:96px}.signa-schedule-box small{display:block;color:#667085;margin-top:7px}.signa-mini-input{max-width:150px;height:30px}.signa-error-note{color:#b91c1c}.signa-responsive-table select{max-width:200px}


/* Signa TV v0.3.3 - per-slide schedule */
.signa-schedule-box>label:first-child:after{content:' (selected slide)';font-weight:400;color:#667085}
.signa-all-day{margin-top:4px!important;margin-bottom:8px!important}
.signa-schedule-box input:disabled{opacity:.55;background:#f2f4f7}
.signa-slide-chip.scheduled{border-color:#47a3db;background:#eef8ff}
.signa-slide-chip.scheduled small.is-scheduled{color:#0b65a3;font-weight:800}
.signa-slide-chip.active.scheduled small.is-scheduled{color:#fff}
.signa-slide-chip.scheduled .signa-slide-label:after{content:' ⏱';font-size:12px;opacity:.9}

/* Signa TV v0.5.4 - media toolbar delete selected element */
.signa-template-strip-compact{background:#f6f8fb;border-bottom:1px solid #dbe3ea}
.signa-template-strip-compact .signa-template-primary{background:#178fd0!important;border-color:#178fd0!important;color:#fff!important;font-weight:800}
.signa-toolbar-icons{align-items:start;grid-template-columns:210px minmax(420px,1fr) minmax(420px,1.25fr);background:#f4f6f8;border-top:1px solid #d6dce2;border-bottom:1px solid #d6dce2;padding:8px 10px;gap:14px}
.signa-toolbar-icons .tool-group{align-items:flex-end;gap:4px}
.signa-toolbar-icons .tool-group strong{font-size:13px;letter-spacing:.02em;color:#111827;margin-bottom:4px;text-transform:uppercase}
.signa-toolbar-icons .tool-group button{height:34px;min-width:34px;border:0;background:#3f464d;color:#fff;border-radius:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0 8px}
.signa-toolbar-icons .tool-group button:hover{background:#178fd0;color:#fff}
.signa-toolbar-icons .tool-group button .dashicons{font-size:20px;width:20px;height:20px;line-height:20px}
.signa-toolbar-icons .signa-text-icon{font-weight:900;font-size:22px;line-height:1;font-family:Arial,sans-serif}
.signa-toolbar-icons .signa-html-icon{font-weight:800;font-size:13px;line-height:1;font-family:Consolas,monospace}
.signa-toolbar-icons .text-tools select{height:34px;border:1px solid #98a2b3;background:#fff;color:#111827;border-radius:3px;min-width:90px}
.signa-toolbar-icons .text-tools input{height:34px;width:36px;border:1px solid #98a2b3;background:#fff;padding:2px}
.signa-template-modal{position:fixed;inset:0;background:rgba(15,23,42,.58);z-index:999999;display:none;align-items:center;justify-content:center;padding:20px}
.signa-template-modal.open{display:flex}
.signa-template-modal-box{width:min(760px,94vw);background:#fff;border-radius:14px;box-shadow:0 24px 80px rgba(15,23,42,.28);overflow:hidden}
.signa-template-modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #e4e7ec;color:#101828;font-size:18px}
.signa-template-modal-head button{border:0;background:transparent;font-size:30px;line-height:1;cursor:pointer;color:#667085}
.signa-template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:20px}
.signa-template-card{min-height:120px;border:1px solid #d0d5dd;background:linear-gradient(180deg,#fff,#f8fafc);border-radius:12px;text-align:left;padding:16px;cursor:pointer;color:#101828}
.signa-template-card span{display:block;font-weight:900;font-size:15px;margin-bottom:8px}
.signa-template-card small{display:block;color:#667085;line-height:1.35}
.signa-template-card:hover{border-color:#178fd0;box-shadow:0 10px 25px rgba(23,143,208,.14);transform:translateY(-1px)}
@media (max-width:1000px){.signa-toolbar-icons{grid-template-columns:1fr}.signa-template-grid{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.signa-template-grid{grid-template-columns:1fr}.signa-toolbar-icons .text-tools select{min-width:74px}}

.signa-element.selected-element{outline:2px solid #178fd0!important;box-shadow:0 0 0 3px rgba(23,143,208,.22);z-index:20;}
.signa-toolbar-icons #delete-element{background:#3f464d;color:#fff;}
.signa-toolbar-icons #delete-element:hover{background:#dc2626;color:#fff;}

/* Signa TV v0.5.5 - compact element color button */
.signa-media-tools #element-color .dashicons{line-height:1;}


/* Signa TV v0.5.7 - stable in-editor color modal */
.signa-color-modal{position:fixed;z-index:1000000;top:112px;left:50%;transform:translateX(-50%);display:none;pointer-events:none}
.signa-color-modal.open{display:block}
.signa-color-panel{width:270px;background:#36404a;border:1px solid #1f2933;box-shadow:0 18px 45px rgba(0,0,0,.32);color:#fff;border-radius:4px;overflow:hidden;pointer-events:auto;font-family:Arial,sans-serif}
.signa-color-head{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.12)}
.signa-color-head strong{font-size:13px;letter-spacing:.03em;text-transform:uppercase;color:#fff}
.signa-color-close{width:26px;height:26px;border:0;background:#4b5563;color:#fff;font-size:24px;line-height:1;cursor:pointer;border-radius:2px}
.signa-color-close:hover{background:#dc2626;color:#fff}
.signa-color-body{padding:10px;display:grid;grid-template-columns:94px 1fr;gap:10px;align-items:start}
.signa-color-native{width:94px!important;height:78px!important;border:1px solid rgba(255,255,255,.28)!important;background:#111827!important;padding:2px!important;cursor:pointer!important}
.signa-color-fields{display:grid;grid-template-columns:1fr;gap:6px}
.signa-color-fields label{font-size:11px;color:#e5e7eb;font-weight:800;margin:0!important;text-align:left!important}
.signa-color-hex{width:100%!important;height:32px!important;border:1px solid #94a3b8!important;border-radius:2px!important;background:#fff!important;color:#111827!important;font-weight:700!important;text-transform:lowercase!important;box-sizing:border-box!important}
.signa-color-preview{height:31px;border:1px solid rgba(255,255,255,.35);border-radius:2px;background:#111827}
.signa-color-swatches{grid-column:1 / -1;display:grid;grid-template-columns:repeat(10,1fr);gap:5px;margin-top:2px}
.signa-color-swatches button{height:22px;border:1px solid rgba(255,255,255,.55);border-radius:2px;cursor:pointer;min-width:0;padding:0}
.signa-color-swatches button:hover{outline:2px solid #38bdf8;outline-offset:1px}
.signa-color-actions{display:flex;justify-content:flex-end;gap:8px;padding:9px 10px;border-top:1px solid rgba(255,255,255,.12);background:#303943}
.signa-color-actions .button{min-height:30px;line-height:28px;padding:0 12px!important}
.signa-color-cancel{background:transparent!important;border:0!important;color:#ff5c5c!important;box-shadow:none!important}
@media (max-width:700px){.signa-color-modal{top:80px;left:12px;right:12px;transform:none}.signa-color-panel{width:auto}.signa-color-body{grid-template-columns:1fr}.signa-color-native{width:100%!important}}


/* Signa TV v0.5.8 - compact single-row text toolbar */
.signa-toolbar-icons .text-tools{align-items:flex-start!important;align-content:flex-start!important;min-width:0!important;}
.signa-toolbar-icons .text-tools strong{width:100%!important;flex:0 0 100%!important;}
.signa-toolbar-icons .text-tools .signa-text-tools-row{display:flex!important;align-items:center!important;gap:5px!important;flex-wrap:nowrap!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;padding:0!important;margin:0!important;}
.signa-toolbar-icons .text-tools .signa-text-tools-row select{width:auto!important;max-width:none!important;min-width:72px!important;height:34px!important;flex:0 0 auto!important;margin:0!important;display:inline-flex!important;}
.signa-toolbar-icons .text-tools .signa-text-tools-row #font{min-width:150px!important;}
.signa-toolbar-icons .text-tools .signa-text-tools-row #font-size{min-width:72px!important;}
.signa-toolbar-icons .text-tools .signa-text-tools-row #text-tag{min-width:80px!important;}
.signa-toolbar-icons .text-tools .signa-text-tools-row #text-color{width:34px!important;min-width:34px!important;max-width:34px!important;height:34px!important;flex:0 0 34px!important;padding:2px!important;margin:0!important;}
.signa-toolbar-icons .text-tools .signa-text-tools-row button{height:34px!important;min-width:34px!important;width:34px!important;flex:0 0 34px!important;padding:0!important;margin:0!important;font-size:20px!important;font-weight:800!important;}
.signa-toolbar-icons .text-tools .signa-text-tools-row button[title^=Align]{font-size:22px!important;line-height:1!important;}
@media (max-width:1180px){.signa-toolbar-icons{grid-template-columns:1fr!important}.signa-toolbar-icons .text-tools .signa-text-tools-row{overflow-x:auto!important}}

/* Signa TV v0.5.9 - movable and resizable media elements */
.signa-element{box-sizing:border-box;user-select:none;}
.signa-element img,.signa-element video{pointer-events:none;background:transparent;}
.signa-element-image{background:rgba(255,255,255,.06);}
.signa-element.selected-element{cursor:move;}
.signa-resize-handle{position:absolute;width:10px;height:10px;background:#fff;border:2px solid #178fd0;box-sizing:border-box;z-index:30;border-radius:50%;}
.signa-resize-nw{left:-7px;top:-7px;cursor:nwse-resize;}
.signa-resize-ne{right:-7px;top:-7px;cursor:nesw-resize;}
.signa-resize-sw{left:-7px;bottom:-7px;cursor:nesw-resize;}
.signa-resize-se{right:-7px;bottom:-7px;cursor:nwse-resize;}