.idp-shell{background:#f6f7fb;color:#080c24;margin-bottom:70px;overflow:hidden;font-family:"Golos Text",Arial,sans-serif}.idp-hero{max-width:1180px;margin:0 auto 40px;display:grid;grid-template-columns:1fr 450px;gap:50px;align-items:center;padding:90px 20px;background:radial-gradient(circle at 80% 30%,rgba(255,122,0,.20),transparent 34%),linear-gradient(135deg,#050817,#071126 55%,#101827);border-radius:0 0 38px 38px;color:#fff}.idp-badge{display:inline-flex;margin-bottom:18px;padding:9px 16px;border-radius:100px;background:rgba(255,122,0,.16);color:#ff9a2f;font-weight:900;font-size:13px}.idp-hero h1{font-size:58px;line-height:1.03;margin:0 0 22px;color:#fff;font-weight:900;letter-spacing:-1px}.idp-hero p{font-size:19px;line-height:1.6;color:rgba(255,255,255,.82);max-width:720px;margin:0 0 30px}.idp-hero__actions{display:flex;gap:14px;flex-wrap:wrap}.idp-btn{min-height:56px;padding:0 28px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;font-weight:900;text-decoration:none!important}.idp-btn--orange,.idp-export,.idp-order{background:linear-gradient(135deg,#ff7a00,#ffb000);color:#111827!important;box-shadow:0 0 28px rgba(255,122,0,.55)}.idp-btn--ghost{background:rgba(255,255,255,.08);color:#fff!important;border:1px solid rgba(255,255,255,.22)}.idp-hero__card{background:linear-gradient(135deg,#ff7a00,#ffb000);padding:38px;border-radius:34px;box-shadow:0 28px 80px rgba(0,0,0,.35);transform:rotate(-2deg);min-height:330px}.idp-card__top{font-size:52px;font-weight:900;color:#fff}.idp-card__sub{margin-top:22px;color:#080c24;font-size:20px;font-weight:900}.idp-card__phone{margin-top:24px;background:#080c24;color:#fff;padding:15px;border-radius:18px;text-align:center;font-size:22px;font-weight:900}.idp-app{max-width:1440px;margin:0 auto 70px;padding:0 20px;display:grid;grid-template-columns:300px minmax(0,1fr) 290px;gap:18px}.idp-sidebar,.idp-properties{display:flex;flex-direction:column;gap:16px}.idp-panel{background:#fff;border-radius:24px;padding:20px;box-shadow:0 20px 55px rgba(8,12,36,.07)}.idp-panel h3{margin:0 0 14px;font-size:17px;font-weight:900}.idp-tabs,.idp-presets{display:flex;flex-wrap:wrap;gap:9px}.idp-tabs button,.idp-presets button,.idp-small-btn{border:0;border-radius:12px;background:#f1f3f8;padding:10px 12px;font-weight:900;cursor:pointer;transition:.2s}.idp-tabs button.active,.idp-tabs button:hover,.idp-presets button:hover,.idp-small-btn:hover{background:#fff0df;color:#ff7a00}.idp-panel label{display:block;margin:14px 0 7px;font-weight:900;font-size:13px}.idp-panel input,.idp-panel select{width:100%;height:44px;border:1px solid #d8deea;border-radius:13px;padding:0 12px;outline:none}.idp-panel input[type=color]{padding:4px}.idp-panel input[type=file]{height:auto;padding:10px}.idp-two{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.idp-row-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.idp-check{display:flex!important;align-items:center;gap:8px}.idp-check input{width:17px;height:17px}.idp-workspace{min-width:0}.idp-topbar{min-height:62px;background:#fff;border-radius:22px 22px 0 0;display:flex;align-items:center;justify-content:space-between;padding:10px 18px;box-shadow:0 20px 55px rgba(8,12,36,.07);gap:12px}.idp-topbar span{color:#6b7280;margin-left:8px}.idp-topbar__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.idp-topbar__actions button,.idp-export,.idp-order{border:0;min-height:38px;padding:0 14px;border-radius:12px;font-weight:900;text-decoration:none!important;cursor:pointer}.idp-topbar__actions button.active{background:#080c24;color:#fff}.idp-stage-wrap{background:#e9edf5;border-radius:0 0 24px 24px;min-height:620px;display:flex;align-items:center;justify-content:center;padding:32px;box-shadow:0 20px 55px rgba(8,12,36,.07)}#idpStage{background:transparent;border-radius:12px;overflow:hidden;box-shadow:0 24px 55px rgba(8,12,36,.18)}.idp-workspace-note{font-size:12px;color:#6b7280;text-align:center;padding:10px 14px}.idp-hint{color:#6b7280;font-size:13px;line-height:1.45}.idp-seo{max-width:1180px;margin:0 auto;padding:0 20px 80px}.idp-seo__head{text-align:center;margin-bottom:30px}.idp-seo__head h2{font-size:42px;line-height:1.1;font-weight:900;margin:0 0 14px}.idp-seo__head p{max-width:850px;margin:0 auto;color:#5b6474;font-size:17px;line-height:1.7}.idp-seo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.idp-seo-grid div{background:#fff;border-radius:24px;padding:24px;box-shadow:0 20px 55px rgba(8,12,36,.07)}.idp-seo-grid b{color:#ff7a00;font-size:24px}.idp-seo-grid h3{font-size:20px;margin:12px 0 8px}.idp-seo-grid p{color:#5b6474;line-height:1.55;margin:0}@media(max-width:1200px){.idp-app{grid-template-columns:280px 1fr}.idp-properties{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.idp-hero{grid-template-columns:1fr}.idp-hero__card{display:none}}@media(max-width:850px){.idp-app{grid-template-columns:1fr}.idp-properties{grid-template-columns:1fr}.idp-topbar{height:auto;flex-direction:column;align-items:flex-start;padding:16px}.idp-topbar__actions{justify-content:flex-start}.idp-stage-wrap{padding:14px;min-height:420px}.idp-hero h1{font-size:36px}.idp-hero{padding:60px 18px}.idp-seo-grid{grid-template-columns:1fr}.idp-btn{width:100%}}@media(max-width:520px){.idp-topbar__actions .idp-order{width:100%}.idp-topbar__actions .idp-export{flex:1}.idp-panel{padding:16px}.idp-stage-wrap{min-height:330px}}

/* v15 — чистое отображение Konva без накопленных старых исправлений */
.idp-workspace{
    min-width:0!important;
    overflow:hidden!important;
}

.idp-stage-wrap{
    width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    padding:32px!important;
}

#idpStage{
    position:relative!important;
    display:block!important;
    flex:0 0 auto!important;
    overflow:hidden!important;
    margin:auto!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    outline:0!important;
    transform:none!important;
}

