:root{color:#e8eaef;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:radial-gradient(circle at top,#6366f12e,#0000 32%),#0b0d12;font-family:Inter,Segoe UI,system-ui,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}a{color:#a5b4fc}button,input,textarea{font:inherit}#root{min-height:100vh}.app{max-width:1200px;margin:0 auto;padding:2rem 1.25rem 3rem}.header{margin-bottom:2rem}.eyebrow{color:#a5b4fc;letter-spacing:.08em;text-transform:uppercase;margin:0 0 .35rem;font-size:.85rem}.header h1{letter-spacing:-.04em;margin:0;font-size:clamp(2.4rem,5vw,3.5rem)}.subtitle{color:#b8beca;max-width:52rem;margin:.75rem 0 0}.layout{gap:1.25rem;display:grid}.panel{background:#12151eeb;border:1px solid #ffffff14;border-radius:1rem;padding:1.25rem;box-shadow:0 18px 50px #00000040}.panel-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.panel-header h2{margin:0;font-size:1.1rem}.image-stage,.image-selector{width:100%}.image-placeholder,.result-placeholder{color:#9aa3b2;text-align:center;border:1px dashed #ffffff29;border-radius:.85rem;place-items:center;min-height:280px;padding:1rem;display:grid}.image-placeholder p,.result-placeholder p{margin:0}.image-placeholder span{margin-top:.35rem;font-size:.92rem}.selector-toolbar{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;margin-bottom:.65rem;display:flex}.selection-canvas{cursor:crosshair;touch-action:none;border-radius:.85rem;max-width:100%;display:block}.download-actions{flex-wrap:wrap;gap:.5rem;display:flex}.canvas-hint,.selection-meta{color:#9aa3b2;margin:.75rem 0 0;font-size:.92rem}.field{gap:.45rem;margin-bottom:1rem;display:grid}.field span,.mode-toggle legend{font-weight:600}.field-label-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.enhance-button{white-space:nowrap;flex-shrink:0}.field small{color:#9aa3b2}.field input,.field textarea{width:100%;color:inherit;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:.75rem;padding:.8rem .9rem}.provider-select{position:relative}.provider-select-trigger{color:#eef2ff;cursor:pointer;text-align:left;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:.75rem;justify-content:space-between;align-items:center;gap:.75rem;width:100%;padding:.8rem .9rem;display:flex}.provider-select-trigger:hover,.provider-select-option:hover{border-color:#818cf88c}.provider-select-chevron{color:#a5b4fc;font-size:.95rem}.provider-select-menu{z-index:20;background:#151924;border:1px solid #818cf873;border-radius:.75rem;margin:0;padding:.35rem;list-style:none;position:absolute;top:calc(100% + .4rem);left:0;right:0;box-shadow:0 16px 40px #00000073}.provider-select-option{color:#e8eaef;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:.55rem;width:100%;padding:.7rem .75rem}.provider-select-option.active{color:#fff;background:#6366f138;border-color:#818cf8cc}.provider-select.is-disabled .provider-select-trigger{opacity:.45;cursor:not-allowed}.model-select-menu{max-height:240px;overflow-y:auto}.model-option-label{display:block}.model-option-id{color:#9aa3b2;margin-top:.15rem;font-size:.82rem;display:block}.provider-select-option.active .model-option-id{color:#dbeafe}.field textarea{resize:vertical;min-height:120px}.api-key-row{gap:.5rem;display:flex}.api-key-row input{flex:1}.mode-toggle{border:0;gap:.75rem;margin:0 0 1rem;padding:0;display:grid}.mode-option{cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:.85rem;align-items:flex-start;gap:.75rem;padding:.9rem 1rem;display:flex}.mode-option.active{background:#6366f11f;border-color:#818cf8cc}.mode-option input{margin-top:.2rem}.mode-option strong{display:block}.mode-option span{color:#9aa3b2;font-size:.92rem}.upload-button,.primary-button,.ghost-button{cursor:pointer;border:0;border-radius:999px;transition:transform .15s,opacity .15s}.upload-button,.primary-button{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);padding:.75rem 1.1rem;font-weight:600}.ghost-button{color:inherit;background:#ffffff14;padding:.65rem 1rem}.primary-button{width:100%;padding:.95rem 1.1rem}.primary-button:disabled,.upload-button:disabled,.ghost-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.upload-button:hover,.primary-button:hover:not(:disabled),.ghost-button:hover:not(:disabled){transform:translateY(-1px)}.result-frame{background-color:#0000;background-image:linear-gradient(45deg,#ffffff14 25%,#0000 25%),linear-gradient(-45deg,#ffffff14 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff14 75%),linear-gradient(-45deg,#0000 75%,#ffffff14 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border-radius:.85rem;place-items:center;min-height:320px;padding:1rem;display:grid}.result-frame img{object-fit:contain;max-width:100%;max-height:420px}.error{color:#fca5a5;margin:1rem 0 0}@media (width>=960px){.layout{grid-template-columns:1.2fr .9fr;align-items:start}.result-panel{grid-column:1/-1}}