*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background:#000;color:#aaa;font:15px/1.4 system-ui,sans-serif;overflow:hidden}silk-canvas{position:fixed;inset:0;line-height:0;pointer-events:none}silk-canvas.ready{pointer-events:auto}.panel{position:fixed;left:15px;bottom:15px;color:#666;pointer-events:none}.panel>*{pointer-events:auto}silk-menu{display:block}.panel select{background:#333;color:#999;border:none;padding:5px;margin-bottom:.5em;font:inherit}.panel select:hover{color:#ccc}.description{background:#000a;max-width:24em}.actions{margin-top:.5em;display:flex;gap:.5em;align-items:center}.actions button{background:#333;color:#999;border:none;padding:4px 10px;font:inherit;cursor:pointer}.actions button:hover:enabled{color:#ccc}.actions button:disabled{color:#555;cursor:default}.actions label{cursor:pointer}.stats{margin-top:.5em;display:flex;gap:1.25em;font-variant-numeric:tabular-nums}.stat .value{color:#999}.stat .label{color:#555}.loading{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);color:#555;font-size:24px;font-weight:200;pointer-events:none}.loading.error{color:#c66}datastar-inspector{position:fixed;right:0;top:0;max-height:100%;z-index:2}.actions .swatch{background-image:linear-gradient(to right,var(--from),var(--to));color:#fff;text-shadow:0 1px 2px rgb(0 0 0 / .6)}