*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:#e6dccb;color:#4f4437;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}#playroom,canvas{width:100%;height:100%;display:block}canvas{outline:none;touch-action:none}button{font:inherit}#reset{position:fixed;right:26px;top:24px;display:flex;align-items:center;gap:9px;border:1px solid #71614c26;background:#fffaf0d9;color:#5a4c3b;padding:12px 16px;border-radius:24px;font-size:14px;cursor:pointer;box-shadow:0 3px 14px #6c513612;backdrop-filter:blur(8px);transition:background .2s,transform .2s}#reset:hover{background:#fffdf7;transform:translateY(-1px)}#reset:focus-visible{outline:2px solid #85949a;outline-offset:4px}#welcome{position:fixed;top:38px;left:40px;pointer-events:none;transition:opacity 1.4s,transform 1.4s}#welcome span{display:block;font-size:12px;letter-spacing:.22em;margin-bottom:6px;color:#83745e}#welcome strong{font-size:26px;font-weight:500;letter-spacing:-1px}#welcome p{font-size:12px;color:#887962;margin-top:12px}.gone{opacity:0;transform:translateY(-5px)}#tooltip,#prompt{position:fixed;pointer-events:none;background:#fffaefeF;border:1px solid #a99b7c27;border-radius:13px;padding:12px 15px;font-size:14px;box-shadow:0 5px 16px #70573415;line-height:1.45}#tooltip{z-index:5;max-width:245px}#prompt{bottom:30px;left:50%;transform:translateX(-50%);white-space:nowrap}#prompt kbd{display:inline-block;border:1px solid #aa9a80;border-radius:4px;padding:2px 5px;font:inherit;margin-right:9px;color:#6b765f}#notice{position:fixed;bottom:82px;left:50%;transform:translateX(-50%);font-size:14px;background:#fffaf0e0;border-radius:12px;padding:10px 14px;opacity:0;transition:opacity .3s;pointer-events:none}#notice.show{opacity:1}#error{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);padding:24px;background:#fffaf0;border-radius:16px;font-size:14px;max-width:80%}@media(max-width:650px){#reset{right:14px;top:14px;padding:10px 13px;font-size:12px}#welcome{left:20px;top:24px}#welcome strong{font-size:21px}#welcome p{max-width:200px;line-height:1.8;font-size:12px}#prompt{bottom:22px;font-size:12px;max-width:95%;white-space:normal}#tooltip{font-size:12px}}

#edit{position:fixed;right:174px;top:24px;padding:12px 16px;border-radius:24px;border:1px solid #71614c26;background:#fffaf0d9;color:#5a4c3b;font:inherit;font-size:14px;cursor:pointer;backdrop-filter:blur(8px)}#edit.editing{background:#7b8264;color:#fffaf0;border-color:#7b8264}#editor-panel{position:fixed;right:24px;top:82px;width:300px;max-height:calc(100dvh - 108px);overflow-y:auto;background:#fffaeff5;border:1px solid #a99b7c55;border-radius:17px;padding:20px;box-shadow:0 12px 40px #5b4d3825;font-size:13px;backdrop-filter:blur(12px);font-size:14px}#editor-panel button,#editor-panel select{font:inherit;color:#504938;background:#f5eedf;border:1px solid #cfc4ac;border-radius:7px;padding:9px 10px;cursor:pointer;min-width:0}#editor-panel button:hover{background:#ece3d0}#editor-panel button:focus-visible,#editor-panel select:focus-visible{outline:2px solid #7b8264;outline-offset:2px}.editor-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.editor-top strong{font-size:15px;font-weight:500}.editor-help{font-size:12px;line-height:1.6;color:#887963;margin:16px 0}#selected-name{padding:10px 0;font-size:14px;border-top:1px solid #dbcfb8}#selection-controls{margin-bottom:14px}.editor-row{display:flex;gap:7px;margin:7px 0}.editor-row>*{flex:1}#object-library{width:100%}.editor-row #add-object{flex:0 0 auto}#editor-panel label{display:block;margin-top:16px;margin-bottom:8px;font-size:13px}#shelf-level{width:100%}#shelf-contents{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;font-size:12px}#shelf-contents span{color:#94866c;padding:8px 0}#editor-status{font-size:12px;line-height:1.6;min-height:34px;color:#7a785b;margin:16px 0 9px}#save-layout{width:100%;background:#7b8264!important;color:#fffaf0!important;border-color:#7b8264!important}#restore-default{display:block;width:100%;margin-top:8px;font-size:12px!important;background:transparent!important;border-color:transparent!important;color:#89785e!important}@media(max-width:650px){#edit{right:151px;top:14px;padding:10px 12px;font-size:12px}#editor-panel{right:12px;top:64px;width:270px;max-height:calc(100dvh - 78px);padding:16px}}

.selected-header{display:flex;align-items:center;gap:10px;border-top:1px solid #dbcfb8;margin-top:4px}#selected-name{border:0;flex:1;line-height:1.4}#editor-panel #delete-object{padding:7px;background:transparent;border:0;display:flex;align-items:center;color:#89715e}#editor-panel #delete-object[hidden]{display:none}#editor-panel #delete-object:hover{background:#eadbca}.library-heading{font-size:14px;margin:18px 0 10px}.thumbnail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:310px;overflow-y:auto;padding:2px}.thumbnail-grid .library-item{padding:0 0 8px!important;background:#f2ebdc!important;border-color:#e1d5c0!important;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:2px;line-height:1.3}.library-item img{display:block;width:100%;height:72px;object-fit:contain}.library-item span{font-size:13px;padding:0 4px}.thumbnail-grid .library-item:hover{border-color:#9eaa88!important;background:#ebe2d1!important}.thumbnail-grid .library-item:focus-visible{outline-offset:-3px!important}#colorway-controls{display:flex;gap:8px;margin:2px 0 10px}#editor-panel .colorway{width:26px;height:26px;padding:0;border-radius:50%;background:var(--swatch);border:2px solid #f8f0df;box-shadow:0 0 0 1px #d0c5af}#editor-panel .colorway[aria-pressed=true]{box-shadow:0 0 0 2px #746e59}@media(max-width:650px){.thumbnail-grid{max-height:250px}.library-item img{height:65px}}