#idpStage .konvajs-content,
#idpStage canvas{
    position:relative!important;
    display:block!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    outline:0!important;
    transform:none!important;
    max-width:none!important;
    max-height:none!important;
}

#idpStage::before,
#idpStage::after,
.idp-stage-wrap::before,
.idp-stage-wrap::after{
    content:none!important;
    display:none!important;
}

#idpSafeToggle{
    display:none!important;
}

@media(max-width:850px){
    .idp-stage-wrap{
        padding:14px!important;
    }
}


/* v21 — крупный предпросмотр с небольшой прокруткой */
.idp-workspace{
    min-width:0!important;
    overflow:visible!important;
}

.idp-stage-wrap{
    width:100%!important;
    min-width:0!important;
    min-height:620px!important;
    max-height:680px!important;
    overflow:auto!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    padding:32px!important;
    scrollbar-gutter:stable both-edges;
}

#idpStage{
    flex:0 0 auto!important;
    margin:0 auto!important;
}

/* Аккуратная полоса прокрутки */
.idp-stage-wrap::-webkit-scrollbar{
    width:10px;
    height:10px;
}

.idp-stage-wrap::-webkit-scrollbar-track{
    background:rgba(8,12,36,.06);
    border-radius:10px;
}

.idp-stage-wrap::-webkit-scrollbar-thumb{
    background:rgba(8,12,36,.28);
    border-radius:10px;
}

.idp-stage-wrap::-webkit-scrollbar-thumb:hover{
    background:rgba(8,12,36,.42);
}

@media(max-width:850px){
    .idp-stage-wrap{
        max-height:560px!important;
        min-height:420px!important;
        padding:14px!important;
    }
}


/* v22 — чистый движок предпросмотра в пикселях */
.idp-workspace{
    min-width:0!important;
    overflow:visible!important;
}

.idp-stage-wrap{
    width:100%!important;
    min-width:0!important;
    min-height:620px!important;
    max-height:720px!important;
    overflow:auto!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    padding:32px!important;
    scrollbar-gutter:stable both-edges;
}

#idpStage{
    position:relative!important;
    flex:0 0 auto!important;
    margin:0 auto!important;
    overflow:hidden!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    border-radius:0!important;
    transform:none!important;
}

#idpStage .konvajs-content,
#idpStage canvas{
    display:block!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    border-radius:0!important;
    transform:none!important;
    max-width:none!important;
    max-height:none!important;
}

.idp-stage-wrap::-webkit-scrollbar{
    width:10px;
    height:10px;
}

.idp-stage-wrap::-webkit-scrollbar-track{
    background:rgba(8,12,36,.06);
    border-radius:10px;
}

.idp-stage-wrap::-webkit-scrollbar-thumb{
    background:rgba(8,12,36,.28);
    border-radius:10px;
}

.idp-stage-wrap::-webkit-scrollbar-thumb:hover{
    background:rgba(8,12,36,.42);
}

@media(max-width:850px){
    .idp-stage-wrap{
        min-height:440px!important;
        max-height:580px!important;
        padding:14px!important;
    }
}