.full-tester-section{position:relative;z-index:1;padding:30px 0 88px}
.full-tester-app{display:grid;grid-template-columns:340px minmax(0,1fr);gap:14px;align-items:start}
.full-tester-sidebar{position:sticky;top:96px;padding:20px;background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:0 18px 50px rgba(17,17,15,.04)}
.full-tester-panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}
.full-tester-panel-head>div{display:flex;align-items:center;gap:9px}
.full-tester-panel-head span{display:grid;place-items:center;width:25px;height:25px;border:1px solid var(--line);border-radius:50%;color:var(--muted);font-size:8px;font-weight:900}
.full-tester-panel-head strong{font-size:12px}
.full-tester-icon-btn,.full-tester-reset{border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:999px;font-size:10px;font-weight:900}
.full-tester-icon-btn{width:34px;height:34px;font-size:16px}
.full-tester-reset{padding:7px 11px}
.full-tester-field{display:block;margin:0 0 12px}
.full-tester-field>span,.full-tester-export-size span,.full-tester-colors span{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 6px;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}
.full-tester-field b{color:var(--ink);font-size:9px;letter-spacing:0;text-transform:none}
.full-tester-font-select{font-size:12px}
.full-tester-rule{height:1px;margin:20px -20px;background:var(--line)}
.full-tester-range input{width:100%;accent-color:var(--yellow)}
.full-tester-align{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:4px;background:var(--paper-2);border-radius:12px}
.full-tester-align button{height:36px;border:0;background:transparent;color:var(--muted);border-radius:9px;font-size:10px;font-weight:850}
.full-tester-align button.is-active{background:var(--white);color:var(--ink);box-shadow:0 3px 12px rgba(17,17,15,.08)}
.full-tester-colors{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.full-tester-colors label{padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--white)}
.full-tester-colors input{width:100%;height:42px;padding:0;border:0;background:transparent;cursor:pointer}
.full-tester-check{display:flex;align-items:center;gap:9px;margin-top:14px;color:var(--muted);font-size:11px;font-weight:750}
.full-tester-check input{accent-color:var(--yellow)}
.full-tester-main{min-width:0;background:var(--black);color:var(--white);border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}
.full-tester-topbar{min-height:62px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid rgba(255,255,255,.12)}
.full-tester-topbar>div:first-child span{display:block;color:#77746e;font-size:8px;text-transform:uppercase;letter-spacing:.13em;font-weight:900}
.full-tester-topbar strong{display:block;margin-top:3px;font-size:12px}
.full-tester-status{color:#aaa69d;font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:850}
.full-tester-status.is-loading{color:var(--yellow)}
.full-tester-status.is-error{color:#ff9a8f}
.full-tester-canvas-shell{padding:0;background-color:#242421;background-image:linear-gradient(45deg,#2e2e2b 25%,transparent 25%),linear-gradient(-45deg,#2e2e2b 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#2e2e2b 75%),linear-gradient(-45deg,transparent 75%,#2e2e2b 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}
.full-tester-preview{--ft-font:'Inter';--ft-size:72px;--ft-line:1.15;--ft-spacing:0px;--ft-text:#fff;--ft-bg:#11110f;min-height:420px;display:flex;align-items:flex-start;padding:48px clamp(28px,5vw,72px);background:var(--ft-bg);overflow:hidden}
.full-tester-preview.is-transparent{background:transparent}
.full-tester-preview textarea{width:100%;min-height:96px;margin:0;padding:0;border:0;outline:0;resize:none;overflow:hidden;background:transparent;color:var(--ft-text);font-family:var(--ft-font);font-size:var(--ft-size);line-height:var(--ft-line);letter-spacing:var(--ft-spacing);text-align:var(--ft-align,left);overflow-wrap:anywhere}
.full-tester-textbox{padding:22px 24px;background:#181816;border-top:1px solid rgba(255,255,255,.12)}
.full-tester-textbox label{display:block;margin-bottom:8px;color:#77746e;font-size:8px;text-transform:uppercase;letter-spacing:.13em;font-weight:900}
.full-tester-textbox textarea{width:100%;min-height:96px;padding:13px 14px;resize:vertical;border:1px solid #353530;border-radius:12px;outline:0;background:#11110f;color:#fff;font-size:14px;line-height:1.55}
.full-tester-textbox textarea:focus{border-color:#77746e}
.full-tester-actions{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:20px 24px;background:#181816;border-top:1px solid rgba(255,255,255,.12)}
.full-tester-export-size{width:min(260px,100%)}
.full-tester-export-size .select{height:44px;background:#11110f;border-color:#353530;color:#fff;font-size:11px}
.full-tester-buttons{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.full-tester-main .btn-quiet{border-color:#45453f;color:#fff}
.full-tester-main .btn-secondary{background:var(--yellow);color:var(--ink)}
.full-tester-main .btn-primary{background:#fff;color:#11110f}
.full-tester-note{margin:0;padding:0 24px 20px;background:#181816;color:#706d67;font-size:9px}
@media(max-width:980px){.full-tester-app{grid-template-columns:1fr}.full-tester-sidebar{position:relative;top:auto}.full-tester-preview{min-height:360px;padding-top:40px;padding-bottom:40px}.full-tester-actions{align-items:stretch;flex-direction:column}.full-tester-export-size{width:100%}.full-tester-buttons{justify-content:flex-start}}
@media(max-width:620px){.full-tester-section{padding-bottom:64px}.full-tester-canvas-shell{padding:0}.full-tester-preview{min-height:300px;padding:30px 22px}.full-tester-colors{grid-template-columns:1fr 1fr}.full-tester-actions,.full-tester-textbox,.full-tester-topbar{padding-left:18px;padding-right:18px}.full-tester-buttons{display:grid;grid-template-columns:1fr 1fr}.full-tester-buttons .btn{width:100%;padding-left:12px;padding-right:12px}.full-tester-buttons [data-export-png]{grid-column:1/-1}}