:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0c0d0f;color:#f5f6f7}*{box-sizing:border-box}html{width:100%;max-width:100%;min-width:0;margin:0;overflow-x:clip;background:#0c0d0f}body{position:relative;width:100%;max-width:100%;min-width:0;margin:0;min-height:100vh;overflow-x:clip;background:#0c0d0f}img,canvas,svg{max-width:100%}button,input,select{max-width:100%;font:inherit}button{cursor:pointer}.app-shell{width:100%;max-width:1480px;min-width:0;margin:0 auto;padding:28px 16px 48px;overflow-x:clip}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;max-width:100%;min-width:0;margin-bottom:24px}.brand{display:flex;align-items:center;gap:13px;min-width:0}.brand h1{margin:0;font-size:clamp(1.25rem,2vw,1.7rem);letter-spacing:-.03em}.brand p,.helper{margin:3px 0 0;color:#92969e;font-size:.88rem}.topbar-actions{display:flex;align-items:center;flex:0 0 auto;min-width:0;gap:14px;margin-left:auto}.header-logo{display:block;width:auto;height:58px;max-width:170px;object-fit:contain}.privacy-pill{border:1px solid #2a2d32;background:#15171a;color:#b8bbc1;border-radius:999px;padding:9px 13px;font-size:.82rem;white-space:nowrap}.workspace{display:grid;grid-template-columns:minmax(280px,350px) minmax(0,1fr);gap:18px;align-items:start;width:100%;max-width:100%;min-width:0}.panel{width:100%;min-width:0;max-width:100%;border:1px solid #25282d;background:#131518f5;border-radius:18px;box-shadow:0 18px 50px #00000047}.controls{padding:18px;position:sticky;top:16px;min-width:0;max-width:100%}.section-title{display:flex;justify-content:space-between;margin:0 0 12px;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#a5a9b0}.dropzone{display:block;width:100%;max-width:100%;min-width:0;border:1px dashed #3a3e45;border-radius:14px;padding:22px 16px;text-align:center;background:#101215;transition:.16s ease}.dropzone.is-dragging{border-color:#f4d536;background:#f4d53612}.dropzone strong{display:block;margin-bottom:6px}.dropzone input{position:absolute;opacity:0;pointer-events:none}.button,.button-secondary,.button-danger{border:0;border-radius:11px;min-height:43px;padding:10px 14px;font-weight:700}.button{background:#f4d536;color:#111}.button-secondary{background:#25282d;color:#f4f5f6}.button-danger{background:#2b1d20;color:#ffb7bf}.button:disabled,.button-secondary:disabled,.button-danger:disabled{opacity:.45;cursor:not-allowed}.full{width:100%}.form-group{width:100%;min-width:0;max-width:100%;margin-top:16px}.form-group label{display:block;margin-bottom:7px;color:#d9dce0;font-size:.88rem;font-weight:650}.text-input,.select-input{width:100%;min-width:0;max-width:100%;min-height:44px;border:1px solid #33373d;border-radius:10px;background:#0f1114;color:#f6f7f8;padding:10px 12px;outline:none}.text-input:focus,.select-input:focus{border-color:#f4d536;box-shadow:0 0 0 3px #f4d53614}.select-input{text-overflow:ellipsis}.range-row{display:grid;grid-template-columns:minmax(0,1fr) 50px;width:100%;min-width:0;max-width:100%;align-items:center;gap:10px}input[type=range]{width:100%;min-width:0;max-width:100%;accent-color:#f4d536}.actions{display:grid;grid-template-columns:1fr 1fr;width:100%;min-width:0;max-width:100%;gap:10px;margin-top:18px}.preview-panel{min-width:0;max-width:100%;overflow:hidden}.preview-toolbar{display:flex;justify-content:space-between;gap:16px;width:100%;min-width:0;max-width:100%;padding:14px 16px;border-bottom:1px solid #25282d}.preview-toolbar strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.counter{font-size:.82rem;color:#92969e;white-space:nowrap}.preview-stage{min-height:520px;display:grid;place-items:center;width:100%;min-width:0;max-width:100%;padding:22px;overflow:hidden;background:#0d0f11}.preview-stage canvas{display:block;max-width:100%;max-height:72vh;width:auto;height:auto;border-radius:8px;box-shadow:0 16px 44px #00000073}.empty-state{width:100%;max-width:430px;min-width:0;padding:0 12px;text-align:center;color:#858a92}.empty-state .icon{width:64px;height:64px;display:grid;place-items:center;margin:0 auto 14px;border-radius:18px;background:#16191d;color:#f4d536;font-size:1.6rem}.thumb-strip{display:flex;gap:10px;width:100%;max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;padding:12px 14px 15px;border-top:1px solid #25282d}.thumb{width:84px;height:64px;flex:0 0 auto;border-radius:9px;overflow:hidden;border:2px solid transparent;background:#0f1114;padding:0}.thumb.is-active{border-color:#f4d536}.thumb img{width:100%;height:100%;object-fit:cover}.toast{position:fixed;right:20px;bottom:20px;z-index:20;max-width:min(420px,calc(100% - 40px));border:1px solid #353941;background:#17191d;color:#f3f4f5;border-radius:12px;padding:12px 14px;box-shadow:0 14px 36px #0006;opacity:0;transform:translateY(8px);pointer-events:none;transition:.16s ease}.toast.show{opacity:1;transform:translateY(0)}@media(max-width:900px){html,body{width:100%;max-width:100%;overflow-x:clip!important;overscroll-behavior-x:none}body *{min-width:0}.app-shell{width:100%;max-width:100%;margin:0;padding:14px 12px 28px;overflow-x:clip!important;contain:inline-size}.topbar,.workspace,.panel,.controls,.form-group,.dropzone,.range-row,.actions,.preview-panel,.preview-toolbar,.preview-stage{width:100%;max-width:100%;min-width:0}.workspace{grid-template-columns:minmax(0,1fr);gap:12px}.controls{position:static}.preview-stage{min-height:360px;padding:12px}.brand p,.helper,.form-group label{overflow-wrap:anywhere}}@media(max-width:560px){.app-shell{width:100%;max-width:100%;padding:10px 10px 24px}.topbar{align-items:center;gap:10px;margin-bottom:12px;overflow:hidden}.brand{flex:1 1 0;min-width:0;max-width:100%}.brand h1{font-size:1.08rem}.brand p{font-size:.74rem;line-height:1.3}.topbar-actions{flex:0 0 auto;align-items:center;gap:8px;max-width:34%}.header-logo{width:100%;height:auto;max-height:44px;max-width:108px}.privacy-pill{display:none}.panel{width:100%;max-width:100%;border-radius:14px}.controls{padding:15px}.dropzone{padding:20px 12px}.actions{grid-template-columns:minmax(0,1fr)}.preview-toolbar{padding:12px 14px}.preview-stage{min-height:280px;padding:8px}.preview-stage canvas{width:100%;height:auto;max-width:100%;max-height:none;border-radius:8px;box-shadow:0 12px 32px #0006}.empty-state{padding:32px 14px}.thumb-strip{padding-left:10px;padding-right:10px}.toast{right:10px;bottom:10px;max-width:calc(100% - 20px)}}@media(max-width:380px){.brand p{display:none}.header-logo{max-height:40px;max-width:98px}}