:root{--page-bg: radial-gradient(circle at 20% 10%, #1b2d45 0%, #141b2c 40%, #0c111d 100%);--card-bg: rgba(15, 21, 33, .82);--card-border: rgba(143, 166, 201, .25);--text: #e7edf9;--muted: #a7b7d3;--accent: #3ecf8e;--accent-strong: #1fa36c;--control-bg: rgba(15, 21, 33, .82);--shadow: 0 24px 60px rgba(2, 7, 18, .55)}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{font-family:Space Grotesk,Manrope,Avenir Next,sans-serif;color:var(--text);background:var(--page-bg)}.app-shell{min-height:100vh;padding:1rem .85rem;display:grid;place-items:center;position:relative;overflow:visible}.card{width:min(1160px,100%);background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow);border-radius:26px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:clamp(.85rem,3.2vw,1.7rem);position:relative;z-index:1;animation:rise .5s ease-out}.hero{margin-bottom:1rem}.hero h1{margin:0;font-size:clamp(2.2rem,5vw,3.4rem);letter-spacing:.02em}.kicker{font-size:.75rem;text-transform:uppercase;letter-spacing:.16em;color:var(--accent);font-weight:700;margin:0 0 .4rem}.subtitle{margin:.4rem 0 0;color:var(--muted);max-width:76ch}.panel-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem}.controls,.preview{background:var(--control-bg);border:none;border-radius:18px;padding:.85rem}.controls,.advanced-options{display:flex;flex-direction:column;gap:.85rem}.controls>label{font-weight:700;font-size:.95rem}input[type=text],select,input[type=number]{width:100%;border:1px solid rgba(146,170,207,.35);background:#0f1727;color:#dfe8f8;border-radius:12px;padding:.72rem .85rem;font-size:.95rem;outline:none}input[type=text]:focus,select:focus,input[type=number]:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0b7a4f24}input[type=file]{width:100%;font-size:.82rem}input[type=color]{width:100%;height:42px;border:1px solid rgba(146,170,207,.35);border-radius:12px;background:#0f1727;padding:.2rem}input[type=range]{width:100%;accent-color:var(--accent)}.control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem .8rem}.control-grid label{display:flex;flex-direction:column;gap:.35rem;font-size:.88rem;font-weight:700;color:#d5e1f5}.file-control{display:flex;flex-direction:column;gap:.35rem}.file-control label{font-size:.88rem;font-weight:700;color:#d5e1f5}.control-subgroup{border:1px solid rgba(146,170,207,.22);border-radius:12px;padding:.65rem;margin:0;display:grid;gap:.45rem}.control-subgroup legend{font-size:.8rem;color:var(--muted);padding:0 .3rem}.eye-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.range-row{display:flex;flex-direction:column;gap:.35rem}.full-width{grid-column:1 / -1}.checkbox{display:flex;flex-direction:row;align-items:center;gap:.5rem;font-size:.88rem;font-weight:700;color:#d5e1f5;padding:.35rem .25rem;border-radius:10px}.checkbox input{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;inline-size:1rem;block-size:1rem;border-radius:4px;border:1px solid rgba(146,170,207,.6);background:#0f1727;cursor:pointer;display:inline-grid;place-content:center;transition:background-color .15s ease,border-color .15s ease,transform .12s ease}.checkbox input:after{content:"";inline-size:.55rem;block-size:.55rem;transform:scale(0);transition:transform .12s ease;border-radius:2px;background:#0f1727}.checkbox input:checked{background:var(--accent);border-color:var(--accent)}.checkbox input:checked:after{transform:scale(1);background:#eaf9f2}.checkbox input:hover{border-color:#92aacfd9}.checkbox input:active{transform:scale(.95)}.normalized{margin:.25rem 0 0;color:var(--muted);font-size:.9rem}.normalized code{background:#8ca4ca2e;border-radius:6px;padding:.15rem .3rem}.actions{display:flex;gap:.7rem;flex-wrap:wrap}.preview-actions{width:100%;justify-content:center;flex-wrap:nowrap;gap:.55rem}.preview-actions button{flex:1 1 0;min-width:0}.share-button{width:100%}button{border:none;border-radius:12px;padding:.7rem .95rem;font-weight:700;cursor:pointer;background:linear-gradient(120deg,var(--accent),#16a34a);color:#fff}.toggle-advanced{background:transparent;border:1px solid rgba(148,173,209,.35);color:var(--muted)}.toggle-advanced:hover{border-color:#94add199;color:var(--text)}.actions button:last-child{background:linear-gradient(120deg,#064e3b,var(--accent-strong))}button:disabled{opacity:.45;cursor:not-allowed}.error{color:#9a1f10;margin:0;font-size:.9rem}.preview{display:grid;place-items:center;min-height:260px;padding:.6rem;width:fit-content;justify-self:center;position:sticky;top:1rem;align-self:start;gap:.75rem}.preview img{width:300px;height:300px;max-width:300px;max-height:300px;object-fit:contain;display:block;border-radius:0;box-shadow:0 8px 24px #0e111424;background-image:linear-gradient(45deg,#fff 25%,#f4f6f9 25%,#f4f6f9 50%,#fff 50%,#fff 75%,#f4f6f9 75%,#f4f6f9);background-size:18px 18px}.placeholder{color:var(--muted)}.orb{position:absolute;border-radius:999px;filter:blur(2px);opacity:.6}.orb-one{width:220px;height:220px;left:-72px;top:30px;background:radial-gradient(circle,rgba(27,160,108,.4),transparent 72%)}.orb-two{width:260px;height:260px;right:-90px;bottom:-60px;background:radial-gradient(circle,rgba(61,127,242,.3),transparent 70%)}@keyframes rise{0%{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:1000px){.panel-grid{grid-template-columns:1fr}.preview{min-height:220px;position:static}}@media(max-width:680px){.control-grid,.eye-grid{grid-template-columns:1fr}}