.wpstl-t2s{--t2s-ink:#17212f;--t2s-border:#dce4ed;--t2s-muted:#617187;font-family:inherit;color:var(--t2s-ink);max-width:1280px;margin:0 auto}
.wpstl-t2s *{box-sizing:border-box}
.wpstl-t2s__intro{margin:0 0 17px;color:#45566c;line-height:1.6}
.wpstl-t2s__workspace{display:grid;grid-template-columns:minmax(290px,340px) minmax(0,1fr);gap:20px;align-items:start}
.wpstl-t2s__controls,.wpstl-t2s__main{border:1px solid var(--t2s-border);border-radius:14px;background:#fff;min-width:0;overflow:visible}
.wpstl-t2s__controls{padding:0 17px}
.wpstl-t2s__section{padding:17px 0;border-bottom:1px solid #edf1f5}.wpstl-t2s__section:last-child{border:0}
.wpstl-t2s__section h3{font-size:16px;margin:0 0 13px;font-weight:700;color:#17212f}
.wpstl-t2s__field{display:block;margin:0 0 14px;min-width:0}.wpstl-t2s__field>span,.wpstl-t2s__label,.wpstl-t2s__outline label{font-weight:650;font-size:13px;display:block;margin:0 0 7px}
.wpstl-t2s textarea,.wpstl-t2s input:not([type=range]),.wpstl-t2s select{display:block;width:100%;max-width:100%;min-width:0;border:1px solid #becbd9;background:#fff;border-radius:8px;color:#202b3b;font:inherit;font-size:14px;line-height:1.4;padding:9px 11px;min-height:40px}
.wpstl-t2s textarea{resize:vertical;min-height:88px}
.wpstl-t2s input[type=range]{width:100%;accent-color:#2563eb}
.wpstl-t2s__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px}
.wpstl-t2s__hint{color:var(--t2s-muted);font-size:12px;line-height:1.5;margin:7px 0 0}
.wpstl-t2s__outline{margin:8px 0 18px;padding:10px;background:#f4f8fc;border-radius:8px}
.wpstl-t2s__export-actions{display:flex;flex-wrap:wrap;gap:10px}
.wpstl-t2s button,.wpstl-t2s__builder-link{appearance:none;cursor:pointer;border-radius:8px;border:1px solid #cbd5e1;padding:10px 13px;background:#fff;color:#20334e;font:inherit;font-size:13px;font-weight:650;text-decoration:none;display:inline-block;text-align:center}
.wpstl-t2s button[data-action=download-svg]{background:#1d4ed8;border-color:#1d4ed8;color:#fff}
.wpstl-t2s button:disabled{opacity:.48;cursor:not-allowed}
.wpstl-t2s button:not(:disabled):hover,.wpstl-t2s__builder-link:hover{filter:brightness(.94)}
.wpstl-t2s__main{padding:17px}
.wpstl-t2s__preview-title{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:13px;font-size:14px}
.wpstl-t2s__preview-title span{font-size:12px;color:var(--t2s-muted)}
.wpstl-t2s__preview{display:flex;align-items:center;justify-content:center;min-height:350px;max-height:650px;overflow:auto;border:1px solid var(--t2s-border);border-radius:10px;background-color:#f8fafc;background-image:linear-gradient(45deg,#eef2f6 25%,transparent 25%),linear-gradient(-45deg,#eef2f6 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eef2f6 75%),linear-gradient(-45deg,transparent 75%,#eef2f6 75%);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0;padding:20px}
.wpstl-t2s__preview svg{display:block;width:100%;height:auto;max-height:570px;overflow:visible}
.wpstl-t2s__status{min-height:20px;color:#52667e;font-size:13px;margin:12px 0}
.wpstl-t2s__status.is-error{color:#b42318}
.wpstl-t2s__ready{border:1px solid #dce8f4;background:#f5f9fe;border-radius:10px;padding:15px;margin-top:12px;font-size:13px}
.wpstl-t2s__ready strong{font-size:14px}.wpstl-t2s__ready p{margin:7px 0 13px;line-height:1.55;color:#43546d}
.wpstl-t2s__builder-link{background:#eff6ff;border-color:#c7dbf5;color:#15539b}
.wpstl-t2s__privacy{margin:14px 0 0;font-size:12px;color:var(--t2s-muted)}
.wpstl-t2s .wpstl-font-picker>summary{border-radius:8px;min-height:40px}
.wpstl-t2s .wpstl-font-picker__panel{z-index:70}
@media(max-width:800px){.wpstl-t2s__workspace{grid-template-columns:minmax(0,1fr)}.wpstl-t2s__preview{min-height:230px}}
@media(max-width:390px){.wpstl-t2s__grid{grid-template-columns:1fr}}

/* Connected script arrangement and direct-manipulation controls */
.wpstl-t2s__connect{padding:12px 11px 4px;margin:2px 0 14px;border:1px solid #d9e7f5;background:#f7faff;border-radius:10px}
.wpstl-t2s__check{display:flex;gap:9px;align-items:flex-start;cursor:pointer;margin-bottom:10px}
.wpstl-t2s__check input[type=checkbox]{width:17px;height:17px;margin:3px 0 0;flex:none;accent-color:#2563eb}
.wpstl-t2s__check span{display:flex;flex-direction:column;gap:2px}
.wpstl-t2s__check strong{font-size:13px}.wpstl-t2s__check small{color:#607084;font-size:11px;line-height:1.45}
.wpstl-t2s__connect .wpstl-t2s__field{margin-top:5px}
.wpstl-t2s__connect input[type=range]{min-height:25px}
.wpstl-t2s__editor{padding:13px;background:#f7fafc;border:1px solid #dce4ed;border-radius:10px;margin-bottom:15px}
.wpstl-t2s__editor-heading{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:baseline}
.wpstl-t2s__editor-heading strong{font-size:14px}.wpstl-t2s__editor-heading span{font-size:11px;color:var(--t2s-muted)}
.wpstl-t2s__editor-row{display:flex;align-items:end;flex-wrap:wrap;gap:10px;margin-top:11px}
.wpstl-t2s__editor-row label{display:flex;flex-direction:column;flex:1;gap:4px;min-width:145px;font-size:12px;font-weight:650}
.wpstl-t2s__editor-row select{min-height:36px}
.wpstl-t2s__editor-row button{min-height:36px}
.wpstl-t2s__selected{display:grid;grid-template-columns:minmax(130px,1fr) 85px 85px;gap:8px;align-items:end;margin-top:12px}
.wpstl-t2s__selected span{font-size:12px;color:#475569;align-self:center}
.wpstl-t2s__selected label{font-size:11px;color:#45546a;display:flex;flex-direction:column;gap:4px}
.wpstl-t2s__selected input{min-height:32px!important;padding:4px 6px!important;font-size:12px!important}
.wpstl-t2s__preview{touch-action:none}
.wpstl-t2s__preview path[data-glyph-key]{cursor:grab}
.wpstl-t2s__preview path[data-glyph-key].is-selected{filter:drop-shadow(0px 0px 1px #2563eb);stroke:#2563eb;stroke-width:0.5}
.wpstl-t2s__preview:active path[data-glyph-key]{cursor:grabbing}
@media(max-width:440px){.wpstl-t2s__selected{grid-template-columns:1fr 1fr}.wpstl-t2s__selected span{grid-column:1 / -1}}


/* Independently styled text lines and private font intake */
.wpstl-t2s__lines{display:flex;flex-direction:column;gap:12px;margin:12px 0}
.wpstl-t2s__line{padding:12px;border:1px solid #d9e4ef;background:#f8fafc;border-radius:9px;min-width:0}
.wpstl-t2s__line-header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}
.wpstl-t2s__line-header strong{font-size:13px;color:#23344c}
.wpstl-t2s__remove-line{border:0;background:transparent;color:#a72828;padding:5px 7px;cursor:pointer;font-size:12px}
.wpstl-t2s__remove-line:hover{text-decoration:underline}
.wpstl-t2s__line-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,105px);gap:9px;align-items:end;margin:10px 0}
.wpstl-t2s__line .wpstl-t2s__field{min-width:0}
.wpstl-t2s__line .wpstl-t2s__field input,.wpstl-t2s__line .wpstl-t2s__field select{min-width:0;width:100%;box-sizing:border-box}
.wpstl-t2s__line-font-picker{min-width:0}
.wpstl-t2s__add-line{width:100%;border:1px dashed #8fb3d8;background:#f5f9ff;color:#185ba3;font-weight:650;border-radius:7px;padding:9px 10px;cursor:pointer}
.wpstl-t2s__add-line:disabled{opacity:.45;cursor:default}
.wpstl-t2s__font-import{margin-top:16px;border-top:1px solid #dde5f0;padding-top:13px}
.wpstl-t2s__font-import h4{font-size:14px;margin:0 0 7px}
.wpstl-t2s__font-import input[type=file]{width:100%;max-width:100%;min-width:0;box-sizing:border-box;font-size:12px}
.wpstl-t2s__local-fonts{margin:10px 0}
.wpstl-t2s__local-fonts button,.wpstl-t2s__font-import button{width:100%;margin:5px 0}
.wpstl-t2s__local-fonts [data-role=local-font-chooser]{padding:10px 0;display:grid;gap:8px}
.wpstl-t2s__local-fonts [data-role=local-font-chooser][hidden]{display:none}
.wpstl-t2s__font-import [data-role=font-import-status].is-error{color:#b42318}
@media(max-width:400px){.wpstl-t2s__line-grid{grid-template-columns:1fr}}


/* Per-line baseline options and vector path smoothing */
.wpstl-t2s__baseline{margin:12px 0 0;border-top:1px solid #dce7f3;padding-top:11px}
.wpstl-t2s__baseline-toggle{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:650;color:#25374d;cursor:pointer}
.wpstl-t2s__baseline-toggle input[type=checkbox]{width:17px;height:17px;margin:0;flex:none;accent-color:#2563eb}
.wpstl-t2s__baseline-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:11px 0 6px}
.wpstl-t2s__baseline-details[hidden]{display:none}
.wpstl-t2s__baseline-details .wpstl-t2s__field{min-width:0;font-size:11px}
.wpstl-t2s__baseline-details input[type=number]{min-width:0;width:100%;box-sizing:border-box;font-size:12px}
.wpstl-t2s__baseline-hint{color:#607184;display:block;font-size:11px;line-height:1.4;margin:8px 0 0}
.wpstl-t2s__smoothing{margin:13px 0;padding:10px 11px;border:1px solid #d9e4ef;border-radius:8px;background:#fafcff}
.wpstl-t2s__smoothing input[type=range]{width:100%;min-height:25px}
.wpstl-t2s__smoothing output{font-variant-numeric:tabular-nums}
.wpstl-t2s__preview path[data-line-baseline]{cursor:default}
.wpstl-t2s__preview path[data-line-baseline][data-line-index]{pointer-events:visiblePainted}
@media(max-width:450px){.wpstl-t2s__baseline-details{grid-template-columns:1fr 1fr}}