.censor-title{letter-spacing:-.035em;margin:14px 0 8px;font-size:clamp(1.5rem,4vw,2rem);line-height:1.2}.censor-subtitle{max-width:34rem}.censor-main{flex-direction:column;gap:28px;min-width:0;display:flex}.censor-dropzone{font:inherit;color:var(--text);text-align:center;background:0 0}.censor-error{color:#b91c1c;text-align:center}[data-theme=dark] .censor-error{color:#fca5a5}.censor-loading{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:56px 16px;display:flex}.censor-loading .example-spinner{width:14px;height:14px}.censor-editor{flex-direction:column;align-items:center;gap:16px;min-width:0;display:flex}.censor-status-row{justify-content:center;align-items:center;gap:8px;display:flex}.censor-status{color:var(--text-h);text-align:center;margin:0}.censor-eye{width:36px;height:36px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.censor-eye:hover{background:var(--code-bg);color:var(--text-h)}.censor-eye[aria-pressed=true]{background:var(--accent-bg);color:var(--accent)}.censor-preview-wrap{background:var(--code-bg);border-radius:12px;justify-content:center;max-width:100%;display:flex;position:relative;overflow:hidden}.censor-drop-overlay{border:2px dashed var(--accent);pointer-events:none;background:color-mix(in srgb, var(--bg) 80%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:var(--text-h);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:1.05rem;font-weight:500;display:flex;position:absolute;inset:0}.censor-drop-overlay svg{color:var(--accent)}.censor-preview-frame{max-width:100%;position:relative}.censor-smiley{pointer-events:none;animation:.2s ease-out censor-pop;position:absolute}.censor-smiley svg{width:100%;height:100%;display:block}@keyframes censor-pop{0%{opacity:0;transform:scale(.4)}}.censor-preview{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:65svh;display:block}.censor-dimensions{text-align:center;font-variant-numeric:tabular-nums;font-size:.78rem}.censor-review{background:var(--code-bg);border-radius:8px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 16px;max-width:640px;padding:12px 16px;display:flex}.censor-review p{flex:260px;margin:0;font-size:.85rem;line-height:1.5}.censor-app a.censor-remover{border:1px solid var(--accent);color:var(--accent);background:0 0;flex-shrink:0;font-size:.9rem}.censor-app a.censor-remover:hover{background:var(--accent-bg)}.censor-help-cta{margin-top:12px}.censor-app a:not(.logo,.footer a,.start-over-button){color:var(--accent);text-underline-offset:3px}.censor-app button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.censor-app a.start-over-button{color:var(--text-h);text-decoration:none}.censor-app a.start-over-button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.censor-app .start-over-button svg{transition:transform .4s}.censor-app .start-over-button:hover:not(:disabled) svg{animation:none;transform:rotate(-90deg)}.censor-app a.censor-full-size:hover:not(:disabled) svg{transform:scale(1.15)}.censor-app a.censor-remover:hover:not(:disabled) svg{transform:translate(3px)}.censor-help{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 40px;margin-top:8px;display:grid}.censor-help h2{margin:0 0 6px;font-size:1rem;font-weight:600;line-height:1.4}.censor-help p,.censor-help ol{margin:0;font-size:.85rem;line-height:1.6}.censor-help ol{padding-left:1.25em}.censor-help li+li{margin-top:4px}.censor-app .footer{margin-top:12px}@media (width<=600px){.censor-help{grid-template-columns:1fr;gap:20px}.censor-preview{max-height:60svh}}@media (prefers-reduced-motion:reduce){.censor-app .example-spinner{animation:none}.censor-app .start-over-button svg{transition:none}.censor-smiley{animation:none}}
