:root{--radius: 8px;--shadow: 0 1px 3px rgba(0, 0, 0, .1);--transition-fast: .2s;--font-family: "Segoe UI", sans-serif}.ai-space-container{display:flex;flex-direction:column;height:100vh}.ai-space-header{display:flex;align-items:center;padding:.75rem 1rem;background:var(--surface);border-bottom:1px solid var(--divider);box-shadow:var(--shadow)}.ai-space-header .logo{width:32px;height:32px;margin-right:.75rem}.ai-space-header h2{margin:0;font-size:1.25rem;color:var(--text)}.chat-window{flex:1;padding:1rem;overflow-y:auto;background:var(--surface-background)}.chat-window::-webkit-scrollbar{width:8px}.chat-window::-webkit-scrollbar-thumb{background:var(--divider);border-radius:var(--radius)}.message{display:flex;margin-bottom:1rem}.message.user{justify-content:flex-end}.message.assistant{justify-content:flex-start}.message .avatar{width:36px;height:36px;flex-shrink:0;border-radius:50%;background:var(--surface);border:1px solid var(--divider);margin:0 .5rem}.message .bubble{position:relative;padding:.75rem 1rem;max-width:75%;border-radius:var(--radius);line-height:1.6;font-size:.95rem;box-shadow:var(--shadow);white-space:pre-wrap;word-wrap:break-word;background:#f0f0f0;color:var(--text)}.message.user .bubble{background:var(--accent);color:#fff;border-bottom-right-radius:0}.message.assistant .bubble{background:var(--surface);color:var(--text);border-bottom-left-radius:0}.bubble code{background-color:#eee;padding:2px 4px;border-radius:4px;font-family:monospace}.bubble pre{background-color:#282c34;color:#fff;padding:12px;border-radius:8px;overflow-x:auto;font-family:monospace;font-size:.9rem}.chat-input{display:flex;padding:.5rem 1rem;background:var(--surface-alt);border-top:1px solid var(--divider)}.chat-input textarea{flex:1;resize:none;border:1px solid var(--divider);border-radius:var(--radius);padding:.75rem;font-family:var(--font-family);font-size:.95rem;transition:border-color var(--transition-fast)}.chat-input textarea:focus{outline:none;border-color:var(--accent)}.chat-input button{margin-left:.75rem;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);padding:0 1rem;cursor:pointer;transition:background var(--transition-fast)}.chat-input button:hover{background:var(--accent-hover)}.controls{display:flex;align-items:center;padding:.5rem 1rem;background:var(--surface);border-bottom:1px solid var(--divider)}.controls input[type=file]{flex:1}.controls button{margin-left:.5rem;background:var(--button-bg);color:var(--button-text);border:1px solid var(--divider)}.controls label{margin-left:1rem;color:var(--text-secondary);font-size:.9rem}@media (max-width: 600px){.message .bubble{max-width:90%}}.layout-container{background:linear-gradient(135deg,var(--surface) 60%,var(--surface-alt) 100%);border-radius:var(--radius);box-shadow:var(--shadow),0 8px 32px #1f268726;color:var(--text);display:flex;flex-direction:column;align-items:center;padding:1rem;min-height:100vh;transition:background .3s,color .3s;position:relative;overflow-x:hidden}.layout-header-title{font-size:1.5rem;font-weight:700;margin:0}.formatter-type{width:100%;max-width:340px;margin-bottom:1.25rem}.react-select-container{font-family:var(--font-family)}.react-select__control{background-color:var(--button-bg);border:1.5px solid var(--border);border-radius:var(--radius);transition:border-color .3s;min-height:44px;font-size:1rem;box-shadow:0 2px 8px #5865f20a}.react-select__control--is-focused{border-color:var(--accent);box-shadow:0 0 0 2px #5865f21f}.input-output-area{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:1.5rem;width:100%;margin-bottom:1.5rem}.input-area,.output-area{flex:1 1 100%;max-width:100%;display:flex;flex-direction:column;align-items:center}.editor-wrapper{width:100%;max-width:100%;min-width:280px;height:65vh;border:1.5px solid var(--border);border-radius:var(--radius);background:linear-gradient(120deg,var(--editor-bg, #23272f) 80%,var(--surface-alt) 100%);overflow:hidden;box-shadow:0 4px 24px #5865f214;transition:box-shadow .2s}.editor-wrapper:focus-within{box-shadow:0 0 0 3px var(--accent-hover)}.action-buttons{display:flex;justify-content:center;gap:1.25rem;flex-wrap:wrap;margin-top:2rem;width:100%}.format-btn,.reset-btn{padding:.85rem 2rem;background:linear-gradient(90deg,var(--accent),var(--accent-hover));color:#fff;font-size:1.05rem;font-weight:700;border:none;border-radius:var(--radius);box-shadow:0 2px 8px #5865f21a;cursor:pointer;transition:background .2s,transform .15s,box-shadow .2s;outline:none}.format-btn:hover,.reset-btn:hover{background:linear-gradient(90deg,var(--accent-hover),var(--accent));transform:translateY(-2px) scale(1.04);box-shadow:0 6px 16px #5865f224}.format-btn:active,.reset-btn:active{background:var(--accent-hover);transform:translateY(1px) scale(.98)}.footer{text-align:center;font-size:.95rem;color:var(--text-muted);margin-top:2.5rem;letter-spacing:.01em}.layout-container-header{display:flex;justify-content:space-between;align-items:baseline;padding:0rem 1rem;width:100%;flex-direction:row;flex-wrap:nowrap}@media (max-width: 1024px){.input-output-area{flex-direction:column;align-items:center}.editor-wrapper{width:95vw;height:45vh}.formatter-type{max-width:100%}}@media (max-width: 600px){.layout-container{padding:1.2rem .2rem}.editor-wrapper{height:38vh;min-width:0}.title{font-size:1.5rem}.subtitle{font-size:1rem}.action-buttons{gap:.7rem}}@media (max-width: 400px){.editor-wrapper{height:28vh}.title{font-size:1.1rem}}:root{--surface: #f9f9f9;--text: #1a1a1a;--border: #ccc;--accent: #007acc;--editor-bg: #1e1e1e;--shadow: 0 0 12px rgba(0, 0, 0, .1);--font-family: "Segoe UI", sans-serif}.shared-layout-container{display:flex;flex-direction:column;min-height:100vh;padding:1rem;background-color:var(--surface);color:var(--text);box-shadow:var(--shadow);gap:2rem;transition:background-color .3s ease,color .3s ease}.layout-header{text-align:center;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.layout-title{font-size:1.5rem;font-weight:700;margin:0}.layout-subtitle{font-size:1rem;color:#555;margin-top:.5rem}.toolbar-section{display:flex;flex-direction:column;gap:1.5rem}.toolbar-row{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.file-input-row{flex-wrap:wrap;justify-content:space-between}.file-group{display:flex;flex-direction:row;align-items:center;gap:.5rem;flex:1;min-width:220px}.toolbar-label{font-weight:500;white-space:nowrap}.toolbar-control{flex:1;min-width:200px}.editor-container{flex-grow:1;min-height:60vh;border:1px solid var(--border);background-color:var(--editor-bg);border-radius:6px;overflow:hidden}@media (max-width: 768px){.shared-layout-container{padding:1rem}.toolbar-row,.file-input-row{flex-direction:column;align-items:stretch}.toolbar-control{min-width:100%}.editor-container{min-height:50vh}}@media (max-width: 480px){.layout-title{font-size:1.5rem}.layout-subtitle,.toolbar-label{font-size:.9rem}.editor-container{min-height:40vh}}.game-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text);background:linear-gradient(180deg,var(--surface-alt),var(--surface-background));height:100vh;overflow:hidden;font-family:var(--font-family);padding:0 10px}.game-container>.title{font-size:clamp(1.5rem,4vw,3rem);margin-top:10px;color:var(--accent);text-shadow:2px 2px 4px rgba(0,0,0,.8)}.game-container>.start-btn{margin-top:20px;padding:12px 24px;font-size:clamp(.8rem,2vw,1.2rem);font-family:var(--font-family);background:linear-gradient(90deg,var(--accent),var(--accent-hover));color:var(--button-text);border:none;border-radius:var(--radius);cursor:pointer;transition:transform var(--transition-fast),background var(--transition-fast);box-shadow:var(--shadow)}.game-container>.start-btn:hover{background:linear-gradient(90deg,var(--accent-hover),var(--accent));transform:scale(1.05)}.game-container>.game-canvas{margin-top:20px;border:2px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);width:100%;max-width:800px;height:auto}.game-container>.score-panel{margin-top:20px;font-size:clamp(.8rem,2vw,1.2rem);color:var(--text);text-shadow:1px 1px 2px rgba(0,0,0,.8);display:flex;justify-content:space-between;width:100%;max-width:800px;padding:0 20px;box-sizing:border-box}.game-container>.score-panel p{margin:0}.regex-tools-container{background-color:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--text);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:1rem;height:100vh;transition:background-color .3s ease,color .3s ease;overflow-y:auto}.regex-tools-header{display:flex;justify-content:space-between;align-items:baseline;padding:0rem 1rem;width:100%;flex-direction:row;flex-wrap:nowrap}.title{font-size:1.5rem;font-weight:700;text-align:center;color:var(--text)}.subtitle{font-size:1rem;font-weight:400;color:var(--secondary);text-align:center;margin-bottom:1rem}.regex-tools-select{margin-bottom:2rem;max-width:250px;width:100%}.label{font-weight:600;display:block;margin-bottom:.5rem;color:var(--text-secondary)}.input-output-area{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:2rem;width:100%}.input-area,.output-area{flex:1 1 100%;display:flex;flex-direction:column;min-width:0}@media (min-width: 900px){.input-area,.output-area{flex:1 1 calc(33.33% - 1rem)}}.regex-input{margin-top:.5rem;width:100%}.regex-tools-container textarea,.regex-tools-container input[type=text]{width:100%;box-sizing:border-box;border-radius:var(--radius);border:1px solid var(--editor-border);background-color:var(--editor-bg);font-family:var(--font-family);color:var(--text);padding:.75rem;font-size:1rem;transition:border .2s ease}.regex-tools-container textarea{resize:vertical;min-height:160px}.regex-tools-container input[type=text]{height:auto;white-space:nowrap;overflow-x:auto}.regex-tools-container textarea:focus,.regex-tools-container input[type=text]:focus{border-color:var(--accent-color);outline:none}textarea[readonly]{background-color:var(--surface-alt)}.footer{margin-top:1rem;text-align:right}.highlighted{background-color:var(--surface-alt);border:1px solid var(--editor-border);padding:1rem;border-radius:var(--radius);color:var(--text);font-family:var(--font-family);min-height:15vh;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word;width:60vw;box-sizing:border-box}.highlight-section{width:100%;max-width:60vw;margin-top:1rem}.checkbox-area{margin:.75rem 0;display:flex;align-items:center;gap:.5rem}.react-select__control{background-color:var(--editor-bg);border-radius:var(--radius);border:1px solid var(--editor-border);width:100%}.react-select__single-value{color:var(--text)}.side-navbar{background-color:var(--surface);border-right:1px solid var(--border);width:20vw;max-width:280px;box-shadow:var(--shadow);display:flex;flex-direction:column;padding:0 12px;height:100vh;position:relative;z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease;font-family:var(--font-family);-webkit-user-select:none;user-select:none}.side-navbar.collapsed{transform:translate(-100%);position:absolute}@media (max-width: 768px){.side-navbar{position:fixed;top:0;left:0;width:240px;border-radius:0 12px 12px 0;box-shadow:var(--shadow-small);transform:translate(-100%)}.side-navbar.open{transform:translate(0)}}.sidebar-heading-logo{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 0;border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none;flex-direction:row;flex-wrap:wrap}.side-navbar-header{font-size:1.5rem;font-weight:700;color:var(--accent);display:flex;align-items:center;gap:.7rem;margin:0}.ifusionone-logo{height:38px;width:38px;border-radius:10px;object-fit:contain}.control-btns button{background:none;border:none;color:var(--text);cursor:pointer;padding:6px;border-radius:8px;transition:background-color .3s ease,transform .2s ease;display:flex;align-items:center;justify-content:center;font-size:1.3rem}.control-btns button:hover,.control-btns button:focus{background-color:var(--button-hover);outline:none;transform:scale(1.2)}.side-bar-link.home-link{font-size:1rem;font-weight:600;padding:.5rem .75rem;display:inline-flex;align-items:center;gap:.5rem;color:var(--text);text-decoration:none;border-radius:10px;margin-bottom:1rem;transition:background-color .3s ease,transform .2s ease}.side-bar-link.home-link:hover{background-color:var(--button-hover);transform:translate(5px)}.side-bar-link.home-link.active{background-color:var(--accent);color:#fff}.side-navbar-search{display:flex;align-items:center;padding:.5rem 1rem;background-color:var(--button-bg);border-radius:var(--radius);border:1px solid var(--border);margin:.5rem 0rem 1rem;transition:background-color .3s ease}.side-navbar-search:hover,.side-navbar-search:focus-within{background-color:var(--button-hover)}.side-navbar-search svg{flex-shrink:0;margin-right:8px;color:var(--secondary);font-size:1.25rem}.side-navbar-search input{border:none;background:transparent;color:var(--text);font-size:1rem;flex:1;outline-offset:2px;outline-color:var(--accent);font-weight:500;caret-color:var(--accent);font-family:inherit}.side-navbar-search input::placeholder{color:var(--secondary);font-weight:400}.sidebar-scrollable{flex-grow:1;overflow-y:auto;padding-right:8px;scrollbar-width:thin;scrollbar-color:var(--accent) transparent}.sidebar-scrollable::-webkit-scrollbar{width:6px}.sidebar-scrollable::-webkit-scrollbar-track{background:transparent}.sidebar-scrollable::-webkit-scrollbar-thumb{background-color:var(--accent);border-radius:10px}.sidebar-section{display:flex;flex-direction:column;gap:6px;margin-bottom:1.5rem}.sidebar-section-title{font-size:.8rem;font-weight:600;color:var(--secondary);text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px 4px;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:6px}.side-bar-link{display:flex;justify-content:space-between;align-items:center;padding:.6rem .75rem;border-radius:10px;color:var(--text);font-weight:500;font-size:1rem;transition:background-color .3s ease,transform .2s ease;cursor:pointer;-webkit-user-select:none;user-select:none;text-decoration:none}.side-bar-link:hover{background-color:var(--button-hover);transform:translate(5px);text-decoration:none}.side-bar-link.active{background-color:var(--accent);color:#fff;font-weight:600}.side-bar-link a{flex:1;color:inherit;text-decoration:none;display:flex;align-items:center;gap:10px}.sidebar-tool-icon{font-size:1.2rem;display:inline-flex;align-items:center;justify-content:center;color:var(--accent);-webkit-user-select:none;user-select:none}.favorite-icon{cursor:pointer;display:flex;align-items:center;padding-left:.4rem;transition:transform .15s ease;color:var(--accent);-webkit-user-select:none;user-select:none}.favorite-icon:hover,.favorite-icon:focus{transform:scale(1.2);outline:none}.no-results{color:var(--secondary);padding:.75rem 1rem;font-size:.9rem;font-style:italic;-webkit-user-select:none;user-select:none}.sidebar-footer{padding:1rem 0 3rem;border-top:1px solid var(--border)}.sidebar-settings-link{display:flex;align-items:center;gap:.7rem;padding:.65rem 1rem;border-radius:var(--radius);color:var(--text);font-weight:600;font-size:1rem;text-decoration:none;transition:background-color .3s ease,transform .2s ease}.sidebar-settings-link:hover,.sidebar-settings-link:focus{background-color:var(--button-hover);transform:translate(4px);outline:none}.sidebar-settings-link.active{background-color:var(--accent);color:#fff}.settings-icon{font-size:1.3rem;color:inherit;-webkit-user-select:none;user-select:none}.theme-toggle-btn{background:none;border:none;color:var(--text);cursor:pointer;font-size:1.4rem;padding:6px;border-radius:8px;transition:background-color .3s ease,transform .2s ease;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.theme-toggle-btn:hover,.theme-toggle-btn:focus{background-color:var(--button-hover);transform:scale(1.4);outline:none}.control-btns{display:flex;flex-direction:row;flex-wrap:wrap}.page-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start}.main-content{width:-webkit-fill-available}.main-content.full-width{width:100vw}.sidebar-expand-btn{position:absolute;z-index:2}.sidebar-expand-btn.hide{display:none}.tool-container{height:100vh;overflow:hidden;overflow-y:scroll}.react-select__control{background-color:var(--surface)!important;color:var(--text)!important;border:1px solid var(--border)!important;box-shadow:none!important;transition:border-color .3s ease,background-color .3s ease;min-height:38px!important}.react-select__control:hover{border-color:var(--accent)!important}.react-select__single-value{color:var(--text)!important;font-weight:500!important}.react-select__indicator{color:var(--secondary)!important;transition:color .3s ease!important}.react-select__indicator:hover{color:var(--accent)!important}.react-select__menu{background-color:var(--surface)!important;border:1px solid var(--border)!important;box-shadow:var(--shadow)!important;z-index:10!important;overflow:hidden!important}.react-select__menu-list{padding:0!important}.react-select__option{background-color:transparent!important;color:var(--text)!important;padding:10px 12px!important;transition:background-color .2s ease!important;cursor:pointer!important;font-size:.95rem!important}.react-select__option--is-focused{background-color:var(--button-hover)!important;color:var(--text)!important}.react-select__option--is-selected{background-color:var(--accent)!important;color:#fff!important}.react-select__placeholder{color:var(--secondary)!important}.parallax-container{position:relative;width:100%;overflow-y:scroll;scroll-snap-type:y mandatory;height:100vh;background-color:var(--bg);scroll-behavior:smooth}.stars-bg,.glow-bg{position:fixed;width:100%;height:100%;top:0;left:0;background-repeat:no-repeat;z-index:-10;transition:transform .3s ease}.story-section{position:relative;height:100vh;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;padding:4vw;opacity:0;transform:translateY(40px);animation:fadeInUp 1s ease forwards;animation-delay:.3s;flex-wrap:wrap;align-content:stretch}.story-image{height:auto;width:50vw;max-width:600px;border-radius:var(--radius);transition:transform .5s ease;margin-bottom:3vh}.story-text{font-size:clamp(1rem,2w,2.2rem);color:var(--text);text-align:center;max-width:70%;line-height:1.6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:color var(--transition-medium);padding-bottom:10%}.story-text:hover{color:var(--accent)}.story-image:hover{transform:scale(1.05);transition:transform var(--transition-medium)}.back-to-home-button{background:var(--bg);color:var(--text);padding:12px 24px;border-radius:12px;cursor:pointer;font-weight:700;box-shadow:0 4px 12px #0000004d;border:none;transition:all .3s ease}.back-to-home-button:hover{transform:scale(1.05);box-shadow:0 6px 16px #00000080}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width: 768px){.story-text{font-size:clamp(1.2rem,5vw,1.8rem);max-width:90%}.story-image{width:90%;max-width:90vw}}.home-container{min-height:100vh;background-color:var(--bg);color:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.tool-content{overflow:auto;height:100vh}.launch-wrapper{position:relative;display:inline-block}.astro-image{width:170px;max-width:50vw;margin-bottom:2rem;transition:transform .5s ease;z-index:10;position:relative}.astro-image.launching{animation:liftOff 2s ease forwards}@keyframes liftOff{0%{transform:translateY(0)}to{transform:translateY(-150vh);opacity:0}}.countdown-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:4rem;font-weight:700;color:var(--accent);z-index:20;animation:popIn .3s ease-in}@keyframes popIn{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.launch-fire{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);width:24px;height:120px;background:linear-gradient(to bottom,#ff6a00,#ff3300,transparent);border-radius:50%;opacity:.9;animation:firePulse .4s infinite;z-index:1}@keyframes firePulse{0%,to{transform:translate(-50%) scaleY(1);opacity:.8}50%{transform:translate(-50%) scaleY(1.4);opacity:.5}}.launch-smoke{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);width:60px;height:60px;background:radial-gradient(circle,#ccc 0%,transparent 70%);border-radius:50%;opacity:.5;animation:smokeDrift 2s infinite;z-index:0}.smoke2{width:70px;animation-delay:.4s}.smoke3{width:80px;animation-delay:.8s}@keyframes smokeDrift{0%{transform:translate(-50%) translateY(0) scale(1);opacity:.5}to{transform:translate(-50%) translateY(-40px) scale(1.5);opacity:0}}.home-title{font-size:2.8rem;font-weight:700;margin-top:1rem}.ifusionone-text{color:var(--accent)}.home-subtitle{font-size:1.25rem;color:var(--secondary);max-width:90%;margin-top:1rem;line-height:1.5}.home-note{margin-top:2.5rem;font-size:1rem;color:var(--secondary);max-width:90%;text-align:center;line-height:1.6}.github-button{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.5rem;background-color:var(--accent);color:#fff;padding:.7rem 1.4rem;border-radius:10px;text-decoration:none;font-weight:600;font-size:1rem;transition:background-color .2s ease;box-shadow:0 4px 14px #00000026}.github-button:hover{background-color:var(--accent-hover)}@media (max-width: 768px){.home-title{font-size:2rem}.home-subtitle,.home-note{font-size:1rem}.countdown-overlay{font-size:3rem}.astro-image{width:120px}}@media (max-width: 480px){.home-title{font-size:1.6rem}.countdown-overlay{font-size:2.5rem}.astro-image{width:100px}.github-button{font-size:.9rem;padding:.6rem 1rem}}.discord-button{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;background-color:var(--accent);color:#fff;padding:.7rem 1.4rem;border-radius:10px;text-decoration:none;font-weight:600;font-size:1rem;transition:background-color .25s ease,transform .2s ease;box-shadow:0 4px 14px #5865f24d}.discord-button:hover{background-color:var(--accent-hover);transform:scale(1.03)}.error-page{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background:var(--bg);color:#fff;text-align:center;padding:1rem}.error-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.8;background-image:radial-gradient(circle at 5% 10%,rgba(255,255,255,.8) 1px,transparent 1px),radial-gradient(circle at 10% 30%,rgba(255,255,255,.6) 1px,transparent 1px),radial-gradient(circle at 20% 70%,rgba(255,255,255,.8) 1px,transparent 1px),radial-gradient(circle at 25% 90%,rgba(255,255,255,1) 1px,transparent 1px),radial-gradient(circle at 35% 15%,rgba(255,255,255,.3) 1px,transparent 1px),radial-gradient(circle at 45% 50%,rgba(255,255,255,.2) 1px,transparent 1px),radial-gradient(circle at 55% 80%,rgba(255,255,255,1) 1px,transparent 1px),radial-gradient(circle at 65% 20%,rgba(255,255,255,.25) 1px,transparent 1px),radial-gradient(circle at 75% 40%,rgba(255,255,255,.35) 1px,transparent 1px),radial-gradient(circle at 85% 60%,rgba(255,255,255,.4) 1px,transparent 1px),radial-gradient(circle at 95% 85%,rgba(255,255,255,.45) 1px,transparent 1px);background-size:100% 100%;background-repeat:no-repeat;animation:driftStars 100s linear infinite}@keyframes driftStars{0%{transform:translate(0)}to{transform:translate(-10%,-10%)}}.error-image{position:relative;height:55vh;width:auto;animation:float 4s ease-in-out infinite;filter:drop-shadow(0px 5px 8px rgba(0,0,0,.2));z-index:1}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.stars-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;opacity:.6;animation:twinkle 4s infinite ease-in-out alternate}@keyframes twinkle{0%{opacity:.2}to{opacity:1}}.error-image,.error-title,.error-description,.error-button{position:relative;z-index:1}.error-title{color:var(--text);font-size:2.2rem;margin-top:1rem}.error-description{color:var(--text);font-size:1.1rem;margin:.5rem 0 1.5rem}.error-button{background-color:var(--button);color:var(--button-text);border:none;padding:.75rem 1.5rem;border-radius:12px;font-size:1rem;cursor:pointer;transition:all .3s ease}.error-button:hover{background-color:var(--button-hover);transform:scale(1.05)}.settings-container{max-width:600px;margin:40px auto;padding:24px;border:1px solid var(--border);border-radius:var(--radius);background-color:var(--surface);box-shadow:var(--shadow);transition:all .3s ease}.settings-container[data-theme=dark]{background-color:var(--surface-dark);border-color:var(--border-dark);box-shadow:var(--shadow-dark)}.setting-item{margin-bottom:20px}.setting-item label{display:flex;margin-bottom:6px;font-weight:700;font-size:16px;color:var(--text);gap:10px;align-items:center}.reset-button{background-color:var(--danger);color:#fff;cursor:pointer;padding:12px;border-radius:var(--radius);border:none;font-weight:700;transition:background-color .3s ease}.reset-button:hover{background-color:var(--danger)}.preview-area{margin-top:30px;padding:16px;border-top:1px solid var(--border);font-size:inherit;color:var(--text)}@font-face{font-family:JetBrains Mono;src:url(/assets/JetBrainsMono-Regular-Dh36KTnx.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Rubrik;src:url(/assets/Rubik-Regular-BCr64LpH.ttf) format("truetype");font-weight:400;font-style:normal}:root{--font-family: "JetBrains Mono", monospace;--bg: #f2f3f5;--surface: #ffffff;--surface-alt: #ebedef;--surface-background: #e3e5e8;--text: #2e3338;--text-secondary: #4f545c;--text-muted: #747f8d;--border: rgba(0, 0, 0, .1);--divider: #d4d7dc;--accent: #5865f2;--accent-hover: #4752c4;--success: #3ba55d;--warning: #faa61a;--danger: #ed4245;--button-bg: #e3e5e8;--button-hover: #dbdee1;--button-active: #d1d4d8;--button-text: #2e3338;--radius: 8px;--shadow: 0 10px 40px rgba(0, 0, 0, .05);--editor-bg: #f4f4f5;--editor-border: #dadde1;--transition-fast: .2s ease-in-out;--transition-medium: .3s ease;--transition-slow: .4s ease-in-out;color-scheme:light dark;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=dark]{--bg: #313338;--surface: #2b2d31;--surface-alt: #1e1f22;--surface-background: #2a2d31;--text: #f2f3f5;--text-secondary: #b5bac1;--text-muted: #8e9297;--border: rgba(255, 255, 255, .08);--divider: #4f545c;--accent: #5865f2;--accent-hover: #4752c4;--success: #3ba55d;--warning: #faa61a;--danger: #ed4245;--button-bg: #4e5058;--button-hover: #5b5d65;--button-active: #666870;--button-text: #ffffff;--shadow: 0 8px 24px rgba(0, 0, 0, .5);--editor-bg: #1e1f22;--editor-border: #2b2d31}html,body{margin:0;background-color:var(--bg);color:var(--text);font-family:var(--font-family);height:100vh;transition:background-color .3s ease,color .3s ease;overflow:hidden;cursor:url(/cursor.cur) 10 10,auto}button{font-family:inherit;font-size:16px;background-color:var(--button-bg);color:var(--text);border:1px solid var(--border);padding:10px 20px;border-radius:var(--radius);cursor:pointer;transition:background .2s ease,transform .2s ease;box-shadow:var(--shadow)}button:hover{background-color:var(--button-hover);transform:scale(1.03)}.container{padding:2rem;background-color:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);margin:2rem;max-width:1080px;margin-inline:auto;transition:background-color .3s ease}@media (max-width: 1200px){.container{padding:1.5rem;margin:1.5rem}button{font-size:14px;padding:8px 16px}}@media (max-width: 992px){.container{padding:1rem;margin:1rem}button{font-size:14px;padding:8px 16px}body{font-size:14px}}@media (max-width: 768px){.container{padding:.8rem;margin:.8rem}button{font-size:12px;padding:6px 12px}body{font-size:12px}}@media (max-width: 480px){.container{padding:.5rem;margin:.5rem}button{font-size:12px;padding:5px 10px}body{font-size:12px}h1{font-size:1.5rem}h2{font-size:1.25rem}textarea{width:100%;height:200px}}