.tywp-tool{--blue:#1769e8;--navy:#10213e;--line:#d6e3f5;--soft:#f5f9ff;--green:#0c8b63;color:var(--navy);margin:24px 0;font-family:inherit}.tywp-tool *{box-sizing:border-box}.tywp-card{border:1px solid var(--line);border-radius:24px;background:#fff;padding:24px;box-shadow:0 18px 45px rgb(24 67 128 / .08)}.tywp-privacy{display:flex;gap:9px;align-items:center;padding:13px 16px;border-radius:13px;background:#ecfbf6;color:#096e52;font-size:14px;margin-bottom:18px}.tywp-drop{position:relative;display:flex;min-height:200px;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;border:2px dashed #80b3ff;border-radius:20px;background:var(--soft);padding:28px;cursor:pointer;transition:.2s}.tywp-drop:hover,.tywp-drop:focus,.tywp-drop.is-drag{border-color:var(--blue);background:#edf5ff;transform:translateY(-1px);outline:none}.tywp-drop input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.tywp-upload-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--blue);color:#fff;font-size:28px;margin-bottom:5px}.tywp-drop strong{font-size:20px}.tywp-drop span:not(.tywp-upload-icon){color:#526985}.tywp-drop small{font-weight:700;color:#6c7f99}.tywp-alert{margin-top:15px;padding:13px 15px;border:1px solid #ffc2c2;border-radius:12px;background:#fff1f1;color:#a42323}.tywp-ready{display:flex;align-items:center;gap:12px;margin-top:16px;padding:14px 16px;border:1px solid #b8ead8;border-radius:14px;background:#f0fbf7}.tywp-ready>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--green);color:#fff;font-weight:800}.tywp-ready div{display:flex;min-width:0;flex:1;flex-direction:column}.tywp-ready strong,.tywp-ready small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tywp-ready small{color:#5f728a}.tywp-ready button,.tywp-panel-head button{border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--navy);font-weight:700;padding:10px 13px;cursor:pointer}.tywp-workspace{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:20px;margin-top:20px}.tywp-preview-panel,.tywp-settings{border:1px solid var(--line);border-radius:18px;background:#fff;padding:18px}.tywp-panel-head>div{display:flex;gap:11px;align-items:flex-start}.tywp-panel-head>div>span{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:10px;background:#eaf2ff;color:var(--blue);font-weight:800}.tywp-panel-head h2{font-size:20px!important;line-height:1.2!important;margin:0 0 4px!important}.tywp-panel-head p{margin:0!important;color:#667b96;font-size:13px}.tywp-preview-wrap{max-height:650px;overflow:auto;margin-top:16px;border:1px solid #e1e8f2;border-radius:12px;background:#e9eef5;padding:18px}.tywp-preview{width:100%;min-height:480px;margin:auto;background:#fff;padding:32px;color:#17243a;box-shadow:0 8px 22px rgb(22 48 84 / .1);font-family:Arial,sans-serif;font-size:14px;line-height:1.55;overflow-wrap:anywhere}.tywp-preview h1{font-size:26px!important}.tywp-preview h2{font-size:21px!important}.tywp-preview h3{font-size:18px!important}.tywp-preview h1,.tywp-preview h2,.tywp-preview h3{line-height:1.25!important;margin:1em 0 .55em!important}.tywp-preview p{margin:.55em 0!important}.tywp-preview img{display:block;max-width:100%;height:auto;margin:10px auto}.tywp-preview table{width:100%;border-collapse:collapse;font-size:12px}.tywp-preview td,.tywp-preview th{border:1px solid #aebdd0;padding:6px}.tywp-preview ul,.tywp-preview ol{padding-left:24px}.tywp-subtitle{color:#526985;font-size:16px}.tywp-settings{align-self:start;display:flex;flex-direction:column;gap:14px;background:#f9fbff}.tywp-settings label{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:800}.tywp-settings select{width:100%;height:46px;border:1px solid #c8d7ec;border-radius:11px;background:#fff;color:var(--navy);padding:0 12px;font:inherit}.tywp-note{margin:2px 0!important;padding:13px;border-radius:11px;background:#fff8e8;color:#76560c;font-size:13px;line-height:1.5}.tywp-create,.tywp-result button{display:flex;width:100%;min-height:54px;align-items:center;justify-content:center;gap:9px;border:0;border-radius:13px;background:linear-gradient(135deg,#1769e8,#0759ce);color:#fff;font-size:17px;font-weight:800;cursor:pointer;box-shadow:0 10px 22px rgb(23 105 232 / .25)}.tywp-create:disabled{opacity:.55;cursor:wait}.tywp-progress{margin-top:18px;padding:15px;border-radius:14px;background:#eff6ff}.tywp-progress>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:14px}.tywp-progress-track{height:9px;margin-top:10px;border-radius:9px;background:#d9e7fb;overflow:hidden}.tywp-progress-track span{display:block;width:0;height:100%;background:var(--blue);transition:width .25s}.tywp-result{display:flex;align-items:center;gap:18px;justify-content:space-between;margin-top:18px;padding:18px;border:1px solid #9ce0c9;border-radius:16px;background:#edfbf6}.tywp-result div{display:flex;min-width:0;flex-direction:column}.tywp-result small{color:#4d6a60}.tywp-result strong{overflow-wrap:anywhere}.tywp-result button{width:auto;min-width:250px;background:linear-gradient(135deg,#0b9d70,#087b59);box-shadow:0 10px 22px rgb(11 157 112 / .22)}@media(max-width:820px){.tywp-card{padding:16px;border-radius:18px}.tywp-workspace{grid-template-columns:1fr}.tywp-settings{order:-1}.tywp-preview-wrap{max-height:520px;padding:10px}.tywp-preview{min-height:420px;padding:22px 18px}.tywp-result{align-items:stretch;flex-direction:column}.tywp-result button{width:100%;min-width:0}.tywp-drop{min-height:170px;padding:22px 14px}.tywp-ready{align-items:flex-start;flex-wrap:wrap}.tywp-ready div{width:calc(100% - 52px)}.tywp-ready button{width:100%;padding:9px 12px}.tywp-panel-head h2{font-size:18px!important}}@media(max-width:480px){.tywp-card{padding:12px}.tywp-preview-panel,.tywp-settings{padding:14px}.tywp-privacy{font-size:13px}.tywp-drop strong{font-size:17px}.tywp-upload-icon{width:48px;height:48px}.tywp-preview{padding:18px 14px;font-size:13px}.tywp-create,.tywp-result button{min-height:50px;font-size:15px}.tywp-settings{gap:11px}}.tywp-doc-note{display:flex;align-items:flex-start;gap:10px;margin-top:14px;padding:14px 16px;border:1px solid #f1cd75;border-radius:13px;background:#fff8df;color:#674b05;font-size:14px;line-height:1.5}.tywp-doc-note strong{flex:0 0 auto}.tywp-alert{padding:15px 16px!important;border-color:#ef9a9a!important;background:#fff0f0!important;color:#941f1f!important;font-weight:700;line-height:1.5}@media(max-width:600px){.tywp-doc-note{flex-direction:column;gap:3px;font-size:13px}}