:root{color:#122334;font-synthesis:none;background:#edf5fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 70% 0,#fff 0,#edf5fa 42%,#dfedf5 100%);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,select,input{accent-color:#f7a600}.app-shell{width:min(1500px,100%);margin:0 auto;padding:28px}.hero{justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px;display:flex}.hero h1{letter-spacing:-.055em;margin:2px 0 6px;font-size:clamp(2rem,4vw,3.45rem);line-height:1}.hero h1 span{display:inline-block;transform:translateY(.08em)}.hero p{color:#557083;margin:0;font-size:1.02rem}.hero .eyebrow{color:#0d82df;letter-spacing:.14em;text-transform:uppercase;font-size:.75rem;font-weight:800}.hero a{color:#315469;border-bottom:1px solid #9bb3c1;font-weight:700;text-decoration:none}.workspace{grid-template-columns:330px minmax(0,1fr);align-items:start;gap:18px;display:grid}.controls,.preview-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border:1px solid #6990a63d;box-shadow:0 18px 55px #234a631f}.controls{border-radius:20px;padding:18px;position:sticky;top:18px}.control-section+.control-section{border-top:1px solid #dce8ee;margin-top:18px;padding-top:16px}.section-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-heading h2{letter-spacing:.11em;text-transform:uppercase;color:#577184;margin:0;font-size:.78rem}.section-heading span{color:#7b929f;font-size:.78rem}label{color:#486273;gap:6px;font-size:.79rem;font-weight:700;display:grid}select,input[type=number]{color:#173348;background:#f9fcfd;border:1px solid #c9dbe4;border-radius:10px;outline:none;width:100%;padding:9px 10px}select:focus,input:focus{border-color:#0d82df;box-shadow:0 0 0 3px #0d82df1f}.symbol-switch{grid-template-columns:1fr 1fr;gap:7px;display:grid}.symbol-mode{color:#486273;cursor:pointer;background:#f9fcfd;border:1px solid #c9dbe4;border-radius:10px;padding:9px 8px;font-size:.78rem;font-weight:750}.symbol-mode[aria-pressed=true]{color:#0d73c7;background:#eaf6fd;border-color:#0d82df;box-shadow:0 0 0 2px #0d82df17}#mode-emoji,.selected-emoji{font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif}.emoji-picker-toggle{color:#173348;cursor:pointer;text-align:left;background:#f9fcfd;border:1px solid #c9dbe4;border-radius:11px;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;width:100%;margin-top:9px;padding:8px 10px;display:grid}.selected-emoji{font-size:1.8rem;line-height:1}.emoji-picker-toggle strong,.emoji-picker-toggle small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.emoji-picker-toggle strong{font-size:.78rem}.emoji-picker-toggle small{color:#718894;margin-top:2px;font-size:.67rem}.emoji-picker-panel{border-radius:12px;height:350px;margin-top:8px;overflow:hidden}.emoji-picker-panel emoji-picker{--num-columns:7;--emoji-size:1.25rem;--emoji-padding:.45rem;--border-color:#c9dbe4;--border-radius:12px;--indicator-color:#0d82df;--input-border-color:#9fbcca;width:100%;height:100%}.picker-loading{color:#718894;border:1px solid #c9dbe4;border-radius:12px;place-items:center;height:100%;font-size:.75rem;display:grid}.control-note{color:#718894;margin:8px 0 0;font-size:.7rem;line-height:1.4}.split-inputs{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.range-label{margin-top:13px}.range-label span{justify-content:space-between;display:flex}.range-label output{color:#0d82df;font-variant-numeric:tabular-nums}input[type=range]{cursor:ew-resize;width:100%;margin:0}.seed-row{grid-template-columns:1fr 42px;align-items:end;gap:8px;margin-top:14px;display:grid}.icon-button,.text-button{cursor:pointer;color:#0d82df;background:0 0;border:0;font-weight:800}.icon-button{background:#e8f4fc;border-radius:10px;height:38px;font-size:1.2rem}.text-button{padding:0;font-size:.76rem}.export-button{color:#2d2706;cursor:pointer;background:linear-gradient(135deg,#ffd21e,#ffad03);border:0;border-radius:12px;width:100%;margin-top:18px;padding:12px 16px;font-weight:850;box-shadow:0 8px 22px #ffad0340}.export-button:hover{filter:brightness(1.03);transform:translateY(-1px)}.export-button:disabled{cursor:wait;opacity:.65;transform:none}.share-button{color:#23536f;cursor:pointer;background:#eef7fb;border:1px solid #b9d2df;border-radius:11px;width:100%;margin-top:8px;padding:10px 14px;font-size:.78rem;font-weight:800}.share-button:hover{color:#0d73c7;background:#e5f4fc;border-color:#0d82df}.export-status{color:#718894;min-height:2.4em;margin:9px 2px 0;font-size:.72rem;line-height:1.35}.preview-panel{border-radius:20px;overflow:hidden}.preview-toolbar{color:#587181;border-bottom:1px solid #dce8ee;justify-content:space-between;align-items:center;min-height:48px;padding:0 16px;font-size:.78rem;font-weight:700;display:flex}.preview-toolbar span:first-child{align-items:center;gap:8px;display:flex}.live-dot{background:#1ab76c;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #1ab76c1f}.canvas-wrap{background:#d5e3eb;place-items:center;width:100%;min-height:360px;display:grid}#preview{object-fit:contain;width:100%;height:auto;max-height:calc(100vh - 180px);display:block}@media (width<=900px){.app-shell{padding:18px}.workspace{grid-template-columns:1fr}.controls{position:static}.preview-panel{grid-row:1}.canvas-wrap{min-height:220px}#preview{max-height:none}}@media (width<=520px){.app-shell{padding:12px}.hero{align-items:start}.hero a{display:none}.controls,.preview-panel{border-radius:15px}}