:root{--color-bg-dark: #1e1e1e;--color-bg-light: #252526;--color-text-light: #cccccc;--color-accent: #007acc;--font-size-list: 16px;--font-size-preview: 72px}*{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:AbrilFatface;src:url(/assets/AbrilFatface-CF4J23BR.ttf)}@font-face{font-family:Alegreya;src:url(/assets/Alegreya-C1amFdyw.ttf)}@font-face{font-family:AmaticSC;src:url(/assets/AmaticSC-CCetldNi.ttf)}@font-face{font-family:ArchitectsDaughter;src:url(/assets/ArchitectsDaughter-f-p1hF9e.ttf)}@font-face{font-family:Arvo;src:url(/assets/Arvo-iMVsCo-j.ttf)}@font-face{font-family:BebasNeue;src:url(/assets/BebasNeue-D2CONTwO.ttf)}@font-face{font-family:Bitter;src:url(/assets/Bitter-C8OnAMQ_.ttf)}@font-face{font-family:Chivo;src:url(/assets/Chivo-D5h5Jt7P.ttf)}@font-face{font-family:Comfortaa;src:url(/assets/Comfortaa-Bj6cidef.ttf)}@font-face{font-family:CormorantGaramond;src:url(/assets/CormorantGaramond-BtKDB5pG.ttf)}@font-face{font-family:CourierPrime;src:url(/assets/CourierPrime-BpSU6fVE.ttf)}@font-face{font-family:CrimsonText;src:url(/assets/CrimsonText-CBz2dAI_.ttf)}@font-face{font-family:DancingScript;src:url(/assets/DancingScript-BfvM1EuJ.ttf)}@font-face{font-family:Exo2;src:url(/assets/Exo2-CwTB1P_j.ttf)}@font-face{font-family:FiraCode;src:url(/assets/FiraCode-DaUYHfpJ.ttf)}@font-face{font-family:Hind;src:url(/assets/Hind-BdU3Z_FQ.ttf)}@font-face{font-family:IBMPlexMono;src:url(/assets/IBMPlexMono-BF3vfe7_.ttf)}@font-face{font-family:Inconsolata;src:url(/assets/Inconsolata_Condensed-BpQoPCeh.ttf)}@font-face{font-family:IndieFlower;src:url(/assets/IndieFlower-BeflUZG4.ttf)}@font-face{font-family:Inter;src:url(/assets/Inter-BpskOkD5.ttf)}@font-face{font-family:JetBrainsMono;src:url(/assets/JetBrainsMono-8W0DXcRc.ttf)}@font-face{font-family:Karla;src:url(/assets/Karla-BjGUn7X_.ttf)}@font-face{font-family:Lato;src:url(/assets/Lato-BwLIet1C.ttf)}@font-face{font-family:LibreBaskerville;src:url(/assets/LibreBaskerville-IqrMKr3N.ttf)}@font-face{font-family:Lobster;src:url(/assets/Lobster-B8J5ApJ6.ttf)}@font-face{font-family:Lora;src:url(/assets/Lora-Regular-D3dYsrbM.ttf)}@font-face{font-family:MajorMonoDisplay;src:url(/assets/MajorMonoDisplay-CgyYBGCP.ttf)}@font-face{font-family:Merriweather;src:url(/assets/Merriweather-B2rdVJyU.ttf)}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-BdMzRefO.ttf)}@font-face{font-family:NotoSans;src:url(/assets/NotoSans_Condensed-B7qOLmQB.ttf)}@font-face{font-family:Nunito;src:url(/assets/Nunito-BaWrjX0c.ttf)}@font-face{font-family:OpenSans;src:url(/assets/OpenSans-BYL697sd.ttf)}@font-face{font-family:Oswald;src:url(/assets/Oswald-Cyp0OCha.ttf)}@font-face{font-family:Pacifico;src:url(/assets/Pacifico-DqRvctb9.ttf)}@font-face{font-family:PermanentMarker;src:url(/assets/PermanentMarker-ClowKQab.ttf)}@font-face{font-family:PlayfairDisplay;src:url(/assets/Playfair-DqpQovs2.ttf)}@font-face{font-family:Poppins;src:url(/assets/Poppins-CTKNfV9P.ttf)}@font-face{font-family:PressStart2P;src:url(/assets/PressStart2P-DogiNJoF.ttf)}@font-face{font-family:PTSerif;src:url(/assets/PTSerif-DPh-w9Z0.ttf)}@font-face{font-family:Quicksand;src:url(/assets/Quicksand-5EWdH64c.ttf)}@font-face{font-family:Rajdhani;src:url(/assets/Rajdhani-Dom0fR4-.ttf)}@font-face{font-family:Raleway;src:url(/assets/Raleway-BViwVpSC.ttf)}@font-face{font-family:Recursive;src:url(/assets/Recursive_Casual-CN6tBGiz.ttf)}@font-face{font-family:RedHatDisplay;src:url(/assets/RedHatDisplay-DPTDtGHJ.ttf)}@font-face{font-family:Roboto;src:url(/assets/Roboto-CN_pkOMA.ttf)}@font-face{font-family:Rokkitt;src:url(/assets/Rokkitt-BegspDUf.ttf)}@font-face{font-family:Rubik;src:url(/assets/Rubik-CVPqojHn.ttf)}@font-face{font-family:Sacramento;src:url(/assets/Sacramento-j1WQUtzH.ttf)}@font-face{font-family:ShadowsIntoLight;src:url(/assets/ShadowsIntoLight-qW6OUZRz.ttf)}@font-face{font-family:Slabo;src:url(/assets/Slabo-BOUO5aYG.ttf)}@font-face{font-family:SourceSansPro;src:url(/assets/SourceCodePro-BegSm-n8.ttf)}@font-face{font-family:SpaceMono;src:url(/assets/SpaceMono-Ba0nOT4a.ttf)}@font-face{font-family:SyneMono;src:url(/assets/SyneMono-CyTnG9MR.ttf)}@font-face{font-family:Tangerine;src:url(/assets/Tangerine-Ky9S8qIe.ttf)}@font-face{font-family:Teko;src:url(/assets/Teko-BDk4ab2U.ttf)}@font-face{font-family:Ubuntu;src:url(/assets/Ubuntu-bmdV8fUx.ttf)}@font-face{font-family:Vollkorn;src:url(/assets/Vollkorn-CsRfpUoo.ttf)}@font-face{font-family:VT323;src:url(/assets/VT323-BZsogN36.ttf)}@font-face{font-family:WorkSans;src:url(/assets/WorkSans-YUu9NsMl.ttf)}@font-face{font-family:Zeyada;src:url(/assets/Zeyada-Bfu2LJ1R.ttf)}body{font-family:sans-serif;background-color:var(--color-bg-dark);color:var(--color-text-light);display:flex;flex-direction:column;min-height:100vh}header{padding:15px 30px;border-bottom:1px solid var(--color-bg-light);background-color:#0d0d0d}h1{font-size:1.5rem}main{display:flex;flex:1}.sidebar{width:280px;padding:20px 10px;background-color:var(--color-bg-light);border-right:1px solid var(--color-bg-dark);overflow-y:auto;height:calc(100vh - 58px)}.sidebar h2{font-size:1.1rem;margin-bottom:10px;padding:0 10px;color:var(--color-accent)}.font-browser{list-style:none;padding:0;margin-bottom:20px}.font-browser li{font-size:var(--font-size-list);padding:5px 10px;cursor:pointer;transition:background-color .2s,color .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.font-browser li:hover{background-color:#ffffff1a}.font-browser li.active{background-color:var(--color-accent);color:#fff;font-weight:700}.preview-area{flex:1;padding:30px;overflow-y:auto}#current-font-name{font-size:1.8rem;margin-bottom:20px;border-bottom:1px solid var(--color-bg-light);padding-bottom:10px}.editable-text{font-size:var(--font-size-preview);line-height:1.2;padding:20px 0;outline:none;cursor:text;white-space:pre-wrap;min-height:200px}.editable-text:empty:before{content:attr(data-placeholder);color:#555;font-style:italic;pointer-events:none}