html,body{margin:0;height:100%;overflow:hidden;font:13px/1.4 system-ui,sans-serif;color:#222}#view{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}#panel{position:fixed;top:10px;left:10px;width:300px;max-height:calc(100% - 20px);overflow-y:auto;box-sizing:border-box;padding:10px 12px;background:#fffffff0;border:1px solid #bbb;border-radius:6px;box-shadow:0 2px 8px #00000026}#panel h1{margin:0 0 8px;font-size:14px}#panel .caption{display:block;margin-bottom:3px}#panel select{width:200px}#panel p{margin:4px 0}#panel .hint{color:#777}#panel .hint p{margin:2px 0}#panel .row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0}#panel .colour{display:flex;align-items:center;gap:6px;margin:4px 0}#panel input[type=color]{width:28px;height:22px;padding:0;border:1px solid #999}#panel hr{border:none;border-top:1px solid #ddd;margin:8px 0}#panel .zoom{color:#777}#panel .message{min-height:1.4em;color:#2a6a2a}#panel .message.error{color:#b00020}