:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f5f2ee;--background-strong:#faf8f5;--surface:#ffffffe0;--surface-strong:#fffffff7;--surface-elevated:#fffffffc;--surface-tinted:#fbf9f7eb;--surface-panel:#ffffffe6;--surface-panel-soft:#ffffffd6;--surface-border:#35282317;--surface-shadow:0 22px 56px #44342e14;--surface-shadow-soft:0 10px 20px #44342e0d;--surface-shadow-input:0 6px 18px #44342e09;--surface-shadow-preview:drop-shadow(0 16px 28px #44342e0f);--text:#221c1a;--text-soft:#716663;--accent:#d33;--accent-strong:#bf2b2b;--accent-text:#8b2929;--accent-soft:#dd33330f;--accent-line:#dd333324;--focus:#dd33331f;--error:#b32c2c;--line-soft:#35282312;--line-default:#35282314;--line-strong:#3528231c;--line-accent:#dd333324;--text-placeholder:#221c1a5c;--text-on-accent-soft:#875252}*{box-sizing:border-box}html,body{min-height:100%}body{background:radial-gradient(circle at top left, #ffffffe6, transparent 22rem), radial-gradient(circle at top right, #dfd0c933, transparent 26rem), linear-gradient(180deg, var(--background-strong) 0%, var(--background) 100%);color:var(--text);margin:0;font-family:Avenir Next,Helvetica Neue,sans-serif}button,input{font:inherit}img,canvas{max-width:100%}.page-shell{place-items:center;min-height:100vh;padding:clamp(1.25rem,4vw,3rem);display:grid}.tool{border:1px solid var(--surface-border);background:linear-gradient(180deg, var(--surface-elevated), var(--surface-tinted));width:min(100%,48rem);box-shadow:var(--surface-shadow);border-radius:2rem;padding:clamp(1.35rem,2vw,2.2rem);position:relative;overflow:hidden}.tool:before{content:"";background:#dd333361;border-radius:999px;width:4.5rem;height:.16rem;position:absolute;inset:1rem auto auto 1.35rem}.tool__header{gap:.7rem;display:grid}.tool__eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--text-soft);margin:0;font-size:.68rem;font-weight:650}.tool__title{letter-spacing:-.03em;max-width:9ch;margin:0;font-family:Iowan Old Style,Georgia,serif;font-size:clamp(2.15rem,4.6vw,3.55rem);line-height:.96}.tool__subtitle{max-width:34rem;color:var(--text-soft);margin:0;font-size:.96rem;line-height:1.58}.tool__controls{gap:.92rem;margin-top:1.85rem;display:grid}.field-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-soft);margin-bottom:.45rem;font-size:.74rem;font-weight:700;display:block}.field-input{border:1px solid var(--line-strong);background:var(--surface-strong);width:100%;color:var(--text);box-shadow:inset 0 1px 0 #ffffffe6, var(--surface-shadow-input);border-radius:1.15rem;padding:.96rem 1rem;transition:border-color .15s,box-shadow .15s,transform .15s}.field-input::placeholder{color:var(--text-placeholder)}.field-input:focus{border-color:var(--accent);box-shadow:0 0 0 .28rem var(--focus), 0 10px 22px #dd33330f;outline:none}.field-input--error{border-color:#b32c2c66;box-shadow:0 0 0 .28rem #b32c2c14}.input-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem;display:flex}.toggle{color:var(--text);cursor:pointer;align-items:center;gap:.72rem;font-size:.92rem;font-weight:550;display:inline-flex}.toggle input{width:1.05rem;height:1.05rem;accent-color:var(--accent)}.field-hint{border:1px solid var(--line-soft);color:var(--text-soft);overflow-wrap:anywhere;background:#ffffffb8;border-radius:999px;margin:0;padding:.48rem .78rem;font-size:.8rem}.field-error{color:var(--error);background:#b32c2c0a;border:1px solid #b32c2c29;border-radius:1rem;margin:0;padding:.8rem .9rem;font-size:.88rem}.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}.normalized-url{border:1px solid var(--line-soft);background:#fcf9f7e6;border-radius:1rem;flex-wrap:wrap;align-items:center;gap:.7rem;margin:0;padding:.75rem .84rem;display:flex}.normalized-url__label{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-strong);background:#dd33330d;border-radius:999px;align-items:center;padding:.34rem .55rem;font-size:.68rem;font-weight:650;display:inline-flex}.normalized-url__value{min-width:0;color:var(--text-soft);overflow-wrap:anywhere;flex:16rem;font-size:.88rem}.logo-panel{border:1px solid var(--line-soft);background:#ffffffb3;border-radius:1.2rem;gap:1rem;padding:1rem 1.05rem;display:grid}.logo-panel__header{align-items:center;gap:.95rem;display:flex}.logo-panel__copy{gap:.32rem;min-width:0;display:grid}.logo-panel__copy .field-label,.logo-panel__copy .field-hint{margin:0}.logo-panel__copy .field-hint{color:var(--text-soft);background:0 0;border:0;border-radius:0;padding:0}.logo-panel__current{color:var(--text-soft);margin:0;font-size:.84rem}.logo-panel__current strong{color:var(--text)}.logo-panel__actions{flex-wrap:wrap;gap:.75rem;display:flex}.logo-chip{border:1px solid var(--line-soft);background:linear-gradient(#fff,#faf7f5);border-radius:1.25rem;flex:0 0 4.4rem;place-items:center;width:4.4rem;height:4.4rem;display:grid;box-shadow:inset 0 1px #ffffffe6}.logo-chip__image{object-fit:contain;width:3.15rem;height:3.15rem;display:block}.preview{gap:1rem;margin-top:1.75rem;display:grid}.tool__footer{justify-content:flex-end;margin-top:1.35rem;display:flex}.tool__footer-link{color:var(--text-soft);letter-spacing:.02em;font-size:.78rem;text-decoration:none;transition:color .15s,opacity .15s}.tool__footer-link:hover{color:var(--text)}.tool__footer-link:focus-visible{color:var(--text);text-underline-offset:.18em;outline:none;text-decoration:underline}.preview__frame{border:1px solid var(--line-default);background:radial-gradient(circle at 16% 12%, #ffffffeb, transparent 13rem), linear-gradient(180deg, var(--surface-elevated), #f9f6f2f2);border-radius:1.75rem;place-items:center;min-height:min(75vw,31rem);padding:clamp(1.1rem,4vw,1.6rem);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffd9,inset 0 -32px 64px #44342e06}.preview__canvas{width:min(100%,25.5rem);height:auto;filter:var(--surface-shadow-preview);display:block}.preview__placeholder{border:1px solid var(--line-soft);background:var(--surface-panel-soft);max-width:22rem;color:var(--text-soft);text-align:center;border-radius:1.1rem;margin:0;padding:1rem 1.1rem;font-size:.95rem;line-height:1.6}.preview__caption{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.preview__mode{border:1px solid var(--line-soft);background:var(--surface-panel-soft);color:var(--text-soft);border-radius:999px;align-items:center;gap:.55rem;padding:.5rem .72rem;font-size:.82rem;display:inline-flex}.preview__mode:before{content:"";background:var(--accent);border-radius:999px;width:.42rem;height:.42rem}.actions{flex-wrap:wrap;gap:.85rem;display:flex}.button{appearance:none;letter-spacing:-.01em;cursor:pointer;border:1px solid #0000;border-radius:1rem;justify-content:center;align-items:center;min-height:3rem;padding:.9rem 1.2rem;font-weight:550;transition:transform .15s,opacity .15s,background-color .15s,border-color .15s,box-shadow .15s,color .15s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:focus-visible{box-shadow:0 0 0 .28rem var(--focus);outline:none}.button:disabled{cursor:not-allowed;opacity:.45}.button--primary{background:var(--accent);color:#fff;box-shadow:0 10px 22px #dd333329}.button--primary:hover:not(:disabled){background:var(--accent-strong)}.button--secondary{background:var(--surface-panel);border-color:var(--surface-border);color:var(--text)}.button--secondary:hover:not(:disabled){border-color:var(--line-accent);box-shadow:var(--surface-shadow-soft);background:#fff}.button--file{white-space:nowrap}@media (max-width:40rem){.tool{border-radius:1.45rem;padding:1.2rem}.tool__title{max-width:none}.input-meta,.preview__caption,.logo-panel__header{flex-direction:column;align-items:flex-start}.tool__footer{justify-content:flex-start}.logo-panel__actions,.actions{width:100%}.button{flex:100%;justify-content:center}}