:root{color:#f6f3e8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:radial-gradient(circle at top,#ffd57a24,#0000 32%),linear-gradient(#191919 0%,#0f0f11 100%);font-family:Inter,system-ui,sans-serif;font-weight:400;line-height:1.4}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer;border:0}textarea,input[type=text]{color:#fff;background:#0c0c0eb8;border:1px solid #ffffff24;border-radius:14px;width:100%;padding:.9rem 1rem}textarea{resize:vertical;min-height:3.5rem}input[type=range]{accent-color:#f6b23b;width:100%}#root{min-height:100vh}.app-shell{width:min(1200px,100vw - 2rem);margin:0 auto;padding:2rem 0 3rem}.hero-panel{margin-bottom:1.5rem}.hero-heading{flex-wrap:wrap;align-items:baseline;gap:1rem;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#f6b23b;margin:0;font-size:.8rem}.hero-panel h1{max-width:11ch;margin:0;font-size:clamp(2.6rem,6vw,5rem);line-height:.95}.intro{color:#ffffffbd;max-width:54rem;margin:0;font-size:1.05rem}.github-block{flex-direction:column;align-items:flex-end;gap:.35rem;margin-left:auto;display:flex}.github-link{color:#ffffffa6;white-space:nowrap;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:.45rem;padding:.45rem .9rem;font-size:.88rem;font-weight:500;text-decoration:none;transition:color .15s,border-color .15s;display:flex}.github-link:hover{color:#fff;border-color:#fff6}.build-info{color:#ffffff59;white-space:nowrap;margin:0;font-size:.72rem}.hero-actions{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.25rem;display:flex}.cat-picker{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:28px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem;margin-bottom:1.25rem;padding:1rem;display:grid}.cat-thumb-btn{cursor:pointer;aspect-ratio:4/3;background:0 0;border:2px solid #0000;border-radius:14px;padding:0;transition:border-color .15s,transform .15s;overflow:hidden}.cat-thumb-btn:hover{border-color:#f6b23b;transform:scale(1.04)}.cat-thumb{object-fit:cover;width:100%;height:100%;display:block}.source-hint{color:#fff9;margin:0;font-size:.95rem}.workspace{grid-template-columns:minmax(0,1.5fr) minmax(300px,.9fr);gap:1.25rem;display:grid}.preview-panel,.controls-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:28px}.preview-panel{padding:1rem}.preview-frame{background-color:#0000;background-image:linear-gradient(45deg,#ffffff0d 25%,#0000 25%),linear-gradient(-45deg,#ffffff0d 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff0d 75%),linear-gradient(-45deg,#0000 75%,#ffffff0d 75%);background-position:0 0,0 14px,14px -14px,-14px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border-radius:20px;position:relative;overflow:hidden}.preview-canvas{width:100%;height:auto;max-height:72vh;display:block}.preview-canvas.is-editable{cursor:grab;touch-action:none}.preview-canvas.is-editable:active{cursor:grabbing}.hint{color:#ffffff9e;margin:.9rem 0 0}.controls-panel{align-content:start;gap:.95rem;padding:1rem;display:grid}.field{gap:.5rem;display:grid}.camera-stage{position:relative}.camera-preview{aspect-ratio:4/3;object-fit:cover;background:#00000059;border-radius:18px;width:100%;display:block}.camera-overlay-actions{z-index:1;flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex;position:absolute;bottom:1rem;left:1rem;right:1rem}.camera-countdown{color:#fff;text-shadow:0 0 .25em #000000b3,0 0 .6em #0000008c;z-index:1;background:#00000047;place-items:center;font-size:clamp(4rem,14vw,7rem);font-weight:800;display:grid;position:absolute;inset:0}.camera-error{color:#ff9a8e;margin:0;font-size:.92rem}.field span{color:#ffffffd1;font-size:.93rem}.field-label-row{justify-content:space-between;align-items:center;display:flex}.lolify-btn{color:#ffffff8c;background:#ffffff14;border-radius:999px;padding:.15rem .55rem;font-size:.75rem;transition:color .15s,background .15s}.lolify-btn:hover{color:#f6b23b;background:#f6b23b1f}.advanced-section{border:1px solid #ffffff14;border-radius:14px}.advanced-summary{cursor:pointer;color:#fff9;-webkit-user-select:none;user-select:none;border-radius:14px;align-items:center;gap:.5rem;padding:.7rem .9rem;font-size:.93rem;list-style:none;display:flex}.advanced-summary::-webkit-details-marker{display:none}.advanced-summary:before{content:"▶";font-size:.6rem;transition:transform .15s}details[open] .advanced-summary:before{transform:rotate(90deg)}.advanced-fields{gap:.95rem;padding:0 .9rem .9rem;display:grid}.download-actions{grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.25rem;display:grid}.primary-button,.secondary-button{border-radius:999px;padding:.95rem 1.2rem;font-weight:700;transition:transform .12s,opacity .12s,background .12s}.primary-button{color:#18120a;background:#f6b23b}.primary-button:active{background:#fbe2b4}.secondary-button{color:#fff;background:#ffffff1a}.compact-button{padding:.7rem 1rem}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.sr-only{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<=640px){.workspace{grid-template-columns:1fr}.app-shell{width:min(100vw - 1rem,100%);padding-top:1rem}.hero-panel h1{max-width:100%;font-size:clamp(2.2rem,12vw,3.4rem)}.download-actions{grid-template-columns:1fr}}