[data-olo-tester] .olo-test{padding:clamp(20px,3vw,46px);background:#f4f3ee;color:#242720}
[data-olo-tester] .olo-test__heading{margin:0 0 24px}
[data-olo-tester] .olo-test__heading>span{font-size:11px;letter-spacing:.16em;font-weight:800}
[data-olo-tester] .olo-test__heading h3{font-size:clamp(28px,3.4vw,48px);line-height:1.08;letter-spacing:-.045em;margin:10px 0}
[data-olo-tester] .olo-test__heading p{margin:0;font-size:16px;color:#565c54}
[data-olo-tester] .olo-test__workspace{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:28px;align-items:start}
[data-olo-tester] .olo-test__paper{position:relative;overflow:hidden;border:1px solid #d8dbd2;border-radius:6px;background:#fff;box-shadow:0 4px 18px #22281008}
[data-olo-tester] canvas{display:block;width:100%;height:auto;aspect-ratio:2/1;min-height:300px;touch-action:none;cursor:none;outline-offset:-4px}
[data-olo-tester] .olo-test__prompt{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;pointer-events:none;color:#686e64;text-align:center;padding:20px}
[data-olo-tester] .olo-test__prompt strong{font-size:clamp(21px,2.5vw,34px);font-weight:500;letter-spacing:-.03em}
[data-olo-tester] .olo-test__prompt span{font-size:12px}
[data-olo-tester] .olo-test__prompt[hidden],[data-olo-tester] .olo-test__cursor[hidden]{display:none}
[data-olo-tester] .olo-test__cursor{position:absolute;border:1px solid #1f2920;border-radius:50%;box-shadow:0 0 0 1px #fff;pointer-events:none;transform:translate(-50%,-50%) rotate(var(--angle,45deg));transform-origin:center}
[data-olo-tester] .olo-test__toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:14px}
[data-olo-tester] .olo-test__ends{display:flex;gap:8px}
[data-olo-tester] button,[data-olo-tester] select{font:inherit}
[data-olo-tester] .olo-test__ends button{display:flex;gap:8px;align-items:center;min-height:44px;padding:8px 16px;border:1px solid #bbc2b5;border-radius:4px;background:#fff;color:#252b23;font-size:13px;font-weight:700;cursor:pointer}
[data-olo-tester] .olo-test__ends button[aria-pressed=true]{background:#24372b;color:#fff;border-color:#24372b;box-shadow:0 0 0 2px #f4f3ee,0 0 0 3px #24372b}
[data-olo-tester] .olo-test__ends i{width:15px;height:15px;border:1px solid #fff8;border-radius:50%;background:var(--ink);display:block}
[data-olo-tester] .olo-test__rotation{display:grid;grid-template-columns:auto auto;gap:4px 18px;align-items:center;min-width:190px;font-size:12px;font-weight:700}
[data-olo-tester] .olo-test__rotation output{text-align:right;font-variant-numeric:tabular-nums}
[data-olo-tester] .olo-test__rotation input{grid-column:1/-1;width:100%;height:30px;margin:0;accent-color:#294e3b;cursor:pointer}
[data-olo-tester] .olo-test__note{font-size:12px;line-height:1.5;color:#60665e;margin:14px 0 0}
[data-olo-tester] .olo-test__pair{min-width:0}
[data-olo-tester] .exl-olo-preview{height:100px;min-height:0;background:none;margin:0 0 16px;border:0}
[data-olo-tester] .exl-olo-preview svg{display:block;width:100%;height:100%;max-height:100px}
[data-olo-tester] fieldset{border:1px solid #cdd1c8;border-radius:4px;padding:14px;margin:0 0 16px;min-width:0;background:#ffffff80}
[data-olo-tester] fieldset[data-active=true]{border-color:#315640;box-shadow:inset 3px 0 0 var(--ink)}
[data-olo-tester] legend{font-size:12px;letter-spacing:.06em;font-weight:800;padding:0 7px}
[data-olo-tester] fieldset label{display:block;font-size:11px;color:#51584e;font-weight:700;margin:0 0 10px}
[data-olo-tester] fieldset label:last-child{margin:0}
[data-olo-tester] select{display:block;width:100%;max-width:100%;min-height:42px;padding:8px;margin-top:5px;font-size:13px;color:#242820;background:#fff;border:1px solid #bfc6ba;border-radius:3px}
[data-olo-tester] .olo-test__bar{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:28px;align-items:center}
[data-olo-tester] .olo-test__actions{display:flex;gap:10px;flex-wrap:wrap}
[data-olo-tester] .olo-test__actions a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:50px;padding:14px 20px;border:1px solid #c6caba;border-radius:3px;color:#22281f;font-size:12px;font-weight:800;letter-spacing:.035em;text-decoration:none;background:#fff}
[data-olo-tester] .olo-test__actions [data-olo-buy]{background:#8dd1ae;color:#17271c;border-color:#8dd1ae}
[data-olo-tester] .olo-test__actions [aria-disabled=true]{opacity:.5;cursor:wait}
[data-olo-tester] .olo-test__actions p{flex-basis:100%;font-size:11px;margin:0;color:#c6cec5}
[data-olo-tester] :is(button,a,select,input,canvas):focus-visible{outline:3px solid #8b6300;outline-offset:3px}
@media(max-width:850px){[data-olo-tester] .olo-test__workspace{grid-template-columns:1fr;gap:18px}[data-olo-tester] .olo-test__pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}[data-olo-tester] .exl-olo-preview{grid-column:1/-1;margin:0;height:75px}[data-olo-tester] .olo-test__pair>.olo-test__note{grid-column:1/-1;margin:0}[data-olo-tester] fieldset{margin:0}[data-olo-tester] .olo-test__bar{grid-template-columns:1fr auto;gap:15px}[data-olo-tester] .olo-test__bar>.brand-panel__logo{display:none}[data-olo-tester] .olo-test__actions a{flex:1 1 220px}}
@media(max-width:480px){[data-olo-tester] canvas{min-height:250px}[data-olo-tester] .olo-test__toolbar{gap:12px}[data-olo-tester] .olo-test__rotation{flex:1;min-width:130px}[data-olo-tester] .olo-test__ends button{padding:8px 12px}[data-olo-tester] .olo-test__bar{grid-template-columns:1fr}[data-olo-tester] .olo-test__bar>.brand-panel__actions{justify-content:flex-end}[data-olo-tester] fieldset{padding:10px}[data-olo-tester] select{font-size:16px}}
@media(max-width:480px){[data-olo-tester] fieldset{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) 90px;gap:8px}[data-olo-tester] fieldset label{margin:0;min-width:0}}