@font-face{font-family:Berkeley Mono;src:local(Berkeley Mono),local(Berkeley Mono Trial),url(/fonts/BerkeleyMonoTrial-Regular.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--font-mono:"Berkeley Mono", "SFMono-Regular", "SF Mono", ui-monospace, Menlo, Monaco, Consolas, monospace;--ink:#121212;--paper:#f5f5f5;--charcoal:#2a2a2a;--fog:#e6e6e6;--garden-blue:#1e4dff;--garden-green:#00e777;--garden-yellow:#ffd600;--garden-orange:#ff4d2d;--garden-pink:#ff59f7;--garden-cyan:#3eefe9;--surface:#fff;--text-secondary:#717171;--text-tertiary:#777;--focus:var(--garden-blue);font-family:var(--font-mono);color:var(--ink);background:var(--surface);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{min-width:320px;margin:0}#root{isolation:isolate}button{font:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid var(--focus);outline-offset:4px}button{cursor:pointer}.canvas{place-items:center;min-height:100svh;padding:48px 20px;display:grid}.generator-card{background:var(--surface);border-radius:18px;width:min(460px,100%);padding:30px}.brand-header{align-items:center;gap:13px;display:flex}.flower-mark{width:34px;height:34px;color:var(--garden-pink);flex:none}h1{letter-spacing:.035em;margin:0;font-size:14px;font-weight:500;line-height:1.4}.brand-subtitle{letter-spacing:.055em;color:var(--text-tertiary);margin:4px 0 0;font-size:10px;line-height:1.4}.id-module{background:var(--paper);border-radius:10px;margin-top:29px;padding:19px 18px 18px}.id-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.id-output{letter-spacing:-1.1px;white-space:nowrap;-webkit-user-select:all;user-select:all;font-size:31px;font-weight:400;line-height:1.25}.id-prefix{color:#737373}.copy-button{width:40px;height:40px;color:var(--charcoal);background:0 0;border:1px solid #0000;border-radius:7px;flex:none;justify-content:center;align-items:center;padding:9px;transition:background-color .12s,border-color .12s;display:inline-flex}.copy-button svg{width:20px;height:20px}.copy-button:hover{background:var(--surface);border-color:var(--fog)}.copy-button:active{background:var(--fog)}.copy-button[data-copied]{background:var(--surface);border-color:var(--fog)}.garden-strip{border-radius:1.5px;height:5px;margin-top:17px;display:flex;overflow:hidden}.garden-strip span{flex:1}.garden-strip span:first-child{background:var(--garden-blue)}.garden-strip span:nth-child(2){background:var(--garden-green)}.garden-strip span:nth-child(3){background:var(--garden-yellow)}.garden-strip span:nth-child(4){background:var(--garden-orange)}.garden-strip span:nth-child(5){background:var(--garden-pink)}.garden-strip span:nth-child(6){background:var(--garden-cyan)}.attributes{grid-template-columns:.86fr 1.14fr;gap:7px;margin:15px 0 0;padding:0;list-style:none;display:grid}.attributes li{color:#666;background:#fafafa;border-radius:5px;align-items:center;min-height:32px;padding:7px 10px;font-size:10px;line-height:1.5;display:flex}.description{max-width:46ch;color:var(--text-secondary);margin:25px 0 0;font-size:11px;line-height:1.9}.card-actions{justify-content:space-between;align-items:center;gap:20px;margin-top:28px;display:flex}.details-trigger{color:var(--text-secondary);background:0 0;border:0;border-radius:3px;align-items:center;gap:7px;min-height:40px;padding:0 5px 0 0;font-size:11px;line-height:1.5;transition:color .12s;display:inline-flex}.details-trigger:hover{color:var(--ink)}.disclosure-icon{flex:none;width:15px;height:15px}.generate-button{border:1px solid var(--ink);background:var(--ink);min-height:40px;color:var(--surface);border-radius:8px;justify-content:center;align-items:center;padding:10px 18px;font-size:12px;line-height:1.5;transition:background-color .12s,transform .12s;display:inline-flex}.generate-button:hover{background:var(--charcoal)}.generate-button:active{background:#373737;transform:translateY(1px)}.tooltip{background:var(--ink);color:var(--surface);font-family:var(--font-mono);border-radius:5px;padding:7px 9px;font-size:10px;line-height:1.4;box-shadow:0 2px 5px #12121212}.copy-error{color:var(--charcoal);margin:12px 0 0;font-size:11px;line-height:1.7}.details-panel{overflow:hidden}.specification{border-top:1px solid var(--fog);margin:24px 0 0;padding:20px 0 0}.spec-row{grid-template-columns:126px minmax(0,1fr);align-items:baseline;gap:15px;display:grid}.spec-row+.spec-row{margin-top:13px}.spec-row dt,.spec-row dd{text-transform:uppercase;font-size:9px;line-height:1.8}.spec-row dt{color:var(--text-tertiary);letter-spacing:.04em}.spec-row dd{color:var(--charcoal);overflow-wrap:anywhere;margin:0}.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}@media (width<=500px){.canvas{padding:28px 16px}.generator-card{border-radius:15px;padding:25px}.id-module{padding:18px 15px 17px}.id-output{letter-spacing:-.8px;font-size:clamp(22px,6.25vw,29px)}.attributes{grid-template-columns:.75fr 1.25fr}.attributes li{padding-inline:8px;font-size:9px}.spec-row{grid-template-columns:105px minmax(0,1fr);gap:12px}}@media (width<=360px){.generator-card{padding:21px}.id-module{padding-inline:12px}.id-row{gap:6px}.copy-button{width:34px;padding:7px}.id-output{font-size:21px}.attributes li{font-size:8px}.description,.details-trigger{font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}