:root{--color-primary:#deb887;--color-secondary:peru;--color-accent:#d2691e;--color-dark:#8b4513;--color-darker:#654321;--color-darkest:#3e2723;--color-text:#2f1b14;--color-text-light:wheat;--color-background:wheat;--color-background-light:#fff8dc;--color-border:sienna;--color-border-light:#d2691e;--color-shadow:#0000004d;--color-shadow-dark:#00000080;--color-shadow-light:#ffe4b599;--color-shadow-inset:#3e27234d;--color-shadow-inset-dark:#3e2723cc;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:20px;--spacing-xl:24px;--spacing-xxl:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:15px;--shadow-light:2px 2px 4px var(--color-shadow);--shadow-medium:4px 4px 10px var(--color-shadow);--shadow-heavy:6px 6px 15px var(--color-shadow-dark);--shadow-extra-heavy:8px 8px 20px var(--color-shadow-dark);--shadow-inset:inset 4px 4px 10px var(--color-shadow-inset);--shadow-inset-light:inset 2px 2px 6px var(--color-shadow-inset);--shadow-button:inset 1px 1px 3px var(--color-shadow-light), 2px 2px 6px var(--color-shadow);--font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;--font-size-sm:12px;--font-size-md:14px;--font-size-lg:16px;--border-ridge:3px ridge;--border-inset:3px inset;--border-outset:3px outset}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button:focus-visible,a:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #1f4e79}.option:has(.option__input:focus-visible){outline-offset:3px;outline:3px solid #1f4e79}body{font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(ellipse at center, var(--color-dark) 0%, var(--color-darker) 50%, var(--color-darkest) 100%), repeating-linear-gradient(90deg, transparent, transparent 2px, #8b45131a 2px, #8b45131a 4px);background-attachment:fixed;margin:0}.main{background:linear-gradient(145deg, var(--color-accent), var(--color-border)), repeating-linear-gradient(0deg, transparent, transparent 3px, #6543214d 3px, #6543214d 6px);border-radius:var(--radius-xl);max-width:1300px;box-shadow:inset 2px 2px 8px var(--color-shadow-light), inset -3px -3px 8px var(--color-shadow-inset-dark), var(--shadow-extra-heavy);margin:0 auto;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg);border:var(--border-ridge) var(--color-dark)}.title{font-size:var(--font-size-sm);color:var(--color-text);background:linear-gradient(145deg, var(--color-primary), var(--color-secondary)), repeating-linear-gradient(45deg, transparent, transparent 2px, #8b451333 2px, #8b451333 4px);padding:0 var(--spacing-xs);border-radius:var(--radius-md) var(--radius-md) 0 0;border:var(--border-ridge) var(--color-border);border-bottom:none;font-weight:700;display:inline-block;position:absolute;top:-17px;left:36px}.outer-container{margin:var(--spacing-lg);gap:var(--spacing-lg);flex-direction:row;display:flex}@media only screen and (width<=768px){.outer-container{flex-direction:column;display:flex}}.inner-container{gap:var(--spacing-xl);flex-direction:column;width:100%;display:flex;position:relative}.wrapper{border-radius:var(--radius-lg);background:linear-gradient(145deg, var(--color-secondary), var(--color-border)), repeating-linear-gradient(90deg, transparent, transparent 4px, #8b45134d 4px, #8b45134d 8px);border:4px ridge var(--color-dark);box-shadow:var(--shadow-extra-heavy), inset 2px 2px 6px var(--color-shadow-light);flex-direction:row;padding:0;display:flex;overflow:hidden}.wrapper__left{background:linear-gradient(145deg,wheat,#deb887),repeating-linear-gradient(0deg,#0000,#0000 2px,#a0522d1a 2px 4px);border:3px inset #d2691e;border-radius:8px;flex:9;margin:4px;display:flex}.wrapper__right{box-sizing:border-box;background:linear-gradient(145deg,#d2691e,sienna),repeating-linear-gradient(45deg,#0000,#0000 3px,#8b451333 3px 6px);border:3px inset peru;border-radius:8px;flex-direction:column;flex:1 0;align-items:center;gap:2px;width:60px;max-width:60px;margin:4px;padding:2px;display:flex;box-shadow:inset 2px 2px 6px #3e27234d}.wrapper__textarea{border:var(--border-inset) var(--color-border-light);resize:none;background:linear-gradient(145deg, var(--color-background-light), var(--color-background)), repeating-linear-gradient(90deg, transparent, transparent 1px, #a0522d0d 1px, #a0522d0d 2px);border-radius:var(--radius-sm);width:100%;height:250px;font-size:var(--font-size-md);color:var(--color-text);box-shadow:var(--shadow-inset);outline:0;margin:10px;padding:15px}.wrapper__close-button{cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(145deg,#deb887,peru),repeating-linear-gradient(45deg,#0000,#0000 2px,#8b451333 2px 4px);border:3px ridge sienna;border-radius:6px;flex:1;justify-content:center;align-items:center;width:100%;height:100%;padding:0;font-size:40px;line-height:20px;transition:all .1s;display:flex;box-shadow:inset 1px 1px 3px #ffe4b599,2px 2px 6px #0006}.wrapper__close-button:hover{background:linear-gradient(145deg,khaki,#daa520),repeating-linear-gradient(45deg,#0000,#0000 2px,#8b45134d 2px 4px);transform:translateY(1px)}.wrapper__close-button:active{border:3px inset sienna;transform:translateY(2px);box-shadow:inset 3px 3px 8px #3e272380}.wrapper__close-button .button__icon{opacity:.8;filter:sepia()saturate(200%)hue-rotate(15deg)brightness(.7)drop-shadow(1px 1px 2px #00000080);width:20px}.wrapper__paste-button{cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(145deg,#20b2aa,#008b8b),repeating-linear-gradient(45deg,#0000,#0000 2px,#008b8b4d 2px 4px);border:3px ridge #48d1cc;border-radius:6px;flex:1;justify-content:center;align-items:center;width:100%;height:100%;font-size:40px;line-height:20px;transition:all .1s;display:flex;box-shadow:inset 1px 1px 3px #afeeee66,2px 2px 6px #0006}.wrapper__paste-button:hover{background:linear-gradient(145deg,#008b8b,#20b2aa),repeating-linear-gradient(45deg,#0000,#0000 2px,#008b8b66 2px 4px);transform:translateY(1px)}.wrapper__paste-button:active{border:3px inset #48d1cc;transform:translateY(2px);box-shadow:inset 3px 3px 8px #008b8b99}.wrapper__paste-button .button__icon{width:28px}.wrapper__transfer-button{cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(145deg,#b8860b,#8b6914),repeating-linear-gradient(45deg,#0000,#0000 2px,#8b69144d 2px 4px);border:3px ridge #daa520;border-radius:6px;flex:1;justify-content:center;align-items:center;width:100%;height:100%;font-size:40px;line-height:20px;transition:all .1s;display:flex;box-shadow:inset 1px 1px 3px #ffd70066,2px 2px 6px #0006}.wrapper__transfer-button:hover{background:linear-gradient(145deg,#daa520,#b8860b),repeating-linear-gradient(45deg,#0000,#0000 2px,#8b691466 2px 4px);transform:translateY(1px)}.wrapper__transfer-button:active{border:3px inset #daa520;transform:translateY(2px);box-shadow:inset 3px 3px 8px #8b691499}.wrapper__transfer-button .button__icon{opacity:.9;filter:sepia()saturate(150%)hue-rotate(30deg)brightness(.9)drop-shadow(1px 1px 2px #00000080);width:20px}.wrapper__copy-button{cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(145deg,#228b22,#006400),repeating-linear-gradient(45deg,#0000,#0000 2px,#00640033 2px 4px);border:3px ridge #32cd32;border-radius:6px;flex:1;justify-content:center;align-items:center;width:100%;height:100%;padding:0;font-size:40px;line-height:20px;transition:all .1s;display:flex;box-shadow:inset 1px 1px 3px #90ee9066,2px 2px 6px #0006}.wrapper__copy-button:hover{background:linear-gradient(145deg,#32cd32,#228b22),repeating-linear-gradient(45deg,#0000,#0000 2px,#0064004d 2px 4px);transform:translateY(1px)}.wrapper__copy-button:active{border:3px inset #32cd32;transform:translateY(2px);box-shadow:inset 3px 3px 8px #00640080}.wrapper__copy-button .button__icon{width:28px}.gray-bg{background:linear-gradient(145deg,#d3d3d3,#a9a9a9),repeating-linear-gradient(0deg,#0000,#0000 2px,#69696933 2px 4px);border:3px inset #b8860b}.react-tooltip-lite{color:wheat;text-shadow:1px 1px 2px #000c;background:linear-gradient(145deg,#8b4513,#654321),repeating-linear-gradient(45deg,#0000,#0000 1px,#8b45134d 1px 2px);border:2px ridge sienna;border-radius:6px;font-size:12px;box-shadow:4px 4px 10px #0009}.react-tooltip-lite-arrow{border-color:#8b4513}.info__button{color:var(--color-text-light);font-size:var(--font-size-sm);text-align:center;width:18px;height:18px;margin:1px var(--spacing-xs);cursor:pointer;text-shadow:1px 1px 2px #000c;box-shadow:inset 1px 1px 2px #ffd7004d, var(--shadow-light);background:linear-gradient(145deg,#b8860b,#8b6914),repeating-linear-gradient(45deg,#0000,#0000 1px,#8b69144d 1px 2px);border:2px ridge #daa520;border-radius:50%;padding:0;font-weight:700;transition:all .1s;display:inline-block}.info__button:hover{background:linear-gradient(145deg,#daa520,#b8860b),repeating-linear-gradient(45deg,#0000,#0000 1px,#8b691466 1px 2px);transform:translateY(1px)}.info__button:active{border:2px inset #daa520;transform:translateY(2px)}.info__template{background:linear-gradient(145deg, var(--color-dark), var(--color-darker)), repeating-linear-gradient(90deg, transparent, transparent 3px, #8b45134d 3px, #8b45134d 6px);border-radius:var(--radius-md);border:var(--border-ridge) var(--color-border);box-shadow:var(--shadow-heavy);flex-direction:row;padding:15px;display:flex}.info__template-text{color:var(--color-text-light);white-space:pre-wrap;text-shadow:1px 1px 2px #000c}.info__template-left{flex:1;align-items:center;display:flex}.info__template-middle{margin:0 var(--spacing-lg);align-items:center;display:flex}.info__template-icon{width:var(--spacing-xl);filter:sepia()saturate(200%)hue-rotate(15deg)brightness(1.2)drop-shadow(2px 2px 4px #0009)}.info__template-right{align-items:center;display:flex}.options{margin:var(--spacing-lg);background:linear-gradient(145deg, var(--color-primary), var(--color-secondary)), repeating-linear-gradient(0deg, transparent, transparent 4px, #8b451333 4px, #8b451333 8px);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:4px inset var(--color-accent);box-shadow:var(--shadow-inset);flex-flow:wrap;display:flex}.option{padding:var(--spacing-md);margin:var(--spacing-sm);border-radius:var(--radius-md);background:linear-gradient(145deg, var(--color-background), var(--color-primary)), repeating-linear-gradient(45deg, transparent, transparent 2px, #a0522d1a 2px, #a0522d1a 4px);border:var(--border-ridge) var(--color-border-light);box-shadow:var(--shadow-medium), inset 1px 1px 3px var(--color-shadow-light);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--color-text);text-shadow:1px 1px 2px var(--color-shadow-light);align-items:center;transition:all .1s;display:flex}.option:hover:not(.option--selected){background:linear-gradient(145deg, var(--color-background-light), var(--color-background)), repeating-linear-gradient(45deg, transparent, transparent 2px, #a0522d26 2px, #a0522d26 4px);transform:translateY(1px)}.option:active:not(.option--selected){border:var(--border-inset) var(--color-border-light);box-shadow:var(--shadow-inset);transform:translateY(2px)}.option__input{opacity:0;width:1px;height:1px;position:absolute}.option__info{margin-right:var(--spacing-sm)}.option__label{flex:1}.option--selected{border:var(--border-inset) #c90;box-shadow:var(--shadow-inset);color:var(--color-dark);text-shadow:1px 1px 2px var(--color-background-light);background:linear-gradient(145deg,#e6cfa5,#e6b800);transform:translateY(2px)}.github{text-align:center;background:linear-gradient(145deg, var(--color-primary), var(--color-secondary)), repeating-linear-gradient(45deg, transparent, transparent 3px, #8b451333 3px, #8b451333 6px);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:4px ridge var(--color-border);margin:var(--spacing-lg);box-shadow:var(--shadow-heavy)}.github__icon{opacity:.7;filter:sepia()saturate(200%)hue-rotate(15deg)brightness(.8)drop-shadow(3px 3px 6px #00000080);transition-duration:.3s}.github__icon:hover{opacity:1;filter:sepia()saturate(200%)hue-rotate(15deg)brightness()drop-shadow(3px 3px 6px #0009);transform:scale(1.05)}.notification{color:var(--color-text-light);border-radius:var(--radius-md);border:var(--border-ridge) #32cd32;box-shadow:var(--shadow-heavy), inset 1px 1px 3px #90ee9066;font-family:var(--font-family);font-weight:700;font-size:var(--font-size-md);text-shadow:1px 1px 2px #000c;z-index:10000;-webkit-user-select:none;user-select:none;background:linear-gradient(145deg,#228b22,#006400),repeating-linear-gradient(45deg,#0000,#0000 2px,#00640033 2px 4px);padding:15px 25px;animation:.5s ease-out slideInBounce,.5s ease-in 1.5s forwards fadeOut;position:fixed;top:30px;right:30px}@keyframes slideInBounce{0%{opacity:0;transform:translate(100%)scale(.8)}60%{opacity:1;transform:translate(-10px)scale(1.05)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.button__tooltip{color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-sm);z-index:9999;pointer-events:none;box-shadow:var(--shadow-medium);white-space:nowrap;text-shadow:1px 1px 2px #000c;background:linear-gradient(145deg,#333,#222);border:1px outset #444}.tooltip{color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-sm);z-index:9999;pointer-events:none;white-space:nowrap;background:#222;box-shadow:0 2px 8px #00000026}