:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;min-width:320px;min-height:100vh}#root{width:100%}:root{--bg-color: #0f172a;--text-color: #f8fafc;--font-size-px: 200px}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden}.editor-container{width:100%;height:100%;display:flex;flex-direction:column;position:relative;justify-content:center;align-items:center;background-color:var(--bg-color);color:var(--text-color);transition:background-color .5s ease,color .5s ease;font-family:Inter,-apple-system,sans-serif}.controls{position:absolute;top:1.5rem;right:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem;z-index:1000;padding:1rem 1.25rem;background:#ffffff0d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;transition:opacity .5s ease-in-out,transform .3s ease;opacity:0;pointer-events:none}.controls.visible,.controls:hover,.controls:focus-within{opacity:1;pointer-events:all}.controls-group{display:flex;gap:1.5rem}.controls-info{font-size:.55rem;text-transform:uppercase;letter-spacing:.08em;opacity:.4;white-space:nowrap}.controls:hover{background:#ffffff14}.control-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.control-item label{font-size:.65rem;font-weight:800;text-transform:uppercase;color:inherit;letter-spacing:.15em;opacity:.6}.fullscreen-btn{width:2rem;height:2rem;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.45rem;transition:all .2s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.fullscreen-btn:hover{background:#ffffff26;transform:scale(1.05);border-color:#fff6}.fullscreen-btn:active{transform:scale(.95)}.fullscreen-btn svg{width:100%;height:100%;opacity:.8}.control-item input[type=color]{width:2rem;height:2rem;border:none;background:none;cursor:pointer;padding:0;appearance:none}.control-item input[type=color]::-webkit-color-swatch-wrapper{padding:0}.control-item input[type=color]::-webkit-color-swatch{border:2px solid rgba(255,255,255,.8);border-radius:50%}.text-editor{width:100%;outline:none;font-weight:900;text-align:center;white-space:pre;padding:2rem 5vw;box-sizing:border-box;font-size:var(--font-size-px);line-height:1.1;color:inherit;cursor:text;word-break:break-word}[contenteditable]:empty:before{content:"TYPE";opacity:.1}.measure-wrapper{position:absolute;top:0;left:0;width:100%;visibility:hidden;pointer-events:none;z-index:-1;display:flex;justify-content:center}.measure-content{display:inline-block;white-space:pre;font-weight:900;line-height:1.1}