:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#26322e;background:#f5f6f5;font-synthesis:none;letter-spacing:0}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:8px 12px;border:1px solid #d8dfda;border-radius:6px;background:#fff;color:inherit;cursor:pointer}button:hover{background:#eef3ef}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible,#selection:focus-visible{outline:2px solid #178968;outline-offset:3px}button svg{width:17px;height:17px;flex-shrink:0}header{min-height:80px;padding:16px 28px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #dce1dd;background:#fff}.brand{display:flex;gap:12px;align-items:center}.brand-symbol{width:38px;height:38px;display:grid;place-items:center;border-radius:6px;background:#196e53;color:#fff;font-size:23px;font-weight:700}.brand strong{display:block;font-size:18px}.brand small{display:block;font-size:10px;color:#7d8982;margin-top:4px}.header-actions{display:flex;gap:8px}.primary{background:#197455;border-color:#197455;color:#fff}.primary:hover{background:#145b43}main{display:grid;grid-template-columns:minmax(0,1fr) 340px;max-width:1480px;margin:auto;min-height:740px}.workspace{min-width:0;padding:24px 32px 16px;background:#e9ece9}.workspace-top{display:flex;justify-content:space-between;font-size:12px;color:#69756e;margin-bottom:16px}.stage{min-height:580px;display:flex;align-items:center;justify-content:center;background:#dfe4df;padding:10px}#surface{position:relative;flex-shrink:0;max-width:100%;background:#1d2520;box-shadow:0 4px 20px #0002}#canvases,#canvases canvas{display:block;width:100%;height:100%}#canvases{position:absolute;inset:0}#selection{position:absolute;border:1px solid #3fa2ff;cursor:move;touch-action:none}#selection button{position:absolute;min-height:12px;width:12px;height:12px;padding:0;border:1px solid #287cc7;background:#fff;border-radius:2px;touch-action:none}[data-corner=nw]{left:-6px;top:-6px;cursor:nwse-resize}[data-corner=ne]{right:-6px;top:-6px;cursor:nesw-resize}[data-corner=sw]{left:-6px;bottom:-6px;cursor:nesw-resize}[data-corner=se]{right:-6px;bottom:-6px;cursor:nwse-resize}.transport{display:flex;align-items:center;gap:12px;max-width:580px;margin:16px auto 8px}.transport input{flex:1;min-width:0;accent-color:#26745a}.transport output{font-size:12px;font-variant-numeric:tabular-nums;width:80px}#status{min-height:24px;margin-top:12px;font-size:12px;color:#657269;overflow-wrap:anywhere}#status.error{color:#b33030}aside{background:#fff;border-left:1px solid #dce1dd;min-width:0}aside section{padding:22px 24px;border-bottom:1px solid #e5e9e6}h2{margin:0 0 16px;font-size:14px;font-weight:650}label{display:block;margin:16px 0 8px;font-size:12px;color:#727c76}input:not([type=range]):not([type=file]),select{width:100%;height:38px;padding:8px 10px;border:1px solid #d8dfda;border-radius:5px;color:#28382d;background:#fff}.segments{display:flex;gap:4px}.segments button{flex:1;padding:7px;font-size:12px;min-width:0}button[aria-pressed=true]{color:#135e44;background:#e8f5ed;border-color:#26825e}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.section-heading h2{margin:0}.icon{width:32px;min-height:32px;padding:6px;border-color:transparent}.image-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.sample{flex-direction:column;padding:7px 3px;gap:5px;min-width:0;height:69px}.sample img{width:100%;height:27px;object-fit:contain}.sample span{font-size:9px;white-space:nowrap}dl{display:flex;justify-content:space-between;gap:8px;margin:18px 0 0;font-variant-numeric:tabular-nums}dl div{flex:1}dt{font-size:10px;color:#7b867e}dd{margin:5px 0 0;font-size:12px}.inspector-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.inspector-toolbar>button{font-size:12px}.inspector{max-width:1480px;margin:auto;padding:18px 28px;border-top:1px solid #dce1dd;background:#fff}summary{cursor:pointer;font-size:12px}.inspector .segments{margin:18px 0;max-width:400px}pre{overflow:auto;max-height:380px;font:12px/1.6 ui-monospace,monospace;padding:18px;background:#f4f6f4;tab-size:2}[hidden]{display:none!important}@media (max-width: 850px){main{grid-template-columns:minmax(0,1fr) 290px}aside section{padding:18px 16px}.workspace{padding:20px 16px}}@media (max-width: 640px){header{padding:14px;min-height:74px}.brand strong{font-size:14px}.brand small{font-size:8px}.header-actions button{padding:8px;font-size:12px}#open span{display:none}main{display:flex;flex-direction:column}.workspace{padding:16px 12px}.stage{min-height:0;padding:10px}aside{border-left:0}.image-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sample span{font-size:11px}}