@font-face{font-family:NextUI Rounded;src:url(/nextui/nextui.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}.nu{display:flex;flex-wrap:wrap;gap:1.4rem;align-items:flex-start;margin-top:1.25rem}.nu-stage{flex:1 1 340px;min-width:300px}.nu-stagebar{display:flex;gap:.5rem;align-items:center;max-width:640px;margin:0 auto .5rem}.nu-modes{display:inline-flex;border-radius:8px;overflow:hidden;border:1px solid var(--sl-color-gray-5)}.nu-mode{margin:0;padding:0 .7rem;height:30px;border:0;background:var(--sl-color-gray-6);color:var(--sl-color-gray-2);font:inherit;font-size:.76rem;font-weight:600;cursor:pointer}.nu-mode.on{background:var(--sl-color-accent);color:var(--sl-color-black)}.nu-device{flex:1 1 0;height:30px;margin:0;border-radius:8px;font:inherit;font-size:.76rem;font-weight:600;padding:0 .4rem;background:var(--sl-color-gray-6);color:var(--sl-color-white);border:1px solid var(--sl-color-gray-5)}.nu-render{width:100%;max-width:640px;margin:0 auto;position:relative;aspect-ratio:100 / 102;display:flex;align-items:center;border-radius:12px;box-sizing:border-box;background:#73777d;overflow:hidden}.nu-render-inner{position:relative;width:100%}.nu-render-inner img.nu-render-img{display:block;width:100%;height:auto;margin:0;border:0;border-radius:0;box-shadow:none!important;background:none}.nu-render-screen{position:absolute;overflow:hidden;margin:0}.nu-render[hidden],.nu-photo[hidden],.nu-device[hidden]{display:none}.nu-photo{width:100%;max-width:640px;margin:0 auto;position:relative;aspect-ratio:1496 / 1126}.nu-photo-inner{position:absolute;top:0;left:0;width:748px;height:563px;transform-origin:top left}.nu-photo-img{display:block;width:748px;height:563px;margin:0}.nu-screen-clip{position:absolute;inset:0;margin:0;-webkit-mask:url(/nextui/screen-mask.png) 0 0 / 748px 563px no-repeat;mask:url(/nextui/screen-mask.png) 0 0 / 748px 563px no-repeat}.nu-divider{font-size:.66rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--sl-color-gray-3);margin:.5rem 0 .05rem}.nu-screen{position:absolute;top:0;left:0;width:800px;height:600px;transform-origin:0 0;background:var(--c7);color:var(--c4);overflow:hidden;font:800 34px/1.2 NextUI Rounded,system-ui,-apple-system,sans-serif;display:flex;flex-direction:column}.nu-status{position:absolute;top:14px;right:16px;z-index:2;display:inline-flex;align-items:center;gap:11px;background:var(--c2);color:var(--c6);border-radius:999px;height:64px;padding:0 21px;font-size:29px}.nu-wifi{width:36px;height:36px;display:block;color:var(--c6)}.nu-batt{position:relative;box-sizing:border-box;width:56px;height:30px;border:2.5px solid var(--c6);border-radius:6px;display:inline-flex;align-items:center;justify-content:center}.nu-batt:after{content:"";position:absolute;left:-5px;top:50%;transform:translateY(-50%);width:4px;height:14px;background:var(--c6);border-radius:2px 0 0 2px}.nu-batt-pct{font-size:20px;line-height:1;color:var(--c6)}.nu-clock{color:var(--c6)}.nu-list{list-style:none;margin:0;padding:.45em .55em .1em;flex:1 1 auto;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:.08em;font-size:1.08em;letter-spacing:-.015em}.nu-row{padding:.44em .8em;border-radius:999px;color:var(--c4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-text-stroke:.3px currentColor}.nu-row.sel{background:var(--c1);color:var(--c5)}.nu-hints{display:flex;justify-content:space-between;gap:1em;padding:16px 20px;color:var(--c6);font-size:30px;align-items:center}.nu-hint{display:inline-flex;align-items:center;gap:10px;background:var(--c2);border-radius:999px;height:64px;padding:0 20px}.nu-pill{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 16px;border-radius:999px;background:var(--c1);color:var(--c3);font-size:28px;font-weight:800}.nu-glyph{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--c1);color:var(--c3);font-size:30px;font-weight:800}.nu-note{text-align:center;margin:.7rem 0 0;font-size:.78rem;color:var(--sl-color-gray-3)}.nu-controls{flex:0 0 300px;display:flex;flex-direction:column;gap:.7rem}.nu-elements{display:flex;flex-direction:column;gap:.3rem}.nu-el{display:flex;align-items:center;gap:.6rem;padding:.35rem .5rem;border-radius:8px;cursor:pointer;border:1px solid transparent;background:var(--sl-color-gray-6)}.nu-el.active{border-color:var(--sl-color-accent)}.nu-el-sw{width:22px;height:22px;border-radius:5px;flex:0 0 auto;box-shadow:inset 0 0 0 1px #80808066;background-image:linear-gradient(45deg,#888 25%,transparent 25%,transparent 75%,#888 75%),linear-gradient(45deg,#888 25%,#bbb 25% 75%,#888 75%);background-size:10px 10px;background-position:0 0,5px 5px}.nu-el-sw span{display:block;width:100%;height:100%;border-radius:5px}.nu-el-name{flex:1 1 auto;font-size:.82rem;font-weight:600;color:var(--sl-color-white)}.nu-el-hex{font-size:.72rem;font-family:ui-monospace,monospace;color:var(--sl-color-gray-3)}.nu-lock{flex:0 0 auto;width:26px;height:26px;margin:0;padding:0;border:0;border-radius:6px;background:transparent;cursor:pointer;line-height:1;font-size:.82rem;opacity:.35;color:var(--sl-color-gray-2)}.nu-lock:hover{opacity:.75;background:var(--sl-color-gray-5)}.nu-el.locked .nu-lock{opacity:1;color:var(--sl-color-accent)}.nu-el.locked{border-color:var(--sl-color-gray-4)}.nu-scheme{flex:1 1 0;height:38px;margin:0;border-radius:8px;font:inherit;font-weight:600;font-size:.8rem;padding:0 .5rem;background:var(--sl-color-gray-6);color:var(--sl-color-white);border:1px solid var(--sl-color-gray-5)}.nu-picker{display:flex;gap:1rem;align-items:flex-start;margin:1rem auto 0;max-width:640px}.nu-wheel{width:168px;height:168px;touch-action:none;cursor:crosshair;flex:0 0 auto}.nu-sliders{flex:1 1 auto;display:flex;flex-direction:column;gap:.25rem}.nu-slabel{font-size:.72rem;font-weight:700;color:var(--sl-color-gray-2);display:flex;justify-content:space-between}.nu-range{width:100%;margin:0 0 .3rem;accent-color:var(--sl-color-accent)}.nu-hexrow{display:flex;align-items:center;gap:.5rem;margin-top:.2rem}.nu-swatch-lg{width:30px;height:30px;border-radius:6px;flex:0 0 auto;box-shadow:inset 0 0 0 1px #80808066;background-image:linear-gradient(45deg,#888 25%,transparent 25%,transparent 75%,#888 75%),linear-gradient(45deg,#888 25%,#bbb 25% 75%,#888 75%);background-size:12px 12px;background-position:0 0,6px 6px}.nu-swatch-lg span{display:block;width:100%;height:100%;border-radius:6px}.nu-hexin,.nu-namein{flex:1 1 auto;height:32px;box-sizing:border-box;padding:0 .5rem;border-radius:8px;border:1px solid var(--sl-color-gray-5);background:var(--sl-color-bg);color:var(--sl-color-white);font:inherit;font-size:.85rem;font-family:ui-monospace,monospace}.nu-namein{font-family:inherit}.nu-actions{display:flex;gap:.6rem}.nu-actions button{flex:1 1 0;height:38px;margin:0;border-radius:8px;cursor:pointer;font:inherit;font-weight:600;border:1px solid var(--sl-color-gray-5);background:var(--sl-color-gray-6);color:var(--sl-color-white)}.nu-actions button.primary{background:var(--sl-color-accent);border-color:var(--sl-color-accent);color:var(--sl-color-black)}.nu-export,.nu-share{width:100%;height:36px;margin:0;box-sizing:border-box;border-radius:8px;cursor:pointer;font:inherit;font-weight:600;font-size:.85rem;border:1px solid var(--sl-color-gray-5);background:var(--sl-color-gray-6);color:var(--sl-color-white)}.nu-share{border-style:dashed;background:transparent;color:var(--sl-color-gray-2)}.nu-code{margin:0;padding:.6rem .7rem;border-radius:8px;background:var(--sl-color-gray-6);font-size:.72rem;line-height:1.5;white-space:pre;overflow-x:auto;color:var(--sl-color-gray-2)}