*{box-sizing:border-box}html,body{width:100%;max-width:100%;overflow-x:hidden}body{margin:0;font-family:Arial,sans-serif;background:#eef2f0;color:#21352f}.visual-app{width:calc(100% - 24px);max-width:1680px;min-height:100vh;margin:0 auto;padding:14px 0 24px;display:block}.visual-topbar{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:18px 20px;background:#fff;color:#173f35;border:1px solid #d8e0dc;border-radius:14px;box-shadow:0 6px 20px rgba(0,0,0,.05)}.visual-topbar h1{margin:0;font-size:26px;color:#173f35}.visual-topbar p{margin:5px 0 0;color:#68756f;font-size:12px}.actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.btn{border:0;border-radius:7px;min-height:40px;padding:9px 13px;background:#c9a44c;color:#173f35;font-weight:700;cursor:pointer}.btn.secondary{background:#fff;color:#173f35;border:1px solid #cfd9d4}.btn.danger{background:#b42318;color:#fff}.workspace{display:grid;grid-template-columns:280px minmax(0,1fr) 280px;gap:10px;padding:0;min-height:0;margin-top:12px}.panel{min-width:0;background:#fff;border:1px solid #d8e0dc;border-radius:10px;padding:12px;overflow:auto}.panel h2{font-size:15px;margin:3px 0 10px;color:#173f35}.panel label{display:block;font-size:11px;font-weight:700;color:#52635d;margin:9px 0 4px}.panel input,.panel select,.panel textarea{width:100%;min-width:0;padding:8px;border:1px solid #cfd9d4;border-radius:6px;font:inherit}.element-list{display:grid;gap:5px}.element-list button{width:100%;border:1px solid #d8e0dc;background:#f8faf9;text-align:left;padding:8px;border-radius:6px;cursor:pointer}.element-list button.active{background:#173f35;color:#fff}.stage{min-width:0;background:#cfd6d3;border-radius:10px;overflow:auto;display:flex;justify-content:center;align-items:flex-start;padding:12px}.stage iframe{display:block;width:100%;height:clamp(520px,calc(100vh - 260px),780px);min-height:0;border:0;background:#fff;box-shadow:0 10px 35px rgba(0,0,0,.18)}.stage.phone iframe{width:390px;max-width:100%;border-radius:18px}.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px}.mode-switch button.active{background:#173f35;color:#fff}.property-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.property-grid label{margin:0}.hint{font-size:11px;line-height:1.5;color:#68756f;background:#f2f5f3;padding:8px;border-radius:6px}.status{font-size:12px;margin-top:8px;padding:8px;border-radius:6px;background:#eef3f0}.status.error{background:#fdebea;color:#9f241c}.status.success{background:#e9f5ef;color:#1d6a47}.block-buttons{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.block-buttons .btn{padding:8px 4px;font-size:11px}.selected-name{font-weight:700;color:#173f35;padding:8px;background:#f2f5f3;border-radius:6px}.nav-links{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:7px;width:100%;margin:10px 0 0;padding:6px;background:#fff;border:1px solid #d8e0dc;border-radius:10px}.nav-links a{display:flex;align-items:center;justify-content:center;min-width:0;min-height:40px;padding:8px 9px;border:1px solid #d7e1dc;border-radius:7px;background:#eef3f0;color:#173f35;text-align:center;text-decoration:none;font-size:11px;line-height:1.2;font-weight:700;white-space:normal}.nav-links a:hover{background:#e2ebe7}.nav-links a[href="advanced-visual-editor.html"]{background:#173f35;color:#fff;border-color:#173f35}@media(max-width:1180px){.workspace{grid-template-columns:240px minmax(0,1fr)}.properties{grid-column:1/-1;max-height:360px}.stage iframe{height:680px}.nav-links{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(max-width:720px){.visual-app{width:calc(100% - 16px);padding-top:8px}.visual-topbar{align-items:flex-start;flex-direction:column;padding:15px}.visual-topbar h1{font-size:23px}.actions{width:100%}.actions .btn{flex:1 1 120px}.workspace{grid-template-columns:1fr}.panel{max-height:none}.stage{order:3;padding:6px}.stage iframe{height:620px}.properties{grid-column:auto}.nav-links{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px}.nav-links a{font-size:10px;min-height:42px}}@media(max-width:460px){.nav-links{grid-template-columns:1fr!important}.actions .btn{width:100%;flex:1 1 100%}.property-grid{grid-template-columns:1fr}.stage iframe{height:560px}}