*{box-sizing:border-box}html,body,#root{height:100%;min-height:0;overflow:hidden}body{margin:0;background:#eef1f4;color:#182026;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{border:0;font-size:12px;font-weight:700}.app-shell{display:grid;grid-template-columns:292px minmax(0,1fr) 280px;height:100dvh;min-height:0;overflow:hidden}.sidebar{height:100%;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-bottom:28px;border-right:1px solid #d7dde3;background:#fbfcfd;scrollbar-gutter:stable}.inspector{height:100dvh;border-right:0;border-left:1px solid #d7dde3;overflow-y:auto;overscroll-behavior:contain}.workspace{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0}.control-section{padding:18px;border-bottom:1px solid #e3e7eb}.collapsible-section.is-collapsed{padding-bottom:14px}.collapsible-section-heading{display:grid;grid-template-columns:minmax(0,1fr) auto auto;width:100%;min-height:28px;align-items:center;gap:8px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;text-align:left}.collapsible-section-heading h2{margin:0}.collapsible-section-heading span{color:#6a7784;font-size:11px;font-weight:800}.collapsible-section-heading svg{color:#7a8794;transition:transform .14s ease}.collapsible-section-heading:hover h2,.collapsible-section-heading:hover svg{color:#1f5fb7}.collapsible-section.is-collapsed .collapsible-section-heading svg{transform:rotate(-90deg)}.collapsible-section-body{margin-top:14px}h1,h2{margin:0 0 14px;letter-spacing:0}h1{font-size:19px;line-height:1.2}.brand-logo{display:inline-flex;width:min(172px,100%);margin:0 0 16px;color:inherit;text-decoration:none}.brand-logo img{display:block;width:100%;height:auto}h2{font-size:13px;color:#5e6873;font-weight:700;text-transform:uppercase}label{display:grid;gap:7px;margin-bottom:12px;font-size:12px;color:#56616c;font-weight:700}input,select,textarea{width:100%;border:1px solid #cfd7df;border-radius:6px;background:#fff;color:#111820;font-size:13px;padding:9px 10px;outline:none}input[type=color]{min-height:37px;padding:4px;cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:0;border-radius:4px}input:focus,select:focus,textarea:focus{border-color:#2e6fce;box-shadow:0 0 0 3px #2e6fce29}textarea{min-height:118px;resize:vertical;line-height:1.35}.upload-target{display:flex;min-height:84px;align-items:center;justify-content:center;gap:10px;margin:0;border:1px dashed #9eabb8;border-radius:8px;background:#f4f7fa;color:#26313b;cursor:pointer;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease,color .14s ease}.upload-target:hover,.upload-target.drag-active{border-color:#2e6fce;background:#eaf2ff;color:#194f9d}.upload-target.drag-active{box-shadow:inset 0 0 0 1px #2e6fce3d,0 8px 22px #1f5fb71f}.upload-target input{display:none}.upload-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.upload-card{display:grid;gap:7px}.upload-card .upload-target{min-height:76px;flex-direction:column;gap:7px;padding:10px 8px;text-align:center}.upload-card .upload-target span{font-size:12px;font-weight:800;line-height:1.25}.upload-guide{min-height:34px;margin:0;color:#687684;font-size:11px;line-height:1.35}.panel-ready-notice{display:grid;gap:4px;margin-top:12px;padding:10px 11px;border:1px solid #bad7bd;border-radius:8px;background:#eef8ef;color:#244b2a;font-size:12px;line-height:1.35}.panel-ready-notice strong{color:#153c1b;font-size:12px;line-height:1.25}.panel-ready-notice span{color:#3e5d43}.meta-line{margin:12px 0 0;color:#607080;font-size:12px;line-height:1.45}.inspector-meta{margin:-6px 0 14px;overflow-wrap:anywhere}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field-block{display:grid;gap:10px;margin:16px 0;padding-top:14px;border-top:1px solid #e3e7eb}.field-block.compact{gap:8px;margin-top:10px}.visually-hidden-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.panel-thumb-card{position:relative}.panel-thumb{display:grid;width:100%;gap:7px;padding:8px;border:1px solid #d8dfe6;border-radius:8px;background:#fff;color:#384450;cursor:grab;text-align:left;transition:border-color .14s ease,box-shadow .14s ease,opacity .14s ease,transform .14s ease}.panel-thumb:hover{border-color:#a8b6c5;box-shadow:0 5px 14px #1e2a3614}.panel-thumb.dragging{border-color:#2e6fce;box-shadow:0 0 0 3px #2e6fce24;opacity:.62;transform:scale(.98)}.panel-thumb:active{cursor:grabbing}.panel-thumb img{display:block;width:100%;aspect-ratio:3 / 4;object-fit:contain;background:linear-gradient(45deg,#edf0f3 25%,transparent 25%),linear-gradient(-45deg,#edf0f3 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#edf0f3 75%),linear-gradient(-45deg,transparent 75%,#edf0f3 75%);background-color:#fff;background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.panel-thumb span{font-size:11px;color:#64717d}.panel-download-button{position:absolute;top:6px;right:6px;display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border:1px solid rgba(203,213,224,.95);border-radius:999px;background:#fffffff0;color:#28415a;cursor:pointer;opacity:0;box-shadow:0 6px 16px #19243029;transition:opacity .14s ease,transform .14s ease,background .14s ease}.panel-thumb-card:hover .panel-download-button,.panel-download-button:focus-visible{opacity:1}.panel-download-button:hover{background:#eaf2ff;transform:translateY(-1px)}@media(hover:none){.panel-download-button{opacity:1}}.source-panel-group{display:grid;gap:8px}.source-panel-group+.source-panel-group{margin-top:16px;padding-top:14px;border-top:1px solid #e3e7eb}.source-panel-title{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#33414f;font-size:12px;font-weight:800}.source-panel-title span:last-child{color:#6a7784;font-size:11px;font-weight:700}.source-panel-name{margin:-2px 0 0;overflow-wrap:anywhere;color:#687684;font-size:11px;line-height:1.35}.frame-current-label{margin:-4px 0 14px;font-weight:700}.frame-page-section .wide-button{margin-top:8px}.section-heading-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-heading-row h2{margin-bottom:0}.section-heading-row span{color:#6a7784;font-size:11px;font-weight:800}.saved-frame-list{display:grid;gap:8px;margin-top:12px}.saved-frame-item{display:grid;grid-template-columns:46px minmax(0,1fr);gap:10px;width:100%;align-items:center;padding:8px;border:1px solid #d8dfe6;border-radius:8px;background:#fff;color:#28323b;cursor:pointer;text-align:left}.saved-frame-item:hover,.saved-frame-item.active{border-color:#2e6fce;background:#eaf2ff}.saved-frame-thumb{display:grid;width:46px;height:58px;place-items:center;overflow:hidden;border:1px solid #d7dde3;border-radius:5px;background:#f4f7fa}.saved-frame-thumb img{display:block;max-width:100%;max-height:100%;object-fit:contain}.saved-frame-copy{display:grid;min-width:0;gap:3px}.saved-frame-copy strong{overflow:hidden;color:#17212b;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.saved-frame-copy span{color:#64717d;font-size:11px;line-height:1.35}.layer-panel{display:grid;gap:10px}.layer-list{display:grid;gap:8px}.layer-item{display:grid;grid-template-columns:minmax(0,1fr) 50px;align-items:center;gap:6px;min-height:58px;padding:7px;border:1px solid #d8dfe6;border-radius:8px;background:#fff;color:#1d2833;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease,opacity .14s ease}.layer-item:hover{border-color:#a8b6c5;background:#f8fafc}.layer-item.active{border-color:#79a7e3;background:#f0f6ff;box-shadow:0 0 0 3px #2e6fce1a}.layer-item.muted{opacity:.62}.layer-select-button{display:grid;grid-template-columns:30px minmax(0,1fr);width:100%;min-width:0;align-items:center;gap:9px;padding:0;background:transparent;color:inherit;cursor:pointer;text-align:left}.layer-kind{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:7px;background:#e9eef3;color:#50606f}.layer-item.active .layer-kind{background:#d8e9ff;color:#1f5fb7}.layer-copy{display:grid;min-width:0;gap:3px}.layer-copy strong{overflow:hidden;color:#17212b;font-size:12px;font-weight:800;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.layer-copy span{color:#64717d;font-size:11px;line-height:1.3}.layer-actions{display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-content:end;gap:4px}.mini-icon-button{display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center;border:1px solid #d5dde5;border-radius:6px;background:#fff;color:#52606d;cursor:pointer}.mini-icon-button:hover{border-color:#cfd7df;background:#fff;color:#1f5fb7}.mini-icon-button:disabled{cursor:not-allowed;opacity:.35}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-bottom:1px solid #d7dde3;background:#fff}.tool-group{display:flex;align-items:center;gap:8px}.toolbar .icon-button,.toolbar .primary-button{min-width:34px;min-height:34px;border-radius:6px}.toolbar .primary-button{padding:0 11px}.toolbar-preferences{display:inline-flex;align-items:center;gap:5px;padding-left:2px}.toolbar-preference-button{display:inline-flex;min-width:30px;height:30px;align-items:center;justify-content:center;gap:5px;padding:0 8px;border:1px solid #d4dce4;border-radius:7px;background:#f8fafc;color:#34404b;cursor:pointer;font-size:11px;font-weight:800;line-height:1}.toolbar-preference-button:hover{border-color:#b9c7d4;background:#eef4fb;color:#1f5fb7}.toolbar-preference-button.language{min-width:48px}.toolbar-menu{position:relative}.toolbar-menu-trigger{list-style:none;-webkit-user-select:none;user-select:none}.toolbar-menu-trigger::-webkit-details-marker{display:none}.toolbar-menu-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:40;display:grid;min-width:196px;gap:4px;padding:6px;border:1px solid #d5dde5;border-radius:8px;background:#fff;box-shadow:0 14px 34px #151f2a2e}.toolbar-menu-panel button{display:grid;grid-template-columns:18px minmax(0,1fr);min-height:32px;align-items:center;gap:8px;padding:0 8px;border-radius:6px;background:transparent;color:#28323b;cursor:pointer;font-size:12px;font-weight:700;line-height:1.2;text-align:left}.toolbar-menu-panel button:hover{background:#f4f7fa;color:#1f5fb7}.toolbar-menu-panel button:disabled{cursor:not-allowed;opacity:.45}.toolbar-menu-panel button.selected{background:#eaf2ff;color:#1f5fb7}.toolbar-menu-section{padding:4px 8px 2px;color:#6a7784;font-size:11px;font-weight:800;text-transform:uppercase}.toolbar-menu-choice-row{display:grid;grid-template-columns:1fr 1fr;gap:4px}.toolbar-menu-choice-row button{display:flex;grid-template-columns:none;justify-content:center;min-height:30px}.toolbar-menu-choice-row.compact button{font-weight:800}.toolbar-menu-separator{height:1px;margin:3px 0;background:#e3e7eb}.icon-button,.primary-button,.wide-button{display:inline-flex;min-width:38px;min-height:38px;align-items:center;justify-content:center;gap:8px;border:1px solid #cfd7df;border-radius:7px;background:#fff;color:#28323b;cursor:pointer;font-size:12px;font-weight:700;line-height:1.2}.icon-button.active{border-color:#2e6fce;background:#e9f1ff;color:#194f9d}.icon-button:disabled{cursor:not-allowed;opacity:.45}.primary-button{padding:0 14px;border-color:#1f5fb7;background:#1f5fb7;color:#fff;font-weight:700}.primary-button:disabled{cursor:not-allowed;opacity:.48}.wide-button{width:100%;justify-content:flex-start;padding:0 12px}.wide-button:disabled{cursor:not-allowed;opacity:.48}.wide-button.secondary{background:#fff;color:#28323b}.inspector-toggle-list{display:grid;gap:10px;margin-top:6px}.crop-mode-control{display:grid;gap:8px;margin-top:-4px;padding:10px;border:1px solid #d5dde5;border-radius:8px;background:#f8fafc}.crop-mode-control>span{color:#667381;font-size:11px;font-weight:800;line-height:1;text-transform:uppercase}.crop-mode-row{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:3px;border:1px solid #d8e0e8;border-radius:7px;background:#edf2f7}.crop-mode-row button{min-height:28px;border:0;border-radius:5px;background:transparent;color:#52606d;cursor:pointer;font-size:12px;font-weight:800}.crop-mode-row button:hover{color:#1f5fb7}.crop-mode-row button.selected{background:#fff;color:#1f5fb7;box-shadow:0 1px 3px #1b2b3b1f}.crop-mode-control p{margin:0;color:#6a7784;font-size:11px;line-height:1.35}.setting-toggle{display:grid;grid-template-columns:34px minmax(0,1fr) auto;width:100%;min-height:72px;align-items:center;gap:11px;padding:11px;border:1px solid #d5dde5;border-radius:8px;background:#fff;color:#1d2833;cursor:pointer;text-align:left}.setting-toggle:hover{border-color:#a8b6c5;background:#f8fafc}.setting-toggle:focus-visible{outline:none;border-color:#2e6fce;box-shadow:0 0 0 3px #2e6fce29}.setting-toggle.enabled{border-color:#79a7e3;background:#f0f6ff}.setting-toggle-icon{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:7px;background:#e9eef3;color:#50606f}.setting-toggle.enabled .setting-toggle-icon{background:#d8e9ff;color:#1f5fb7}.setting-toggle-copy{display:grid;min-width:0;gap:3px}.setting-toggle-title{color:#17212b;font-size:13px;font-weight:800;line-height:1.2}.setting-toggle-description{color:#64717d;font-size:12px;line-height:1.35}.setting-toggle-state{display:inline-flex;min-width:38px;min-height:24px;align-items:center;justify-content:center;border-radius:999px;background:#edf1f5;color:#52606d;font-size:11px;font-weight:800}.setting-toggle.enabled .setting-toggle-state{background:#1f5fb7;color:#fff}.range-value{color:#26313b;font-size:12px;font-weight:700}.canvas-scroll{min-width:0;min-height:0;overflow:auto;padding:32px;overscroll-behavior:contain;scrollbar-gutter:stable both-edges;background:linear-gradient(90deg,rgba(20,31,43,.06) 1px,transparent 1px),linear-gradient(rgba(20,31,43,.06) 1px,transparent 1px);background-size:28px 28px}.canvas-scroll.pan-ready,.canvas-scroll.pan-ready .stage-wrap,.canvas-scroll.pan-ready canvas{cursor:grab}.canvas-scroll.panning,.canvas-scroll.panning .stage-wrap,.canvas-scroll.panning canvas{cursor:grabbing;-webkit-user-select:none;user-select:none}.canvas-scroll.panning canvas{pointer-events:none}.stage-wrap{position:relative;margin:0 auto;box-shadow:0 18px 46px #151f2a38;background:#fff;will-change:transform;transition:box-shadow .14s ease,outline-color .14s ease}.stage-wrap.drop-ready{outline:2px solid rgba(46,111,206,.36);outline-offset:8px}.stage-wrap.drop-active{box-shadow:0 20px 52px #151f2a3d,0 0 0 5px #2e6fce2e}.canvas-drop-hint{position:absolute;inset:12px;z-index:10;display:grid;place-items:center;border:1px dashed rgba(46,111,206,.7);border-radius:8px;background:#e9f1ff57;color:#194f9d;font-size:13px;font-weight:800;pointer-events:none}.canvas-drop-hint span{padding:7px 10px;border-radius:999px;background:#ffffffe6;box-shadow:0 6px 20px #1a2f481f}.drop-marker{position:absolute;z-index:11;width:18px;height:18px;border:2px solid #1f5fb7;border-radius:999px;background:#ffffffe6;box-shadow:0 5px 14px #1f5fb73d;pointer-events:none;transform:translate(-50%,-50%)}.onboarding-backdrop{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:24px;background:#0e172094}.onboarding-modal{display:grid;width:min(760px,calc(100vw - 48px));max-height:calc(100dvh - 48px);gap:18px;overflow:auto;padding:18px;border:1px solid #d8e0e8;border-radius:12px;background:#fbfcfd;box-shadow:0 24px 76px #08121c57}.onboarding-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.onboarding-header h2{margin:0 0 6px;color:#18232e;font-size:18px;line-height:1.2;text-transform:none}.onboarding-header p{margin:0;color:#64717d;font-size:13px;line-height:1.45}.onboarding-animation{--guide-duration: 14s;--guide-fly-x: 326px;--guide-fly-y: -112px;--guide-upload-x: -24px;--guide-upload-y: 34px;position:relative;display:grid;grid-template-columns:minmax(150px,.62fr) minmax(210px,1fr);gap:18px;min-height:286px;overflow:hidden;padding:18px;border:1px solid #d5dde5;border-radius:10px;background:linear-gradient(90deg,rgba(22,34,45,.05) 1px,transparent 1px),linear-gradient(rgba(22,34,45,.05) 1px,transparent 1px),#eef3f7;background-size:24px 24px;animation:guideSceneReset var(--guide-duration) ease-in-out infinite}.guide-left,.guide-stage{position:relative;z-index:1;display:grid;align-content:start;gap:12px}.guide-upload-card{position:relative;display:grid;min-height:78px;place-items:center;gap:7px;overflow:hidden;border:1px dashed #92a2b1;border-radius:8px;background:#fff;color:#22313f;font-size:12px;font-weight:800;text-align:center;animation:guidePulseUpload var(--guide-duration) ease-in-out infinite}.guide-upload-card>svg,.guide-upload-card>span:not(.guide-upload-progress){position:relative;z-index:1}.guide-upload-progress{position:relative;z-index:1;display:block;width:64%;height:5px;overflow:hidden;border-radius:999px;background:#d9e2ec;opacity:0;animation:guideUploadProgressShow var(--guide-duration) ease-in-out infinite}.guide-upload-progress span{display:block;width:100%;height:100%;border-radius:inherit;background:#2e6fce;transform:scaleX(0);transform-origin:left;animation:guideUploadProgressFill var(--guide-duration) ease-in-out infinite}.guide-panel-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}.guide-load-status{display:grid;grid-template-columns:18px minmax(0,1fr);min-height:30px;align-items:center;gap:8px;padding:0 10px;border:1px solid #cfd8e2;border-radius:7px;background:#ffffffe0;color:#1f5fb7;opacity:0;transform:translateY(-4px);animation:guideLoadStatus var(--guide-duration) ease-in-out infinite}.guide-load-status>span{display:block;height:5px;overflow:hidden;border-radius:999px;background:#d9e2ec}.guide-load-status>span:before{display:block;width:42%;height:100%;border-radius:inherit;background:#2e6fce;content:"";animation:guideLoadScan var(--guide-duration) ease-in-out infinite}.guide-panel-thumb,.guide-upload-file,.guide-flying-panel,.guide-drop-slot{border:2px solid #1d2833;background:linear-gradient(135deg,#ffffff94,#ffffff0a),linear-gradient(45deg,#dbe4ec 25%,transparent 25%),linear-gradient(-45deg,#dbe4ec 25%,transparent 25%),#fdfefe;background-position:0 0,0 0,0 8px;background-size:auto,16px 16px,16px 16px}.guide-upload-file{position:absolute;z-index:3;top:22px;left:22px;width:58px;height:70px;border-width:1px;border-radius:7px;box-shadow:0 12px 26px #141f2b33;animation:guideUploadFile var(--guide-duration) cubic-bezier(.2,.78,.3,1) infinite}.guide-upload-file:before{position:absolute;top:8px;right:8px;left:8px;height:22px;border-radius:4px;background:linear-gradient(135deg,transparent 56%,#7aa7dc 57%),linear-gradient(45deg,#94c67b 0 50%,transparent 51%),#eaf2ff;content:""}.guide-upload-file:after{position:absolute;right:9px;bottom:10px;left:9px;height:4px;border-radius:999px;background:#aab8c5;box-shadow:0 -9px #c8d3dd,0 -18px #d8e1e9;content:""}.guide-panel-thumb{display:block;min-height:72px;border-width:1px;border-radius:6px;opacity:0;transform:translateY(12px);animation:guideRevealPanel var(--guide-duration) ease-in-out infinite}.guide-panel-picked{animation:guideRevealPanel var(--guide-duration) ease-in-out infinite,guidePickPanel var(--guide-duration) ease-in-out infinite}.guide-panel-list span:nth-child(2){min-height:94px}.guide-panel-list span:nth-child(3){grid-column:1 / -1;min-height:58px}.guide-stage{place-items:center}.guide-frame{position:relative;width:min(230px,100%);aspect-ratio:.68;overflow:hidden;border:1px solid #c7d0d9;background:#fff;box-shadow:0 16px 36px #141f2b29}.guide-frame:before{position:absolute;inset:14px;border:1px dashed rgba(46,111,206,.34);content:""}.guide-drop-slot{position:absolute;border-width:1px;opacity:0;animation:guidePlaceSlot var(--guide-duration) ease-in-out infinite}.slot-a{top:22px;left:20px;width:42%;height:31%;transform:rotate(-1.5deg)}.slot-b{top:34px;right:19px;width:34%;height:41%;animation-delay:.42s}.slot-c{right:22px;bottom:28px;left:20px;height:32%;animation-delay:.78s}.guide-bubble{position:absolute;right:18px;bottom:84px;width:132px;height:76px;opacity:0;overflow:visible;filter:drop-shadow(0 6px 0 rgba(23,33,43,.08));animation:guideShowBubble var(--guide-duration) ease-in-out infinite}.guide-bubble-shape{fill:#fff;stroke:#17212b;stroke-linejoin:round;stroke-width:1.8}.guide-bubble-text{fill:#17212b;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:13px;font-weight:800;dominant-baseline:middle}.guide-flying-panel{position:absolute;z-index:3;top:150px;left:18px;width:124px;height:72px;border-width:1px;border-radius:6px;box-shadow:0 14px 30px #141f2b3d;animation:guideFlyPanel var(--guide-duration) cubic-bezier(.22,.78,.28,1) infinite}.guide-cursor{position:absolute;z-index:4;top:236px;left:152px;width:22px;height:30px;overflow:visible;filter:drop-shadow(0 5px 5px rgba(20,31,43,.26));animation:guideCursorMove var(--guide-duration) cubic-bezier(.22,.78,.28,1) infinite}.guide-cursor-outline{fill:#17212b;stroke:#17212b;stroke-linejoin:round;stroke-width:.8}.guide-cursor-fill{background:#fff;fill:#fff}.manual-guide-animation{--guide-duration: 10.5s;--manual-fly-x: 224px;--manual-fly-y: -18px;grid-template-columns:190px 34px 142px 34px 132px;align-items:center;justify-content:center;min-height:286px}.manual-page-preview{position:relative;z-index:1;width:170px;aspect-ratio:.68;justify-self:end;overflow:hidden;border:1px solid #c7d0d9;border-radius:8px;background:#fff;box-shadow:0 16px 36px #141f2b1f}.manual-source-label{position:absolute;top:8px;left:8px;z-index:3;padding:4px 7px;border:1px solid rgba(43,58,73,.14);border-radius:999px;background:#ffffffeb;color:#344353;font-size:10px;font-weight:800;line-height:1;box-shadow:0 4px 12px #141f2b1f}.manual-page-art,.manual-result-panel,.manual-frame-panel,.manual-flying-panel{border:1px solid #1d2833;background:linear-gradient(135deg,#ffffff94,#ffffff0a),linear-gradient(45deg,#dbe4ec 25%,transparent 25%),linear-gradient(-45deg,#dbe4ec 25%,transparent 25%),#fdfefe;background-position:0 0,0 0,0 8px;background-size:auto,16px 16px,16px 16px}.manual-page-art{position:absolute;border-radius:5px}.manual-page-art.art-a{top:22px;left:18px;width:43%;height:33%}.manual-page-art.art-b{top:34px;right:18px;width:34%;height:44%}.manual-page-art.art-c{right:20px;bottom:24px;left:18px;height:33%}.manual-guide-crop-box{position:absolute;top:22px;left:18px;width:73px;height:71px;transform-origin:top left;border:2px solid #2e6fce;border-radius:7px;box-shadow:0 0 0 999px #0f192357,0 0 0 4px #2e6fce29;opacity:0;animation:manualCropBox var(--guide-duration) ease-in-out infinite}.manual-guide-crop-box span{position:absolute;width:10px;height:10px;border:2px solid #2e6fce;border-radius:999px;background:#fff}.manual-guide-crop-box span:nth-child(1){top:-7px;left:-7px}.manual-guide-crop-box span:nth-child(2){top:-7px;right:-7px}.manual-guide-crop-box span:nth-child(3){right:-7px;bottom:-7px}.manual-guide-crop-box span:nth-child(4){bottom:-7px;left:-7px}.manual-flow-arrow{position:relative;z-index:1;display:block;width:34px;height:2px;justify-self:center;border-radius:999px;background:#8da2b6;opacity:0;animation:manualArrowIn var(--guide-duration) ease-in-out infinite}.manual-flow-arrow:after{position:absolute;top:50%;right:-1px;width:8px;height:8px;border-top:2px solid #8da2b6;border-right:2px solid #8da2b6;content:"";transform:translateY(-50%) rotate(45deg)}.manual-result-card{position:relative;z-index:1;display:grid;width:132px;min-height:98px;justify-self:center;place-items:center;padding:9px;border:1px solid #d8e0e8;border-radius:8px;background:#fff;opacity:0;transform:translateY(10px);animation:manualResultCard var(--guide-duration) ease-in-out infinite}.manual-result-panel{display:block;width:100%;height:82px;border-radius:6px}.manual-mini-frame{position:relative;z-index:1;width:116px;aspect-ratio:.68;justify-self:start;overflow:hidden;border:1px solid #c7d0d9;background:#fff;box-shadow:0 12px 28px #141f2b21}.manual-mini-frame:before{position:absolute;inset:10px;border:1px dashed rgba(46,111,206,.34);content:""}.manual-frame-panel{position:absolute;top:26px;right:18px;left:18px;height:72px;border-radius:5px;opacity:0;animation:manualFramePanel var(--guide-duration) ease-in-out infinite}.manual-flying-panel{position:absolute;z-index:3;top:114px;left:306px;width:114px;height:72px;border-radius:6px;box-shadow:0 14px 30px #141f2b3d;opacity:0;animation:manualFlyPanel var(--guide-duration) cubic-bezier(.22,.78,.28,1) infinite}.manual-guide-cursor{top:44px;left:110px;animation:manualCursorMove var(--guide-duration) cubic-bezier(.22,.78,.28,1) infinite}.onboarding-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:0;padding:0;list-style:none}.onboarding-steps li{display:grid;min-height:84px;align-content:center;justify-items:center;gap:7px;padding:10px;border:1px solid #d8e0e8;border-radius:8px;background:#fff;color:#33414f;font-size:12px;font-weight:800;line-height:1.25;text-align:center}.onboarding-steps li:nth-child(1) svg{color:#1f5fb7}.onboarding-steps li:nth-child(2) svg{color:#1b7c50}.onboarding-steps li:nth-child(3) svg{color:#8b5a00}.onboarding-steps li:nth-child(4) svg{color:#7a3fb0}.onboarding-actions{display:flex;justify-content:flex-end;gap:9px}.onboarding-actions .wide-button{width:auto}@keyframes guideSceneReset{0%,93%{filter:blur(0);opacity:1}98%,to{filter:blur(3px);opacity:0}}@keyframes guidePulseUpload{0%,8%,to{border-color:#92a2b1;box-shadow:none}11%,22%{border-color:#2e6fce;box-shadow:0 0 0 4px #2e6fce24}}@keyframes guideUploadFile{0%{opacity:0;transform:translate(-44px,14px) scale(.92) rotate(-7deg)}10%{opacity:1;transform:translate(0) scale(1) rotate(-3deg)}15%,19%{opacity:1;transform:translate(var(--guide-upload-x),var(--guide-upload-y)) scale(.64) rotate(0)}23%,to{opacity:0;transform:translate(var(--guide-upload-x),var(--guide-upload-y)) scale(.52) rotate(0)}}@keyframes guideUploadProgressShow{0%,14%{opacity:0}16%,23%{opacity:1}26%,to{opacity:0}}@keyframes guideUploadProgressFill{0%,15%{transform:scaleX(0)}23%,to{transform:scaleX(1)}}@keyframes guideLoadStatus{0%,24%{opacity:0;transform:translateY(-4px)}27%,36%{opacity:1;transform:translateY(0)}39%,to{opacity:0;transform:translateY(4px)}}@keyframes guideLoadScan{0%,26%{transform:translate(-110%)}36%{transform:translate(155%)}39%,to{transform:translate(155%)}}@keyframes guideRevealPanel{0%,38%{opacity:0;transform:translateY(12px)}45%,94%{opacity:1;transform:translateY(0)}98%,to{opacity:0;transform:translateY(8px)}}@keyframes guidePickPanel{0%,47%{box-shadow:none;outline:0 solid rgba(46,111,206,0);outline-offset:0;transform:translateY(0) scale(1)}51%,59%{box-shadow:0 0 0 4px #2e6fce24;outline:2px solid rgba(46,111,206,.72);outline-offset:3px;transform:translateY(0) scale(1.02)}63%,to{box-shadow:none;outline:0 solid rgba(46,111,206,0);outline-offset:0;transform:translateY(0) scale(1)}}@keyframes guideFlyPanel{0%,61%{opacity:0;transform:translate(0) scale(1)}63%{opacity:1;transform:translate(0) scale(1)}75%{opacity:1;transform:translate(var(--guide-fly-x),var(--guide-fly-y)) scale(.72)}78%,to{opacity:0;transform:translate(var(--guide-fly-x),var(--guide-fly-y)) scale(.72)}}@keyframes guideCursorMove{0%,61%{opacity:0;transform:translate(-94px,-78px)}63%{opacity:1;transform:translate(-94px,-78px)}75%{opacity:1;transform:translate(calc(var(--guide-fly-x) - 94px),calc(var(--guide-fly-y) - 78px))}78%,to{opacity:0;transform:translate(calc(var(--guide-fly-x) - 94px),calc(var(--guide-fly-y) - 78px))}}@keyframes guidePlaceSlot{0%,75%{opacity:0;transform:translateY(8px)}78%,94%{opacity:1;transform:translateY(0)}98%,to{opacity:0;transform:translateY(8px)}}@keyframes guideShowBubble{0%,80%{opacity:0;transform:translateY(6px) scale(.94)}83%,94%{opacity:1;transform:translateY(0) scale(1)}98%,to{opacity:0;transform:translateY(6px) scale(.96)}}@keyframes manualCropBox{0%,14%{opacity:0;width:16px;height:16px}22%{opacity:1;width:16px;height:16px}38%,54%{opacity:1;width:73px;height:71px}62%,to{opacity:0;width:73px;height:71px}}@keyframes manualArrowIn{0%,52%{opacity:0;transform:translate(-8px)}60%,92%{opacity:1;transform:translate(0)}98%,to{opacity:0;transform:translate(8px)}}@keyframes manualResultCard{0%,48%{opacity:0;transform:translateY(10px)}56%,92%{opacity:1;transform:translateY(0)}96%,to{opacity:0;transform:translateY(8px)}}@keyframes manualFlyPanel{0%,64%{opacity:0;transform:translate(0) scale(1)}68%{opacity:1;transform:translate(0) scale(1)}80%{opacity:1;transform:translate(var(--manual-fly-x),var(--manual-fly-y)) scale(.7)}84%,to{opacity:0;transform:translate(var(--manual-fly-x),var(--manual-fly-y)) scale(.7)}}@keyframes manualFramePanel{0%,78%{opacity:0;transform:translateY(8px)}84%,94%{opacity:1;transform:translateY(0)}98%,to{opacity:0;transform:translateY(8px)}}@keyframes manualCursorMove{0%,14%{opacity:0;transform:translate(0)}20%{opacity:1;transform:translate(0)}38%{opacity:1;transform:translate(82px,78px)}46%{opacity:0;transform:translate(82px,78px)}62%{opacity:0;transform:translate(208px,58px)}68%{opacity:1;transform:translate(208px,58px)}80%{opacity:1;transform:translate(calc(208px + var(--manual-fly-x)),calc(58px + var(--manual-fly-y)))}84%,to{opacity:0;transform:translate(calc(208px + var(--manual-fly-x)),calc(58px + var(--manual-fly-y)))}}.support-widget{position:fixed;right:304px;bottom:24px;z-index:50;display:grid;justify-items:end;gap:10px}.support-actions{display:flex;align-items:center;gap:5px}.support-button,.support-dismiss,.support-close{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(207,215,223,.9);background:#fff;color:#28323b;cursor:pointer;box-shadow:0 10px 28px #151f2a29}.support-button{min-height:32px;gap:5px;padding:0 10px;border-color:#e2b16d;border-radius:999px;background:#fff8ef;color:#7a4a12;font-size:11px;font-weight:800}.support-button:hover{background:#ffefd8}.support-dismiss,.support-close{width:24px;height:24px;border-radius:999px}.support-dismiss{color:#7a4a12}.support-popover{position:relative;display:grid;width:248px;gap:14px;padding:18px;border:1px solid #ead7bd;border-radius:14px;background:#fffaf3;box-shadow:0 18px 46px #151f2a33}.support-close{position:absolute;top:10px;right:10px;width:24px;height:24px;box-shadow:none}.support-qr{width:164px;height:164px;margin:6px auto 0;padding:12px;border:1px solid #ead7bd;border-radius:12px;background:#fff}.support-qr img{display:block;width:100%;height:100%;border-radius:6px;object-fit:contain}.support-copy{display:grid;gap:5px;padding:0 4px 2px;text-align:center}.support-copy strong{color:#432b13;font-size:14px}.support-copy span{color:#7a6044;font-size:12px;line-height:1.45}.manual-crop-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:24px;background:#10192275}.manual-crop-modal{display:grid;max-width:min(920px,calc(100vw - 48px));max-height:calc(100vh - 48px);gap:16px;overflow:auto;padding:18px;border:1px solid #d8e0e8;border-radius:12px;background:#fbfcfd;box-shadow:0 22px 70px #0d161f57}.manual-crop-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.manual-crop-header h2{margin-bottom:5px}.manual-crop-header p{margin:0;color:#65727e;font-size:12px;overflow-wrap:anywhere}.manual-crop-preview{position:relative;overflow:hidden;border:1px solid #cbd5df;border-radius:10px;background:#fff;-webkit-user-select:none;user-select:none}.manual-crop-preview img{display:block;width:100%;height:100%;pointer-events:none}.manual-crop-dim{display:none}.manual-crop-box{position:absolute;border:2px solid #1f5fb7;background:#ffffff08;box-shadow:0 0 0 9999px #08121c6b;cursor:move;touch-action:none}.manual-crop-box:before,.manual-crop-box:after{position:absolute;inset:33.333% 0;border-top:1px solid rgba(255,255,255,.72);border-bottom:1px solid rgba(255,255,255,.72);content:"";pointer-events:none}.manual-crop-box:after{inset:0 33.333%;border:0;border-right:1px solid rgba(255,255,255,.72);border-left:1px solid rgba(255,255,255,.72)}.manual-crop-handle{position:absolute;width:14px;height:14px;border:2px solid #1f5fb7;border-radius:999px;background:#fff;box-shadow:0 3px 9px #151f2a33}.handle-nw{top:-8px;left:-8px;cursor:nwse-resize}.handle-n{top:-8px;left:50%;cursor:ns-resize;transform:translate(-50%)}.handle-ne{top:-8px;right:-8px;cursor:nesw-resize}.handle-e{top:50%;right:-8px;cursor:ew-resize;transform:translateY(-50%)}.handle-se{right:-8px;bottom:-8px;cursor:nwse-resize}.handle-s{bottom:-8px;left:50%;cursor:ns-resize;transform:translate(-50%)}.handle-sw{bottom:-8px;left:-8px;cursor:nesw-resize}.handle-w{top:50%;left:-8px;cursor:ew-resize;transform:translateY(-50%)}.manual-crop-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;color:#5c6874;font-size:12px}.manual-crop-readout{flex:0 0 260px;width:260px;overflow:hidden;font-variant-numeric:tabular-nums;white-space:nowrap}.manual-crop-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.manual-crop-actions .wide-button{width:auto}.stage-wrap.tool-mask-rect,.stage-wrap.tool-mask-brush{cursor:crosshair}.status-bar{display:flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;border-top:1px solid #d7dde3;background:#fff;color:#5c6874;font-size:12px}.empty-inspector p,.inspector p{margin:0;color:#65727e;font-size:13px;line-height:1.5}@media(max-width:1050px){.app-shell{grid-template-columns:240px minmax(0,1fr)}.inspector{display:none}.support-widget{right:22px}}@media(max-width:760px){.app-shell{grid-template-columns:1fr;grid-template-rows:minmax(0,42dvh) minmax(0,1fr)}.panel-library{height:auto;max-height:none}.toolbar{align-items:flex-start;flex-direction:column}.manual-crop-footer,.manual-crop-actions{align-items:stretch;flex-direction:column}.manual-crop-readout{width:100%;flex-basis:auto}.onboarding-backdrop{padding:14px}.onboarding-modal{width:calc(100vw - 28px);max-height:calc(100dvh - 28px)}.onboarding-animation{--guide-fly-x: 142px;--guide-fly-y: 128px;--guide-upload-x: 0px;--guide-upload-y: 32px;grid-template-columns:1fr;min-height:430px}.guide-left{grid-template-columns:1fr;align-items:start}.guide-stage{min-height:196px}.guide-frame{width:150px}.guide-flying-panel{top:150px;left:18px;width:118px;height:72px}.guide-cursor{top:238px;left:136px}.manual-guide-animation{--manual-fly-x: 0px;--manual-fly-y: 156px;min-height:500px}.manual-page-preview{width:178px}.manual-flow-arrow{width:2px;height:26px}.manual-flow-arrow:after{top:auto;right:50%;bottom:-1px;transform:translate(50%) rotate(135deg)}.manual-result-card{width:112px}.manual-mini-frame{width:104px}.manual-flying-panel{top:306px;left:50%;width:96px;height:62px;margin-left:-48px}.manual-guide-cursor{top:208px;left:50%;margin-left:46px}.onboarding-steps{grid-template-columns:1fr 1fr}.onboarding-actions{align-items:stretch;flex-direction:column-reverse}.onboarding-actions .wide-button,.onboarding-actions .primary-button{width:100%}}@media(prefers-reduced-motion:reduce){.onboarding-animation,.guide-upload-card,.guide-load-status,.guide-load-status>span:before,.guide-upload-progress,.guide-upload-progress span,.guide-upload-file,.guide-panel-list span,.guide-drop-slot,.guide-bubble,.guide-flying-panel,.manual-bad-split,.manual-error-strip,.manual-guide-crop-box,.manual-flow-arrow,.manual-result-card,.manual-flying-panel,.manual-frame-panel,.guide-cursor{animation:none}.guide-panel-list span,.guide-load-status,.guide-drop-slot,.guide-bubble,.manual-guide-crop-box,.manual-flow-arrow,.manual-result-card,.manual-frame-panel{opacity:1;transform:none}.guide-flying-panel,.guide-upload-file,.manual-bad-split,.manual-error-strip,.manual-flying-panel,.guide-cursor{display:none}}:root[data-theme=dark] body{background:#101820;color:#d8e1ea}:root[data-theme=dark] .sidebar,:root[data-theme=dark] .toolbar,:root[data-theme=dark] .status-bar,:root[data-theme=dark] .toolbar-menu-panel,:root[data-theme=dark] .onboarding-modal,:root[data-theme=dark] .manual-crop-modal{border-color:#2c3946;background:#151f29;color:#d8e1ea}:root[data-theme=dark] .control-section,:root[data-theme=dark] .field-block,:root[data-theme=dark] .source-panel-group+.source-panel-group,:root[data-theme=dark] .toolbar-menu-separator{border-color:#2c3946}:root[data-theme=dark] h2,:root[data-theme=dark] label,:root[data-theme=dark] .meta-line,:root[data-theme=dark] .upload-guide,:root[data-theme=dark] .collapsible-section-heading span,:root[data-theme=dark] .source-panel-name,:root[data-theme=dark] .saved-frame-copy span,:root[data-theme=dark] .layer-copy span,:root[data-theme=dark] .setting-toggle-description,:root[data-theme=dark] .toolbar-menu-section,:root[data-theme=dark] .empty-inspector p,:root[data-theme=dark] .inspector p,:root[data-theme=dark] .manual-crop-header p{color:#8fa0b0}:root[data-theme=dark] .onboarding-header h2{color:#e8eef5}:root[data-theme=dark] .onboarding-header p{color:#9aaaba}:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea,:root[data-theme=dark] .panel-thumb,:root[data-theme=dark] .saved-frame-item,:root[data-theme=dark] .layer-item,:root[data-theme=dark] .setting-toggle,:root[data-theme=dark] .icon-button,:root[data-theme=dark] .wide-button,:root[data-theme=dark] .wide-button.secondary,:root[data-theme=dark] .crop-mode-control,:root[data-theme=dark] .mini-icon-button,:root[data-theme=dark] .onboarding-steps li,:root[data-theme=dark] .manual-crop-preview{border-color:#344453;background:#1b2834;color:#d8e1ea}:root[data-theme=dark] .upload-target,:root[data-theme=dark] .saved-frame-thumb,:root[data-theme=dark] .layer-kind,:root[data-theme=dark] .setting-toggle-icon,:root[data-theme=dark] .guide-upload-card,:root[data-theme=dark] .guide-load-status{border-color:#465765;background:#202f3c;color:#d8e1ea}:root[data-theme=dark] .panel-ready-notice{border-color:#315b3a;background:#16281c;color:#b7ddbe}:root[data-theme=dark] .panel-ready-notice strong{color:#d8f2dc}:root[data-theme=dark] .panel-ready-notice span{color:#a7cdb0}:root[data-theme=dark] .upload-target:hover,:root[data-theme=dark] .upload-target.drag-active,:root[data-theme=dark] .saved-frame-item:hover,:root[data-theme=dark] .saved-frame-item.active,:root[data-theme=dark] .layer-item:hover,:root[data-theme=dark] .layer-item.active,:root[data-theme=dark] .setting-toggle:hover,:root[data-theme=dark] .setting-toggle.enabled,:root[data-theme=dark] .icon-button.active,:root[data-theme=dark] .toolbar-menu-panel button:hover,:root[data-theme=dark] .toolbar-menu-panel button.selected,:root[data-theme=dark] .crop-mode-row button.selected{border-color:#5b8fd3;background:#203a56;color:#dcecff}:root[data-theme=dark] .crop-mode-row{border-color:#344453;background:#121b24}:root[data-theme=dark] .crop-mode-row button{color:#8fa0b0}:root[data-theme=dark] .crop-mode-row button:hover{color:#dcecff}:root[data-theme=dark] .crop-mode-row button.selected{box-shadow:none}:root[data-theme=dark] .crop-mode-control>span,:root[data-theme=dark] .crop-mode-control p{color:#8fa0b0}:root[data-theme=dark] .layer-item.active .layer-kind,:root[data-theme=dark] .setting-toggle.enabled .setting-toggle-icon{background:#284b70;color:#dcecff}:root[data-theme=dark] .setting-toggle-state{background:#263441;color:#a9b8c6}:root[data-theme=dark] .setting-toggle.enabled .setting-toggle-state{background:#2e6fce;color:#fff}:root[data-theme=dark] .primary-button{border-color:#3f7ed1;background:#2e6fce;color:#fff}:root[data-theme=dark] .toolbar-preference-button{border-color:#344453;background:#1b2834;color:#d8e1ea}:root[data-theme=dark] .toolbar-preference-button:hover{border-color:#5b8fd3;background:#203a56;color:#dcecff}:root[data-theme=dark] .collapsible-section-heading svg{color:#8fa0b0}:root[data-theme=dark] .collapsible-section-heading:hover h2,:root[data-theme=dark] .collapsible-section-heading:hover svg{color:#dcecff}:root[data-theme=dark] .toolbar-menu-panel button{color:#d8e1ea}:root[data-theme=dark] .canvas-scroll{background:linear-gradient(90deg,rgba(222,232,242,.08) 1px,transparent 1px),linear-gradient(rgba(222,232,242,.08) 1px,transparent 1px);background-color:#101820;background-size:28px 28px}:root[data-theme=dark] .stage-wrap{box-shadow:0 18px 46px #0000007a}:root[data-theme=dark] .panel-thumb img{background:linear-gradient(45deg,#263440 25%,transparent 25%),linear-gradient(-45deg,#263440 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#263440 75%),linear-gradient(-45deg,transparent 75%,#263440 75%);background-color:#1b2834;background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}:root[data-theme=dark] .saved-frame-copy strong,:root[data-theme=dark] .layer-copy strong,:root[data-theme=dark] .setting-toggle-title,:root[data-theme=dark] .source-panel-title,:root[data-theme=dark] .support-copy strong{color:#e8eef5}:root[data-theme=dark] .support-button,:root[data-theme=dark] .support-dismiss,:root[data-theme=dark] .support-close,:root[data-theme=dark] .support-popover,:root[data-theme=dark] .support-qr{border-color:#665033;background:#2c261d;color:#f2c98f}:root[data-theme=dark] .support-copy span{color:#cbb899}:root[data-theme=dark] .manual-crop-backdrop{background:#04090ea8}:root[data-theme=dark] .onboarding-backdrop{background:#04090eb8}:root[data-theme=dark] .onboarding-animation{border-color:#344453;background:linear-gradient(90deg,rgba(222,232,242,.08) 1px,transparent 1px),linear-gradient(rgba(222,232,242,.08) 1px,transparent 1px),#101820;background-size:24px 24px}:root[data-theme=dark] .guide-panel-list span,:root[data-theme=dark] .guide-upload-file,:root[data-theme=dark] .guide-flying-panel,:root[data-theme=dark] .guide-drop-slot,:root[data-theme=dark] .manual-page-art,:root[data-theme=dark] .manual-result-panel,:root[data-theme=dark] .manual-frame-panel,:root[data-theme=dark] .manual-flying-panel{border-color:#d8e1ea;background:linear-gradient(135deg,#ffffff2e,#ffffff08),linear-gradient(45deg,#2a3946 25%,transparent 25%),linear-gradient(-45deg,#2a3946 25%,transparent 25%),#17232e;background-position:0 0,0 0,0 8px;background-size:auto,16px 16px,16px 16px}:root[data-theme=dark] .manual-page-preview,:root[data-theme=dark] .manual-result-card,:root[data-theme=dark] .manual-mini-frame{border-color:#344453;background:#151f29}:root[data-theme=dark] .manual-source-label{border-color:#d8e1ea29;background:#151f29eb;color:#d8e1ea}:root[data-theme=dark] .manual-guide-crop-box{border-color:#6fa4ef;box-shadow:0 0 0 999px #04090e75,0 0 0 4px #6fa4ef2e}:root[data-theme=dark] .manual-guide-crop-box span{border-color:#6fa4ef;background:#151f29}:root[data-theme=dark] .manual-error-strip{border-color:#77444a;background:#2b1e24;color:#f0a5ad}:root[data-theme=dark] .manual-error-strip span{background:linear-gradient(90deg,#d86a72 0 46%,#54343a 46% 100%)}:root[data-theme=dark] .manual-flow-arrow{background:#6f8294}:root[data-theme=dark] .manual-flow-arrow:after{border-color:#6f8294}:root[data-theme=dark] .guide-upload-progress,:root[data-theme=dark] .guide-load-status>span{background:#314251}:root[data-theme=dark] .guide-upload-progress span,:root[data-theme=dark] .guide-load-status>span:before{background:#6fa4ef}:root[data-theme=dark] .guide-upload-file:before{background:linear-gradient(135deg,transparent 56%,#5b8fd3 57%),linear-gradient(45deg,#729d63 0 50%,transparent 51%),#203a56}:root[data-theme=dark] .guide-upload-file:after{background:#6f8294;box-shadow:0 -9px #4f6273,0 -18px #3b4e5f}:root[data-theme=dark] .guide-frame,:root[data-theme=dark] .guide-bubble-shape{border-color:#d8e1ea;stroke:#d8e1ea;background:#151f29;fill:#151f29;color:#e8eef5}:root[data-theme=dark] .guide-bubble-text{fill:#e8eef5}:root[data-theme=dark] .guide-cursor-outline{fill:#d8e1ea;stroke:#d8e1ea}:root[data-theme=dark] .guide-cursor-fill{fill:#151f29}
