:root{color:#24272c;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f6f7f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}img{max-width:100%}#root,.intro-screen,.search-screen{min-height:100vh}.intro-screen{background:#07101d;padding:0;display:block;position:relative;overflow:hidden}.intro-screen:before,.intro-screen:after{display:none}.intro-hero{z-index:1;grid-template-columns:minmax(0,1fr) minmax(360px,470px);align-items:center;gap:56px;width:min(1180px,100%);min-height:100vh;margin:0 auto;padding:56px 40px 90px;display:grid;position:relative}.intro-hero:after{display:none}.intro-copy{max-width:650px}.intro-copy .eyebrow{color:#8ef0b1}.brand-row{align-items:center;gap:14px;margin-bottom:30px;display:flex}.brand-mark{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff1c;border:1px solid #ffffff24;border-radius:14px;place-items:center;height:68px;animation:5.2s ease-in-out infinite intro-float;display:grid;box-shadow:0 24px 60px #00000047}.brand-mark:nth-child(2){animation-delay:.7s}.logo-card{padding:14px 18px}.logo-card img{object-fit:contain;max-width:100%;max-height:100%;display:block}.opencv-logo-card{width:82px}.opencv-logo-card img{width:46px}.naver-logo-card{width:168px}.naver-logo-card img{width:126px}.intro-copy h1{color:#f8fbff;text-shadow:0 28px 70px #0000006b;max-width:720px;margin:12px 0 18px;font-size:clamp(44px,6vw,78px);line-height:1.02}.intro-description{color:#ecf4f8c2;max-width:560px;margin:0 0 34px;font-size:18px;line-height:1.75}.intro-actions{align-items:center;gap:12px;display:flex}.intro-actions .primary-button,.intro-actions .secondary-button{justify-content:center;align-items:center;min-height:52px;margin-top:0;padding:0 24px;display:inline-flex}.auth-actions{color:#ecf4f8bd;align-items:center;gap:10px;margin-top:14px;font-weight:800;display:flex}.intro-visual{transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-style:preserve-3d;background:linear-gradient(145deg,#ffffff24,#ffffff0b);border:1px solid #ffffff21;border-radius:18px;transition:transform .14s ease-out,box-shadow .18s;animation:6.4s ease-in-out infinite intro-visual-float;position:relative;overflow:hidden;box-shadow:0 34px 90px #0000005c}.intro-visual:before{display:none}.visual-toolbar{border-bottom:1px solid #ffffff1a;align-items:center;gap:8px;height:44px;padding:0 18px;display:flex}.visual-toolbar span{background:#cbd4dc;border-radius:50%;width:10px;height:10px}.visual-toolbar span:first-child{background:#e85d56}.visual-toolbar span:nth-child(2){background:#f2be42}.visual-toolbar span:nth-child(3){background:#49b86f}.visual-frame{aspect-ratio:4/5;background:#ffffff14;border-radius:12px;margin:18px;position:relative;overflow:hidden;transform:translateZ(26px)}.visual-frame img{object-fit:cover;width:100%;height:100%;display:block}.scan-box{aspect-ratio:1/1.18;border:2px solid #03c75a;border-radius:10px;align-items:start;width:52%;padding:10px;animation:3.8s ease-in-out infinite scan-box-drift;display:grid;position:absolute;bottom:18%;right:12%;box-shadow:0 0 0 999px #0811182e}.scan-box span{color:#fff;background:#03c75a;border-radius:6px;width:max-content;padding:5px 8px;font-size:12px;font-weight:800}.result-strip{grid-template-columns:1fr 1fr;gap:12px;padding:0 18px 18px;display:grid}.result-strip div{background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;padding:14px;transition:border-color .18s,transform .18s;transform:translateZ(18px)}.intro-visual:hover .result-strip div{border-color:#03c75a52;transform:translateZ(34px)translateY(-2px)}.result-strip strong,.result-strip span{display:block}.result-strip strong{color:#fff;font-size:20px}.result-strip span{color:#ecf4f894;margin-top:4px;font-size:13px}.dark-stack-zone{z-index:2;background:0 0;margin-top:0;position:relative;overflow:hidden}.dark-stack-zone:before{display:none}.dark-transition-spacer{color:#fff;background:0 0;min-height:auto;padding:28vh 40px 80px;position:relative;overflow:hidden}.dark-transition-spacer:before,.dark-transition-spacer:after{display:none}.transition-inner{z-index:1;width:min(1180px,100%);margin:0 auto;position:relative}.transition-inner h2{color:#fff;max-width:860px;margin:18px 0 0;font-size:clamp(34px,4.5vw,64px);line-height:1.08}.transition-flow-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:46px;display:grid}.transition-flow-card{opacity:0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(145deg,#ffffff21,#ffffff0a);border:1px solid #ffffff24;border-radius:14px;min-height:220px;padding:20px;transition:opacity .62s,transform .62s,border-color .18s,background-color .18s;transform:translateY(34px);box-shadow:0 28px 70px #00000047}.transition-flow-card.is-visible{opacity:1;transform:translateY(0)}.transition-flow-card:nth-child(2){transition-delay:90ms}.transition-flow-card:nth-child(3){transition-delay:.18s}.transition-flow-card:nth-child(4){transition-delay:.27s}.transition-flow-card:hover{background-color:#ffffff0f;border-color:#69df815c;transform:translateY(-6px)}.transition-flow-card span{color:#b8ffd0;background:#03c75a2e;border-radius:50%;place-items:center;width:44px;height:44px;font-weight:950;display:grid;box-shadow:0 0 30px #03c75a42}.transition-flow-card strong{color:#fff;margin-top:18px;font-size:20px;line-height:1.3;display:block}.transition-flow-card p{color:#ffffffad;margin:12px 0 0;line-height:1.65}.intro-deep-dive{z-index:2;color:#fff;background:0 0;margin-top:-1px;padding:72px 40px 120px;position:relative;overflow:hidden}.intro-deep-dive:before{display:none}.dark-motion-layer{pointer-events:none;position:absolute;inset:0}.motion-line{opacity:.42;background:linear-gradient(90deg,#0000,#69df816b,#7e57c252,#0000);width:140%;height:1px;animation:7s ease-in-out infinite dark-line-scan;position:absolute;left:-20%}.line-one{top:18%}.line-two{animation-delay:2.4s;top:58%}.motion-dot{opacity:.72;background:#69df81;border-radius:50%;width:10px;height:10px;animation:6s ease-in-out infinite dark-dot-float;position:absolute;box-shadow:0 0 26px #69df8194}.dot-one{top:24%;left:12%}.dot-two{animation-delay:1.2s;top:42%;right:18%}.dot-three{animation-delay:2.1s;bottom:18%;left:62%}.deep-dive-inner{z-index:1;width:min(1180px,100%);margin:0 auto;position:relative}.section-kicker{color:#b8ffd0;text-transform:uppercase;background:#03c75a1f;border:1px solid #69df8157;border-radius:999px;width:fit-content;padding:8px 12px;font-size:12px;font-weight:950}.intro-deep-dive h2{max-width:780px;margin:18px 0 0;font-size:clamp(32px,4vw,56px);line-height:1.12}.deep-dive-lead{color:#ffffffb8;max-width:760px;margin:22px 0 0;font-size:18px;line-height:1.78}.tech-category-grid{gap:28px;margin-top:48px;display:grid}.tech-category{grid-template-columns:minmax(220px,.34fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.category-label{color:#8ef0b1;letter-spacing:0;text-transform:uppercase;margin:0;font-size:12px;font-weight:950}.tech-category h3{color:#fff;margin:8px 0 0;font-size:24px;line-height:1.22}.tech-card-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.tech-stack-card{opacity:0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(145deg,#ffffff1f,#ffffff09);border:1px solid #ffffff24;border-radius:14px;min-height:178px;padding:18px;transition:opacity .62s,transform .62s,border-color .18s,background-color .18s;transform:translateY(34px);box-shadow:0 24px 62px #00000047}.tech-stack-card.is-visible{opacity:1;transform:translateY(0)}.tech-card-grid .tech-stack-card:nth-child(2){transition-delay:90ms}.tech-card-grid .tech-stack-card:nth-child(3){transition-delay:.18s}.tech-stack-card:hover{background-color:#ffffff0e;border-color:#69df815c;transform:translateY(-6px)}.tech-stack-card p{color:#ffffffad;margin:13px 0 0;line-height:1.62}.tech-stack-card .stack-title{align-items:center;gap:11px;display:flex}.tech-stack-card .stack-title img{object-fit:contain;filter:drop-shadow(0 10px 22px #00000052);width:32px;height:32px;display:block}.tech-stack-card .stack-title img.official-openai-logo{background:#fff;border-radius:6px;padding:4px}.tech-stack-card .stack-title strong{color:#fff;margin:0;font-size:19px;line-height:1.25}.pipeline-board{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:42px;display:grid}.pipeline-board article,.stack-grid article{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#ffffff1d,#ffffff09);border:1px solid #ffffff24;border-radius:12px;padding:18px;transition:border-color .18s,transform .18s,background-color .18s;box-shadow:0 22px 50px #0003}.pipeline-board article:hover,.stack-grid article:hover{background-color:#ffffff0b;border-color:#69df815c;transform:translateY(-4px)}.pipeline-board article{min-height:260px}.pipeline-board span{color:#fff;background:#03c75a;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:950;display:grid;box-shadow:0 0 28px #03c75a66}.pipeline-board h3,.stack-grid strong{color:#fff;margin:18px 0 0;font-size:20px;line-height:1.35;display:block}.pipeline-board p,.stack-grid p{color:#ffffffad;margin:12px 0 0;line-height:1.65}.stack-section{grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);align-items:start;gap:34px;margin-top:80px;display:grid}.stack-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.stack-grid article{min-height:170px}.stack-title{align-items:center;gap:10px;min-width:0;display:flex}.stack-title img{object-fit:contain;filter:drop-shadow(0 8px 18px #00000042);width:30px;height:30px;display:block}.stack-text-icon{color:#b8ffd0;background:#03c75a21;border:1px solid #69df8152;border-radius:7px;justify-content:center;align-items:center;height:30px;padding:0 7px;font-size:11px;font-weight:950;display:inline-flex}.tech-stack-card .stack-title .stack-text-icon{flex:0 0 32px;width:32px;height:32px;padding:0;font-size:10px;line-height:1;box-shadow:0 10px 22px #00000052}.stack-grid strong{margin-top:0;font-size:18px}@keyframes intro-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes intro-visual-float{0%,to{translate:0}50%{translate:0 -10px}}@keyframes scan-box-drift{0%,to{transform:translate(0)}50%{transform:translate(-6px,-8px)}}@keyframes dark-line-scan{0%,to{opacity:.18;transform:translateY(-24px)}45%{opacity:.54;transform:translateY(22px)}}@keyframes dark-dot-float{0%,to{transform:translate(0)scale(1)}50%{transform:translate(18px,-22px)scale(1.18)}}.search-screen{background:linear-gradient(#f7f8fa 0%,#eef2f5 100%);padding:36px}.app-header{justify-content:space-between;align-items:center;gap:24px;max-width:1280px;margin:0 auto 28px;display:flex}.header-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:8px;display:flex}.header-actions .text-button{white-space:nowrap;min-height:40px}.app-header h1{color:#171717;margin:6px 0 0;font-size:clamp(30px,4vw,46px);line-height:1.05}.eyebrow{color:#346a7d;letter-spacing:0;text-transform:uppercase;margin:0;font-size:12px;font-weight:700}.search-layout{grid-template-columns:minmax(320px,430px) minmax(0,1fr);gap:24px;max-width:1280px;margin:0 auto;display:grid}.step-modal-shell{gap:18px;max-width:1280px;margin:0 auto;display:grid}.step-rail{background:#ffffffc7;border:1px solid #dfe6ec;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:8px;display:grid;box-shadow:0 18px 42px #191d2414}.step-pill{color:#69727f;min-height:58px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;font-size:17px;font-weight:900;display:flex}.step-pill span{color:#346a7d;text-transform:uppercase;font-size:12px}.step-pill.is-active{color:#fff;background:#15181d;box-shadow:0 16px 28px #15181d2e}.step-pill.is-active span{color:#9deeb7}.step-pill:disabled{cursor:not-allowed;opacity:.45}.step-modal{background:linear-gradient(#fffffff5,#f8fafbf5);border:1px solid #dde6ee;border-radius:14px;overflow:hidden;box-shadow:0 28px 70px #191d241f}.step-one-modal{justify-self:center;width:100%;max-width:780px}.step-one-modal .upload-panel{box-shadow:none;border:0}.step-two-modal{padding:24px}.result-modal-toolbar{border-bottom:1px solid #e2e8ee;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;padding-bottom:18px;display:flex}.result-modal-toolbar h2{color:#171717;margin:6px 0 0;font-size:clamp(26px,3vw,38px);line-height:1.08}.result-modal-toolbar .secondary-button{flex:none;margin-top:0}.step-two-modal .result-panel{min-height:0;box-shadow:none;background:0 0;border:0;padding:0}.step-two-modal .result-panel>.panel-heading{display:none}.step-two-modal .result-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.step-two-modal .result-card{box-shadow:0 10px 24px #191d240f}.step-two-modal .result-card img,.step-two-modal .missing-image{aspect-ratio:1}.step-two-modal .result-card-body{padding:12px}.step-two-modal .result-card h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:42px;margin-bottom:6px;font-size:14px;line-height:1.45;display:-webkit-box;overflow:hidden}.step-two-modal .mall-name,.step-two-modal .price-text,.step-two-modal .score-text{margin-bottom:6px;font-size:13px}.step-two-modal .result-card a,.step-two-modal .disabled-link{min-height:36px;font-size:13px}.feature-summary{background:linear-gradient(135deg,#03c75a14,#ffffffe6),#fff;border:1px solid #dcebe4;border-radius:12px;gap:12px;margin-bottom:16px;padding:16px;display:grid}.feature-summary.is-muted{background:#f8fafb;border-color:#e3e8ed}.feature-summary-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.feature-summary h3{color:#15181d;margin:4px 0 0;font-size:20px}.feature-summary p{color:#4f5b68;margin:0;font-weight:700;line-height:1.55}.feature-summary-heading>span{color:#fff;background:#15181d;border-radius:999px;flex:none;padding:7px 10px;font-size:12px;font-weight:900}.feature-chip-list{flex-wrap:wrap;gap:8px;display:flex}.feature-chip-list span{color:#1f5264;background:#fff;border:1px solid #03c75a3d;border-radius:999px;padding:7px 10px;font-size:13px;font-weight:900}.step-two-modal .result-grid-pop .result-card{opacity:0;animation:.56s cubic-bezier(.2,.9,.22,1.28) forwards product-pop-in;transform:translateY(22px)scale(.94)}.step-two-modal .result-grid-pop .result-card:nth-child(2){animation-delay:80ms}.step-two-modal .result-grid-pop .result-card:nth-child(3){animation-delay:.15s}.step-two-modal .result-grid-pop .result-card:nth-child(4){animation-delay:.22s}.step-two-modal .result-grid-pop .result-card:nth-child(5){animation-delay:.29s}.step-two-modal .result-grid-pop .result-card:nth-child(6){animation-delay:.36s}.panel{background:#fff;border:1px solid #e2e7ec;border-radius:8px;box-shadow:0 18px 44px #191d2414}.panel-heading{margin-bottom:20px}.panel-heading h2,.upload-modal h2{color:#222;margin:6px 0 0;font-size:23px;line-height:1.2}.panel-description{color:#687482;margin:10px 0 0;font-size:14px;line-height:1.55}.upload-panel{flex-direction:column;min-height:650px;padding:24px;display:flex}.image-dropzone{cursor:pointer;background:#fafafa;border:1px dashed #cdd2d8;border-radius:8px;place-items:center;min-height:400px;transition:border-color .18s,box-shadow .18s,transform .18s,background-color .18s;display:grid;position:relative;overflow:hidden}.image-dropzone.has-image{background:#f0f1f3;border-style:solid}.image-dropzone:hover{background:#f5fbf7;border-color:#03c75a;transform:translateY(-1px);box-shadow:0 18px 34px #03c75a1f}.image-dropzone input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.modal-preview img,.result-card img,.missing-image{object-fit:cover;width:100%;height:100%;display:block}.image-dropzone img{object-fit:contain;width:100%;height:100%;display:block}.image-dropzone img.upload-preview-pop{animation:.62s cubic-bezier(.18,.92,.24,1.18) upload-preview-pop}.empty-upload{color:#7a7d85;text-align:center;place-items:center;gap:14px;padding:24px;display:grid}.empty-upload span{color:#222;background:#fff;border-radius:50%;place-items:center;width:54px;height:54px;font-size:34px;line-height:1;display:grid;box-shadow:0 10px 26px #2023281a}.empty-upload small{color:#346a7d;font-weight:800}.primary-button,.secondary-button,.text-button,.result-card a{font:inherit;cursor:pointer;border:0;border-radius:8px;font-weight:700;transition:transform .18s,box-shadow .18s,background-color .18s}.primary-button,.secondary-button{min-height:48px;padding:0 24px}.primary-button{color:#fff;background:#15181d;box-shadow:0 14px 26px #1717172e}.primary-button:hover,.secondary-button:hover,.result-card a:hover{transform:translateY(-1px)}.primary-button:disabled{cursor:not-allowed;opacity:.45;transform:none}.secondary-button{color:#222;background:#fff;border:1px solid #dcdfe4;margin-top:22px}.text-button{color:#4d5561;background:#fff;border:1px solid #d9dfe5;padding:8px 12px}.file-picker{color:#343b45;gap:10px;margin-top:20px;font-weight:700;display:grid}.file-picker input{color:#343b45;background:#f8fafb;border:1px solid #d9dfe5;border-radius:8px;width:100%;padding:12px}.crop-mode-tabs{background:#f6f8fa;border:1px solid #dfe6ec;border-radius:8px;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;padding:6px;display:grid}.crop-mode-tabs button{color:#5d6673;min-height:40px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;font-weight:800}.crop-mode-tabs button.is-active{color:#15181d;background:#fff;box-shadow:0 8px 18px #18212b14}.manual-cropper{gap:12px;margin-top:14px;display:grid}.crop-stage{touch-action:none;background:#111820;border:1px solid #dfe6ec;border-radius:8px;position:relative;overflow:hidden}.crop-stage img{opacity:.88;width:100%;height:auto;display:block}.crop-selection{cursor:move;background-image:linear-gradient(#ffffff7a 1px,#0000 1px),linear-gradient(90deg,#ffffff7a 1px,#0000 1px);background-size:33.33% 33.33%;border:2px solid #03c75a;border-radius:8px;align-items:start;padding:8px;display:grid;position:absolute;box-shadow:0 0 0 999px #040c125c}.crop-selection span{color:#fff;background:#03c75a;border-radius:5px;width:max-content;padding:4px 7px;font-size:11px;font-weight:900}.crop-handle{cursor:nwse-resize;background:#03c75a;border:2px solid #fff;border-radius:50%;width:18px;height:18px;position:absolute}.crop-handle-nw{cursor:nwse-resize;top:-9px;left:-9px}.crop-handle-n{cursor:ns-resize;top:-9px;left:calc(50% - 9px)}.crop-handle-ne{cursor:nesw-resize;top:-9px;right:-9px}.crop-handle-e{cursor:ew-resize;top:calc(50% - 9px);right:-9px}.crop-handle-se{cursor:nwse-resize;bottom:-9px;right:-9px}.crop-handle-s{cursor:ns-resize;bottom:-9px;left:calc(50% - 9px)}.crop-handle-sw{cursor:nesw-resize;bottom:-9px;left:-9px}.crop-handle-w{cursor:ew-resize;top:calc(50% - 9px);left:-9px}.crop-apply-button{min-height:42px;margin-top:0}.opencv-process{background:#f8fafb;border:1px solid #dfe6ec;border-radius:8px;grid-template-columns:108px minmax(0,1fr);gap:14px;margin-top:14px;padding:12px;display:grid}.opencv-scan-preview{aspect-ratio:4/5;background:#111820;border-radius:8px;position:relative;overflow:hidden}.opencv-scan-preview img{object-fit:cover;opacity:.8;width:100%;height:100%}.opencv-scan-preview span{border:2px solid #03c75a;border-radius:8px;width:64%;height:62%;position:absolute;top:18%;left:18%}.opencv-scan-preview:before{content:"";background-image:linear-gradient(#03c75a1f 1px,#0000 1px),linear-gradient(90deg,#03c75a1f 1px,#0000 1px);background-size:18px 18px;position:absolute;inset:0}.opencv-process.is-running .opencv-scan-preview span:after{content:"";background:#fff;width:100%;height:2px;animation:1.3s ease-in-out infinite scan-line;position:absolute;top:0;left:0;box-shadow:0 0 18px #03c75a}.matrix-readout{color:#fff;text-align:center;background:#061218c2;border:1px solid #03c75aad;border-radius:6px;min-width:48px;padding:6px;display:grid;position:absolute;bottom:8px;right:8px}.matrix-readout b{font-size:13px;line-height:1}.matrix-readout small{color:#7df0ae;margin-top:3px;font-size:10px;font-weight:900}.opencv-process ol{align-content:center;gap:8px;margin:0;padding:0;list-style:none;display:grid}.opencv-process li{color:#5d6673;background:#fff;border:1px solid #e3e8ed;border-radius:7px;padding:9px 10px 9px 32px;font-size:13px;font-weight:800;position:relative}.opencv-process li:before{content:"";background:#b9c3cc;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.opencv-process li.is-active:before{background:#03c75a;box-shadow:0 0 0 5px #03c75a21}.auto-crop-button{grid-column:1/-1;min-height:42px;margin-top:0}.opencv-crop-review{background:#f8fafb;border:1px solid #dfe6ec;border-radius:8px;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;padding:10px;display:grid}.review-frame{gap:8px;display:grid}.review-frame p{color:#4f5b68;text-transform:uppercase;margin:0;font-size:12px;font-weight:900}.review-image{background:#101820;border-radius:8px;position:relative;overflow:hidden}.review-image img{object-fit:unset;width:100%;height:auto;display:block}.original-review-image img{opacity:.82}.detected-roi{border:2px solid #03c75a;border-radius:7px;position:absolute;box-shadow:0 0 0 999px #050e1457,0 0 22px #03c75a7a}.detected-roi:before{color:#fff;content:"Detected ROI";white-space:nowrap;background:#03c75a;border-radius:5px;padding:4px 7px;font-size:11px;font-weight:900;position:absolute;top:-26px;left:0}.crop-metadata{border-top:1px solid #e3e8ed;grid-column:1/-1;justify-content:space-between;gap:8px;padding-top:10px;display:flex}.crop-metadata span{color:#1f5264;background:#e9f2f4;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:900}@keyframes scan-line{0%{transform:translateY(0)}50%{transform:translateY(190px)}to{transform:translateY(0)}}.selected-file{color:#5d6673;overflow-wrap:anywhere;margin:12px 0 0;font-size:14px}.pending-crop-message{color:#346a7d;background:#f4f9fb;border:1px solid #d9e7ef;border-radius:8px;margin:12px 0 0;padding:12px;font-weight:800;line-height:1.45}.error-message{color:#a33a3a;background:#fff6f6;border:1px solid #f0c6c6;border-radius:8px;margin:12px 0 0;padding:12px;font-weight:700}.search-button{width:100%;margin-top:auto}.result-panel{min-height:650px;padding:24px}.empty-results{color:#7a7d85;text-align:center;background:#fafafa;border-radius:8px;place-items:center;min-height:520px;display:grid}.search-loading-overlay{z-index:40;-webkit-backdrop-filter:blur(10px)saturate(1.14);backdrop-filter:blur(10px)saturate(1.14);background:linear-gradient(120deg,#040e14d1,#0712198f),radial-gradient(circle at 18% 20%,#03c75a33,#0000 30%),radial-gradient(circle at 84% 74%,#4d91a82e,#0000 34%);align-items:stretch;padding:28px;display:grid;position:fixed;inset:0}.fashion-loading-stage{background-color:#0610176b;background-image:linear-gradient(#69df810d 1px,#0000 1px),linear-gradient(90deg,#69df810a 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:36px 36px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #ffffff2e;border-radius:18px;grid-template-rows:auto auto 1fr auto;gap:24px;width:100%;min-height:calc(100vh - 56px);padding:28px;display:grid;box-shadow:inset 0 1px #ffffff29}.backend-flow-rail{color:#ffffffdb;text-transform:uppercase;background:#ffffff14;border:1px solid #ffffff29;border-radius:12px;grid-template-columns:auto 1fr auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:10px;padding:11px 14px;font-size:12px;font-weight:950;display:grid}.backend-flow-rail span{overflow-wrap:anywhere;text-align:center;min-width:0}.backend-flow-rail i{background:#ffffff29;border-radius:999px;height:2px;position:relative;overflow:hidden}.backend-flow-rail i:after{content:"";background:linear-gradient(90deg,#0000,#69df81,#0000);animation:1.8s ease-in-out infinite backend-rail-flow;position:absolute;inset:0}.fashion-loading-header{justify-content:space-between;align-items:end;gap:18px;display:flex}.fashion-loading-header span{color:#b8ffd0;white-space:normal;background:#03c75a1f;border:1px solid #69df8161;border-radius:999px;max-width:100%;padding:8px 12px;font-size:13px;font-weight:900}.fashion-loading-header h2{color:#fff;text-align:right;text-shadow:0 12px 34px #00000061;max-width:780px;overflow-wrap:keep-all;margin:0;font-size:clamp(24px,3.2vw,42px);line-height:1.12}.fashion-search-flow{grid-template-columns:1fr 1.05fr 1fr;align-items:stretch;gap:18px;min-height:0;display:grid}.garment-scan-panel,.feature-vector-panel,.ranking-panel{color:#fff;background:radial-gradient(circle at 50% 42%,#03c75a24,#0000 42%),linear-gradient(#728e9a1c 1px,#0000 1px) 0 0/24px 24px,linear-gradient(90deg,#728e9a1a 1px,#0000 1px) 0 0/24px 24px,#09161f94;border:1px solid #fff3;border-radius:14px;grid-template-rows:minmax(0,1fr) auto;align-content:stretch;gap:14px;min-height:0;padding:22px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff24,0 24px 70px #0003}.garment-scan-panel:after,.feature-vector-panel:after,.ranking-panel:after{content:"";background:linear-gradient(110deg,#0000 12%,#ffffff14,#0000 44%);animation:3.8s ease-in-out infinite panel-sheen;position:absolute;inset:0;transform:translate(-120%)}.feature-vector-panel:after{animation-delay:.8s}.ranking-panel:after{animation-delay:1.55s}.scan-device{background:radial-gradient(circle at 50% 42%,#03c75a33,#0000 38%),#ffffff09;border-radius:12px;place-items:center;height:clamp(190px,30vh,310px);min-height:0;display:grid;position:relative}.scan-garment{filter:drop-shadow(0 22px 34px #00000057);width:172px;height:218px;animation:2.8s ease-in-out infinite garment-breathe;position:relative}.garment-body{background:linear-gradient(145deg,#2b3445,#101826);border-radius:28px 28px 18px 18px;width:108px;height:158px;position:absolute;top:44px;left:32px}.garment-neck{z-index:2;border:9px solid #243145;border-bottom-color:#0000;border-radius:50%;width:34px;height:34px;position:absolute;top:23px;left:69px}.garment-sleeve{background:linear-gradient(160deg,#222c3d,#111826);border-radius:28px;width:54px;height:132px;position:absolute;top:59px}.sleeve-left{left:4px;transform:rotate(14deg)}.sleeve-right{right:4px;transform:rotate(-14deg)}.scan-window{border:2px solid #69df81;border-radius:10px;width:74%;height:65%;animation:2.8s ease-in-out infinite crop-window-pulse;position:absolute;top:18%;left:13%;box-shadow:0 0 0 999px #050c122e,0 0 28px #69df816b}.scan-beam{background:#fff;border-radius:999px;width:72%;height:3px;animation:2.4s ease-in-out infinite scan-beam;position:absolute;top:20%;left:14%;box-shadow:0 0 18px #ffffffdb,0 0 34px #03c75ab8}.crop-corner{filter:drop-shadow(0 0 12px #69df81b3);border-style:solid;border-color:#69df81;width:28px;height:28px;position:absolute}.corner-a{border-width:3px 0 0 3px;top:18%;left:13%}.corner-b{border-width:3px 3px 0 0;top:18%;right:13%}.corner-c{border-width:0 0 3px 3px;bottom:17%;left:13%}.corner-d{border-width:0 3px 3px 0;bottom:17%;right:13%}.stage-caption{z-index:2;gap:4px;min-width:0;padding-top:2px;display:grid;position:relative}.stage-caption strong{overflow-wrap:keep-all;font-size:20px}.stage-caption span{color:#ffffffa8;overflow-wrap:keep-all;word-break:keep-all;font-size:13px;font-weight:800}.feature-vector-panel{background:radial-gradient(circle at 50% 38%,#03c75a33,#0000 42%),linear-gradient(#728e9a1c 1px,#0000 1px) 0 0/22px 22px,linear-gradient(90deg,#728e9a1a 1px,#0000 1px) 0 0/22px 22px,#0a121b9e}.feature-vector-visual{align-content:center;gap:10px;min-height:0;display:grid}.feature-orb{justify-self:center;place-items:center;width:clamp(120px,16vh,170px);height:clamp(120px,16vh,170px);margin-top:6px;display:grid;position:relative}.orb-ring{border:1px solid #69df8180;border-radius:50%;position:absolute;inset:0}.ring-a{animation:3.2s linear infinite orbit-tilt}.ring-b{border-color:#ffffff52;animation:2.5s linear infinite reverse orbit-tilt;inset:22px}.orb-core{color:#fff;background:#03c75a;border-radius:50%;place-items:center;width:86px;height:86px;font-size:28px;font-weight:950;display:grid;box-shadow:0 0 36px #03c75aa3}.feature-bars{gap:10px;margin:16px 0 8px;display:grid}.feature-bars span{width:var(--bar-size);transform-origin:0;background:linear-gradient(90deg,#69df81,#fff);border-radius:999px;height:10px;animation:2.2s ease-in-out infinite feature-bar}.feature-bars span:nth-child(2){animation-delay:.15s}.feature-bars span:nth-child(3){animation-delay:.3s}.feature-bars span:nth-child(4){animation-delay:.45s}.feature-bars span:nth-child(5){animation-delay:.6s}.vector-stream{gap:14px;display:grid;position:absolute;top:44%;right:-18px}.vector-stream span{opacity:0;background:#69df81;border-radius:999px;width:44px;height:8px;animation:1.8s ease-in-out infinite vector-stream}.vector-stream span:nth-child(2){animation-delay:.18s}.vector-stream span:nth-child(3){animation-delay:.36s}.vector-stream span:nth-child(4){animation-delay:.54s}.vector-stream span:nth-child(5){animation-delay:.72s}.ranking-panel{gap:14px}.qdrant-vector-space{background:radial-gradient(circle at 64% 48%,#69df8138,#0000 29%),radial-gradient(circle at 24% 72%,#ffffff1a,#0000 22%),#ffffff09;border-radius:12px;height:clamp(190px,30vh,310px);min-height:0;position:relative;overflow:hidden}.vector-axis{background:#fff3;height:1px;position:absolute;top:50%;left:12%;right:12%}.axis-y{width:1px;height:auto;inset:12% auto 12% 50%}.query-vector{z-index:4;color:#fff;background:#03c75a;border-radius:50%;place-items:center;width:54px;height:54px;font-weight:950;animation:1.8s ease-in-out infinite query-vector-pulse;display:grid;position:absolute;top:48%;left:64%;transform:translate(-50%,-50%);box-shadow:0 0 0 8px #03c75a29,0 0 34px #03c75aad}.nearest-ring{border:1px solid #69df8173;border-radius:50%;width:190px;height:190px;animation:2.4s ease-in-out infinite nearest-ring;position:absolute;top:48%;left:64%;transform:translate(-50%,-50%)}.vector-point{left:var(--x);top:var(--y);z-index:3;width:13px;height:13px;animation:2.8s ease-in-out infinite vector-point-float;animation-delay:var(--delay);background:#ffffff57;border:2px solid #ffffffc7;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.vector-point.hit{background:#69df81;border-color:#69df81;width:17px;height:17px;box-shadow:0 0 20px #69df81bd}.similarity-line{z-index:2;transform-origin:0;opacity:.82;background:linear-gradient(90deg,#69df8100,#69df81);border-radius:999px;height:2px;animation:2s ease-in-out infinite similarity-line;position:absolute;box-shadow:0 0 12px #69df816b}.line-a{width:58px;top:48%;left:64%;transform:rotate(-138deg)}.line-b{width:58px;animation-delay:.25s;top:48%;left:64%;transform:rotate(18deg)}.line-c{width:68px;animation-delay:.5s;top:48%;left:64%;transform:rotate(132deg)}.search-progress-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.search-progress-steps div{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:10px;justify-content:center;align-items:center;gap:10px;min-width:0;min-height:46px;font-weight:950;display:flex}.search-progress-steps strong{overflow-wrap:anywhere;min-width:0}.step-dot{background:#03c75a;border-radius:50%;width:10px;height:10px;animation:1.45s ease-out infinite step-pulse;box-shadow:0 0 #03c75a6b}.delay-a{animation-delay:.35s}.delay-b{animation-delay:.7s}@keyframes panel-sheen{0%,28%{transform:translate(-120%)}72%,to{transform:translate(120%)}}@keyframes backend-rail-flow{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes garment-breathe{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-4px)scale(1.02)}}@keyframes crop-window-pulse{0%,to{transform:scale(1)}50%{transform:scale(.95)}}@keyframes scan-beam{0%{opacity:.35;top:20%}45%{opacity:1}to{opacity:.35;top:78%}}@keyframes orbit-tilt{0%{transform:rotateX(62deg)rotate(0)}to{transform:rotateX(62deg)rotate(360deg)}}@keyframes feature-bar{0%,to{opacity:.55;transform:scaleX(.68)}50%{opacity:1;transform:scaleX(1)}}@keyframes vector-stream{0%{opacity:0;transform:translate(-120px)}45%{opacity:1}to{opacity:0;transform:translate(44px)}}@keyframes query-vector-pulse{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.08)}}@keyframes nearest-ring{0%,to{opacity:.32;transform:translate(-50%,-50%)scale(.84)}50%{opacity:.9;transform:translate(-50%,-50%)scale(1.06)}}@keyframes vector-point-float{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(calc(6px - 50%),calc(-50% - 8px))}}@keyframes similarity-line{0%,to{opacity:.22;filter:saturate(.8)}50%{opacity:1;filter:saturate(1.4)}}@keyframes step-pulse{0%{box-shadow:0 0 #03c75a7a}to{box-shadow:0 0 0 12px #03c75a00}}@keyframes product-pop-in{0%{opacity:0;transform:translateY(22px)scale(.94)}62%{opacity:1;transform:translateY(-5px)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes save-toast-pop{0%{opacity:0;transform:translate(-50%,12px)scale(.96)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes upload-preview-pop{0%{opacity:0;filter:blur(8px);transform:scale(.86)translateY(18px)}58%{opacity:1;filter:blur();transform:scale(1.025)translateY(-3px)}to{opacity:1;filter:blur();transform:scale(1)translateY(0)}}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.result-summary{background:#f8fafb;border:1px solid #e3e8ed;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:14px;display:flex}.result-summary p{color:#4f5b68;margin:0;font-weight:800}.result-summary .secondary-button{flex:none;min-height:42px;margin-top:0;padding:0 16px}.result-card{background:#fff;border:1px solid #e7e9ec;border-radius:8px;overflow:hidden;box-shadow:0 12px 30px #191d2412}.result-card img{aspect-ratio:4/5;background:#eef0f2;height:auto}.missing-image{aspect-ratio:4/5;color:#7a7d85;background:#eef0f2;place-items:center;height:auto;font-weight:700;display:grid}.result-card-body{padding:16px}.result-card h3{color:#222;min-height:48px;margin:0 0 8px;font-size:16px;line-height:1.45}.mall-name,.price-text,.score-text{margin:0 0 8px}.mall-name{color:#5d6673}.price-text{color:#171717;font-weight:700}.score-text{color:#346a7d;font-weight:800}.result-card a,.disabled-link{color:#1f5264;background:#e9f2f4;justify-content:center;align-items:center;width:100%;min-height:42px;margin-top:8px;text-decoration:none;display:inline-flex}.disabled-link{color:#8a929c;background:#f1f3f5}.save-result-button{color:#15181d;width:100%;min-height:36px;font:inherit;cursor:pointer;background:#fff;border:1px solid #dce6ec;border-radius:8px;margin-top:8px;font-size:13px;font-weight:900}.save-toast{z-index:60;color:#fff;background:#15181d;border-radius:999px;padding:10px 14px;font-weight:900;animation:.22s ease-out save-toast-pop;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 14px 28px #15181d38}.modal-backdrop{z-index:10;background:#11131675;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.upload-modal{background:#fff;border-radius:26px;width:min(560px,100%);padding:26px;box-shadow:0 28px 80px #00000038}.auth-modal,.saved-modal{background:#fff;border-radius:16px;width:min(520px,100%);max-height:calc(100vh - 48px);padding:24px;overflow:auto;box-shadow:0 28px 80px #00000038}.auth-modal{gap:16px;display:grid}.auth-modal h2,.saved-modal h2{color:#222;margin:6px 0 0;font-size:24px}.auth-modal label{color:#343b45;gap:8px;font-weight:800;display:grid}.auth-modal input{min-height:44px;font:inherit;border:1px solid #d9dfe5;border-radius:8px;padding:0 12px}.auth-reason{color:#1f5264;background:#f0f8f3;border-radius:8px;margin:0;padding:10px 12px;font-weight:800}.saved-modal{width:min(980px,100%)}.saved-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin-top:18px;display:grid}.saved-card{background:#fff;border:1px solid #e7e9ec;border-radius:8px;overflow:hidden;box-shadow:0 10px 24px #191d2412}.saved-card img,.saved-card .missing-image{aspect-ratio:1;object-fit:cover;width:100%;display:block}.saved-card-body{gap:7px;padding:12px;display:grid}.saved-card h3{color:#222;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:40px;margin:0;font-size:14px;line-height:1.45;display:-webkit-box;overflow:hidden}.saved-card p,.saved-card small{color:#5d6673;margin:0}.saved-card strong{color:#171717}.saved-card a{color:#1f5264;font-weight:900}.delete-button{width:100%}.modal-header,.modal-actions{justify-content:space-between;align-items:center;gap:16px;display:flex}.file-field{color:#4f535a;gap:10px;margin:22px 0 16px;font-weight:700;display:grid}.file-field input{box-sizing:border-box;color:#34373d;background:#fafafa;border:1px solid #dcdfe4;border-radius:14px;width:100%;padding:12px}.modal-preview{color:#7a7d85;text-align:center;background:#f5f6f7;border-radius:20px;place-items:center;min-height:300px;max-height:420px;display:grid;overflow:hidden}.modal-actions{justify-content:flex-end;margin-top:20px}@media (width<=980px){.intro-screen{align-items:flex-start;padding:0}.intro-hero{grid-template-columns:1fr;gap:32px}.intro-visual{max-width:520px}.search-screen{padding:24px}.app-header{flex-direction:column;align-items:flex-start}.header-actions{justify-content:flex-start}.search-layout{grid-template-columns:1fr}.step-one-modal{max-width:none}.upload-panel,.result-panel{min-height:auto}.image-dropzone,.empty-results{min-height:340px}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.intro-screen,.search-screen{padding:14px}.upload-modal,.panel{border-radius:8px}.intro-screen{background:#07101d;min-height:100svh;padding:0;display:block}.intro-screen:after{display:none}.intro-hero{flex-direction:column;justify-content:space-between;gap:18px;min-height:calc(100svh - 28px);padding:18px 14px 42px;display:flex}.intro-hero:after{height:18vh}.intro-copy{gap:14px;max-width:none;padding-top:6px;display:grid}.brand-row{gap:8px;margin-bottom:4px}.brand-mark{border-radius:10px;height:48px}.opencv-logo-card{width:62px}.opencv-logo-card img{width:34px}.naver-logo-card{width:118px}.naver-logo-card img{width:90px}.intro-copy h1{max-width:360px;margin:0;font-size:clamp(34px,11vw,46px);line-height:1.04}.intro-description{max-width:360px;margin:0;font-size:15px;line-height:1.62}.intro-actions{grid-template-columns:1fr;gap:9px;margin-top:4px;display:grid}.intro-actions .primary-button,.intro-actions .secondary-button{width:100%;min-height:50px}.auth-actions{flex-direction:column;align-items:stretch;margin-top:0}.auth-actions .text-button{width:100%}.intro-visual{border-radius:12px;width:100%;max-width:none;animation-duration:7.2s;transform:none}.visual-toolbar{height:34px;padding:0 12px}.visual-frame{aspect-ratio:16/11;margin:12px}.scan-box{width:42%;padding:7px;bottom:13%;right:10%}.scan-box span{font-size:10px}.result-strip{gap:8px;padding:0 12px 12px}.result-strip div{padding:10px}.result-strip strong{font-size:17px}.dark-transition-spacer{background:0 0;min-height:auto;padding:22vh 14px 56px}.transition-inner h2{font-size:32px;line-height:1.12}.transition-flow-grid{grid-template-columns:1fr;gap:10px;margin-top:30px}.transition-flow-card{min-height:auto;padding:16px}.transition-flow-card strong{font-size:18px}.transition-flow-card p{font-size:14px;line-height:1.58}.intro-deep-dive{margin-top:-1px;padding:54px 14px 80px}.tech-category-grid{gap:30px;margin-top:34px}.tech-category{grid-template-columns:1fr;gap:12px}.tech-category h3{font-size:21px}.tech-card-grid{grid-template-columns:1fr;gap:10px}.tech-stack-card{min-height:auto;padding:16px}.tech-stack-card .stack-title img{width:28px;height:28px}.tech-stack-card .stack-title strong{font-size:17px}.intro-deep-dive h2{font-size:30px}.deep-dive-lead{font-size:15px;line-height:1.68}.pipeline-board,.stack-section,.stack-grid{grid-template-columns:1fr}.pipeline-board{gap:10px;margin-top:28px}.pipeline-board article,.stack-grid article{min-height:auto;padding:16px}.dark-motion-layer{opacity:.72}.pipeline-board h3,.stack-grid strong{margin-top:14px;font-size:18px}.stack-title{gap:8px}.stack-title img{width:26px;height:26px}.stack-text-icon{height:26px;font-size:10px}.stack-title strong{margin-top:0}.pipeline-board p,.stack-grid p{font-size:14px;line-height:1.58}.stack-section{gap:22px;margin-top:54px}.search-screen{background:linear-gradient(#f8fafb 0%,#eef3f5 100%)}.app-header{z-index:8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;border:1px solid #dce6ece6;border-radius:12px;gap:12px;margin-bottom:14px;padding:12px;position:sticky;top:0;box-shadow:0 16px 34px #191d2414}.app-header h1{font-size:26px}.header-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}.header-actions .text-button{text-align:center;width:100%;min-height:38px;padding:8px}.result-grid{grid-template-columns:1fr}.step-modal-shell{gap:12px}.step-rail{border-radius:12px;grid-template-columns:1fr 1fr;padding:5px}.step-pill{text-align:center;flex-direction:column;gap:2px;min-height:50px;padding:0 8px;font-size:14px}.step-modal{border-radius:12px}.upload-panel{padding:16px}.panel-heading{margin-bottom:14px}.panel-heading h2{font-size:21px}.image-dropzone,.empty-results{min-height:260px}.crop-mode-tabs{grid-template-columns:1fr}.crop-mode-tabs button{min-height:44px}.step-two-modal{padding:14px}.step-two-modal .result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.result-modal-toolbar{flex-direction:column;align-items:stretch;gap:12px}.result-modal-toolbar .secondary-button{width:100%}.feature-summary{padding:13px}.feature-summary-heading{flex-direction:column;align-items:flex-start}.feature-chip-list{max-height:96px;overflow:auto}.step-two-modal .result-card-body{padding:10px}.step-two-modal .result-card h3{font-size:13px}.save-result-button,.step-two-modal .result-card a,.step-two-modal .disabled-link{min-height:34px}.modal-backdrop{align-items:end;padding:10px}.auth-modal,.saved-modal,.upload-modal{border-radius:16px 16px 10px 10px;width:100%;max-height:calc(100svh - 20px);padding:18px}.saved-grid{grid-template-columns:1fr;gap:10px}.saved-card{grid-template-columns:96px 1fr;display:grid}.saved-card img,.saved-card .missing-image{height:100%;min-height:136px}.modal-header,.modal-actions{flex-direction:column;align-items:stretch}.modal-actions .primary-button,.modal-actions .secondary-button{width:100%}.result-summary{flex-direction:column;align-items:stretch}.opencv-process{grid-template-columns:1fr}.opencv-scan-preview{max-height:220px}.opencv-crop-review{grid-template-columns:1fr}.crop-metadata{flex-direction:column}.search-loading-overlay{padding:14px}.fashion-loading-stage{gap:14px;max-height:calc(100vh - 28px);padding:18px;overflow:auto}.fashion-loading-header{flex-direction:column;align-items:start;gap:10px}.fashion-loading-header h2{text-align:left;font-size:20px;line-height:1.25}.backend-flow-rail{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:8px;font-size:10px}.backend-flow-rail i{display:none}.fashion-search-flow{grid-template-columns:1fr;gap:10px}.garment-scan-panel,.feature-vector-panel,.ranking-panel{gap:10px;min-height:auto;padding:14px}.scan-device{height:130px;min-height:0}.scan-garment{width:100px;height:128px}.garment-body{border-radius:16px 16px 12px 12px;width:52px;height:84px;top:35px;left:24px}.garment-neck{border-width:6px;width:22px;height:22px;top:18px;left:39px}.garment-sleeve{width:32px;height:72px;top:43px}.feature-orb{width:112px;height:112px;margin-top:0}.orb-core{width:58px;height:58px;font-size:20px}.feature-bars{gap:7px;margin:14px 0 10px}.feature-bars span{height:7px}.qdrant-vector-space{height:190px;min-height:0}.stage-caption strong{font-size:16px;line-height:1.25}.stage-caption span{font-size:11px;line-height:1.35}.search-progress-steps{grid-template-columns:1fr;gap:7px}.search-progress-steps div{min-height:38px;padding:0 8px;font-size:12px}}@media (prefers-reduced-motion:reduce){.tech-stack-card,.transition-flow-card,.brand-mark,.intro-visual,.scan-box,.motion-line,.motion-dot{transition:none;animation:none}.tech-stack-card,.transition-flow-card{opacity:1;transform:none}.tech-stack-card:hover,.transition-flow-card:hover{transform:none}}