:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Helvetica,sans-serif;background-color:#fff;color:#000;overflow:hidden}h2{position:relative;top:0;left:0;padding:20px;font-size:24px;font-weight:500;text-decoration:underline;z-index:200}.search-bar{position:fixed;bottom:20px;left:35%;transform:translate(-50%);width:383px;height:48px;flex-shrink:0;border-radius:15px;background:#ffffffd4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 72px 10px #0000001a;transition:all .3s ease;z-index:9999999}.search-bar input{width:100%;height:100%;position:absolute;top:50%;transform:translateY(-50%);border:none;border-radius:15px;padding:0 20px;font-size:16px;font-weight:500;background:transparent;outline:none;color:#8e8e8e;text-align:center;font-family:Helvetica;font-size:15px;font-style:normal;font-weight:400;line-height:normal}.search-bar input::placeholder{color:#8e8e8e}.search-bar input:focus{color:#000;text-align:left}.search-bar input:focus::placeholder{color:#8e8e8e00}.search-bar.expanded{left:50%}.app-container{display:flex;height:100vh;width:100vw}.canvas-area,.sidebar{transition:all .3s ease}.canvas-area{background-color:#fff}.canvas-area.expanded{width:75%}.canvas-area.collapsed{width:0px;padding-inline:0;overflow:hidden}.sidebar{background-color:#fff;padding:20px;box-shadow:0 0 72px #0000001a}.sidebar.expanded{width:100vw;left:0}.sidebar.collapsed{width:25%}.prefabs-container{position:relative;height:100%;top:0;background:#fff;overflow:auto;scrollbar-width:none;z-index:100}.prefabs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:5px;padding:0;height:fit-content;overflow:visible;position:static;background:#fff}.prefab-item{text-align:left;background:#fff;cursor:pointer;position:relative;aspect-ratio:1/1}.prefab-item p{width:100%;padding-inline:10px;text-align:left;font-size:12px}.fade-bottom{position:sticky;pointer-events:none;width:100%;height:50px;z-index:10;left:0;bottom:0;background:linear-gradient(0deg,#fff 0,#fffffffc 11%,#fffffff3 20.8%,#ffffffe4 29.6%,#ffffffd2 37.5%,#ffffffbd 44.6%,#ffffffa5 51%,#ffffff8c 57%,#ffffff73 62.5%,#ffffff5a 67.7%,#ffffff42 72.7%,#ffffff2d,#ffffff1b 82.9%,#ffffff0c 88.2%,#ffffff03 93.9%,#fff0)}.fade-top{position:sticky;pointer-events:none;width:100%;height:50px;z-index:10;left:0;top:0;background:linear-gradient(180deg,#fff 0,#fffffffc 11%,#fffffff3 20.8%,#ffffffe4 29.6%,#ffffffd2 37.5%,#ffffffbd 44.6%,#ffffffa5 51%,#ffffff8c 57%,#ffffff73 62.5%,#ffffff5a 67.7%,#ffffff42 72.7%,#ffffff2d,#ffffff1b 82.9%,#ffffff0c 88.2%,#ffffff03 93.9%,#fff0)}.prefab-item{text-align:center;position:relative;aspect-ratio:1/1}.prefab-item img{width:100%;height:auto;object-fit:cover;transition:opacity .3s ease}.prefab-item img.loaded{opacity:1}.sidebar.expanded .prefab-item,.sidebar.collapsed .prefab-item{animation:none;animation:fade-out-in .8s}@keyframes fade-out-in{0%{opacity:1}25%{opacity:0}to{opacity:1}}.sidebar.expanded .prefab-item img{width:90%}h2{cursor:pointer;padding:10px 0}::selection{background-color:#f0f0f0}.loading-placeholder{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);width:100%;height:auto;top:0;left:0;position:absolute;aspect-ratio:16/9;background-size:200% 100%;animation:loading 5s infinite;border-radius:0}.loading-placeholder.hidden{display:none}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.heading-container{display:flex;align-items:center;gap:10px;background-color:#0000;z-index:1000}.toggle-icon{width:20px;height:20px;cursor:pointer;opacity:.6;transition:opacity .3s ease;z-index:1000}.toggle-icon:hover{opacity:1}.toggle-icon.hidden{display:none}.toggle-icon.visible{display:block}.prefab-item{cursor:pointer}.dream-heading{font-family:Helvetica,sans-serif;padding:30px;position:absolute;top:0;left:0;font-size:24px;font-weight:500;text-decoration:underline;z-index:200;color:#000}.dream-detail{position:absolute;height:100vh;width:60vw;top:0;right:0;padding:20px;display:flex;flex-direction:column}.dream-detail img{position:relative;width:100%;height:auto;flex-shrink:0}.text-container{position:relative;flex-grow:1;overflow:hidden;margin-top:20px;scrollbar-width:none}.text-container p{height:100%;overflow-y:auto;scroll-behavior:smooth;text-align:justify;scrollbar-width:none;margin:0;padding-top:20px;padding-bottom:80px}.dream-detail .fade-top{position:absolute;pointer-events:none;width:100%;height:20px;z-index:10;left:0;top:0;background:linear-gradient(180deg,#fff 0,#fffffffc 11%,#fffffff3 20.8%,#ffffffe4 29.6%,#ffffffd2 37.5%,#ffffffbd 44.6%,#ffffffa5 51%,#ffffff8c 57%,#ffffff73 62.5%,#ffffff5a 67.7%,#ffffff42 72.7%,#ffffff2d,#ffffff1b 82.9%,#ffffff0c 88.2%,#ffffff03 93.9%,#fff0)}.dream-detail .fade-bottom{position:absolute;pointer-events:none;width:100%;height:50px;z-index:10;left:0;bottom:0;background:linear-gradient(0deg,#fff 0,#fffffffc 11%,#fffffff3 20.8%,#ffffffe4 29.6%,#ffffffd2 37.5%,#ffffffbd 44.6%,#ffffffa5 51%,#ffffff8c 57%,#ffffff73 62.5%,#ffffff5a 67.7%,#ffffff42 72.7%,#ffffff2d,#ffffff1b 82.9%,#ffffff0c 88.2%,#ffffff03 93.9%,#fff0)}.canvas-placeholder{position:relative;width:100%;height:100%;overflow:hidden;z-index:0}.canvas-wrapper{position:fixed;top:0;left:0;right:0;bottom:0;cursor:grab}.canvas-wrapper:active{cursor:grabbing}