:root{--lab-gold:#e6bd72;--lab-blue:#74b8ff;--lab-line:rgba(229,190,113,.2)}.pattern-lab-page{background:radial-gradient(circle at 50% -12%,rgba(32,72,125,.3),transparent 34%),#03070d;color:#eef4fa;min-height:100vh}.pattern-lab{max-width:1500px;padding-top:38px}.lab-hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:60px;margin:20px 0 34px}.lab-hero h1{font-family:"Songti SC","Noto Serif SC",serif;font-size:clamp(46px,5.3vw,78px);line-height:1.12;letter-spacing:.06em;margin:0;font-weight:500}.lab-hero h1 em{font-style:normal;color:var(--lab-gold);text-shadow:0 0 28px rgba(230,189,114,.2)}.lab-hero p{color:#aab8c9;line-height:1.9;margin:0 0 8px;max-width:630px}.engine-state{font-size:12px;color:#8fa1b5;display:flex;align-items:center;gap:7px}.engine-state i{width:7px;height:7px;border-radius:50%;background:#e7a747;box-shadow:0 0 10px currentColor}.engine-state.ready{color:#82d7ae}.engine-state.ready i{background:#52d494}.engine-state.partial{color:#e6bd72}.pipeline{list-style:none;margin:0 0 18px;padding:0 22px;min-height:82px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;border:1px solid var(--lab-line);border-radius:10px;background:rgba(8,16,26,.78)}.pipeline li{display:flex;align-items:center;gap:12px;position:relative;color:#657488}.pipeline li:not(:last-child):after{content:"";position:absolute;height:1px;background:rgba(116,184,255,.16);left:72%;right:-28%;top:50%}.pipeline b{font-size:11px;border:1px solid #334358;width:30px;height:30px;display:grid;place-items:center;border-radius:50%}.pipeline span{font-size:13px}.pipeline small{display:block;color:#647287;font-size:10px;margin-top:3px}.pipeline li.active,.pipeline li.done{color:#f5d69f}.pipeline li.active b{border-color:var(--lab-gold);box-shadow:0 0 18px rgba(230,189,114,.2)}.pipeline li.done b{background:var(--lab-gold);color:#15100a;border-color:var(--lab-gold)}.lab-grid{display:grid;grid-template-columns:290px minmax(560px,1fr) 290px;gap:16px}.glass-panel{background:linear-gradient(180deg,rgba(12,22,34,.94),rgba(5,11,18,.96));border:1px solid rgba(118,155,195,.18);border-radius:10px;box-shadow:0 24px 70px rgba(0,0,0,.25)}.control-panel,.insight-panel{padding:20px}.panel-kicker{color:#60c8ef;font-size:10px;letter-spacing:.2em;margin-bottom:8px}.glass-panel h2{font-size:18px;margin:0 0 16px;font-weight:500}.dropzone{min-height:178px;border:1px dashed rgba(230,189,114,.34);border-radius:8px;background:rgba(230,189,114,.035);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px;cursor:pointer;transition:.2s}.dropzone:hover,.dropzone.drag{border-color:var(--lab-gold);background:rgba(230,189,114,.07)}.dropzone input{display:none}.drop-icon{width:45px;height:45px;border:1px solid rgba(230,189,114,.45);border-radius:50%;display:grid;place-items:center;color:var(--lab-gold);font-size:25px;margin-bottom:12px}.dropzone b{font-size:14px;color:#eddbb8}.dropzone small{font-size:11px;line-height:1.55;color:#718095;margin-top:7px}.settings{display:grid;gap:15px;margin:20px 0}.settings label{display:grid;grid-template-columns:1fr auto;gap:8px;color:#aebacc;font-size:12px}.settings select{grid-column:1/-1;width:100%;height:38px;border:1px solid #28384b;background:#08111b;color:#d9e3ee;border-radius:6px;padding:0 9px}.settings input[type=range]{grid-column:1/-1;accent-color:var(--lab-gold);width:100%}.settings output{color:var(--lab-gold)}.settings label.check{display:flex;align-items:center}.primary-action,.secondary-action,.result-actions button{width:100%;border:0;border-radius:7px;cursor:pointer}.primary-action{background:linear-gradient(135deg,#c99c50,#f0d28c);color:#171108;padding:12px;box-shadow:0 10px 25px rgba(197,146,61,.18)}.primary-action:disabled{filter:grayscale(1);opacity:.45;cursor:not-allowed}.primary-action span,.primary-action small{display:block}.primary-action span{font-weight:700}.primary-action small{opacity:.65;margin-top:3px;font-size:10px}.secondary-action{background:transparent;border:1px solid #2b3a4b;color:#8291a5;padding:9px;margin-top:8px}.privacy-note{font-size:10px;line-height:1.55;color:#647186;margin-top:13px}.preview-panel{padding:18px;min-width:0}.preview-head{display:flex;justify-content:space-between;align-items:flex-start}.method-badge{border:1px solid rgba(116,184,255,.28);border-radius:999px;color:#8fc8ff;padding:6px 10px;font-size:10px}.preview-stage{height:600px;position:relative;display:grid;place-items:center;border-radius:8px;overflow:hidden;background:radial-gradient(circle at 50% 44%,rgba(45,91,139,.18),transparent 45%),#040a11;border:1px solid rgba(118,155,195,.13)}.preview-stage canvas,.preview-stage>img{max-width:100%;max-height:100%;object-fit:contain}.empty-state{text-align:center;color:#6f7e91}.empty-state span{font-family:serif;width:84px;height:84px;border:1px solid rgba(230,189,114,.25);border-radius:50%;display:grid;place-items:center;margin:0 auto 15px;font-size:38px;color:#9d8051}.empty-state b,.empty-state small{display:block}.empty-state b{color:#aebacc;font-weight:500}.empty-state small{font-size:11px;margin-top:8px}.scan-line{position:absolute;left:8%;right:8%;height:1px;top:10%;background:#78d5ff;box-shadow:0 0 12px #78d5ff;animation:scan 2.2s ease-in-out infinite}@keyframes scan{50%{top:90%}}.compare-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}.compare-tabs button{height:34px;border:1px solid #233348;border-radius:5px;background:#08111b;color:#728298;cursor:pointer}.compare-tabs button.active{color:#f0cf91;border-color:#8f713e;background:rgba(230,189,114,.07)}.progress-box{margin-top:12px;border-top:1px solid #1d2a38;padding-top:12px}.progress-box>div{display:flex;justify-content:space-between;color:#c8d5e3;font-size:12px}.progress-box i{display:block;height:3px;background:#172434;margin:8px 0}.progress-box i span{display:block;height:100%;width:0;background:linear-gradient(90deg,#4ba8ee,#e7bd71);transition:width .35s}.progress-box small{color:#68788c}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.result-actions button{padding:10px;background:rgba(230,189,114,.08);border:1px solid rgba(230,189,114,.28);color:#edce93}.insight-placeholder{text-align:center;color:#718095;padding:110px 5px}.insight-placeholder span{font-size:32px;color:#967c51}.insight-placeholder p{font-size:12px;line-height:1.7}.confidence{font-size:12px;color:#9aa9bb}.confidence>b{float:right;color:#f0d18e}.confidence i{display:block;clear:both;height:3px;background:#172434;margin-top:10px}.confidence i span{display:block;height:100%;width:0;background:var(--lab-gold)}.insight-content dl{margin:20px 0;display:grid}.insight-content dl div{border-top:1px solid #1c2a39;padding:12px 0}.insight-content dt{font-size:10px;color:#66768a;margin-bottom:5px}.insight-content dd{margin:0;color:#c8d4df;font-size:12px;line-height:1.55}.quality-card{border:1px solid rgba(230,189,114,.2);border-radius:7px;padding:13px;background:rgba(230,189,114,.04)}.quality-card b{font-size:12px;color:#e8c98c}.quality-card p{font-size:11px;line-height:1.65;color:#7f8da0;margin:7px 0 0}.truth-note{display:grid;grid-template-columns:120px 1fr;gap:20px;margin:18px 0 36px;border-left:2px solid #8a6d3e;background:rgba(230,189,114,.035);padding:16px 20px;color:#8291a5;font-size:12px;line-height:1.7}.truth-note b{color:#e0c28a}.truth-note p{margin:0}@media(max-width:1240px){.lab-grid{grid-template-columns:270px 1fr}.insight-panel{grid-column:1/-1}.insight-placeholder{padding:30px}.insight-content dl{grid-template-columns:repeat(4,1fr)}.insight-content dl div{padding:12px}}@media(max-width:850px){.lab-hero,.lab-grid{grid-template-columns:1fr}.pipeline{padding:8px;overflow:auto}.pipeline span{display:none}.pipeline li:after{display:none}.preview-stage{height:480px}.insight-content dl{grid-template-columns:1fr 1fr}.truth-note{grid-template-columns:1fr}.engine-state{display:none}}@media(max-width:520px){.pattern-lab{padding:18px 12px}.lab-hero h1{font-size:42px}.preview-stage{height:380px}.compare-tabs{grid-template-columns:1fr 1fr}}

.motif-map{margin-top:18px;padding:24px;overflow:hidden}.motif-map[hidden]{display:none}.motif-map-head{display:flex;align-items:end;justify-content:space-between;gap:30px;border-bottom:1px solid rgba(230,189,114,.13);padding-bottom:16px}.motif-map-head h2{margin:0;font:500 22px "Songti SC","Noto Serif SC",serif;color:#ead4a7}.motif-map-head p{margin:0;color:#728197;font-size:12px}.motif-map-stage{position:relative;min-height:570px;display:grid;grid-template-columns:minmax(250px,1fr) 300px minmax(250px,1fr);align-items:center;gap:60px;padding:28px 32px}.motif-links{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:visible}.motif-links path{fill:none;stroke:rgba(230,189,114,.34);stroke-width:1}.motif-links circle{fill:#e6bd72;filter:drop-shadow(0 0 5px rgba(230,189,114,.7))}.motif-column{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-around;gap:24px;min-height:480px}.motif-card{display:grid;grid-template-columns:96px 1fr;gap:13px;align-items:center;border:1px solid rgba(230,189,114,.36);border-radius:8px;background:rgba(3,9,15,.9);padding:10px;cursor:pointer;transition:.2s}.motif-card:hover,.motif-card.active{border-color:#e6bd72;background:rgba(230,189,114,.08);transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,.3)}.motif-column-left .motif-card:nth-child(even),.motif-column-right .motif-card:nth-child(odd){margin-left:28px}.motif-column-left .motif-card:nth-child(odd),.motif-column-right .motif-card:nth-child(even){margin-right:28px}.motif-thumb{height:72px;border-radius:5px;overflow:hidden;background:#02060b;border:1px solid rgba(116,184,255,.16)}.motif-thumb canvas{display:block;width:100%;height:100%;object-fit:cover}.motif-card h3{font-size:14px;color:#efd39a;margin:0 0 5px;font-weight:600}.motif-card p{font-size:11px;color:#8493a6;line-height:1.55;margin:0}.motif-card small{display:block;color:#5fadd7;font-size:9px;margin-top:6px}.motif-object{position:relative;z-index:3;margin:0;text-align:center;align-self:center}.motif-object-image{width:280px;height:390px;position:relative;display:grid;place-items:center;margin:auto;background:radial-gradient(circle,rgba(230,189,114,.13),transparent 62%),#02060a;border:1px solid rgba(230,189,114,.13);overflow:hidden}.motif-object-image img{width:100%;height:100%;object-fit:contain}.motif-scan-beam{position:absolute;left:7%;right:7%;top:8%;height:1px;background:#e6bd72;box-shadow:0 0 12px #e6bd72;animation:motifBeam 3.2s ease-in-out infinite}.motif-object figcaption b,.motif-object figcaption small{display:block}.motif-object figcaption b{color:#ead09b;margin-top:13px}.motif-object figcaption small{color:#6c798a;font-size:10px;margin-top:5px}@keyframes motifBeam{50%{top:91%}}.motif-map-note{text-align:center;color:#657488;font-size:10px;border-top:1px solid rgba(116,184,255,.1);padding-top:12px}.motif-card.focused .motif-thumb{box-shadow:0 0 0 1px #e6bd72,0 0 20px rgba(230,189,114,.25)}@media(max-width:1000px){.motif-map-stage{grid-template-columns:1fr 240px 1fr;gap:20px;padding:24px 0}.motif-object-image{width:220px;height:320px}.motif-card{grid-template-columns:72px 1fr}.motif-thumb{height:60px}}@media(max-width:760px){.motif-map-head{display:block}.motif-map-head p{margin-top:8px}.motif-map-stage{display:flex;flex-direction:column;min-height:0}.motif-object{order:-1}.motif-column{min-height:0;width:100%;gap:12px}.motif-column-left .motif-card,.motif-column-right .motif-card{margin:0}.motif-links{display:none}.motif-object-image{width:min(280px,80vw);height:330px}}

/* SCAN TAB GRID */
.compare-tabs{grid-template-columns:repeat(3,1fr)}

/* MOTIF SCAN V2 */
.motif-map{margin:0 0 18px}.motif-map-stage{min-height:650px;grid-template-columns:minmax(280px,1fr) 340px minmax(280px,1fr);gap:68px}.motif-column{min-height:570px}.motif-object-image{width:330px;height:470px}.motif-object-image .dropzone{position:absolute;inset:0;width:100%;height:100%;min-height:0;border:0;border-radius:0;background:radial-gradient(circle at 50% 42%,rgba(230,189,114,.1),transparent 52%);z-index:5}.motif-object-image.ready .dropzone{display:none}.motif-object-image>img{width:100%;height:100%;object-fit:contain}.motif-scan-beam{display:none;animation:none}.motif-map.scanning .motif-scan-beam{display:block;animation:motifBeam 2.4s ease-in-out infinite}.motif-map.scan-complete .motif-scan-beam{display:none}.motif-card{opacity:0;transform:translateY(10px) scale(.98)}.motif-card.revealed{opacity:1;transform:none;animation:motifCardReveal .48s ease-out both}.motif-card.revealed:hover,.motif-card.revealed.active{transform:translateY(-2px)}@keyframes motifCardReveal{0%{opacity:0;transform:translateY(12px) scale(.97);filter:brightness(1.8)}65%{filter:brightness(1.35)}100%{opacity:1;transform:none;filter:none}}.motif-detection-layer{position:absolute;inset:0;z-index:4;pointer-events:none}.motif-detection{position:absolute;border:1px solid rgba(230,189,114,.8);background:rgba(230,189,114,.06);opacity:0;box-shadow:0 0 0 rgba(230,189,114,0)}.motif-detection.revealed{opacity:1;animation:motifDetected 1.15s ease-out 1 both}.motif-detection::after{content:attr(data-label);position:absolute;left:0;bottom:100%;margin-bottom:4px;padding:3px 6px;white-space:nowrap;background:rgba(3,8,13,.88);border:1px solid rgba(230,189,114,.35);color:#efd39a;font-size:9px}.motif-detection.active{border-color:#fff0c5;background:rgba(230,189,114,.13)}@keyframes motifDetected{0%{opacity:0;filter:brightness(2);box-shadow:0 0 0 0 rgba(230,189,114,.8)}35%{opacity:1;box-shadow:0 0 22px 5px rgba(230,189,114,.65)}70%{box-shadow:0 0 8px 2px rgba(230,189,114,.35)}100%{opacity:1;filter:none;box-shadow:0 0 0 0 transparent}}.motif-kind{display:inline-block;margin-bottom:5px;color:#63bfe5;font-size:9px;letter-spacing:.08em}.motif-card p+small{margin-top:7px}.preview-stage{height:520px}.control-panel>h2{margin-bottom:10px}.settings{margin-top:14px}
@media(max-width:1000px){.motif-map-stage{grid-template-columns:1fr 270px 1fr;gap:24px}.motif-object-image{width:260px;height:380px}.motif-column{min-height:500px}}
@media(max-width:760px){.motif-map-stage{display:flex}.motif-object-image{width:min(310px,84vw);height:400px}.motif-column{min-height:0}}

/* RECOGNITION-ONLY WORKSPACE V5 */
.recognition-only-page{min-height:100vh}.recognition-page{max-width:1540px;padding-top:26px}.recognition-title{text-align:center;margin:10px 0 24px}.recognition-title h1{margin:0;font:400 clamp(38px,5vw,64px) "Songti SC","Noto Serif SC",serif;letter-spacing:.18em;text-indent:.18em;color:#efd29a}.recognition-only-page .motif-map{margin-bottom:48px}.recognition-only-page .motif-map-stage{padding-top:20px}.recognition-only-page .motif-object figcaption{margin-top:10px}.recognition-only-page .motif-object figcaption small{font-size:11px}.image-action-row{display:grid;grid-template-columns:1fr 124px;gap:8px;margin-top:12px}.image-action-row .scan-run-under-image{margin:0}.local-recognition-button{border:1px solid rgba(116,184,255,.38);border-radius:7px;background:rgba(116,184,255,.07);color:#9bd4f1;font-weight:600;cursor:pointer}.local-recognition-button:hover{border-color:#74b8ff}.local-recognition-button:disabled{opacity:.38;cursor:not-allowed}.local-recognition-tools{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:9px;padding:8px;border:1px solid rgba(116,184,255,.17);border-radius:7px;background:#050c14}.local-recognition-tools span{font-size:10px;color:#718095}.local-recognition-tools button{height:28px;border:1px solid #2c3c50;border-radius:5px;background:#08121d;color:#9caabc;font-size:11px;cursor:pointer}.local-recognition-tools button.active{border-color:#e6bd72;color:#f0d29a;background:rgba(230,189,114,.08)}.selection-canvas{position:absolute;z-index:6;pointer-events:none;touch-action:none}.selection-canvas.selecting{pointer-events:auto;cursor:crosshair}.scan-inline-progress{position:absolute;left:50%;bottom:18px;z-index:8;width:min(240px,78%);transform:translateX(-50%);padding:11px 13px;border:1px solid rgba(230,189,114,.36);border-radius:7px;background:rgba(3,8,13,.9);box-shadow:0 10px 28px rgba(0,0,0,.4);backdrop-filter:blur(8px)}.scan-inline-progress b,.scan-inline-progress small{display:block;font-size:10px;color:#efd39a}.scan-inline-progress i{display:block;height:3px;margin:7px 0;background:#1b2a38}.scan-inline-progress i span{display:block;height:100%;width:0;background:linear-gradient(90deg,#63bfe5,#e6bd72);transition:width .3s}.scan-inline-progress small{text-align:right;color:#81bcd9}.recognition-only-page .motif-detection-layer{z-index:5}.recognition-only-page .motif-card{grid-template-columns:86px 1fr}.recognition-only-page .motif-column{gap:14px}.recognition-only-page .motif-map-note{font-size:11px;padding:14px}.recognition-only-page .scan-toolbar{align-items:center}.recognition-only-page .scan-toolbar button:disabled{opacity:.4;cursor:not-allowed}.recognition-only-page .motif-map[data-shape="flat"] .motif-object-image{width:min(560px,42vw);height:430px}.recognition-only-page .motif-map[data-shape="flat"] .motif-object{width:min(560px,42vw)}.recognition-only-page .motif-map[data-shape="flat"] .motif-map-stage{grid-template-columns:minmax(260px,1fr) minmax(390px,560px) minmax(260px,1fr)}@media(max-width:900px){.recognition-only-page .motif-map-stage{grid-template-columns:1fr 320px 1fr;gap:20px}.recognition-only-page .motif-object-image{width:310px;height:420px}.recognition-only-page .motif-map[data-shape="flat"] .motif-object-image,.recognition-only-page .motif-map[data-shape="flat"] .motif-object{width:min(440px,45vw)}}@media(max-width:760px){.recognition-only-page .motif-map-stage{display:flex}.recognition-only-page .motif-object{order:-1}.recognition-only-page .motif-object-image,.recognition-only-page .motif-map[data-shape="flat"] .motif-object-image,.recognition-only-page .motif-map[data-shape="flat"] .motif-object{width:min(92vw,560px)}.image-action-row{grid-template-columns:1fr}.local-recognition-button{min-height:40px}}

/* UNIFIED TITLE TYPOGRAPHY V7 */
.recognition-title h1,.motif-map-head h2,.motif-card h3{font-family:var(--title-font,"Microsoft YaHei UI","Microsoft YaHei",sans-serif)}.recognition-title h1{font-weight:500;letter-spacing:.2em;text-shadow:0 0 24px rgba(230,189,114,.18)}.motif-map-head h2{font-weight:500;letter-spacing:.08em}

/* Precise single-motif cards */
.recognition-only-page .motif-card{grid-template-columns:104px minmax(0,1fr);align-items:start}.recognition-only-page .motif-thumb{height:92px;display:grid;place-items:center;background-color:#07101a;background-image:linear-gradient(45deg,rgba(255,255,255,.035) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.035) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.035) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.035) 75%);background-size:14px 14px;background-position:0 0,0 7px,7px -7px,-7px 0}.recognition-only-page .motif-thumb canvas,.recognition-only-page .motif-thumb img{display:block;width:100%;height:100%;object-fit:contain}.recognition-only-page .motif-card small a{color:#79c8ed;text-decoration:none}.recognition-only-page .motif-card small a:hover{text-decoration:underline}.motif-card-actions{grid-column:1/-1;display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.motif-card-actions button{min-height:28px;padding:0 8px;border:1px solid #33475d;border-radius:5px;background:#08131e;color:#9ec8df;font-size:9px;cursor:pointer}.motif-card-actions button:nth-child(2){border-color:rgba(230,189,114,.52);color:#efd39a;background:rgba(230,189,114,.07)}.motif-card-actions button:nth-child(3){color:#baa985}.motif-card-actions button:hover{border-color:#e6bd72;color:#f5deb0}.motif-card-actions button:disabled{opacity:.55;cursor:wait}.motif-detection:before{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;transform:translate(-50%,-50%);border:1px solid #fff0c5;border-radius:50%;background:radial-gradient(circle,#fff0c5 0 1px,transparent 2px);box-shadow:0 0 9px rgba(230,189,114,.9)}.motif-links path{stroke:rgba(230,189,114,.52)}.motif-links circle{stroke:#fff0c5;stroke-width:1}

/* Appended precise recognition and AI outputs */
.recognition-page{position:relative}.precision-links{position:absolute;z-index:1;left:0;top:0;width:100%;pointer-events:none;overflow:visible}.precision-link-path{fill:none;stroke:rgba(113,201,239,.62);stroke-width:1.2;stroke-dasharray:7 7}.precision-links circle{fill:#8fdcff;filter:drop-shadow(0 0 5px rgba(99,191,229,.8))}.precision-results{position:relative;z-index:2;width:min(1120px,100%);margin:0 auto 64px;padding:26px}.precision-results>header{display:flex;justify-content:space-between;align-items:end;gap:24px;padding-bottom:16px;border-bottom:1px solid rgba(116,184,255,.17)}.precision-results h2{margin:4px 0 0;color:#efd39a;font-size:24px}.precision-results header p{margin:0;color:#73869b;font-size:11px}.precision-result-list{display:grid;gap:18px;margin-top:20px}.precision-result-card{display:grid;grid-template-columns:minmax(240px,38%) minmax(0,1fr);gap:22px;padding:18px;border:1px solid rgba(116,184,255,.32);border-radius:10px;background:linear-gradient(135deg,rgba(7,18,29,.96),rgba(3,9,15,.96));box-shadow:0 18px 45px rgba(0,0,0,.24)}.precision-result-image{min-height:180px;display:grid;place-items:center;border:1px dashed rgba(116,184,255,.32);border-radius:7px;overflow:hidden;background:#050b12}.precision-result-image canvas{display:block;max-width:100%;max-height:300px;width:auto;height:auto}.precision-result-info h3{margin:0 0 12px;color:#79c8ed;font-size:13px;letter-spacing:.12em}.precision-result-info h4{margin:0 0 8px;color:#f0d49e;font-size:22px}.precision-result-info p{margin:0;color:#91a2b5;font-size:12px;line-height:1.75}.precision-result-info small{display:block;margin-top:9px;color:#6eb8dd}.motif-online-reference{display:grid;grid-template-columns:52px 1fr;align-items:center;gap:9px;margin-top:10px;padding:7px;border:1px solid rgba(116,184,255,.18);border-radius:6px;color:#83c8ef;text-decoration:none;font-size:9px}.motif-online-reference img{width:52px;height:42px;object-fit:cover;border-radius:4px}.motif-optimized-output{grid-column:1/-1;margin-top:12px;padding-top:12px;border-top:1px solid rgba(230,189,114,.2)}.motif-optimized-output b{display:block;margin-bottom:8px;color:#efd39a;font-size:10px;letter-spacing:.08em}.motif-optimized-output img{display:block;width:100%;max-height:360px;object-fit:contain;border:1px dashed rgba(230,189,114,.34);border-radius:6px;background-color:#07101a;background-image:linear-gradient(45deg,rgba(255,255,255,.04) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.04) 25%,transparent 25%);background-size:16px 16px}.precision-detection{border-style:dashed!important;border-color:#8fdcff!important}.precision-detection:before{border-color:#bdeeff;background:radial-gradient(circle,#bdeeff 0 1px,transparent 2px)}@media(max-width:760px){.precision-results>header{display:block}.precision-results header p{margin-top:8px}.precision-result-card{grid-template-columns:1fr}.precision-result-image{min-height:150px}}

.motif-map-note[data-state="blocked"]{margin:0 20px 20px;padding:16px 18px;border:1px solid rgba(226,170,82,.34);border-radius:8px;background:rgba(226,170,82,.07);color:#e4c58e;font-size:12px;line-height:1.8;text-align:left}.art-analysis-report{width:min(1120px,100%);margin:0 auto 28px;padding:30px}.art-analysis-report>header{padding-bottom:18px;border-bottom:1px solid rgba(230,189,114,.18)}.art-analysis-report h2{margin:5px 0 0;color:#efd39a;font-size:28px}.art-analysis-report>section{padding:22px 0;border-bottom:1px solid rgba(116,184,255,.12)}.art-analysis-report h3{margin:0 0 13px;color:#e8c98e;font-size:17px}.art-analysis-report section>p{color:#aab8c7;line-height:1.9}.art-analysis-report article{padding:13px 15px;margin-top:10px;border-left:2px solid rgba(116,184,255,.38);background:rgba(7,18,29,.48)}.art-analysis-report article h4{margin:0 0 8px;color:#8bd0f0}.art-analysis-report article p{margin:4px 0;color:#91a2b5;font-size:12px;line-height:1.7}.art-analysis-report article p b{color:#cfb98f;font-weight:500}.art-analysis-report section>a{display:block;margin:8px 0;color:#79c8ed;font-size:12px;text-decoration:none}.art-analysis-report section>a:hover{text-decoration:underline}

/* ADAPTIVE UPLOAD + SIMPLIFIED LOCAL SELECTION V6 */
.upload-spec{margin:6px 0 0!important;color:#71859b!important;font-size:10px!important;line-height:1.55}.recognition-only-page .motif-object-image{min-width:180px;min-height:120px;max-width:min(660px,84vw);max-height:640px}.recognition-only-page .motif-object-image>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.recognition-only-page .motif-object{max-width:min(660px,84vw)}.recognition-only-page .image-action-row{grid-template-columns:minmax(150px,1fr) 116px 116px}.selection-method{min-width:0;border:1px solid #314158;border-radius:7px;background:#07101a;color:#bac8d7;padding:0 8px}.selection-method:disabled{opacity:.38}.image-file-actions{display:flex;align-items:center;gap:7px;margin-top:8px}.image-file-actions button{height:30px;border:1px solid #28384b;border-radius:5px;background:#07101a;color:#8fa0b3;font-size:10px;cursor:pointer}.image-file-actions button:hover{border-color:#a98249;color:#e8ca91}.image-file-actions button:disabled{opacity:.35;cursor:not-allowed}.image-file-actions span{margin-left:auto;color:#64778b;font-size:9px;line-height:1.45;text-align:right}.selection-canvas.selecting{background:rgba(69,151,205,.035);box-shadow:inset 0 0 0 1px rgba(116,184,255,.34)}@media(max-width:760px){.recognition-only-page .image-action-row{grid-template-columns:1fr 1fr}.recognition-only-page .image-action-row .scan-run{grid-column:1/-1}.image-file-actions{flex-wrap:wrap}.image-file-actions span{width:100%;text-align:left;margin:0}}

/* SCAN ACTION + PRECISE IMAGE OVERLAY V4 */
.scan-run-under-image{display:block;width:100%;min-height:44px;margin:12px auto 0;border:1px solid #c99c50;border-radius:7px;background:linear-gradient(135deg,#bd8e43,#edd08c);color:#171108;font-weight:700;cursor:pointer;box-shadow:0 10px 24px rgba(197,146,61,.18)}
.scan-run-under-image:hover{filter:brightness(1.07)}
.scan-run-under-image:disabled{filter:grayscale(1);opacity:.45;cursor:not-allowed}
.motif-detection-layer{inset:auto;left:0;top:0;width:100%;height:100%}
.motif-map[data-shape="flat"] .motif-object-image{width:min(520px,40vw);height:390px}
.motif-map[data-shape="flat"] .motif-object{width:min(520px,40vw)}
.motif-map[data-shape="flat"] .motif-map-stage{grid-template-columns:minmax(260px,1fr) minmax(360px,520px) minmax(260px,1fr);gap:36px}
@media(max-width:1000px){.motif-map[data-shape="flat"] .motif-object-image,.motif-map[data-shape="flat"] .motif-object{width:min(420px,42vw)}.motif-map[data-shape="flat"] .motif-map-stage{grid-template-columns:1fr minmax(320px,420px) 1fr;gap:18px}}
@media(max-width:760px){.motif-map[data-shape="flat"] .motif-object-image,.motif-map[data-shape="flat"] .motif-object{width:min(92vw,520px)}.motif-map[data-shape="flat"] .motif-map-stage{display:flex}}

/* SCAN TOOLBAR V3 */
.motif-map-head{align-items:center}.scan-toolbar{display:flex;align-items:end;justify-content:flex-end;gap:8px;flex-wrap:wrap}.scan-toolbar label{display:grid;gap:4px;color:#7e8da0;font-size:9px;letter-spacing:.08em}.scan-toolbar select,.scan-toolbar button{height:36px;border:1px solid #314158;border-radius:6px;background:#07101a;color:#bac8d7;padding:0 11px}.scan-toolbar button{cursor:pointer}.scan-toolbar button:hover{border-color:#9c7a43;color:#f1d49c}.scan-toolbar .scan-run{border-color:#c99c50;background:linear-gradient(135deg,#bd8e43,#edd08c);color:#171108;font-weight:700}.scan-toolbar .scan-run:disabled{filter:grayscale(1);opacity:.45;cursor:not-allowed}.auto-detect-status{height:34px;display:flex;align-items:center;border:1px solid rgba(116,184,255,.25);border-radius:999px;padding:0 12px;color:#83c8ef;background:rgba(116,184,255,.06);font-size:10px}.auto-detect-status[data-shape="flat"]{color:#86d6ae;border-color:rgba(82,212,148,.3)}.auto-detect-status[data-shape="vase"],.auto-detect-status[data-shape="cylinder"]{color:#efd195;border-color:rgba(230,189,114,.34)}@media(max-width:900px){.motif-map-head{display:block}.scan-toolbar{justify-content:flex-start;margin-top:14px}.scan-toolbar .scan-run{flex:1}}@media(max-width:560px){.scan-toolbar{display:grid;grid-template-columns:1fr 1fr}.auto-detect-status,.scan-toolbar label{grid-column:1/-1}.scan-toolbar select{width:100%}}

/* Recognition details, clear action and browser history */
.image-clear-button{position:absolute;top:10px;right:10px;z-index:12;width:34px;height:34px;border:1px solid rgba(255,229,181,.58);border-radius:50%;background:rgba(2,7,12,.88);color:#f4d8a3;font-size:22px;line-height:1;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.38)}.image-clear-button:hover{background:#a96f35;color:#fff;border-color:#f3d293}.image-clear-button[hidden]{display:none}
.recognition-only-page .motif-thumb canvas,.recognition-only-page .motif-thumb img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.motif-facts{display:grid;grid-template-columns:52px minmax(0,1fr);gap:4px 7px;margin:10px 0 4px;padding-top:9px;border-top:1px solid rgba(116,184,255,.12);font-size:10px;line-height:1.55}.motif-facts dt{color:#d2ad70}.motif-facts dd{margin:0;color:#94a7ba;overflow-wrap:anywhere}.motif-card{min-height:150px}.motif-card .motif-online-reference{margin-top:9px}
.recognition-history{margin-top:22px;padding:22px}.recognition-history>header{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:16px}.recognition-history h2{margin:4px 0 0;color:#efd19a;font-size:24px}.recognition-history header p{margin:0;color:#718399;font-size:11px}.recognition-history-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.recognition-history-card{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;padding:10px;border:1px solid rgba(230,189,114,.18);border-radius:9px;background:rgba(5,13,21,.72)}.recognition-history-card img{width:92px;height:82px;object-fit:contain;border-radius:5px;background:#02070c}.recognition-history-card h3{margin:2px 0 7px;color:#e8cc98;font-size:13px}.recognition-history-card small{display:block;color:#71859a;font-size:9px;line-height:1.5}.recognition-history-card p{margin:7px 0 0;color:#99aabd;font-size:10px;line-height:1.55}@media(max-width:980px){.recognition-history-list{grid-template-columns:1fr 1fr}}@media(max-width:640px){.recognition-history-list{grid-template-columns:1fr}.recognition-history>header{display:block}.recognition-history header p{margin-top:8px}}

/* WOSEEK V4 interaction fixes */
.image-clear-button{display:grid!important;place-items:center!important;padding:0!important;line-height:34px!important;text-align:center!important}.image-clear-button[hidden]{display:none!important}
.selection-cancel-button{min-height:38px;border:1px solid rgba(244,207,135,.4);border-radius:7px;background:rgba(77,48,26,.55);color:#f0c987;padding:0 12px;cursor:pointer}.selection-cancel-button[hidden]{display:none}.selection-cancel-button:hover{background:rgba(125,77,33,.72)}
.image-zoom-controls{display:flex;align-items:center;justify-content:center;gap:7px;margin:9px 0 0}.image-zoom-controls button{min-width:34px;height:30px;border:1px solid #304156;border-radius:6px;background:#07101a;color:#a9bdd0;cursor:pointer}.image-zoom-controls span{min-width:54px;text-align:center;color:#7fc9ee;font-size:10px}.motif-object-image{overflow:hidden}.motif-object-image>img{transition:transform .16s ease}
.recognition-history-card{cursor:pointer;transition:border-color .15s ease,transform .15s ease}.recognition-history-card:hover,.recognition-history-card:focus{border-color:rgba(120,205,247,.58);transform:translateY(-2px);outline:none}.recognition-history-card:after{content:'打开';align-self:end;justify-self:end;color:#70c2e8;font-size:9px}
.motif-detection{pointer-events:auto;cursor:pointer}.motif-detection.active{background:rgba(111,210,255,.22)!important;border-color:#9fe4ff!important;box-shadow:0 0 0 2px rgba(115,213,255,.18),0 0 22px rgba(81,190,237,.28)}.motif-card.active{border-color:rgba(122,212,253,.62)!important;box-shadow:0 0 24px rgba(74,181,228,.16)}
.motif-detail-modal{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:24px;background:rgba(0,5,10,.82);backdrop-filter:blur(10px)}.motif-detail-modal[hidden]{display:none}.motif-detail-panel{position:relative;width:min(1040px,94vw);max-height:90vh;overflow:auto;display:grid;grid-template-columns:minmax(320px,48%) minmax(0,1fr);gap:26px;padding:26px;border:1px solid rgba(231,194,126,.35);border-radius:14px;background:linear-gradient(145deg,#07111c,#02070c);box-shadow:0 28px 90px rgba(0,0,0,.58)}.motif-detail-close{position:absolute;right:14px;top:14px;width:38px;height:38px;display:grid;place-items:center;padding:0;border:1px solid rgba(234,205,151,.4);border-radius:50%;background:#07101a;color:#f0d5a0;font-size:22px;cursor:pointer}.motif-detail-visual{min-height:330px;display:grid;place-items:center;overflow:auto;border:1px dashed rgba(116,184,255,.25);border-radius:10px;background:#02070c}.motif-detail-crop{max-width:100%;max-height:68vh;width:auto;height:auto}.motif-detail-copy{padding:28px 10px 10px}.motif-detail-copy h2{margin:0 0 12px;color:#efd29a;font-size:28px}.motif-detail-copy>p{color:#a6b7c8;line-height:1.8}.motif-detail-actions{grid-column:1/-1;display:flex;justify-content:flex-end}.motif-detail-actions button{height:40px;border:1px solid #c69a51;border-radius:7px;background:linear-gradient(135deg,#a87939,#e2bd75);color:#171108;font-weight:700;padding:0 18px;cursor:pointer}.detail-open{overflow:hidden}
.motif-links path{stroke-width:1.2;opacity:.78}.motif-links circle{opacity:1}
@media(max-width:760px){.recognition-page{padding-left:10px!important;padding-right:10px!important}.motif-map{padding:14px!important}.motif-map-stage{gap:14px!important}.motif-column{width:100%!important}.motif-card{width:100%!important}.image-action-row{grid-template-columns:1fr 1fr!important}.image-action-row .scan-run{grid-column:1/-1}.selection-cancel-button{grid-column:1/-1}.motif-detail-modal{padding:10px}.motif-detail-panel{grid-template-columns:1fr;padding:18px;gap:14px}.motif-detail-visual{min-height:220px}.motif-detail-copy{padding:8px 2px}.motif-detail-actions{grid-column:1}.recognition-title h1{font-size:28px}.recognition-history{padding:14px}.motif-facts{grid-template-columns:46px minmax(0,1fr)}}

/* V5 high-fidelity recognition / unfold */
.fidelity-audit{margin:.65rem 0 .45rem;padding:.55rem .7rem;border:1px solid rgba(230,189,114,.35);border-radius:10px;background:rgba(255,255,255,.035);display:grid;gap:.2rem}
.fidelity-audit b{font-size:.78rem;letter-spacing:.04em}.fidelity-audit small{font-size:.7rem;line-height:1.45;opacity:.78}
.fidelity-audit.pass{border-color:rgba(143,210,161,.45)}.fidelity-audit.warn{border-color:rgba(240,184,98,.55)}
.motif-card-actions button,.motif-detail-actions button{min-height:36px}
@media(max-width:760px){.motif-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.motif-detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.fidelity-audit{font-size:.82rem}}


/* WOSEEK V5.5 — progressive visual workbench */
.recognition-depthbar{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:10px 14px;margin:14px 0 18px;padding:12px 14px;border:1px solid rgba(224,188,118,.18);border-radius:10px;background:linear-gradient(90deg,rgba(228,188,112,.055),rgba(54,122,166,.035),transparent)}
.recognition-depthbar .depth-label{font-size:10px;letter-spacing:.16em;color:#7e91a3}.recognition-depthbar strong{font-size:12px;color:#efd19a;font-weight:500}.recognition-depthbar small{grid-column:1/-1;color:#65788a;font-size:10px}.recognition-breadcrumb{display:flex;align-items:center;gap:5px;min-width:0;overflow:auto}.recognition-breadcrumb button{white-space:nowrap;border:1px solid rgba(121,174,205,.2);background:#06101a;color:#71889a;border-radius:999px;padding:4px 9px;font-size:9px}.recognition-breadcrumb button.active{border-color:rgba(232,194,122,.42);color:#eccb8e;background:rgba(216,169,87,.08)}
.motif-object-image{touch-action:none}.motif-object-image.pan-ready{cursor:grab}.motif-object-image.panning{cursor:grabbing}.motif-detection-layer,.selection-canvas{transition:transform .12s ease;will-change:transform}.motif-object-image>img{will-change:transform}
.motif-detection{background:transparent!important;border:1px solid rgba(107,193,234,.22)!important;box-shadow:none!important;overflow:visible}.motif-detection:before{content:'';position:absolute;inset:-3px;border:1px solid rgba(119,203,240,.32);border-radius:7px;opacity:.34;transition:opacity .18s ease}.motif-detection.active:before{opacity:.85}.motif-pixel-mask{position:absolute;inset:0;display:block;background:linear-gradient(135deg,rgba(255,226,162,.9),rgba(209,154,69,.68));opacity:0;filter:drop-shadow(0 0 8px rgba(238,196,116,.42));transition:opacity .22s ease;pointer-events:none}.motif-detection.active .motif-pixel-mask{opacity:.52}.motif-detection[data-mask-state="loading"]:after{content:'正在贴合轮廓';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap;padding:4px 7px;border-radius:999px;background:rgba(2,8,13,.82);color:#e5c487;font-size:8px}
.motif-card{position:relative}.motif-card:after{content:'单击放大 · 双击查看';position:absolute;right:10px;top:8px;color:rgba(116,185,220,.48);font-size:8px}.motif-card.active{background:linear-gradient(135deg,rgba(216,175,101,.07),rgba(54,133,177,.055))!important}.motif-detail-panel{animation:v55DetailIn .2s ease-out}.motif-detail-visual{background:radial-gradient(circle at 50% 45%,rgba(218,176,96,.055),transparent 58%),#02070c}.motif-detail-visual:after{content:'进入下一层可继续拆解';position:sticky;left:12px;bottom:10px;align-self:end;justify-self:start;color:#71889b;font-size:9px;background:rgba(2,7,12,.72);padding:5px 7px;border-radius:6px}@keyframes v55DetailIn{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
.precision-results>header:after{content:'递进识别结果会按层级追加，不会覆盖上一层。';display:block;margin-top:5px;color:#6f8394;font-size:10px}.precision-result-card{border-left:2px solid rgba(226,187,112,.36)!important}.precision-result-card:nth-child(n+2){margin-left:14px}
@media(max-width:760px){.recognition-depthbar{grid-template-columns:1fr}.recognition-depthbar small{grid-column:1}.recognition-breadcrumb{width:100%}.motif-card:after{display:none}.precision-result-card:nth-child(n+2){margin-left:6px}}

/* V5.9 local selection controls */
.v59-actions{display:grid!important;grid-template-columns:minmax(150px,1fr) auto!important;align-items:stretch;gap:9px!important}
.local-tool-group{display:flex;align-items:stretch;gap:6px}
.local-tool-group button{min-height:38px;white-space:nowrap}
.selection-tool-button{border:1px solid #304156;border-radius:7px;background:#07101a;color:#9fb2c5;padding:0 12px;cursor:pointer}
.selection-tool-button.active{border-color:#e6bd72;color:#f0d39a;background:rgba(230,189,114,.09);box-shadow:0 0 16px rgba(230,189,114,.08)}
.selection-tool-button:disabled{opacity:.36;cursor:not-allowed}
.selection-cancel-button{border:1px solid rgba(218,116,98,.42);border-radius:7px;background:rgba(92,30,22,.16);color:#d9a293;padding:0 10px;cursor:pointer}
@media(max-width:760px){.v59-actions{grid-template-columns:1fr!important}.local-tool-group{display:grid;grid-template-columns:1.25fr 1fr 1fr auto}.local-tool-group button{padding:0 6px;font-size:11px}}


/* ===== V5.12.2 Pattern Recognition Workbench ===== */
.recognition-only-page .motif-map-stage{grid-template-columns:minmax(280px,1fr) minmax(340px,520px) minmax(320px,1.1fr)!important;gap:22px!important;align-items:start}
.recognition-only-page .motif-column-left{display:flex;flex-direction:column;gap:12px;padding-top:4px}
.motif-card-v5122{position:relative!important;display:grid!important;grid-template-columns:112px 1fr!important;gap:12px!important;min-height:132px!important;border:1px solid color-mix(in srgb,var(--region-color) 52%,#203040)!important;background:linear-gradient(145deg,rgba(7,18,29,.96),rgba(2,8,14,.92))!important;border-radius:10px!important;padding:11px!important;box-shadow:0 10px 28px rgba(0,0,0,.22)!important;opacity:1!important;transform:none!important}
.motif-card-v5122::before{content:'';position:absolute;left:-1px;top:16px;bottom:16px;width:3px;border-radius:4px;background:var(--region-color);box-shadow:0 0 14px var(--region-color)}
.motif-card-v5122 .motif-thumb-button{width:112px;height:100px;padding:0;border:1px solid rgba(222,187,124,.26);border-radius:7px;overflow:hidden;background:#02070c;cursor:zoom-in}
.motif-card-v5122 .motif-thumb-button canvas{width:100%;height:100%;object-fit:cover;display:block}
.motif-card-v5122 .motif-kind{color:var(--region-color)!important;font-size:10px;font-weight:700}.motif-card-v5122 h3{margin:4px 0 5px;color:#f1d39e;font-size:17px}.motif-card-v5122 p{margin:0;color:#a8b4bd;font-size:12px;line-height:1.6}.motif-card-v5122 small{display:block;margin-top:5px;color:#76c7e9}.motif-card-v5122 .motif-card-actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.motif-card-v5122 .motif-card-actions button{border:1px solid rgba(75,156,207,.42);background:#06111b;color:#9fd7f4;padding:5px 8px;border-radius:5px;font-size:10px;cursor:pointer}.motif-card-v5122 .motif-card-actions button:nth-last-child(-n+2){border-color:rgba(222,176,91,.42);color:#e9c17a}.motif-card-v5122.active{box-shadow:0 0 0 1px var(--region-color),0 0 28px color-mix(in srgb,var(--region-color) 25%,transparent)!important}
.motif-detection-v5122{border:2px solid var(--region-color)!important;background:color-mix(in srgb,var(--region-color) 8%,transparent)!important;box-shadow:0 0 0 1px rgba(0,0,0,.65),0 0 14px color-mix(in srgb,var(--region-color) 34%,transparent)!important;opacity:.92!important;cursor:zoom-in!important;overflow:visible!important}
.motif-detection-v5122 .region-number{position:absolute;right:-14px;top:-14px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--region-color);color:white;font:700 12px/1 sans-serif;box-shadow:0 0 0 3px rgba(3,9,14,.85),0 0 18px var(--region-color)}
.motif-detection-v5122>b{position:absolute;left:8px;top:8px;max-width:180px;padding:4px 7px;border:1px solid color-mix(in srgb,var(--region-color) 55%,#334);border-radius:4px;background:rgba(2,7,12,.82);color:#f3ddb1;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.motif-detection-v5122.active{background:color-mix(in srgb,var(--region-color) 20%,transparent)!important;filter:brightness(1.18)}
.extraction-sidebar{display:flex!important;flex-direction:column;gap:12px;min-width:0}.extraction-panel,.quick-analysis-panel{border:1px solid rgba(76,143,190,.26);border-radius:11px;background:linear-gradient(145deg,rgba(6,17,27,.96),rgba(2,9,15,.94));padding:14px;box-shadow:0 12px 28px rgba(0,0,0,.2)}.extraction-panel header,.quick-analysis-panel header{display:flex;justify-content:space-between;align-items:start;margin-bottom:10px}.extraction-panel h3,.quick-analysis-panel h3{margin:3px 0;color:#ebce99;font-size:18px}.extraction-panel header small{color:#71808b;font-size:9px}.extraction-tabs{display:flex;gap:5px;margin-bottom:10px}.extraction-tabs button{flex:1;border:1px solid rgba(76,143,190,.26);background:#04101a;color:#869aa8;border-radius:6px;padding:7px 4px;font-size:9px}.extraction-tabs button.active{background:#0b466d;color:#d7f1ff;border-color:#2485bd}.extraction-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.extraction-item{min-width:0;border:1px solid rgba(89,139,174,.22);border-radius:8px;background:#030b12;padding:6px}.extraction-preview{position:relative;width:100%;aspect-ratio:1.25/1;border:1px solid var(--region-color);padding:0;border-radius:6px;overflow:hidden;background:#02070b;cursor:zoom-in}.extraction-preview canvas{width:100%;height:100%;object-fit:cover;display:block}.extraction-preview i{position:absolute;left:5px;top:5px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--region-color);color:white;font:700 10px sans-serif}.extraction-item b{display:block;margin-top:6px;color:#d9bd8b;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.extraction-item small{display:block;color:#728796;font-size:9px;margin:2px 0 5px}.extraction-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.extraction-actions button{border:1px solid rgba(86,147,188,.28);background:#06111a;color:#8ec4df;padding:4px 2px;border-radius:4px;font-size:8px;cursor:pointer}.quick-analysis-panel p{color:#b5bec3;line-height:1.7;font-size:11px}.quick-analysis-panel dl,.detail-facts{display:grid;grid-template-columns:auto 1fr;gap:5px 10px}.quick-analysis-panel dt,.detail-facts dt{color:#6faed1;font-size:10px}.quick-analysis-panel dd,.detail-facts dd{margin:0;color:#c5b18c;font-size:10px}
.motif-detail-panel{width:min(1100px,92vw)!important;max-height:88vh!important;grid-template-columns:minmax(420px,1.25fr) minmax(320px,.75fr)!important}.motif-detail-visual{min-height:520px!important;overflow:hidden!important;background:#02070b!important}.motif-detail-crop-wrap{width:100%;height:100%;min-height:500px;display:grid;place-items:center;overflow:hidden;cursor:grab}.motif-detail-crop-wrap.dragging{cursor:grabbing}.motif-detail-crop{max-width:92%!important;max-height:76vh!important;transform-origin:center center;transition:transform .08s linear}.detail-tags{display:flex;gap:6px;flex-wrap:wrap;margin:7px 0 12px}.detail-tags span{border:1px solid rgba(92,157,196,.25);border-radius:999px;padding:4px 8px;color:#85c3e2;font-size:10px}.motif-detail-actions{grid-column:1/-1!important}.motif-detail-actions button:nth-child(n+2){border-color:rgba(222,176,91,.42)!important;color:#e8c27e!important}
@media(max-width:1100px){.recognition-only-page .motif-map-stage{grid-template-columns:1fr!important}.recognition-only-page .motif-column-left{order:2}.motif-object{order:1}.extraction-sidebar{order:3}.motif-detail-panel{grid-template-columns:1fr!important}.motif-detail-visual{min-height:360px!important}.motif-detail-crop-wrap{min-height:340px}.extraction-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.extraction-grid{grid-template-columns:repeat(2,1fr)}.motif-card-v5122{grid-template-columns:88px 1fr!important}.motif-card-v5122 .motif-thumb-button{width:88px;height:88px}.motif-detection-v5122>b{font-size:8px;max-width:120px}}