body{margin:0;background:#e9ecf2;color:var(--text-primary);font:14px var(--font-body)}button,select{font:inherit}button{cursor:pointer;background:white;border:1px solid var(--border);border-radius:6px;padding:9px 12px;color:var(--brand-primary)}button:hover,button.active{background:var(--brand-primary);color:white}button:focus-visible{outline:3px solid var(--brand-secondary);outline-offset:2px}.topbar{background:var(--brand-dark);color:white;padding:16px 24px;display:flex;gap:14px;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20}.topbar strong{font:600 17px var(--font-heading)}.topbar small{display:block;color:#cdd4e3;margin-top:4px}.actions{display:flex;gap:7px;flex-wrap:wrap}.sidebar{position:fixed;left:0;top:82px;bottom:0;width:285px;overflow:auto;background:white;padding:22px;border-right:1px solid var(--border)}.sidebar h2{font:600 15px var(--font-heading);margin:20px 0 12px}.sidebar select{width:100%;padding:10px;border:1px solid var(--border);border-radius:6px}.sidebar p{font-size:12px;line-height:1.5;color:var(--text-secondary)}.choice{display:flex;align-items:center;gap:12px;width:100%;margin-bottom:10px;padding:8px;text-align:left}.thumb{position:relative;width:73px;height:103px;overflow:hidden;flex:none;background:white}.thumb iframe{position:absolute;top:0;left:0;width:794px;height:1123px;border:0;transform:scale(.092);transform-origin:0 0;pointer-events:none}.choice strong{font-size:13px;display:block}.choice small{display:block;font-size:10px;margin-top:4px}.workspace{margin-left:285px;padding:12px 24px}.status{font-size:12px;line-height:1.5;margin:12px 0;color:var(--text-secondary)}.help{border-top:1px solid var(--border);padding-top:12px}dialog{border:0;border-radius:10px;max-width:96vw;width:1250px;background:#e9ecf2}dialog::backdrop{background:#202435b0}.compare-grid{display:flex;gap:12px}.compare-item{flex:1;min-width:0}.compare-item iframe{border:0;width:100%;height:72vh;background:white}.compare-item button{width:100%;margin:8px 0}.compare-item p{font-size:12px}#print-root{display:none}#error{color:var(--danger);font-weight:600}.mobile-note{display:none}@media(max-width:1000px){.topbar{position:relative;display:block}.actions{margin-top:12px}.sidebar{position:relative;top:0;width:100%;height:auto}.sidebar .choice{display:inline-flex;width:31%}.workspace{margin:0;padding:0;overflow:auto}.compare-grid{display:block}.compare-item iframe{height:60vh}}@media print{#print-root{display:block}#canvas{display:none!important}}