h1,h2{display:block}.control,.layout,body{display:flex}.main-content,.sidebar{overflow-y:auto;box-sizing:border-box}svg{position:absolute;left:64px}.lingua{color:#fff;text-decoration:none;margin-left:10px}.sidebar,body{color:#f5f5f5}.lingua:hover{text-decoration:underline}.path{animation:1.75s ease-out infinite dash;stroke-linecap:round}@keyframes dash{0%{stroke-dasharray:0,158;stroke-dashoffset:0}50%{stroke-dasharray:79,158;stroke-dashoffset:-30px}100%{stroke-dasharray:0,158;stroke-dashoffset:-158px}}body{margin:0;font-family:Inter,system-ui,sans-serif;background:#0d0d0d;flex-direction:column;min-height:100vh}.layout{height:100vh}#presentazione{max-width:100%;height:auto;width:1200px,}h1{font-size:2vw;font-weight:500}h2{font-size:1.5vw;font-weight:300}.sidebar{width:360px;flex-shrink:0;background:linear-gradient(180deg,#111 0,#1a1a1a 100%);padding:24px;border-right:1px solid #222;box-shadow:2px 0 10px rgba(0,0,0,.4)}.sidebar h3{margin:15px 0 10px;font-size:1.1rem;text-transform:uppercase;letter-spacing:.05em;color:#00e0ff}.control-group{margin-bottom:24px;border-bottom:1px solid #333;padding-bottom:16px}.control-group:last-of-type{border-bottom:none}.control{position:relative;align-items:center;margin:10px 0}.control label{flex:0 0 140px;font-size:.9rem;color:#ccc}.control input[type=file],.control input[type=range],.control input[type=text],.control select{flex:1;background:#1f1f1f;border:1px solid #333;color:#fff;padding:6px 8px;border-radius:6px;outline:0;transition:border .3s}.control input:focus,.control select:focus{border:1px solid #00e0ff}.value-label{display:inline-block;width:45px;text-align:center;margin-left:10px;font-size:.85rem;color:#00e0ff}.main-content{flex:1;margin-left:0;padding:24px;background:#0d0d0d}#ascii-art{background:#111;padding:16px;border-radius:8px;white-space:pre;font-family:"Fira Code",Consolas,Monaco,monospace;font-size:8px;line-height:8px;overflow-x:auto;border:1px solid #222;margin-bottom:20px}button{background:linear-gradient(135deg,#00e0ff,#00ffa6);color:#000;border:none;padding:10px 18px;font-size:.9rem;font-weight:600;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s}button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,224,255,.4)}button:active{transform:translateY(0);box-shadow:none}#reset{background:#ff3d71;color:#fff}#reset:hover{box-shadow:0 4px 12px rgba(255,61,113,.4)}#copyBtn{margin-right:20px}body.light-mode{background-color:#fdfdfd;color:#111}body.light-mode .sidebar{background:#f4f4f4;color:#111}body.light-mode .main-content{background:#fff}body.light-mode #ascii-art{background:#fafafa;border:1px solid #ddd;color:#111}body.light-mode .control input,body.light-mode .control select{background:#fff;color:#000;border:1px solid #ccc}body.light-mode button{background:linear-gradient(135deg,#007bff,#00ffa6);color:#fff}@media (max-width:900px){.layout{flex-direction:column;height:auto}.sidebar{width:100%;position:relative;border-right:none;border-bottom:1px solid #222;margin-bottom:20px}.main-content{margin-left:0}h1{font-size:6vw}h2{font-size:3.5vw}}