.trw-br{--ink:#172033;--muted:#687386;--line:#dfe4ec;--card:#fff;--accent:#ee6c2f;max-width:1180px;margin:24px auto;padding:24px;color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f6f7f9;border-radius:20px}.trw-br *{box-sizing:border-box}.trw-br__head{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;margin-bottom:20px}.trw-br__head h2{font-size:clamp(28px,4vw,46px);line-height:1.05;margin:5px 0 10px}.trw-br__head p,.trw-br__privacy,.trw-br__license{color:var(--muted);line-height:1.55}.trw-br__eyebrow{font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--accent)}.trw-br__grid{display:grid;grid-template-columns:320px 1fr;gap:20px}.trw-br__controls,.trw-br__preview{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}.trw-br__picker{min-height:150px;border:2px dashed #b9c2cf;border-radius:14px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;cursor:pointer;padding:18px}.trw-br__picker input{position:absolute;opacity:0;pointer-events:none}.trw-br__picker strong{font-size:18px}.trw-br__picker span,.trw-br__filename,.trw-br__status{font-size:13px;color:var(--muted);margin-top:6px}.trw-br__filename{padding:10px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trw-br__button{width:100%;border:0;border-radius:10px;background:var(--accent);color:#fff;font-weight:800;font-size:15px;padding:14px 16px;margin-top:12px;cursor:pointer}.trw-br__button:disabled{opacity:.45;cursor:not-allowed}.trw-br__button--secondary{background:#172033}.trw-br__reset{width:100%;background:transparent;border:0;padding:12px;color:#566174;text-decoration:underline;cursor:pointer}.trw-br__progress{height:8px;background:#eceff3;border-radius:99px;overflow:hidden;margin-top:12px}.trw-br__progress>div{height:100%;width:0;background:var(--accent);transition:width .2s}.trw-br__preview-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px}.trw-br__preview-head span{font-size:12px;color:var(--muted)}.trw-br__compare{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.trw-br figure{margin:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#f1f3f6}.trw-br figcaption{background:#fff;border-bottom:1px solid var(--line);padding:10px;font-size:11px;font-weight:800;letter-spacing:.08em}.trw-br__stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:300px;max-height:650px;overflow:auto}.trw-br__stage img{display:none;width:auto;height:auto;max-width:100%;max-height:650px;object-fit:contain}.trw-br__stage img[src]+.trw-br__empty{display:none}.trw-br__empty{padding:30px;color:#8b95a5;text-align:center}.trw-br__checker{background-color:#f4f5f7;background-image:linear-gradient(45deg,#dfe3e8 25%,transparent 25%),linear-gradient(-45deg,#dfe3e8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#dfe3e8 75%),linear-gradient(-45deg,transparent 75%,#dfe3e8 75%);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0}.trw-br__privacy{margin:20px 4px 4px;font-size:13px}.trw-br__license{margin:6px 4px 0;font-size:11px}@media(max-width:800px){.trw-br{padding:12px}.trw-br__grid{grid-template-columns:1fr}.trw-br__compare{grid-template-columns:1fr}.trw-br__stage{min-height:220px}.trw-br__preview-head{flex-direction:column}}
.trw-br__canvas{display:none;width:auto;height:auto;max-width:100%;max-height:650px;object-fit:contain;touch-action:none;cursor:crosshair}.trw-br__editor{background:#fff;border-top:1px solid var(--line);padding:12px}.trw-br__edit-title{font-weight:800;margin-bottom:8px}.trw-br__edit-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px}.trw-br__edit-actions .trw-br__tool{min-width:0;width:100%;white-space:normal;line-height:1.05}.trw-br__tool--large{grid-column:1/-1}.trw-br__tool{border:1px solid #cbd3de;background:#f5f7fa;color:var(--ink);border-radius:8px;padding:9px 8px;font-weight:700;cursor:pointer}.trw-br__tool.is-active{background:var(--accent);border-color:var(--accent);color:#fff}.trw-br__tool:disabled{opacity:.4}.trw-br__tool--large{background:#172033;color:#fff;border-color:#172033}.trw-br__brush{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;margin-top:10px;font-size:12px;font-weight:700}.trw-br__brush input{width:100%}.trw-br__editor p{font-size:12px;color:var(--muted);line-height:1.45;margin:9px 0 0}@media(max-width:520px){.trw-br__edit-actions{grid-template-columns:1fr 1fr}.trw-br__tool--undo{grid-column:1/-1}.trw-br__brush{grid-template-columns:1fr auto}.trw-br__brush input{grid-column:1/-1;grid-row:2}}

.trw-br-no-scroll{overflow:hidden!important}.trw-br.is-edit-fullscreen{position:fixed;inset:0;z-index:999999;margin:0;max-width:none;width:100vw;height:100vh;border-radius:0;overflow:auto;padding:12px;background:#eef1f5}.trw-br.is-edit-fullscreen .trw-br__head,.trw-br.is-edit-fullscreen .trw-br__controls,.trw-br.is-edit-fullscreen .trw-br__privacy,.trw-br.is-edit-fullscreen .trw-br__license,.trw-br.is-edit-fullscreen .trw-br__preview-head{display:none!important}.trw-br.is-edit-fullscreen .trw-br__grid{display:block}.trw-br.is-edit-fullscreen .trw-br__preview{padding:8px;border:0;background:transparent}.trw-br.is-edit-fullscreen .trw-br__compare{display:block}.trw-br.is-edit-fullscreen .trw-br__compare>figure:first-child{display:none}.trw-br.is-edit-fullscreen .trw-br__compare>figure:last-child{max-width:100%;border-radius:10px}.trw-br.is-edit-fullscreen .trw-br__stage{min-height:calc(100vh - 210px);max-height:none;overflow:auto;padding:8px}.trw-br.is-edit-fullscreen .trw-br__canvas{max-width:100%;max-height:calc(100vh - 230px)}.trw-br.is-edit-fullscreen .trw-br__editor{position:sticky;bottom:0;z-index:4;border:1px solid var(--line);border-radius:10px;box-shadow:0 -4px 18px rgba(0,0,0,.08)}
@media(max-width:760px){.trw-br.is-edit-fullscreen .trw-br__stage{min-height:calc(100vh - 250px)}.trw-br.is-edit-fullscreen .trw-br__canvas{max-height:calc(100vh - 270px)}}
@media(max-width:520px){.trw-br__edit-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}

.trw-br__exit-large{display:none;position:fixed;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:1000001;border:0;border-radius:999px;background:#172033;color:#fff;font-weight:800;font-size:14px;line-height:1;padding:12px 16px;box-shadow:0 4px 18px rgba(0,0,0,.28);cursor:pointer}.trw-br.is-edit-fullscreen .trw-br__exit-large{display:block}.trw-br.is-edit-fullscreen{padding-top:64px}.trw-br.is-edit-fullscreen .trw-br__editor{padding-bottom:max(14px,env(safe-area-inset-bottom))}
@media(max-width:520px){.trw-br__exit-large{top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));font-size:13px;padding:11px 14px}.trw-br.is-edit-fullscreen{padding-top:58px}}

/* ===== v1.4.0 ===== */
.trw-br__field{display:block;margin-top:12px;font-size:13px;font-weight:700}
.trw-br__field select{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid #cbd3de;border-radius:8px;background:#fff;font-size:14px;height:auto;line-height:1.3}
.trw-br__refine,.trw-br__download{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.trw-br__slider{display:block;font-size:13px;font-weight:700;margin:10px 0}
.trw-br__slider span{float:right;font-weight:600;color:var(--muted)}
.trw-br__slider input{display:block;width:100%;margin-top:6px;accent-color:var(--accent)}
.trw-br__checkline{display:flex;gap:8px;align-items:flex-start;font-size:13px;margin:8px 0;line-height:1.35}
.trw-br__checkline input{margin-top:2px;accent-color:var(--accent)}
.trw-br [hidden]{display:none!important}
.trw-br input[type=color]{width:100%;height:38px;margin-top:8px;border:1px solid #cbd3de;border-radius:8px;padding:2px;background:#fff}
/* Editor viewport: zoom & pan */
.trw-br__viewport{overflow:hidden!important;touch-action:none;user-select:none;-webkit-user-select:none}
.trw-br__viewport .trw-br__canvas{transform-origin:0 0;will-change:transform}
.trw-br__viewport[data-mode="move"]{cursor:grab}
.trw-br__viewport[data-mode="restore"],.trw-br__viewport[data-mode="erase"]{cursor:none}
.trw-br__viewport[data-bg="white"]{background:#fff}
.trw-br__viewport[data-bg="black"]{background:#111}
.trw-br__viewport[data-bg="green"]{background:#22c55e}
.trw-br__viewport[data-bg="checker"]{background-color:#f4f5f7;background-image:linear-gradient(45deg,#dfe3e8 25%,transparent 25%),linear-gradient(-45deg,#dfe3e8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#dfe3e8 75%),linear-gradient(-45deg,transparent 75%,#dfe3e8 75%);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0}
.trw-br__cursor{position:absolute;left:0;top:0;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.65),inset 0 0 0 1px rgba(0,0,0,.4);pointer-events:none;z-index:5}
.trw-br__bgswitch{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--muted);margin-bottom:8px}
.trw-br__bgswitch button{width:26px;height:26px;border-radius:50%;border:2px solid #cbd3de;cursor:pointer;padding:0}
.trw-br__bgswitch button.is-active{border-color:var(--accent);box-shadow:0 0 0 2px #fff inset}
.trw-br__bgswitch [data-trw-bg="checker"]{background:conic-gradient(#dfe3e8 25%,#fff 0 50%,#dfe3e8 0 75%,#fff 0) 0 0/10px 10px}
.trw-br__bgswitch [data-trw-bg="white"]{background:#fff}.trw-br__bgswitch [data-trw-bg="black"]{background:#111}.trw-br__bgswitch [data-trw-bg="green"]{background:#22c55e}
.trw-br__zoom{display:flex;align-items:center;gap:6px;margin-bottom:10px}
.trw-br__zoom button{min-width:36px;height:34px;border:1px solid #cbd3de;background:#f5f7fa;border-radius:8px;font-weight:800;cursor:pointer;color:var(--ink)}
.trw-br__zoom span{min-width:48px;text-align:center;font-size:13px;font-weight:700}
.trw-br__edit-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.trw-br__tool--large{grid-column:1/-1}
.trw-br button:focus-visible,.trw-br select:focus-visible,.trw-br input:focus-visible{outline:3px solid #2563eb;outline-offset:2px}
@media(max-width:520px){.trw-br__edit-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.trw-br.has-original .trw-br__compare>figure:first-child .trw-br__empty,.trw-br.has-result .trw-br__viewport .trw-br__empty{display:none}
/* 1.4.3: tool buttons fit narrow columns (tablets) */
.trw-br__edit-actions{grid-template-columns:repeat(auto-fit,minmax(84px,1fr))!important}
.trw-br__edit-actions .trw-br__tool{white-space:nowrap!important;word-break:normal;overflow:hidden;text-overflow:ellipsis;font-size:14px;padding:10px 6px}
.trw-br__tool--large{grid-column:1/-1}
.trw-br__bgswitch{flex-wrap:wrap}