.wt-rev{max-width:1260px;margin:0 auto;padding:0 18px 58px;color:#172238}.wt-rev *{box-sizing:border-box}.wt-rev-hero{padding:34px 4px 25px}.wt-rev-hero h1{font-size:clamp(30px,4vw,47px);line-height:1.25;margin:12px 0 10px;letter-spacing:-.035em}.wt-rev-hero>p{max-width:880px;margin:0;color:#65748c;font-size:15px;line-height:2}.wt-rev-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.wt-rev-badges span{padding:7px 10px;border-radius:999px;background:#eff6ff;color:#1d5ac8;font-size:10px;font-weight:800}.wt-rev-workspace{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:18px;align-items:start}.wt-rev-main{display:grid;gap:18px;min-width:0}.wt-rev-sidebar{display:grid;gap:14px;position:sticky;top:18px;max-height:calc(100vh - 36px);overflow:auto;padding-left:3px;scrollbar-width:thin}.wt-rev-card{background:#fff;border:1px solid #e1e8f1;border-radius:22px;padding:20px;box-shadow:0 12px 34px rgba(32,58,90,.055)}.wt-rev-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:15px}.wt-rev-card-head.compact{margin-bottom:12px}.wt-rev-card-head h2{font-size:19px;margin:0 0 4px}.wt-rev-card-head p{margin:0;color:#748197;font-size:12px;line-height:1.8}.wt-rev-title{display:flex;gap:11px}.wt-rev-step{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:11px;background:#edf4ff;color:#145ce6;font:800 10px/1 ui-monospace,monospace}.wt-rev-actions{display:flex;gap:7px;flex-wrap:wrap}.wt-rev-actions button,.wt-rev-link{border:1px solid #dbe4ee;background:#f8fbff;color:#31527f;border-radius:10px;padding:9px 11px;cursor:pointer;font:inherit;font-size:11px}.wt-rev-actions .is-primary{background:#1765ed;color:#fff;border-color:#1765ed}.wt-rev-actions .is-danger{color:#b42318;background:#fff8f7;border-color:#f1d5d1}.wt-rev-link{border:0;background:transparent;color:#1765ed;padding:0}.wt-rev-foot{display:flex;justify-content:space-between;gap:12px;margin-top:10px;color:#7b899d;font-size:10px}.wt-rev-sidebar h3{font-size:15px;margin:10px 0 13px}.wt-rev-sidebar p{color:#748196;font-size:10px;line-height:1.8}.wt-rev-label{display:inline-flex;color:#1765ed;background:#eef5ff;border-radius:999px;padding:5px 8px;font:800 9px/1 ui-monospace,monospace;letter-spacing:.08em}.wt-rev-modes{display:grid;gap:8px}.wt-rev-modes button{border:1px solid #dfe7f0;background:#fbfdff;border-radius:13px;padding:11px 12px;text-align:right;cursor:pointer;color:#53657e;font:inherit}.wt-rev-modes button b,.wt-rev-modes button span,.wt-rev-modes button small{display:block}.wt-rev-modes button b{direction:ltr;text-align:left;font:700 10px/1.4 ui-monospace,monospace;color:#7c8ba0}.wt-rev-modes button span{font-weight:800;font-size:11px;margin:4px 0 2px}.wt-rev-modes button small{font-size:9px;color:#8a96a7}.wt-rev-modes button.is-active{border-color:#1765ed;background:#eef5ff;color:#145bd8;box-shadow:0 0 0 2px rgba(23,101,237,.08)}.wt-rev-seg{display:flex;gap:5px;background:#f2f5f9;border-radius:11px;padding:4px}.wt-rev-seg button{flex:1;border:0;background:transparent;border-radius:8px;padding:8px 7px;color:#65748a;cursor:pointer;font:700 10px/1.2 inherit}.wt-rev-seg button.is-active{background:#fff;color:#145bd8;box-shadow:0 2px 8px rgba(30,55,90,.08)}.wt-rev-rules{display:grid}.wt-rev-switch{display:flex;align-items:center;justify-content:space-between;gap:13px;padding:11px 0;border-bottom:1px solid #edf1f5;cursor:pointer}.wt-rev-switch.solo{border:0;margin-top:8px}.wt-rev-switch>span{min-width:0}.wt-rev-switch b,.wt-rev-switch small{display:block}.wt-rev-switch b{font-size:11px;color:#33445c;margin-bottom:3px}.wt-rev-switch small{font-size:9px;color:#8995a5;line-height:1.6}.wt-rev-switch input{position:absolute;opacity:0;pointer-events:none}.wt-rev-switch i{width:38px;height:22px;border-radius:99px;background:#dce3ec;position:relative;flex:0 0 38px;transition:.18s}.wt-rev-switch i:after{content:"";position:absolute;width:16px;height:16px;top:3px;right:3px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.18);transition:.18s}.wt-rev-switch input:checked+i{background:#1765ed}.wt-rev-switch input:checked+i:after{transform:translateX(-16px)}.wt-rev-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.wt-rev-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wt-rev-compare>div{min-width:0;background:#f8fafc;border:1px solid #e8edf3;border-radius:13px;padding:12px}.wt-rev-compare b{display:block;font-size:10px;color:#64748b;margin-bottom:7px}.wt-rev-compare pre{margin:0;white-space:pre-wrap;word-break:break-word;max-height:180px;overflow:auto;font:12px/1.9 inherit;color:#25354d}.wt-rev-health{display:grid;gap:8px}.wt-rev-pill{padding:10px 11px;border-radius:12px;font-size:10px;line-height:1.8}.wt-rev-pill b{display:block;margin-bottom:2px}.wt-rev-pill.is-good{background:#ecfdf3;color:#17623a}.wt-rev-pill.is-info{background:#eef6ff;color:#245a93}.wt-rev-pill.is-warn{background:#fff7e8;color:#8a5b10}.wt-rev-note ul{padding:0 17px 0 0;margin:10px 0 0;color:#65748a;font-size:10px;line-height:2}.wt-rev .wt-rich-editor{border:1px solid #dfe7f0;border-radius:15px;overflow:hidden;background:#fbfdff}.wt-rev .wt-rich-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:8px;background:#f4f7fb;border-bottom:1px solid #e4ebf3}.wt-rev .wt-rich-tabs,.wt-rev .wt-rich-format{display:flex;gap:4px;flex-wrap:wrap}.wt-rev .wt-rich-toolbar button{border:0;background:transparent;color:#596b84;border-radius:7px;padding:7px 9px;cursor:pointer;font:700 10px/1 inherit}.wt-rev .wt-rich-toolbar button.is-active{background:#fff;color:#1765ed;box-shadow:0 1px 5px rgba(20,55,90,.08)}.wt-rev .wt-rich-visual,.wt-rev .wt-rich-source{width:100%;min-height:330px;padding:18px;border:0;outline:0;background:#fbfdff;color:#1d2a40;font:15px/2 Arial,"Noto Sans Arabic",sans-serif;text-align:right;direction:rtl;resize:vertical}.wt-rev .wt-rich-visual:focus,.wt-rev .wt-rich-source:focus{box-shadow:inset 0 0 0 2px rgba(42,109,244,.2)}.wt-rev .wt-rich-visual.is-readonly{background:#f9fbfd}.wt-rev .wt-rich-visual table{width:100%;border-collapse:collapse}.wt-rev .wt-rich-visual th,.wt-rev .wt-rich-visual td{border:1px solid #d9e2ed;padding:8px}.wt-rev .wt-rich-visual ul,.wt-rev .wt-rich-visual ol{padding-right:24px}.wt-rev .wt-rich-visual code{direction:ltr;background:#eef2f7;padding:1px 5px;border-radius:5px}.wt-rev .is-mirror{transform:scaleX(-1)}
@media(max-width:1000px){.wt-rev-workspace{grid-template-columns:1fr}.wt-rev-sidebar{position:static;max-height:none;overflow:visible;grid-template-columns:repeat(2,minmax(0,1fr))}.wt-rev-note{grid-column:1/-1}}@media(max-width:700px){.wt-rev{padding:0 12px 40px}.wt-rev-card{padding:15px;border-radius:17px}.wt-rev-card-head{flex-direction:column}.wt-rev-sidebar{grid-template-columns:1fr}.wt-rev-grid,.wt-rev-compare{grid-template-columns:1fr}.wt-rev .wt-rich-visual,.wt-rev .wt-rich-source{min-height:285px;padding:14px}.wt-rev-foot{flex-direction:column}}


/* v4.25 UX template: transformation playground */
.wt-rev-workspace{display:flex!important;flex-direction:column;gap:14px}.wt-rev-sidebar{order:-1;display:grid!important;grid-template-columns:2fr 1fr 1.35fr 1fr;gap:10px;position:static!important;max-height:none!important;overflow:visible!important}.wt-rev-sidebar>.wt-rev-card{margin:0;padding:14px}.wt-rev-sidebar>.wt-rev-note{display:none}.wt-rev-modes{grid-template-columns:repeat(5,minmax(0,1fr))}.wt-rev-modes button{padding:9px}.wt-rev-modes button small{display:none}.wt-rev-main{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.wt-rev-main>.wt-rev-card:nth-child(1){grid-column:1}.wt-rev-main>.wt-rev-card:nth-child(2){grid-column:2}.wt-rev-grid{grid-column:1/-1}.wt-rev .wt-rich-visual,.wt-rev .wt-rich-source{min-height:390px}.wt-rev-compare{grid-template-columns:1fr 1fr}
@media(max-width:1100px){.wt-rev-sidebar{grid-template-columns:1fr 1fr}.wt-rev-modes{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.wt-rev-main,.wt-rev-sidebar{grid-template-columns:1fr}.wt-rev-main>.wt-rev-card:nth-child(1),.wt-rev-main>.wt-rev-card:nth-child(2),.wt-rev-grid{grid-column:1}.wt-rev-modes{grid-template-columns:1fr 1fr}.wt-rev .wt-rich-visual,.wt-rev .wt-rich-source{min-height:290px}}