.pswa-lbf{
    --pswa-green:#159735;
    --pswa-pink:#e73467;
    --pswa-text:#071018;
    --pswa-muted:#42505c;
    --pswa-border:#dfe5e8;
    --pswa-panel:#f4f5f6;
    --pswa-card:#ffffff;
    width:100%;
    max-width:1680px;
    margin:0 auto;
    padding:35px 24px 0;
    font-family:Arial,Helvetica,sans-serif;
    color:var(--pswa-text);
    box-sizing:border-box;
    overflow:hidden;
}
.pswa-lbf *{box-sizing:border-box}
.pswa-lbf-main{display:grid;grid-template-columns:minmax(0,43%) minmax(0,57%);gap:36px;align-items:stretch;width:100%;overflow:visible}
.pswa-lbf-left,.pswa-lbf-right{min-width:0;max-width:100%}
.pswa-breadcrumb{font-size:14px;color:var(--pswa-text);margin:0 0 18px}
.pswa-breadcrumb span{color:#8d959c;margin:0 9px}
.pswa-lbf h1{font-size:38px;line-height:1.1;margin:0 0 14px;font-weight:800;letter-spacing:-.8px;color:var(--pswa-text)}
.pswa-intro{font-size:16px;line-height:1.65;color:var(--pswa-muted);max-width:560px;margin:0 0 28px}
.pswa-steps{display:flex;align-items:center;gap:10px;margin:0 0 28px;font-size:12px;white-space:nowrap;max-width:100%;overflow:hidden}
.pswa-steps span{width:25px;height:25px;border:1px solid #cfd6dc;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#fff;font-size:12px;flex:0 0 auto}
.pswa-steps span.active{background:var(--pswa-green);color:#fff;border-color:var(--pswa-green)}
.pswa-steps b{font-weight:600;color:var(--pswa-text);flex:0 0 auto}
.pswa-steps i{height:1px;background:#cfd6dc;flex:1 1 auto;min-width:20px}
.pswa-lbf hr{border:0;border-top:1px solid var(--pswa-border);margin:0 0 22px}
.pswa-field-block h3{font-size:17px;margin:0 0 15px;font-weight:800;color:var(--pswa-text)}
.pswa-characters{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:9px 10px;margin-bottom:22px;max-width:100%;overflow:visible}
.pswa-char{height:42px;min-width:0;border:1px solid #d5dce1;border-radius:6px;background:#fff;color:var(--pswa-pink);font-size:18px;font-weight:800;cursor:pointer;transition:.15s}
.pswa-char:hover,.pswa-char.active{border-color:var(--pswa-green);color:var(--pswa-green);box-shadow:0 0 0 1px var(--pswa-green)}
.pswa-font-row{display:grid;grid-template-columns:minmax(0,290px) minmax(0,245px);gap:44px;align-items:start;max-width:100%}
.pswa-font-select,.pswa-size-row select{height:38px;border:1px solid var(--pswa-green);border-radius:5px;background:#fff;padding:0 14px;font-size:13px;width:100%;max-width:100%;color:var(--pswa-text)}
.pswa-font-card{border:1px solid #cfd8d0;background:linear-gradient(90deg,#f4faf6,#fff);border-radius:5px;min-height:78px;padding:13px 15px 13px 52px;position:relative;font-size:13px}
.pswa-font-card span{position:absolute;left:16px;top:18px;color:var(--pswa-green);font-size:25px}
.pswa-font-card strong{display:block;margin-bottom:7px;color:var(--pswa-text)}
.pswa-font-card small{display:block;line-height:1.4;color:var(--pswa-text)}
.pswa-font-search{margin-top:9px;width:100%;height:34px;border:1px solid var(--pswa-green);border-radius:5px;padding:0 10px;outline:none;background:#fff;color:var(--pswa-text)}
.pswa-font-list{width:290px;max-width:100%;background:var(--pswa-card);border:1px solid #d7dde2;border-radius:6px;box-shadow:0 8px 25px rgba(20,30,40,.11);padding:6px 6px 10px;margin-top:0;position:relative;z-index:2}
.pswa-font-list button{width:100%;height:31px;border:0;background:transparent;text-align:left;padding:0 10px;display:flex;align-items:center;gap:14px;border-radius:4px;cursor:pointer;font-size:13px;color:var(--pswa-text)}
.pswa-font-list button.active{background:#eef0ee;color:var(--pswa-green)}
.pswa-font-list button span{margin-left:auto}
.pswa-font-list em{font-style:normal;font-size:20px;color:var(--pswa-text);min-width:42px}
.pswa-size-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:620px;margin:16px 0 20px}
.pswa-size-row label{font-weight:700;font-size:13px;min-width:0;color:var(--pswa-text)}
.pswa-size-row select{margin-top:6px}
.pswa-actions{display:flex;justify-content:flex-end;gap:18px;margin-top:14px;max-width:620px}
.pswa-back,.pswa-next{height:47px;border-radius:5px;padding:0 42px;font-weight:700;font-size:16px;cursor:pointer;text-decoration:none!important}
.pswa-back{background:#fff;border:1px solid var(--pswa-pink);color:var(--pswa-pink)!important}
.pswa-next{background:var(--pswa-green)!important;border:1px solid var(--pswa-green)!important;color:#fff!important}
.pswa-next *,.pswa-next span{color:#fff!important}
.pswa-next span{font-size:18px;margin-left:14px;vertical-align:-1px}
.pswa-preview-panel{background:var(--pswa-panel);border-radius:5px;min-height:668px;padding:40px 42px 34px;display:flex;flex-direction:column;max-width:100%;overflow:hidden}
.pswa-preview-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.pswa-preview-head h2{margin:0;font-size:22px;font-weight:800;color:var(--pswa-text)}
.pswa-preview-head button{height:38px;border:1px solid #ccd3d9;border-radius:6px;background:#fff;padding:0 18px;margin-left:10px;font-weight:700;color:#28313a}
.pswa-preview-head .pswa-reset{color:#8a9299;font-weight:500}
.pswa-letter-preview{flex:1;display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;overflow:hidden;font-size:360px;line-height:.9;font-weight:900;color:#fff;text-shadow:22px 24px 35px rgba(0,0,0,.20), -10px -10px 0 rgba(255,255,255,.88);transform:skewX(-7deg);padding:20px 35px;white-space:nowrap}
.pswa-summary{border:1px solid #d8dde2;border-radius:8px;background:rgba(255,255,255,.70);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:stretch;padding:12px;overflow:visible;max-width:100%;margin-top:18px}
.pswa-summary div{padding:13px 16px;border:1px solid #e4e8eb;border-radius:6px;background:rgba(255,255,255,.55);min-width:0}
.pswa-summary small{display:block;color:#37404a;font-size:12px;margin-bottom:7px;white-space:nowrap}
.pswa-summary strong{display:block;font-size:16px;font-weight:800;line-height:1.25;word-break:normal;overflow-wrap:normal}
.pswa-change{height:48px;border:1px solid #ccd3d9;border-radius:6px;background:#fff;font-weight:700;color:#28313a;white-space:nowrap;align-self:center;grid-column:auto}
.pswa-summary-hidden .pswa-summary{display:none}
.pswa-bottom{display:grid;grid-template-columns:1.6fr .75fr .6fr;gap:34px;border-top:1px solid #dfe4e7;margin-top:18px;padding:28px 0 30px;align-items:start}
.pswa-perfect{text-align:center}
.pswa-perfect h2{font-size:26px;margin:0 0 25px;font-weight:500;color:var(--pswa-text)}
.pswa-use-icons{display:flex;justify-content:center;gap:34px;flex-wrap:wrap}
.pswa-use-icons span{color:var(--pswa-green);font-size:24px;display:flex;flex-direction:column;gap:8px;align-items:center}
.pswa-use-icons small{font-size:11px;color:var(--pswa-text);white-space:nowrap}
.pswa-custom,.pswa-help{border-left:1px solid var(--pswa-border);padding-left:34px}
.pswa-custom h3,.pswa-help h3{font-size:16px;margin:0 0 14px;font-weight:800;color:var(--pswa-text)}
.pswa-custom p,.pswa-help p{font-size:13px;line-height:1.5;margin:0 0 18px;color:var(--pswa-text)}
.pswa-custom a,.pswa-help a{height:43px;border:1px solid var(--pswa-green);border-radius:5px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;color:var(--pswa-green);font-weight:800;font-size:12px;text-decoration:none;background:#fff}
.pswa-help a{border-color:#bfc7ce;color:var(--pswa-text)}

@media(max-width:1200px){
    .pswa-lbf-main{grid-template-columns:minmax(0,1fr)!important;gap:26px}
    .pswa-preview-panel{min-height:520px}
    .pswa-letter-preview{font-size:300px}
}
@media(max-width:767px){
    html,body{overflow-x:hidden!important;max-width:100%!important}
    .pswa-lbf{padding:24px 15px 0;overflow:hidden}
    .pswa-lbf-main{display:flex;flex-direction:column;gap:22px;width:100%}
    .pswa-lbf h1{font-size:32px}
    .pswa-intro{font-size:15px}
    .pswa-steps{display:grid;grid-template-columns:30px 1fr;gap:8px 10px;white-space:normal}
    .pswa-steps i{display:none}
    .pswa-steps b{font-size:12px}
    .pswa-characters{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px}
    .pswa-char{width:100%;height:42px}
    .pswa-font-row{grid-template-columns:1fr;gap:12px}
    .pswa-font-list{width:100%}
    .pswa-size-row{grid-template-columns:1fr;max-width:100%}
    .pswa-actions{max-width:100%;margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
    .pswa-back,.pswa-next{width:100%;padding:0 14px}
    .pswa-preview-panel{padding:24px 16px;min-height:auto}
    .pswa-preview-head{align-items:flex-start}
    .pswa-preview-head div{display:flex;flex-direction:column;gap:8px}
    .pswa-preview-head button{margin-left:0;padding:0 12px}
    .pswa-letter-preview{font-size:clamp(150px,55vw,260px);padding:35px 10px;min-height:260px;text-shadow:12px 15px 24px rgba(0,0,0,.18), -7px -7px 0 rgba(255,255,255,.88)}
    .pswa-summary{grid-template-columns:1fr!important;gap:8px}
    .pswa-summary div{padding:12px}
    .pswa-change{grid-column:1/-1;width:100%}
    .pswa-bottom{grid-template-columns:1fr;gap:24px;padding-top:24px}
    .pswa-perfect{text-align:left}
    .pswa-perfect h2{text-align:center;font-size:24px}
    .pswa-use-icons{gap:18px;justify-content:center}
    .pswa-custom,.pswa-help{border-left:0;border-top:1px solid var(--pswa-border);padding-left:0;padding-top:20px}
}
@media(max-width:420px){
    .pswa-characters{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}