/* Native extension of SocialMAX: clear hierarchy, generous hit targets, real render previews. */
.network-switch{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 24px;padding:15px 18px;background:#fff;border:1px solid var(--line,#ddd);border-radius:14px}.network-switch label{font-size:10px;letter-spacing:.1em;font-weight:800;color:#61766e}.network-switch select{flex:1;min-width:180px;border:0;background:#f4f6f3;padding:12px;border-radius:8px;max-width:430px}.locale-grid,.brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.locale-card{border:1px solid #dce6df;border-radius:12px;padding:20px;background:#f9fbf8}.locale-code{font-size:25px;font-weight:850;color:#246552;letter-spacing:-1px}.locale-card h3{margin-top:8px}.locale-card p{font-size:12px;color:#687d72}.network-topic{display:flex;gap:20px;padding:24px 0;border-top:1px solid #e5ebe6}.topic-priority{flex:none;width:70px;height:78px;border:1px solid #d7e6da;background:#eff7ee;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:29px;font-weight:800;color:#2d6a4e}.topic-priority small{font-size:8px;letter-spacing:.07em;font-weight:700}.network-topic-body{min-width:0;flex:1}.network-topic h3{font-size:17px}.edition-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.edition-strip>div{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:12px;background:#f4f7f3;border-radius:8px;font-size:12px;min-width:0}.edition-strip small{overflow-wrap:anywhere}.watch-grid,.asset-grid,.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.watch-card{border:1px solid #e0e7e1;padding:20px;border-radius:12px;min-width:0}.watch-card p{overflow-wrap:anywhere}.text-error{color:#a44838;font-size:12px}.compact-json{font-family:ui-monospace,monospace;font-size:12px;line-height:1.7;white-space:pre-wrap;max-height:400px;overflow:auto;background:#f3f6f3;padding:18px;border-radius:10px}.brand-card{overflow:hidden}.brand-swatch{padding:28px;min-height:205px;display:flex;flex-direction:column;justify-content:space-between;gap:22px}.brand-swatch>span{font-size:10px;letter-spacing:.14em;opacity:.7}.brand-swatch strong{font-size:26px;line-height:1.2}.swatch-row{display:flex;gap:7px}.swatch-row i{width:26px;height:26px;display:inline-block;border-radius:50%;border:1px solid #aaa8}.brand-card p{font-size:12px}.preset-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.preset-tile{display:flex;flex-direction:column;gap:10px;padding:20px 15px;border:1px solid #dbe3dc;background:linear-gradient(135deg,#14243a,#29475a);color:#f6f8f9;border-radius:11px;text-decoration:none;min-height:148px}.preset-tile:hover{transform:translateY(-2px);border-color:#4fa489}.preset-tile strong{font-size:15px}.preset-tile>span:last-child{font-size:10px;opacity:.7}.preset-number{font-size:12px;letter-spacing:.1em;color:#96d4c5}.template-card{overflow:hidden}.template-card>a{display:block;background:#eee}.template-card img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}.template-card h3{font-size:16px;margin:10px 0}.version-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 25px}.choice-grid .check{margin:0;padding:12px;background:#f4f7f3;border-radius:8px;font-size:12px}.asset-card{overflow:hidden}.asset-card>img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#edf1ed}.asset-card h3{font-size:15px}.asset-card p{font-size:12px}.bio-preview{font-size:20px;font-weight:600;padding:20px;background:#f1f6f1;border-left:3px solid #287359;border-radius:6px}.template-workbench{display:grid;grid-template-columns:175px minmax(280px,1fr) 245px;gap:20px;align-items:start}.builder-left,.builder-right{background:white;border:1px solid #e0e7e0;border-radius:12px;padding:16px}.builder-left h3,.builder-right h3{font-size:12px;text-transform:uppercase;letter-spacing:.04em}.builder-left hr,.builder-right hr{border:0;border-top:1px solid #e6ebe6;margin:20px 0}.builder-toolbar{display:flex;gap:10px;flex-wrap:wrap;background:white;padding:16px;border:1px solid #e0e7e0;border-radius:12px;margin-bottom:20px}.builder-toolbar>input,.builder-toolbar>select{border:1px solid #d7e0d9;border-radius:8px;padding:10px;min-width:0;background:#fbfcfa}.builder-toolbar>input{flex:1;min-width:200px;font-weight:700}.builder-toolbar>select{max-width:210px}.builder-toolbar .check{font-size:12px;margin:0}.template-canvas{position:relative;width:100%;max-width:430px;margin:0 auto;background:#e6ede7;box-shadow:0 8px 28px #122b2126;overflow:hidden;touch-action:none}.template-canvas img{position:absolute;width:100%;height:100%;object-fit:contain;inset:0;pointer-events:none}.canvas-note{display:flex;justify-content:space-between;gap:10px;font-size:10px;line-height:1.6;color:#60766b;max-width:430px;margin:0 auto 10px}.canvas-note span:first-child{font-weight:700}.canvas-element{position:absolute;border:1px dashed transparent;cursor:move;touch-action:none;box-sizing:border-box}.canvas-element:hover{border-color:#70dcb8}.canvas-element.selected{border:2px solid #68ecc2;background:#64e8bd14;z-index:2}.canvas-element>span{display:none;background:#60dcb2;color:#10392a;padding:2px 4px;position:absolute;top:0;left:0;font-size:9px;font-weight:800}.canvas-element:hover>span,.canvas-element.selected>span{display:block}.resize-handle{display:block;width:13px;height:13px;background:#68ecc2;border:1px solid #fff;position:absolute;bottom:-2px;right:-2px;cursor:nwse-resize}.element-row{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;background:transparent;border:1px solid transparent;border-radius:7px;padding:10px;margin:3px 0;color:#40594d}.element-row span{font-size:10px;opacity:.7}.element-row.selected{background:#eaf4ec;border-color:#b7d6bd}.builder-right .field,.builder-left .field{margin-bottom:11px}.builder-right label,.builder-left label{font-size:10px}.builder-right input,.builder-right select,.builder-left input,.builder-left select{font-size:12px;padding:8px;width:100%;box-sizing:border-box}.builder-right .check{font-size:11px;line-height:1.4}.builder-right .check input{width:14px;flex:none}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.validation-list>div{display:flex;justify-content:space-between;gap:20px;padding:10px;border-bottom:1px solid #e4e9e4;font-size:12px}.form-error:not(:empty){padding:14px;color:#933c2e;background:#fcefe7;border-radius:8px;margin-bottom:16px}#preview-report .alert{font-size:12px;overflow-wrap:anywhere}.button-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.field-help{overflow-wrap:anywhere}details>summary{cursor:pointer;font-size:12px;font-weight:600}details>p,details>ol{font-size:12px;line-height:1.6}.template-workbench .btn{font-size:11px}.builder-right .check.mb{margin-bottom:12px!important}
@media(min-width:1600px){.template-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.template-workbench{grid-template-columns:200px minmax(300px,1fr) 285px}}
@media(max-width:1200px){.brand-grid,.asset-grid,.watch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.template-workbench{grid-template-columns:140px minmax(250px,1fr) 210px;gap:12px}.builder-left,.builder-right{padding:11px}}
@media(max-width:980px){.template-workbench{grid-template-columns:145px minmax(250px,1fr)}.builder-right{grid-column:1/-1}.builder-right #element-form,.builder-right #hard-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.template-grid,.locale-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.network-switch{align-items:stretch}.network-switch .btn{font-size:11px}}
@media(max-width:620px){.brand-grid,.asset-grid,.watch-grid,.locale-grid,.template-grid{grid-template-columns:1fr}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.edition-strip{grid-template-columns:1fr}.network-topic{gap:12px}.topic-priority{width:50px;font-size:23px;height:64px}.topic-priority small{font-size:6px}.choice-grid{grid-template-columns:1fr}.template-workbench{display:flex;flex-direction:column}.builder-left{width:100%;box-sizing:border-box}.builder-left #element-list{display:flex;overflow:auto}.element-row{min-width:100px}.builder-center{width:100%}.builder-right{width:100%;box-sizing:border-box}.builder-toolbar>select{max-width:100%;flex:1}.builder-right #element-form,.builder-right #hard-form{grid-template-columns:1fr 1fr}.network-switch select{max-width:100%}.compact-json{max-width:100%;overflow-wrap:anywhere}}