/* TKNP VISUAL PAGE COMPOSER V5 - manager */
#tknp-composer-v5-manager{font-family:inherit;color:#15324b;background:#f5f8fb;padding:18px}.tknp-composer-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;background:#fff;border:1px solid #d7e3ed;border-radius:14px;padding:18px;margin-bottom:12px}.tknp-composer-head span{font-size:12px;font-weight:900;letter-spacing:.08em;color:#05708e}.tknp-composer-head h3{font-size:25px;margin:3px 0}.tknp-composer-head p{margin:0;color:#607489;max-width:850px}.tknp-composer-head>div:last-child,.tknp-composer-canvas-actions,.tknp-composer-editor-actions,.devices{display:flex;gap:8px;flex-wrap:wrap}.tknp-composer-btn{border:1px solid #b9d1e4;border-radius:9px;background:#fff;color:#123958;padding:9px 13px;font-weight:800;cursor:pointer}.tknp-composer-btn.primary{background:#1479bd;color:#fff;border-color:#1479bd}.tknp-composer-btn.success{background:#16834b;color:#fff;border-color:#16834b}.tknp-composer-btn.warning{background:#fff4d2;border-color:#e7bd44}.tknp-composer-btn.danger{color:#a01818;border-color:#e7b3b3}.tknp-composer-btn.ghost{background:#f8fbfd}.tknp-composer-btn:disabled{opacity:.4;cursor:not-allowed}.tknp-composer-alert{padding:11px 14px;border-radius:8px;background:#eaf8ef;color:#146b3a;margin-bottom:10px}.tknp-composer-alert.error{background:#fff0f0;color:#982222}.tknp-composer-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) auto auto;gap:12px;align-items:center;background:#fff;border:1px solid #d7e3ed;border-radius:12px;padding:12px 14px;margin-bottom:12px}.tknp-composer-toolbar label{display:flex;align-items:center;gap:10px;font-weight:800}.tknp-composer-toolbar select{min-width:260px}.tknp-composer-quality{display:flex;gap:8px;align-items:center;padding:7px 10px;border-radius:8px}.tknp-composer-quality.good{background:#ecf8ef;color:#176d3c}.tknp-composer-quality.bad{background:#fff0f0;color:#9b2424}.tknp-composer-workspace{display:grid;grid-template-columns:minmax(300px,360px) minmax(360px,500px) minmax(430px,1fr);gap:12px;align-items:start}.tknp-composer-canvas,.tknp-composer-editor,.tknp-composer-preview{background:#fff;border:1px solid #d7e3ed;border-radius:14px;min-width:0}.tknp-composer-panel-head,.tknp-composer-preview-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:14px 15px;border-bottom:1px solid #dbe6ef}.tknp-composer-panel-head h4,.tknp-composer-preview-head h4{margin:0;font-size:18px}.tknp-composer-panel-head small,.tknp-composer-preview-head small{color:#687c8f}.tknp-composer-add-menu{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:10px;border-bottom:1px solid #e1eaf1}.tknp-composer-add-menu button{border:1px solid #c6d8e7;background:#f8fbfd;border-radius:8px;padding:9px;text-align:left;font-weight:700;cursor:pointer}.tknp-composer-module-list{max-height:620px;overflow:auto;padding:8px}.tknp-composer-module-row{display:grid;grid-template-columns:24px 34px minmax(0,1fr) auto auto;gap:6px;align-items:center;border:1px solid #d8e4ed;border-radius:10px;padding:8px;margin-bottom:7px;background:#fff}.tknp-composer-module-row.selected{border-color:#1685c8;box-shadow:0 0 0 2px rgba(22,133,200,.12)}.tknp-composer-module-row.disabled{opacity:.58}.tknp-composer-module-row.dragging{opacity:.35}.tknp-composer-module-row .handle{cursor:grab;font-size:18px}.tknp-composer-module-row .icon{display:flex;width:30px;height:30px;align-items:center;justify-content:center;background:#e9f4fb;border-radius:8px;color:#056a9c;font-weight:900}.tknp-composer-module-row .pick{border:0;background:transparent;text-align:left;cursor:pointer;color:inherit;min-width:0}.tknp-composer-module-row .pick strong,.tknp-composer-module-row .pick small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tknp-composer-module-row .pick small{color:#718397}.tknp-composer-module-row .status{font-size:11px;font-weight:800;color:#567082}.tknp-composer-module-row .mini{display:flex}.tknp-composer-module-row .mini .tknp-composer-btn{padding:4px 6px}.tknp-composer-canvas-actions{padding:12px;border-top:1px solid #dbe6ef}.tknp-composer-editor{max-height:780px;overflow:hidden}.tknp-composer-editor form{padding:14px;max-height:690px;overflow:auto}.tknp-composer-editor fieldset{border:1px solid #d9e5ed;border-radius:10px;padding:12px;margin:0 0 12px}.tknp-composer-editor legend{font-weight:900;color:#174568;padding:0 6px}.tknp-composer-editor legend small{font-weight:500;color:#728598}.tknp-composer-editor label{display:block;font-size:12px;font-weight:800;color:#536b7e;margin-bottom:9px}.tknp-composer-editor input,.tknp-composer-editor textarea,.tknp-composer-editor select,.tknp-composer-toolbar select{box-sizing:border-box;width:100%;border:1px solid #bfd1df;border-radius:8px;padding:10px;background:#fff;color:#16344d;font:inherit}.tknp-composer-editor .two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tknp-composer-editor .checks{display:flex;gap:14px;flex-wrap:wrap}.tknp-composer-editor .checks label,.tknp-composer-check{display:flex!important;align-items:center;gap:6px}.tknp-composer-editor .checks input,.tknp-composer-check input{width:auto}.tknp-composer-safety-note{padding:10px 12px;background:#f0f8ff;border-left:4px solid #1481bf;border-radius:6px;margin-bottom:12px;font-size:13px}.tknp-composer-item{border:1px solid #dce7ef;border-radius:9px;padding:10px;margin-bottom:8px;background:#fafcfe}.tknp-composer-preview{overflow:hidden}.tknp-composer-preview-head{align-items:center}.tknp-composer-preview-head .devices button{border:1px solid #c4d7e7;background:#fff;border-radius:8px;padding:8px 10px;font-weight:800;cursor:pointer}.tknp-composer-preview-head .devices button.active{background:#103f63;color:#fff}.tknp-composer-preview-grid{display:grid;gap:10px;padding:10px;background:#edf3f7}.tknp-composer-preview-grid.compare{grid-template-columns:1fr 1fr}.tknp-composer-frame-card{min-width:0;background:#fff;border:1px solid #cfdee9;border-radius:10px;overflow:hidden}.tknp-composer-frame-card header{display:flex;justify-content:space-between;padding:8px 10px;border-bottom:1px solid #dce7ef}.tknp-composer-frame-card header small{color:#708496}.tknp-composer-stage{position:relative;overflow:hidden;background:#eef3f7}.tknp-composer-stage iframe{position:absolute;left:0;top:0;border:0;background:#fff}.tknp-composer-loading,.tknp-composer-editor .empty{padding:30px;text-align:center;color:#6c8092}
.tknp-composer-edit-target{cursor:pointer!important}.tknp-composer-edit-target:hover{outline:4px solid #ffb000!important;outline-offset:-4px!important}
@media(max-width:1450px){.tknp-composer-workspace{grid-template-columns:300px 420px minmax(380px,1fr)}}
@media(max-width:1150px){.tknp-composer-workspace{grid-template-columns:300px minmax(400px,1fr)}.tknp-composer-preview{grid-column:1/-1}.tknp-composer-preview-grid.compare{grid-template-columns:1fr 1fr}}
@media(max-width:760px){#tknp-composer-v5-manager{padding:8px}.tknp-composer-head,.tknp-composer-toolbar{display:block}.tknp-composer-workspace{display:block}.tknp-composer-canvas,.tknp-composer-editor,.tknp-composer-preview{margin-bottom:10px}.tknp-composer-editor .two,.tknp-composer-preview-grid.compare{grid-template-columns:1fr}.tknp-composer-toolbar select{min-width:0}.tknp-composer-head>div:last-child{margin-top:10px}}

.tknp-composer-archive{margin:8px;border:1px solid #e5c66e;border-radius:10px;background:#fffaf0}
.tknp-composer-archive>summary{cursor:pointer;padding:10px 12px;font-weight:900;color:#765400}
.tknp-composer-archive>div{padding:0 10px 10px}
.tknp-composer-archived-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #f0dfaa;padding:9px 2px}
.tknp-composer-archived-row strong,.tknp-composer-archived-row small{display:block}
.tknp-composer-archived-row small{color:#7a8794}

/* V5-R2 existing/native card management */
.tknp-composer-existing-help{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;margin:0 0 10px;border-radius:9px;background:#eaf6ff;border:1px solid #b9dcf3}
.tknp-composer-existing-help.subtle{display:block;background:#f8fafc;border-color:#d8e4ed}
.tknp-composer-existing-help strong,.tknp-composer-existing-help span{display:block}.tknp-composer-existing-help span{font-size:12px;color:#5d7386;margin-top:2px}
.tknp-composer-item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:9px}.tknp-composer-item-head strong,.tknp-composer-item-head small{display:block}.tknp-composer-item-head small{font-size:11px;color:#728598}.tknp-composer-item-head .item-buttons{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.tknp-composer-item-head .tknp-composer-btn{padding:5px 8px;font-size:11px}.tknp-composer-item.is-hidden{opacity:.67;background:#f3f6f8}
.tknp-composer-item-archive{border:1px solid #e6c66e;border-radius:9px;background:#fffaf0;margin:10px 0}.tknp-composer-item-archive>summary{padding:9px 10px;font-weight:900;cursor:pointer;color:#745600}.tknp-composer-archived-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border-top:1px solid #efddac}.tknp-composer-archived-item strong,.tknp-composer-archived-item small{display:block}.tknp-composer-archived-item small{font-size:11px;color:#7a8794}

/* V5-R3 universal existing-content loader */
.tknp-composer-source-loader{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;margin:0 0 13px;border:1px solid #87c7ee;border-left:5px solid #0b78b5;border-radius:11px;background:#eef8ff}
.tknp-composer-source-loader>div{min-width:0}.tknp-composer-source-loader strong,.tknp-composer-source-loader span{display:block}.tknp-composer-source-loader strong{font-size:14px;color:#073b5c}.tknp-composer-source-loader span{font-size:12px;line-height:1.45;color:#536f82;margin-top:3px}
.tknp-composer-source-loader .tknp-composer-btn{flex:0 0 auto;white-space:nowrap}
@media(max-width:760px){.tknp-composer-source-loader{align-items:stretch;flex-direction:column}.tknp-composer-source-loader .tknp-composer-btn{width:100%}}

/* V5-R4 universal existing-content manager */
.tknp-composer-module-row .mini{display:flex;gap:4px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.tknp-composer-module-row .mini .tknp-composer-btn[data-composer-act="manage-existing"]{font-size:10px;padding:4px 7px;border-color:#78bde8;background:#eef8ff;color:#075887}
.tknp-composer-element-visibility{margin-top:10px;padding:10px;border:1px dashed #bdd5e5;border-radius:9px;background:#f8fbfd}
.tknp-composer-element-visibility>strong{display:block;font-size:12px;margin-bottom:7px;color:#31546b}

/* V5-R5 Hero Media Studio */
.tknp-hero-media-editor{border-color:#9bc9e6!important;background:#fbfdff!important}.tknp-hero-media-note{display:grid;gap:3px;padding:11px 12px;margin:0 0 12px;border-left:5px solid #0b78b5;background:#eef8ff;border-radius:9px}.tknp-hero-media-note strong{color:#073b5c}.tknp-hero-media-note span,.tknp-hero-accessibility,.tknp-hero-add-row span{font-size:12px;color:#5a7182;line-height:1.45}.tknp-hero-accessibility{padding:9px 11px;margin:8px 0 12px;border-radius:8px;background:#f7fafc;border:1px solid #d8e4ed}.tknp-hero-slides{display:grid;gap:10px}.tknp-hero-slide-row{display:grid;grid-template-columns:120px minmax(0,1fr) 126px;gap:10px;padding:10px;border:1px solid #d7e5ee;border-radius:10px;background:#fff;align-items:start}.tknp-hero-slide-row.is-hidden{opacity:.62;background:#f4f6f8}.tknp-hero-slide-preview{height:95px;border-radius:8px;overflow:hidden;background:#edf2f5;display:flex;align-items:center;justify-content:center;color:#718392;font-size:11px}.tknp-hero-slide-preview img{width:100%;height:100%;object-fit:cover}.tknp-hero-slide-fields{display:grid;gap:7px}.tknp-hero-slide-fields label{margin:0!important}.tknp-hero-slide-actions{display:grid;gap:5px;align-content:start}.tknp-hero-slide-actions strong,.tknp-hero-slide-actions small{display:block}.tknp-hero-slide-actions small{font-size:11px;color:#6b7f8f}.tknp-hero-slide-actions .tknp-composer-btn{width:100%;padding:6px 8px;font-size:11px}.tknp-hero-add-row{display:flex;align-items:center;gap:10px;margin-top:11px}.tknp-hero-slide-archive{margin-top:10px;border:1px solid #e8ce85;border-radius:9px;background:#fffaf0}.tknp-hero-slide-archive>summary{padding:9px 10px;font-weight:900;cursor:pointer}.tknp-hero-slide-archived{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;border-top:1px solid #eddca8}
@media(max-width:900px){.tknp-hero-slide-row{grid-template-columns:90px minmax(0,1fr)}.tknp-hero-slide-actions{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr))}.tknp-hero-slide-actions strong,.tknp-hero-slide-actions small{grid-column:1/-1}.tknp-hero-add-row{align-items:stretch;flex-direction:column}}

.tknp-hero-slide-row[draggable=true],.tknp-composer-item[draggable=true]{cursor:grab}.tknp-hero-slide-row.dragging,.tknp-composer-item.dragging{opacity:.55;outline:2px dashed #1679b8}