:root{--smb-bg:#0d0f13;--smb-panel:#15181e;--smb-panel2:#1b1f27;--smb-panel3:#20252f;--smb-line:#2a303b;--smb-line2:#343b48;--smb-text:#f2f4f8;--smb-muted:#8f98a9;--smb-accent:#6c7cff;--smb-accent2:#8d72ff;--smb-danger:#ff6871;--smb-green:#58d68d}
#wpcontent{padding-left:0!important}.smb-app{position:fixed;inset:32px 0 0 160px;z-index:100;background:var(--smb-bg);color:var(--smb-text);font:13px/1.4 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow:hidden}.folded .smb-app{left:36px}@media(max-width:782px){.smb-app{inset:46px 0 0 0}}
.smb-app *{box-sizing:border-box}.smb-app button,.smb-app input,.smb-app select,.smb-app textarea{font:inherit}.smb-loading{height:100%;display:grid;place-content:center;gap:8px;text-align:center}.smb-loading strong{font-size:22px}.smb-loading span,.smb-muted{color:var(--smb-muted)}
.smb-shell{height:100%;display:grid;grid-template-columns:240px minmax(500px,1fr) 320px;grid-template-rows:58px minmax(280px,1fr) 250px;grid-template-areas:"top top top" "left center right" "left timeline right"}.smb-topbar{grid-area:top;display:flex;align-items:center;gap:8px;background:#12151a;border-bottom:1px solid var(--smb-line);padding:8px 12px;min-width:0}.smb-brand{display:flex;align-items:center;gap:8px;white-space:nowrap;margin-right:4px}.smb-brand small{color:var(--smb-muted);font-size:10px}.smb-brand-mark{width:30px;height:30px;border-radius:9px;background:linear-gradient(145deg,var(--smb-accent),var(--smb-accent2));display:grid;place-items:center;font-weight:900}.smb-project-select{max-width:170px}.smb-project-name{width:170px;background:#0e1014!important;border:1px solid var(--smb-line)!important;color:#fff!important;border-radius:8px!important;box-shadow:none!important;font-weight:700}.smb-top-spacer,.smb-spacer{flex:1}.smb-top-sep{width:1px;height:24px;background:var(--smb-line);margin:0 2px}.smb-select,.smb-num,.smb-field input,.smb-field select,.smb-field textarea,.smb-code{background:#101319!important;border:1px solid var(--smb-line2)!important;color:#fff!important;border-radius:8px!important;box-shadow:none!important}.smb-num.top{width:72px!important;min-height:34px!important}.smb-select{min-height:34px!important}.smb-btn,.smb-icon-btn,.smb-mini,.smb-preset{border:1px solid var(--smb-line2);background:var(--smb-panel2);color:var(--smb-text);border-radius:8px;cursor:pointer}.smb-btn{padding:8px 10px;font-weight:650}.smb-btn:hover,.smb-icon-btn:hover,.smb-mini:hover,.smb-preset:hover{background:var(--smb-panel3)}.smb-btn.primary{background:#303748}.smb-btn.accent{background:var(--smb-accent);border-color:var(--smb-accent);color:#fff}.smb-btn.danger,.smb-link.danger{color:#ff969d}.smb-btn.full{width:100%;margin-top:7px}.smb-btn.slim{padding:5px 8px;font-size:11px}.smb-icon-btn{width:34px;height:34px;display:grid;place-items:center;padding:0}.smb-mini{width:26px;height:26px;padding:0}.smb-link{background:none;border:0;padding:0;cursor:pointer;font-size:11px}.smb-time{font:600 12px ui-monospace,SFMono-Regular,Menlo,monospace;color:#fff}
.smb-left{grid-area:left;background:var(--smb-panel);border-right:1px solid var(--smb-line);display:flex;flex-direction:column;min-height:0}.smb-side-section{padding:12px;border-bottom:1px solid var(--smb-line)}.smb-side-section.layers{flex:1;overflow:auto}.smb-side-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.smb-side-title strong{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#c7ccd6}.smb-scene-item,.smb-layer-item{display:flex;align-items:center;gap:7px;border:1px solid transparent;border-radius:8px;cursor:pointer;margin:3px 0}.smb-scene-item{padding:8px}.smb-scene-item>div:first-child{min-width:0;flex:1}.smb-scene-item strong,.smb-scene-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.smb-scene-item small{color:var(--smb-muted);font-size:10px}.smb-scene-item:hover,.smb-layer-item:hover{background:#1d2129}.smb-scene-item.active,.smb-layer-item.active{background:#242936;border-color:#35405a}.smb-item-actions{display:flex;gap:2px}.smb-item-actions button,.smb-eye,.smb-lock{border:0;background:transparent;color:var(--smb-muted);cursor:pointer;padding:3px}.smb-layer-item{height:32px;padding:4px 6px}.smb-layer-icon{width:16px;text-align:center;color:#9ca5b6}.smb-layer-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.smb-eye.off{opacity:.45}.smb-left-footer{padding:10px 12px;border-top:1px solid var(--smb-line);display:flex;flex-direction:column;gap:6px;color:var(--smb-muted);font-size:10px}
.smb-center{grid-area:center;display:flex;flex-direction:column;min-width:0;min-height:0;background:#090b0e}.smb-preview-toolbar{height:42px;border-bottom:1px solid var(--smb-line);display:flex;align-items:center;gap:6px;padding:4px 9px;background:#111419}.smb-preview-toolbar label{display:flex;align-items:center;gap:4px;color:var(--smb-muted);font-size:11px}.smb-preview-spacer{flex:1}.smb-stage-wrap{position:relative;flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:28px;background-color:#090b0e;background-image:linear-gradient(45deg,#0c0e12 25%,transparent 25%),linear-gradient(-45deg,#0c0e12 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#0c0e12 75%),linear-gradient(-45deg,transparent 75%,#0c0e12 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.smb-stage{position:relative;flex:none;overflow:hidden;background:#fff;box-shadow:0 25px 80px rgba(0,0,0,.55)}.smb-stage iframe{width:100%;height:100%;border:0;display:block}.smb-reference{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;display:none}.smb-reference.visible{display:block}.smb-reference.diff{mix-blend-mode:difference;opacity:1!important}.smb-safe{display:none;position:absolute;pointer-events:none;border:1px dashed rgba(255,80,80,.65)}.smb-safe.safe-outer{inset:5%}.smb-safe.safe-inner{inset:10%}.smb-stage.show-safe .smb-safe{display:block}.smb-stage-info{position:absolute;right:12px;bottom:10px;background:rgba(0,0,0,.65);border:1px solid rgba(255,255,255,.1);color:#bdc4cf;border-radius:7px;padding:5px 8px;font-size:10px}
.smb-right{grid-area:right;background:var(--smb-panel);border-left:1px solid var(--smb-line);display:flex;flex-direction:column;min-height:0}.smb-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--smb-line);flex:none}.smb-tab{border:0;background:none;color:var(--smb-muted);padding:9px 4px;cursor:pointer;font-size:11px}.smb-tab.active{color:#fff;background:#1d2129;box-shadow:inset 0 -2px var(--smb-accent)}.smb-inspector{overflow:auto;padding:12px;min-height:0}.smb-group{border-bottom:1px solid var(--smb-line);padding-bottom:14px;margin-bottom:14px}.smb-group:last-child{border-bottom:0}.smb-group h3{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#c5cad4;margin:0 0 10px}.smb-help{color:var(--smb-muted);font-size:11px;margin:0 0 10px;line-height:1.5}.smb-help code{color:#ccd2ff}.smb-field{display:flex;flex-direction:column;gap:4px;margin:7px 0}.smb-field.row{flex-direction:row;justify-content:space-between;align-items:center}.smb-field>span{font-size:10px;color:var(--smb-muted)}.smb-field input,.smb-field select,.smb-field textarea{width:100%;min-height:32px!important;margin:0!important}.smb-grid2{display:grid;grid-template-columns:1fr 1fr;gap:7px}.smb-preset-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.smb-preset{padding:8px 5px;font-size:10px}.smb-kf-list{display:flex;flex-direction:column;gap:6px}.smb-kf-card{display:grid;grid-template-columns:1.1fr .8fr 1fr 24px;gap:5px;align-items:center;border:1px solid var(--smb-line);border-radius:8px;padding:6px;background:#11141a}.smb-kf-card.selected{border-color:var(--smb-accent)}.smb-kf-card strong,.smb-kf-card small{display:block}.smb-kf-card small{font-size:9px;color:var(--smb-muted)}.smb-kf-card input,.smb-kf-card select{min-width:0;width:100%;height:27px;background:#0b0e12;border:1px solid var(--smb-line);color:#fff;border-radius:5px}.smb-kf-card button,.smb-event-card button{border:0;background:none;color:#ff9097;cursor:pointer}.smb-event-card{position:relative;border:1px solid var(--smb-line);border-radius:8px;padding:8px;margin:6px 0;background:#11141a}.smb-event-card>div{display:flex;justify-content:space-between}.smb-event-card small{color:var(--smb-muted)}.smb-event-card button{position:absolute;right:4px;top:3px}.smb-event-card pre{font-size:9px;white-space:pre-wrap;color:#9ca5b6;margin:6px 0 0}.smb-code{width:100%;height:220px!important;resize:vertical;font:11px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace!important}.smb-code.css{height:280px!important}.smb-ref-thumb{width:100%;aspect-ratio:16/9;object-fit:contain;background:#0b0d11;border:1px solid var(--smb-line);border-radius:8px}.smb-ref-empty{height:90px;display:grid;place-items:center;background:#0f1217;border:1px dashed var(--smb-line2);border-radius:8px;color:var(--smb-muted)}.smb-pixel-result{margin-top:8px;font:10px ui-monospace,monospace;color:#b8c0cd}.smb-empty-state{text-align:center;color:var(--smb-muted);padding:30px 10px}.smb-empty-state strong{display:block;color:#fff;margin-bottom:5px}.smb-assets{display:flex;flex-direction:column;gap:7px;margin-top:10px}.smb-asset{display:grid;grid-template-columns:44px 1fr 24px 24px;gap:7px;align-items:center;border:1px solid var(--smb-line);border-radius:8px;padding:5px}.smb-asset img,.smb-file-icon{width:44px;height:38px;object-fit:cover;border-radius:5px;background:#0d1015}.smb-file-icon{display:grid;place-items:center;font-size:8px;color:var(--smb-muted)}.smb-asset strong,.smb-asset small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.smb-asset small{font-size:9px;color:var(--smb-muted)}.smb-asset button{border:0;background:none;color:#c2c7d0;cursor:pointer}
.smb-timeline-panel{grid-area:timeline;border-top:1px solid var(--smb-line);background:#11141a;min-width:0;min-height:0;display:flex;flex-direction:column}.smb-timeline-toolbar{height:36px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--smb-line);padding:3px 9px;font-size:11px}.smb-timeline-toolbar input[type=range]{width:110px}.smb-timeline-body{display:grid;grid-template-columns:180px minmax(0,1fr);flex:1;min-height:0}.smb-timeline-labels{overflow:hidden;border-right:1px solid var(--smb-line);background:#14171d}.smb-label-spacer{height:28px;border-bottom:1px solid var(--smb-line)}.smb-tl-label{height:34px;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.04);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.smb-tl-label.active{background:#232936}.smb-timeline-scroll{overflow:auto;position:relative}.smb-timeline-track{position:relative;min-width:100%;background-image:linear-gradient(to right,rgba(255,255,255,.035) 1px,transparent 1px);background-size:65px 100%}.smb-ruler{position:absolute;left:0;right:0;top:0;border-bottom:1px solid var(--smb-line);background:#15181e;z-index:2}.smb-ruler span{position:absolute;top:7px;transform:translateX(-50%);font-size:9px;color:#747d8e}.smb-track-row{position:absolute;left:0;right:0;border-bottom:1px solid rgba(255,255,255,.04)}.smb-track-row.active{background:rgba(108,124,255,.055)}.smb-kf-dot{position:absolute;top:10px;width:11px;height:11px;background:#7785ff;border:1px solid #aeb6ff;transform:translateX(-50%) rotate(45deg);padding:0;border-radius:2px;cursor:ew-resize}.smb-kf-dot.selected{background:#fff;border-color:#fff;box-shadow:0 0 0 3px rgba(108,124,255,.35)}.smb-event-block{position:absolute;top:8px;height:18px;background:#835dcc;border-radius:4px;color:#fff;font-size:8px;padding:3px 5px;overflow:hidden;white-space:nowrap}.smb-playhead{position:absolute;top:0;bottom:0;width:2px;background:#ff4d63;z-index:5;pointer-events:none}.smb-playhead:before{content:"";position:absolute;left:-5px;top:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:9px solid #ff4d63}
.smb-toast{position:fixed;z-index:1000000;right:22px;bottom:22px;background:#242a35;border:1px solid #414a5b;color:#fff;padding:11px 14px;border-radius:9px;box-shadow:0 16px 50px rgba(0,0,0,.45);max-width:440px}.smb-toast.error{border-color:#794149;color:#ffdadd}.smb-popover{position:fixed;z-index:1000001;background:#20242d;border:1px solid #3a4250;border-radius:9px;padding:5px;box-shadow:0 16px 40px rgba(0,0,0,.45);display:flex;flex-direction:column;min-width:145px}.smb-popover button{background:none;border:0;color:#fff;text-align:left;padding:8px 10px;border-radius:6px;cursor:pointer}.smb-popover button:hover{background:#303643}
@media(max-width:1200px){.smb-shell{grid-template-columns:200px minmax(420px,1fr) 285px}.smb-brand small,.smb-size-preset{display:none}.smb-project-name{width:140px}.smb-tabs{grid-template-columns:repeat(2,1fr)}}
.smb-btn.capture{background:linear-gradient(135deg,#2a3140,#4e5ee8);border-color:#5968ef}.smb-select.compact{height:30px!important;min-height:30px!important;font-size:10px;max-width:210px}.smb-mobile-panel{display:none}.smb-breakpoint-list{display:flex;flex-direction:column;gap:6px}.smb-breakpoint{display:grid;grid-template-columns:1fr auto 28px;align-items:center;gap:6px;padding:6px;border:1px solid var(--smb-line);border-radius:8px;background:#11141a}.smb-breakpoint.active{border-color:var(--smb-accent);background:#202638}.smb-breakpoint button{border:0;background:none;color:#fff;text-align:left;cursor:pointer}.smb-breakpoint span{font-size:9px;color:var(--smb-muted)}
.smb-capture-modal{position:fixed;z-index:1000002;inset:32px 0 0 160px;background:rgba(4,6,9,.88);backdrop-filter:blur(8px);display:grid;place-items:center;padding:22px}.folded .smb-capture-modal{left:36px}@media(max-width:782px){.smb-capture-modal{inset:46px 0 0 0}}.smb-capture-dialog{width:min(1500px,96vw);height:min(900px,92vh);background:#101319;border:1px solid #303746;border-radius:16px;box-shadow:0 30px 100px rgba(0,0,0,.65);display:grid;grid-template-rows:58px 48px 1fr 64px;overflow:hidden;color:#fff}.smb-capture-head{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--smb-line)}.smb-capture-head>div{display:flex;flex-direction:column}.smb-capture-head strong{font-size:18px}.smb-capture-head span{font-size:10px;color:var(--smb-muted)}.smb-capture-head>button{border:0;background:none;color:#fff;font-size:28px;cursor:pointer}.smb-capture-toolbar{display:flex;align-items:center;gap:8px;padding:7px 12px;border-bottom:1px solid var(--smb-line);background:#151920}.smb-capture-toolbar label{display:flex;align-items:center;gap:7px;color:var(--smb-muted);font-size:10px}.smb-capture-toolbar input[type=range]{width:120px}.smb-capture-status{margin-left:auto;color:#9ea7b9;font-size:10px}.smb-capture-body{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 390px}.smb-capture-preview{min-width:0;min-height:0;padding:18px;display:grid;place-items:center;background:#090b0f;overflow:auto}.smb-capture-imagewrap{position:relative;display:inline-block;max-width:100%;max-height:100%}.smb-capture-imagewrap>img{display:block;max-width:100%;max-height:calc(92vh - 210px);object-fit:contain}.smb-capture-overlays{position:absolute;inset:0}.smb-detect-box{position:absolute;padding:0;border:1px solid rgba(106,125,255,.85);background:rgba(106,125,255,.07);cursor:pointer;min-width:2px;min-height:2px}.smb-detect-box.used{box-shadow:inset 0 0 0 1px rgba(88,214,141,.7)}.smb-detect-box.focus{outline:2px solid #fff;outline-offset:1px}.smb-detect-box.marked{background:rgba(255,189,74,.2);border-color:#ffbd4a}.smb-detect-box.type-text{border-color:#b78cff}.smb-detect-box.type-button{border-color:#55d4a4}.smb-detect-box.type-card{border-color:#70a6ff}.smb-draw-ghost{position:absolute;border:2px dashed #fff;background:rgba(255,255,255,.08);pointer-events:none}.smb-capture-empty{width:70vw;height:55vh;display:grid;place-items:center;border:1px dashed #414856;border-radius:12px;color:var(--smb-muted)}.smb-capture-side{min-height:0;border-left:1px solid var(--smb-line);display:flex;flex-direction:column;background:#14171d}.smb-capture-summary{padding:10px 12px;border-bottom:1px solid var(--smb-line)}.smb-capture-summary strong,.smb-capture-summary span{display:block}.smb-capture-summary span{margin-top:3px;color:var(--smb-muted);font-size:9px}.smb-capture-bulk{display:flex;gap:5px;padding:7px;border-bottom:1px solid var(--smb-line)}.smb-capture-bulk button{flex:1;border:1px solid var(--smb-line);background:#1b2028;color:#dfe3ec;border-radius:6px;padding:5px;font-size:9px;cursor:pointer}.smb-component-list{overflow:auto;padding:7px}.smb-component-row{display:grid;grid-template-columns:22px 42px 72px 1fr 28px 26px;gap:4px;align-items:center;padding:4px;border-radius:7px}.smb-component-row:hover,.smb-component-row.focus{background:#202630}.smb-component-row input,.smb-component-row select,.smb-component-row button{min-width:0;height:26px;background:#0e1116;border:1px solid #303746;color:#fff;border-radius:5px;font-size:9px}.smb-component-row [data-focus]{color:#9fa8b8}.smb-component-row [data-mark].active{border-color:#ffbd4a;color:#ffbd4a}.smb-capture-foot{display:flex;align-items:center;gap:8px;padding:9px 14px;border-top:1px solid var(--smb-line);background:#151920}.smb-capture-foot>div{flex:1;display:flex;flex-direction:column}.smb-capture-foot span{font-size:10px;color:var(--smb-muted);max-width:800px}
@media(max-width:1400px){.smb-topbar{overflow-x:auto;white-space:nowrap}.smb-shell{grid-template-columns:210px minmax(420px,1fr) 290px}.smb-project-select{max-width:125px}.smb-project-name{width:125px}.smb-capture-body{grid-template-columns:minmax(0,1fr) 330px}}
@media(max-width:1050px){.smb-shell{grid-template-columns:1fr;grid-template-rows:58px minmax(280px,1fr) 210px;grid-template-areas:"top" "center" "timeline"}.smb-left,.smb-right{position:absolute;top:58px;bottom:0;z-index:30;width:min(84vw,300px);box-shadow:0 20px 70px rgba(0,0,0,.55);transition:transform .18s ease}.smb-left{left:0;transform:translateX(-102%)}.smb-right{right:0;transform:translateX(102%)}.smb-app.smb-left-open .smb-left{transform:none}.smb-app.smb-right-open .smb-right{transform:none}.smb-mobile-panel{display:grid}.smb-timeline-body{grid-template-columns:130px minmax(0,1fr)}.smb-capture-body{grid-template-columns:1fr}.smb-capture-side{position:absolute;right:0;top:106px;bottom:64px;width:min(88vw,360px);z-index:3;box-shadow:-18px 0 50px rgba(0,0,0,.45)}.smb-capture-dialog{position:relative}.smb-capture-toolbar{overflow-x:auto}.smb-capture-toolbar .smb-capture-status{display:none}}
@media(max-width:720px){.smb-app{font-size:12px}.smb-topbar{gap:5px;padding:6px}.smb-brand strong{display:none}.smb-project-select{display:none}.smb-project-name{width:110px}.smb-num.top,.smb-topbar .smb-muted,.smb-topbar #smb-size-preset{display:none!important}.smb-preview-toolbar{overflow-x:auto;white-space:nowrap}.smb-stage-wrap{padding:14px}.smb-timeline-panel{height:190px}.smb-capture-modal{padding:8px}.smb-capture-dialog{width:100%;height:100%;border-radius:10px}.smb-capture-side{width:100%;top:auto;height:48%;bottom:64px}.smb-capture-foot span{display:none}}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#0b0d12}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}#smb-app{width:100vw;height:100vh}.smb-shell{height:100vh}.standalone-nav{position:fixed;z-index:99999;right:14px;bottom:14px;display:flex;gap:8px}.standalone-nav a{font:12px/1 system-ui;text-decoration:none;padding:9px 11px;border-radius:9px;background:#111827;color:#fff;border:1px solid #374151;box-shadow:0 8px 24px #0005}.auth-page{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 20% 15%,#18213a 0,#0a0d14 42%,#07090e 100%);color:#f7f8fb}.auth-card{width:min(480px,100%);background:#10141e;border:1px solid #252b3a;border-radius:22px;padding:30px;box-shadow:0 30px 90px #0008}.auth-card h1{margin:0 0 8px;font-size:28px}.auth-card p{color:#aeb7ca;line-height:1.55}.auth-card label{display:block;margin:18px 0 7px;font-weight:650;font-size:13px}.auth-card input{box-sizing:border-box;width:100%;padding:13px 14px;background:#090c12;border:1px solid #30384b;border-radius:10px;color:#fff;outline:0}.auth-card input:focus{border-color:#6577ff;box-shadow:0 0 0 3px #6577ff22}.auth-card button{width:100%;margin-top:20px;padding:13px;border:0;border-radius:10px;background:#6674ff;color:#fff;font-weight:750;cursor:pointer}.auth-error{padding:10px 12px;border-radius:9px;background:#3b1518;color:#ffb7bd;margin:14px 0}.auth-ok{padding:10px 12px;border-radius:9px;background:#123524;color:#a9efc7;margin:14px 0}.auth-meta{font-size:12px;color:#7f899d;margin-top:18px}.smb-capture-status{max-width:420px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.smb-capture-summary small{display:block;margin-top:6px;color:#7f8aa0;font-size:9px;line-height:1.35}.smb-capture-toolbar select.smb-select.compact{height:30px;min-width:110px}
/* Capture Studio 4.2 — logical objects + pixel-precise correction */
.smb-capture-overlays.logical .smb-detect-box{background:transparent;border-color:rgba(110,126,255,.34);box-shadow:none}
.smb-capture-overlays.logical .smb-detect-box.used{box-shadow:none}
.smb-capture-overlays.logical .smb-detect-box:hover{background:rgba(107,123,255,.07);border-color:rgba(135,150,255,.82)}
.smb-capture-overlays.logical .smb-detect-box.focus{z-index:20;background:rgba(101,119,255,.06);border:1px solid #fff;outline:1px solid #6674ff;outline-offset:2px;cursor:move}
.smb-detect-box.type-title{border-color:#ffcf66!important}.smb-detect-box.type-paragraph{border-color:#b78cff!important}.smb-detect-box.type-image{border-color:#5ed7ff!important}.smb-detect-box.type-button{border-color:#55d4a4!important}.smb-detect-box.type-input{border-color:#63e6be!important}
.smb-box-handle{position:absolute;width:8px;height:8px;border-radius:2px;background:#fff;border:1px solid #6674ff;box-sizing:border-box;z-index:25;pointer-events:auto}
.smb-box-handle.h-nw{left:-5px;top:-5px;cursor:nwse-resize}.smb-box-handle.h-n{left:50%;top:-5px;transform:translateX(-50%);cursor:ns-resize}.smb-box-handle.h-ne{right:-5px;top:-5px;cursor:nesw-resize}.smb-box-handle.h-e{right:-5px;top:50%;transform:translateY(-50%);cursor:ew-resize}.smb-box-handle.h-se{right:-5px;bottom:-5px;cursor:nwse-resize}.smb-box-handle.h-s{left:50%;bottom:-5px;transform:translateX(-50%);cursor:ns-resize}.smb-box-handle.h-sw{left:-5px;bottom:-5px;cursor:nesw-resize}.smb-box-handle.h-w{left:-5px;top:50%;transform:translateY(-50%);cursor:ew-resize}
.smb-capture-summary{padding:10px 12px}.smb-component-count strong,.smb-component-count span{display:block}.smb-component-count span{margin-top:3px;font-size:9px;color:var(--smb-muted)}
.smb-capture-hint{margin-top:9px;padding:10px;border:1px dashed #303746;border-radius:9px;background:#101319}.smb-capture-hint strong,.smb-capture-hint span{display:block}.smb-capture-hint span{margin-top:4px;color:#8e99ad;font-size:10px;line-height:1.4}
.smb-selection-editor{margin-top:9px;padding:10px;border:1px solid #36405a;border-radius:10px;background:#0d1118}.smb-selection-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.smb-selection-title strong{font-size:12px}.smb-selection-title span{font-size:9px;color:#aeb8cc;background:#1a2130;border-radius:999px;padding:3px 7px}.smb-selection-editor>label{display:grid;grid-template-columns:56px 1fr;align-items:center;gap:7px;font-size:9px;color:#aab4c7}.smb-selection-editor select,.smb-selection-editor input{width:100%;box-sizing:border-box;background:#0a0d12;color:#fff;border:1px solid #303746;border-radius:6px;height:28px;padding:0 7px}.smb-xywh{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:8px}.smb-xywh label{font-size:8px;color:#8e99ad}.smb-xywh input{margin-top:3px}.smb-selection-editor small{display:block;margin-top:8px;color:#758198;font-size:8px}
.smb-component-row.logical-row{grid-template-columns:22px 88px 1fr 26px;gap:5px;padding:5px}.smb-component-row.logical-row input[data-name]{width:100%;box-sizing:border-box;padding:0 7px}.smb-type-pill{padding:0 7px!important;text-align:left!important;color:#dfe7f6!important}.smb-type-pill.type-title{border-color:#806b2d!important}.smb-type-pill.type-paragraph{border-color:#684d8d!important}.smb-type-pill.type-button{border-color:#286e58!important}.smb-type-pill.type-image{border-color:#2a6982!important}
.smb-capture-advanced{position:relative}.smb-capture-advanced>summary{cursor:pointer;list-style:none;border:1px solid var(--smb-line);background:#1b2028;border-radius:7px;padding:7px 9px;font-size:10px;color:#c8d0df}.smb-capture-advanced>summary::-webkit-details-marker{display:none}.smb-capture-advanced>div{position:absolute;z-index:40;top:36px;left:0;min-width:260px;padding:10px;border:1px solid #303746;border-radius:9px;background:#11151c;box-shadow:0 18px 55px #0009;display:grid;gap:9px}.smb-capture-advanced label{justify-content:space-between}.smb-capture-toolbar [data-zoom]{min-width:86px}
@media(max-width:720px){.smb-capture-toolbar label:has([data-zoom]){display:none}.smb-component-row.logical-row{grid-template-columns:22px 80px 1fr 26px}.smb-xywh{grid-template-columns:repeat(2,1fr)}}

/* V5 — Device 3D + semantic capture */
.smb-btn.device-toggle{background:linear-gradient(135deg,#1c2430,#322841);border-color:#514764}.smb-btn.device-toggle:hover{background:linear-gradient(135deg,#253043,#41334f)}
.smb-device-hero{display:grid;grid-template-columns:46px 1fr auto;gap:10px;align-items:center;padding:10px;border:1px solid var(--smb-line2);border-radius:12px;background:#10141b;margin-bottom:14px}.smb-device-hero.on{border-color:#5f6ee8;background:linear-gradient(135deg,#111722,#1c1d31)}.smb-device-hero strong,.smb-device-hero small{display:block}.smb-device-hero small{font-size:9px;color:var(--smb-muted);margin-top:2px}.smb-device-mini{width:36px;height:54px;border:3px solid #9ca5b9;border-radius:10px;position:relative;box-shadow:inset 0 0 0 2px #111}.smb-device-mini:before{content:"";position:absolute;left:50%;top:4px;transform:translateX(-50%);width:12px;height:4px;border-radius:8px;background:#0a0b0e}.smb-device-mini span{position:absolute;inset:5px;border-radius:6px;background:linear-gradient(145deg,#5d6cff,#9a76ff);opacity:.8}.smb-switch input{display:none}.smb-switch i{display:block;width:36px;height:20px;border-radius:999px;background:#333a47;position:relative;cursor:pointer}.smb-switch i:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;left:3px;top:3px;transition:.16s}.smb-switch input:checked+i{background:#6674ff}.smb-switch input:checked+i:after{transform:translateX(16px)}
.smb-help.warn{padding:8px 9px;border:1px solid #604d25;border-radius:8px;background:#2a2415;color:#e6c981}
.smb-semantic-box{margin:9px 0;padding:9px;border:1px solid #2e3c54;border-radius:8px;background:#101722}.smb-semantic-box .smb-field{display:flex!important;grid-template-columns:none!important}.smb-semantic-box textarea{min-height:58px!important;resize:vertical;padding:7px!important;line-height:1.35}.smb-semantic-box small{line-height:1.35}