:root{color-scheme:light;--kbire-black: #2b2b2b;--kbire-charcoal: #21211d;--kbire-accent: #91b6bb;--kbire-accent-dark: #6f9da4;--kbire-border: #d8e5e7;--kbire-soft-border: #e8f0f1;--kbire-text: #2b2b2b;--kbire-muted: #6f6f6f;--kbire-panel: #ffffff;--kbire-page: #f7fafa;--kbire-radius: 4px;--kbire-radius-lg: 5px;font-family:Roboto,Arial,sans-serif;background:var(--kbire-page);color:var(--kbire-text);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--kbire-page)}body:before{content:"";position:fixed;right:42px;bottom:34px;width:min(440px,48vw);aspect-ratio:600 / 539;background:url(/assets/kbire-bg-k-transparent.png) no-repeat center / contain;opacity:.4;pointer-events:none;z-index:0}#root{position:relative;z-index:1}button,textarea,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.screen-center{min-height:100vh;display:grid;place-items:center;padding:24px}.login-panel{width:min(520px,100%);overflow:hidden;padding:0;border:1px solid var(--kbire-border);border-radius:var(--kbire-radius-lg);background:var(--kbire-panel);box-shadow:0 18px 55px #2b2b2b14}.login-brand{display:grid;justify-items:center;gap:16px;padding:22px 28px 20px;border-bottom:3px solid var(--kbire-accent);background:var(--kbire-charcoal);text-align:center}.login-brand img{display:block;width:auto;max-width:min(280px,100%);height:auto}.login-panel h1{margin:0;color:#fff;font-size:1.28rem;font-weight:400;text-align:center}.login-panel p{color:var(--kbire-muted);margin:0;padding:24px 28px 18px}.login-panel .primary-button{width:calc(100% - 56px);margin:0 28px 28px}.app-shell{width:100%;margin:0 auto;padding:0 18px 24px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:78px;margin:0 -18px 18px;padding:10px max(18px,calc((100vw - 1480px)/2 + 18px));border-bottom:3px solid var(--kbire-accent);background:var(--kbire-charcoal)}.brand{display:flex;align-items:center;gap:26px;min-width:0}.brand img{display:block;width:min(280px,48vw);height:auto;max-height:56px;object-fit:contain;object-position:left center}.brand h1{margin:0;border-left:1px solid rgba(145,182,187,.52);color:#fff;font-size:clamp(1.08rem,1.8vw,1.42rem);font-weight:400;line-height:1.1;padding-left:24px;white-space:nowrap}.topbar-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:flex-end}.new-property-link{min-height:auto;border:0;background:transparent;color:var(--kbire-accent);font-size:.86rem;font-weight:800;padding:0;white-space:nowrap}.new-property-link:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}.account-block{display:grid;justify-items:end;gap:3px;color:#fff;line-height:1.2}.account-block span{max-width:min(360px,38vw);overflow:hidden;font-size:.88rem;text-overflow:ellipsis;white-space:nowrap}.signout-link{min-height:auto;border:0;background:transparent;color:var(--kbire-accent);font-size:.82rem;font-weight:700;padding:0}.signout-link:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}.control-band{display:flex;align-items:center;justify-content:space-between;gap:14px;width:min(1480px,100%);margin:0 auto;padding:10px 0 16px}.content-actions{width:min(1480px,100%);margin:0 auto 10px;display:flex;justify-content:flex-end}.content-actions .new-property-link{color:var(--kbire-accent-dark)}.content-actions .new-property-link:hover{color:var(--kbire-black)}.control-actions{display:flex;justify-content:flex-end}.style-control,.mode-control,.version-tabs{display:flex;align-items:center;gap:4px;padding:0;border:0;border-radius:var(--kbire-radius-lg);background:transparent}.style-control{overflow-x:auto}.style-band-control{display:flex;align-items:center;gap:10px;min-width:0}.style-label{color:var(--kbire-muted);font-size:.88rem;font-weight:800;white-space:nowrap}.property-controls .style-control{gap:2px;padding:3px;border:1px solid rgba(145,182,187,.22);background:#ffffff94;box-shadow:none}.style-control button,.mode-control button,.version-tab-button{display:inline-flex;align-items:center;gap:6px;min-height:34px;border:0;border-radius:var(--kbire-radius);background:transparent;color:var(--kbire-black);padding:8px 10px;transition:background .14s ease,color .14s ease,box-shadow .14s ease;white-space:nowrap}.style-control button.selected,.mode-control button.selected,.version-pill.active{background:#edf4f5;color:var(--kbire-black);box-shadow:none}.property-controls .style-control button.selected{background:linear-gradient(180deg,#7fa9af,var(--kbire-accent-dark));color:#fff;box-shadow:0 1px 3px #21211d24}.property-controls .style-control button:not(.selected):hover{background:#ffffffb3}.queue-summary{display:inline-flex;align-items:center;gap:8px;color:var(--kbire-muted);white-space:nowrap}.dropzone{width:min(1480px,100%);margin:0 auto;min-height:128px;display:grid;place-items:center;gap:7px;padding:22px;border:1.5px dashed var(--kbire-accent);border-radius:var(--kbire-radius-lg);background:#ffffffeb;color:var(--kbire-black);transition:border-color .16s ease,background .16s ease,transform .16s ease}.dropzone.active{border-color:var(--kbire-accent-dark);background:#eef5f6;transform:translateY(-1px)}.dropzone input{display:none}.dropzone span{font-weight:700}.dropzone small{color:var(--kbire-muted)}.notice-error{width:min(1480px,100%);margin:10px auto 0;color:#9f2d2d;font-weight:700}.property-list{width:min(1480px,100%);margin:18px auto 0;display:grid;gap:14px}.property-bundle{overflow:visible;border:0;border-radius:var(--kbire-radius-lg);background:#fffffff0;box-shadow:0 8px 18px #2b2b2b0a}.property-summary{width:100%;min-height:62px;display:flex;align-items:center;gap:12px;border:0;background:transparent;color:var(--kbire-black);cursor:pointer;padding:12px 14px;text-align:left}.property-summary:hover{background:#91b6bb2e}.property-summary:focus-visible{outline:2px solid var(--kbire-accent);outline-offset:-2px}.property-summary-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:0;background:transparent;color:var(--kbire-accent-dark);flex:0 0 auto;pointer-events:none;padding:0}.property-summary-text{flex:1 1 auto;min-width:0;display:grid;gap:3px}.property-summary-actions{display:flex;justify-content:flex-end;flex:0 0 auto}.property-title-row{display:inline-flex;align-items:center;gap:7px;justify-self:start;min-width:0;max-width:100%}.property-name-button,.property-name-input{width:100%;min-width:0;border:0;background:transparent;color:var(--kbire-black);padding:0;text-align:left}.property-name-button{display:block;flex:0 1 auto;width:auto;max-width:100%;overflow:hidden;font-size:1.02rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.property-name-button:hover{color:var(--kbire-accent-dark)}.property-edit-button{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:0;border-radius:var(--kbire-radius);background:transparent;color:var(--kbire-accent-dark);opacity:0;padding:0;pointer-events:none;transition:background .14s ease,color .14s ease,opacity .14s ease}.property-summary:hover .property-edit-button,.property-summary:focus-within .property-edit-button,.property-edit-button:focus-visible{opacity:1;pointer-events:auto}.property-edit-button:hover,.property-edit-button:focus-visible{background:#fff;color:var(--kbire-black)}.property-name-input{border-bottom:1px solid var(--kbire-accent);font-size:1.02rem;font-weight:800;outline:none}.property-summary-text small{color:var(--kbire-muted)}.property-body{display:grid;gap:14px;border-top:1px solid rgba(145,182,187,.2);padding:0 14px 14px}.property-controls{position:sticky;top:0;z-index:18;display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 -14px;padding:10px 14px;border-bottom:1px solid rgba(145,182,187,.2);border-radius:0;background:#edf4f5;box-shadow:0 8px 18px #2b2b2b0f}.process-all-button{white-space:nowrap}.photo-grid{width:min(1480px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0 0 16px}.property-body .photo-grid{width:100%;padding:0}.photo-card{position:relative;display:grid;gap:0;overflow:hidden;border:0;border-radius:var(--kbire-radius-lg);background:#fff;padding:0;box-shadow:0 4px 14px #2b2b2b0d}.photo-add-card{min-height:280px;display:grid;place-items:center;align-content:center;gap:8px;border:1.5px dashed var(--kbire-accent);border-radius:var(--kbire-radius-lg);background:#ffffffc7;color:var(--kbire-black);padding:18px;text-align:center;transition:border-color .16s ease,background .16s ease}.photo-add-card.active,.photo-add-card:hover{border-color:var(--kbire-accent-dark);background:#eef5f6}.photo-add-card input{display:none}.photo-add-card span{font-weight:800}.photo-card.accepted{box-shadow:0 4px 14px #2b2b2b0d}.image-frame{position:relative;aspect-ratio:4 / 3;display:grid;place-items:center;overflow:hidden;width:100%;border:0;border-radius:0;background:var(--kbire-charcoal);color:#fff;padding:0}.image-frame img{width:100%;height:100%;object-fit:cover;object-position:center center}.image-frame:hover .expand-badge,.image-frame:focus-visible .expand-badge{opacity:1;transform:translateY(0)}.image-frame:focus-visible{outline:2px solid var(--kbire-accent);outline-offset:2px}.expand-badge{position:absolute;bottom:10px;right:10px;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;border-radius:999px;background:#21211dc7;color:#fff;opacity:.82;transform:translateY(1px);transition:opacity .14s ease,transform .14s ease;z-index:8}.compare-frame{cursor:ew-resize}.compare-image,.compare-after{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.image-frame .compare-image{object-fit:cover}.preview-image-wrap .compare-image{object-fit:contain}.compare-after{overflow:hidden;z-index:1}.compare-handle{position:absolute;top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 0 1px #2b2b2b29,0 0 18px #00000052;pointer-events:none;transform:translate(-1px);z-index:4}.compare-handle span{position:absolute;top:50%;left:50%;width:36px;height:36px;border:2px solid #ffffff;border-radius:999px;background:#21211db8;box-shadow:0 8px 24px #0000004d;transform:translate(-50%,-50%)}.compare-handle span:before,.compare-handle span:after{content:"";position:absolute;top:50%;width:7px;height:7px;border-left:2px solid #ffffff;border-bottom:2px solid #ffffff}.compare-handle span:before{left:8px;transform:translateY(-50%) rotate(45deg)}.compare-handle span:after{right:8px;transform:translateY(-50%) rotate(225deg)}.compare-range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;cursor:ew-resize;opacity:0;z-index:6}.compare-label{position:absolute;top:10px;z-index:3;border-radius:var(--kbire-radius);padding:5px 8px;background:#21211dc7;color:#fff;font-size:.78rem;font-weight:700;pointer-events:none}.compare-before-label{left:10px}.compare-after-label{right:10px}.image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;align-content:center;gap:10px;background:#21211d94;color:#fff;font-weight:700;z-index:9}.processing-progress{width:min(220px,68%);height:5px;overflow:hidden;border-radius:999px;background:#ffffff47}.processing-progress span{display:block;height:100%;border-radius:inherit;background:var(--kbire-accent);transition:width .24s linear}.accept-badge{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;gap:6px;border:0;border-radius:var(--kbire-radius);padding:6px 9px;background:#21211dbd;color:#fff;font-size:.82rem;font-weight:700;z-index:10}.accept-badge:hover:not(:disabled){background:var(--kbire-accent-dark);color:#fff}.accept-badge.accepted{background:var(--kbire-accent-dark);color:#fff}.accept-badge:disabled{opacity:.78}.accept-badge.accepted:disabled{cursor:default;opacity:1}.version-tabs-shell{display:flex;align-items:center;gap:4px;min-width:0;width:100%}.version-tabs{min-width:0;flex:1 1 auto;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}.version-scroll-button{width:26px;min-width:26px;height:30px;border:0;border-radius:var(--kbire-radius);background:#edf4f5;color:var(--kbire-black);display:inline-flex;align-items:center;justify-content:center;padding:0}.version-scroll-button:hover:not(:disabled){background:var(--kbire-accent-dark);color:#fff}.version-pill{display:inline-flex;align-items:center;flex:0 0 auto;border-radius:var(--kbire-radius);color:var(--kbire-black)}.version-tab-button{min-height:30px;font-size:.84rem;padding-right:8px}.version-discard{display:inline-flex;align-items:center;justify-content:center;width:24px;min-height:24px;margin-right:3px;border:0;border-radius:var(--kbire-radius);background:transparent;color:inherit;padding:0}.version-discard:hover:not(:disabled){background:#9f2d2d1a;color:#9f2d2d}.photo-editor{display:grid;gap:0;border-radius:0;background:#fff;box-shadow:none}.photo-editor>*{padding:10px}.photo-editor>*+*{border-top:1px solid rgba(145,182,187,.16)}.photo-editor .version-tabs-shell{padding:8px 10px}.photo-editor .prompt-field{padding-top:9px}.photo-editor .card-actions{padding-top:10px}.prompt-field{display:grid;gap:6px}.prompt-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.prompt-field label{color:var(--kbire-black);font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.mode-links{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto}.mode-links button{min-height:auto;display:inline-flex;align-items:center;gap:4px;border:0;background:transparent;color:var(--kbire-muted);font-size:.8rem;font-weight:500;padding:0;white-space:nowrap}.mode-links button:hover,.mode-links button.selected{color:var(--kbire-accent-dark);text-decoration:underline;text-underline-offset:3px}.prompt-field textarea{width:100%;resize:vertical;min-height:78px;border:1px solid rgba(145,182,187,.32);border-radius:var(--kbire-radius);padding:9px 10px;color:var(--kbire-text);background:#fff}.prompt-field textarea:focus{border-color:var(--kbire-accent);box-shadow:0 0 0 3px #91b6bb2e;outline:none}.card-actions{display:grid;grid-template-columns:minmax(118px,1fr) 38px;gap:8px}.primary-button,.download-button,.secondary-button,.icon-text-button,.icon-button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--kbire-radius);border:1px solid var(--kbire-black);background:#fff;color:var(--kbire-black);font-weight:700;padding:8px 12px}.primary-button,.download-button{border-color:var(--kbire-black);background:var(--kbire-black);color:#fff}.secondary-button{border-color:#6f9da461;background:#fff;color:var(--kbire-black)}.primary-button:hover:not(:disabled),.download-button:hover:not(:disabled),.secondary-button:hover:not(:disabled),.icon-text-button:hover:not(:disabled),.icon-button:hover:not(:disabled){border-color:var(--kbire-accent-dark);background:var(--kbire-accent-dark);color:#fff}.download-button:disabled{border-color:#d5d5d5;background:#f6f6f6;color:#777}.icon-button{width:38px;padding:0}.trash-button{border-color:transparent;background:transparent}.trash-button:hover:not(:disabled){border-color:transparent}.danger{color:#9f2d2d}.error-text{margin:0;color:#a12d2d;font-size:.86rem}.preview-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:18px}.preview-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#21211dd1}.preview-panel{position:relative;z-index:1;width:min(1280px,100%);height:min(880px,calc(100vh - 36px));display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.preview-tabs{width:auto;max-width:calc(100vw - 96px)}.preview-close{flex:0 0 38px;border-color:#ffffff47;background:#ffffff1f;color:#fff}.preview-image-wrap{position:relative;min-height:0;display:grid;place-items:center;overflow:hidden;border-radius:var(--kbire-radius-lg);background:var(--kbire-charcoal);box-shadow:0 24px 80px #0000006b}.preview-image-wrap img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center center}.preview-image-wrap.compare-frame img{width:100%;height:100%}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.app-shell{padding:0 12px 18px}.topbar{margin:0 -12px 16px;min-height:0;padding:12px}.topbar,.property-controls{align-items:stretch;flex-direction:column}.brand img{width:min(220px,56vw);max-height:54px}.brand{gap:14px}.brand h1{font-size:.98rem;padding-left:14px;white-space:normal}.topbar-actions{justify-content:stretch}.account-block{justify-items:start}.account-block span{max-width:none}.style-band-control,.property-controls .style-control,.process-all-button,.download-button{width:100%}.style-band-control{align-items:stretch;flex-direction:column}.download-button{flex:1 1 auto}.photo-grid{grid-template-columns:1fr}.card-actions{grid-template-columns:1fr 38px}.preview-modal{padding:10px}.preview-panel{height:calc(100vh - 20px)}}@media(max-width:430px){.card-actions{grid-template-columns:1fr 38px}}