/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-outline-style:solid;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.container{width:100%}.mx-auto{margin-inline:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.table{display:table}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-1\/3{width:33.3333%}.w-full{width:100%}.flex-1{flex:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}:where(.-space-y-px>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(-1px*var(--tw-space-y-reverse));margin-block-end:calc(-1px*calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.rounded-none{border-radius:0}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-none{--tw-border-style:none;border-style:none}.border-\[\#D9C4B0\]{border-color:#d9c4b0}.border-transparent{border-color:#0000}.bg-\[\#BBDCE5\]{background-color:#bbdce5}.bg-\[\#D9C4B0\]{background-color:#d9c4b0}.bg-\[\#ECEEDF\]{background-color:#eceedf}.bg-transparent{background-color:#0000}.text-center{text-align:center}.align-middle{vertical-align:middle}.text-\[\#CFAB8D\]{color:#cfab8d}.text-\[\#ECEEDF\]{color:#eceedf}.italic{font-style:italic}.opacity-70{opacity:.7}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:bg-\[\#D9C4B0\]:hover{background-color:#d9c4b0}}.focus\:z-10:focus{z-index:10}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:opacity-50:disabled{opacity:.5}:root{--retro-segment-color:#1a1a1a;--retro-segment-shadow:#00000026}html,body{width:100vw;height:100vh;margin:0;padding:0;font-family:Ubuntu,sans-serif;overflow:hidden}.retro-digital{max-width:100%;font-family:monospace;font-weight:700;display:inline-block;overflow:hidden}.retro-digital img{vertical-align:middle;flex-shrink:0;display:inline-block}.retro-digit{width:.9em;height:1.6em;margin:0 .08em;font-weight:900;display:inline-block;position:relative}.segment{background:var(--retro-segment-color);box-shadow:2px 2px 4px var(--retro-segment-shadow);border-radius:1px;position:absolute}.segment-a{width:.65em;height:.12em;top:.1em;left:.125em}.segment-b{width:.12em;height:.6em;top:.15em;right:.125em}.segment-c{width:.12em;height:.6em;bottom:.15em;right:.125em}.segment-d{width:.65em;height:.12em;bottom:.1em;left:.125em}.segment-e{width:.12em;height:.6em;bottom:.15em;left:.125em}.segment-f{width:.12em;height:.6em;top:.15em;left:.125em}.segment-g{width:.65em;height:.12em;top:.75em;left:.125em}.segment-char{width:.6em;height:.12em;top:.4em;left:.15em}.retro-digit[data-char="."] .segment-char{border-radius:50%;width:.15em;height:.15em;top:1.3em;left:.375em}.segment{display:none}.retro-digit[data-char] .segment-char,.retro-digit[data-digit="0"] .segment-a,.retro-digit[data-digit="0"] .segment-b,.retro-digit[data-digit="0"] .segment-c,.retro-digit[data-digit="0"] .segment-d,.retro-digit[data-digit="0"] .segment-e,.retro-digit[data-digit="0"] .segment-f,.retro-digit[data-digit="1"] .segment-b,.retro-digit[data-digit="1"] .segment-c,.retro-digit[data-digit="2"] .segment-a,.retro-digit[data-digit="2"] .segment-b,.retro-digit[data-digit="2"] .segment-d,.retro-digit[data-digit="2"] .segment-e,.retro-digit[data-digit="2"] .segment-g,.retro-digit[data-digit="3"] .segment-a,.retro-digit[data-digit="3"] .segment-b,.retro-digit[data-digit="3"] .segment-c,.retro-digit[data-digit="3"] .segment-d,.retro-digit[data-digit="3"] .segment-g,.retro-digit[data-digit="4"] .segment-b,.retro-digit[data-digit="4"] .segment-c,.retro-digit[data-digit="4"] .segment-f,.retro-digit[data-digit="4"] .segment-g,.retro-digit[data-digit="5"] .segment-a,.retro-digit[data-digit="5"] .segment-c,.retro-digit[data-digit="5"] .segment-d,.retro-digit[data-digit="5"] .segment-f,.retro-digit[data-digit="5"] .segment-g,.retro-digit[data-digit="6"] .segment-a,.retro-digit[data-digit="6"] .segment-c,.retro-digit[data-digit="6"] .segment-d,.retro-digit[data-digit="6"] .segment-e,.retro-digit[data-digit="6"] .segment-f,.retro-digit[data-digit="6"] .segment-g,.retro-digit[data-digit="7"] .segment-a,.retro-digit[data-digit="7"] .segment-b,.retro-digit[data-digit="7"] .segment-c,.retro-digit[data-digit="8"] .segment-a,.retro-digit[data-digit="8"] .segment-b,.retro-digit[data-digit="8"] .segment-c,.retro-digit[data-digit="8"] .segment-d,.retro-digit[data-digit="8"] .segment-e,.retro-digit[data-digit="8"] .segment-f,.retro-digit[data-digit="8"] .segment-g,.retro-digit[data-digit="9"] .segment-a,.retro-digit[data-digit="9"] .segment-b,.retro-digit[data-digit="9"] .segment-c,.retro-digit[data-digit="9"] .segment-d,.retro-digit[data-digit="9"] .segment-f,.retro-digit[data-digit="9"] .segment-g{display:block}.paper-background{background-image:url(/crumpled-paper-bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.main-panel{-webkit-backdrop-filter:blur(15px);background:#f0f0f01a;border-radius:20px;width:300px;height:200px;position:relative;overflow:hidden;box-shadow:20px 20px 60px #00000026,-20px -20px 60px #fff3}.main-panel:before{content:"";pointer-events:none;background:linear-gradient(145deg,#ffffff1a,#ffffff0d,#00000005);border-radius:20px;position:absolute;inset:0}.main-panel:after{content:"";pointer-events:none;background:radial-gradient(circle at 20% 80%,#ffffff1a,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff14,#0000 50%);border-radius:20px;position:absolute;inset:0}.control-button{-webkit-backdrop-filter:blur(8px);aspect-ratio:1;background:#f0f0f066;border:none;border-radius:50%;outline:none;transition:all .2s;box-shadow:6px 6px 12px #0003,-6px -6px 12px #ffffff4d}.control-button:active{box-shadow:inset 6px 6px 12px #0003,inset -6px -6px 12px #ffffff4d}.control-button:focus{outline:none;box-shadow:6px 6px 12px #0003,-6px -6px 12px #ffffff4d}.parallax-container{perspective:1000px;transform-style:preserve-3d;will-change:transform;overflow:hidden}.smooth-transition{transition:all .3s cubic-bezier(.4,0,.2,1)}.play-icon{border-top:9px solid #0000;border-bottom:9px solid #0000;border-left:12px solid #374151;width:0;height:0;margin-left:3px}.pause-icon{background:linear-gradient(90deg,#0000 0% 4px,#374151 4px 8px,#0000 8px 12px,#374151 12px 16px,#0000 16px) 50%/20px 20px;width:20px;height:20px}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}[contenteditable=true]{word-wrap:break-word!important;overflow-wrap:break-word!important;white-space:pre-wrap!important;background:0 0!important;border:none!important;outline:none!important;font-family:inherit!important}.style-toggle-container{z-index:1000;position:fixed;top:20px;right:20px}.style-toggle-button{-webkit-backdrop-filter:blur(10px);cursor:pointer;color:#374151;background:#f0f0f0cc;border:none;border-radius:15px;justify-content:center;align-items:center;gap:8px;min-width:140px;padding:12px 20px;font-family:Ubuntu,sans-serif;font-weight:600;transition:all .3s;display:flex;box-shadow:8px 8px 16px #00000026,-8px -8px 16px #fff9}.new-canvas-btn{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;min-width:unset!important;padding:8px!important}.style-toggle-button:hover{transform:translateY(-2px);box-shadow:10px 10px 20px #0003,-10px -10px 20px #fffc}.style-toggle-button:active{transform:translateY(0);box-shadow:inset 6px 6px 12px #00000026,inset -6px -6px 12px #fff9}.toggle-icon{font-size:16px;line-height:1}.toggle-text{letter-spacing:.5px;text-transform:uppercase;font-size:12px}.panel-wrapper{cursor:grab;position:absolute}.panel-wrapper:active{cursor:grabbing}.main-panel .edge-button{color:#374151;background:#f0f0f0cc;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-weight:700;line-height:1;display:none;position:absolute;box-shadow:0 2px 6px #0003}.main-panel:hover .edge-button{display:flex}.edge-top{top:-20px;left:50%;transform:translate(-50%)}.global-plus{-webkit-backdrop-filter:blur(8px);color:#222;z-index:100;will-change:transform,opacity;cursor:pointer;opacity:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#dcdcdc;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:18px;font-weight:900;line-height:1;transition:transform .3s,box-shadow .3s,opacity .3s;animation:.3s ease-in-out fadeIn;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:3px 3px 6px #0006,-3px -3px 6px #fff9,0 0 0 2px #ffffffe6,0 0 6px #0000004d}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.8)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.global-plus.visible{opacity:1}.global-plus:hover{opacity:1;transform:translate(-50%,-50%)scale(1.15);box-shadow:6px 6px 12px #00000080,-6px -6px 12px #ffffffb3,0 0 0 3px #fff,0 0 15px #0009}.preview-panel{opacity:.6;transition:opacity .3s;animation:.3s ease-in-out fadePreview}@keyframes fadePreview{0%{opacity:0;transform:scale(.95)}to{opacity:.6;transform:scale(1)}}.edge-bottom{bottom:-20px;left:50%;transform:translate(-50%)}.edge-left{top:50%;left:-20px;transform:translateY(-50%)}.edge-right{top:50%;right:-20px;transform:translateY(-50%)}.panel-delete-btn{color:#fff;cursor:pointer;z-index:100;opacity:.8;background:#dc3232cc;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;transition:all .2s;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 2px 4px #0003}.panel-delete-btn:hover{opacity:1;background:#dc3232;transform:scale(1.1)}.history-controls{z-index:1000;gap:10px;display:flex;position:fixed;bottom:20px;right:20px}.history-button{-webkit-backdrop-filter:blur(8px);color:#374151;cursor:pointer;background:#f0f0f0cc;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;transition:all .2s;display:flex;box-shadow:4px 4px 8px #0003,-4px -4px 8px #ffffff80}.history-button:hover:not(.disabled){transform:translateY(-2px);box-shadow:6px 6px 12px #00000040,-6px -6px 12px #fff9}.history-button:active:not(.disabled){transform:translateY(0);box-shadow:inset 4px 4px 8px #0003,inset -4px -4px 8px #ffffff80}.history-button.disabled{opacity:.5;cursor:not-allowed;box-shadow:2px 2px 4px #0000001a,-2px -2px 4px #ffffff4d}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}