:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#121212;background:#f6f6f6;font-synthesis:none;--color-primary: #ee4d2d;--color-primary-hover: #fa7857;--color-primary-active: #c7331c;--color-primary-bg: #fef6f5;--color-primary-border: #ffc1ab;--color-heading: #121212;--color-text: #333333;--color-secondary: #666666;--color-tertiary: #999999;--color-border: #e5e5e5;--color-split: rgba(0, 0, 0, .08);--color-layout: #f6f6f6;--color-white: #ffffff;--radius-sm: 4px;--radius: 6px;--space-xs: 8px;--space-sm: 12px;--space-ms: 16px;--space-md: 20px;--space-lg: 24px;--modal-shadow: 0 9px 28px 8px rgba(0,0,0,.05), 0 3px 6px -4px rgba(0,0,0,.12), 0 6px 16px rgba(0,0,0,.08)}*{box-sizing:border-box}html,body,#root{min-width:100%;min-height:100%;margin:0}body{min-width:1180px;background:var(--color-layout);-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid var(--color-primary-bg);outline-offset:2px}.board{height:100vh;display:grid;grid-template-rows:68px minmax(0,1fr);overflow:hidden}.board-header{height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 22px;background:var(--color-heading);color:var(--color-white)}.board-header h1{margin:0;font-size:19px;line-height:28px;font-weight:650}.board-header nav{display:flex;gap:8px}.board-header nav button{height:40px;min-width:158px;padding:0 10px;display:flex;align-items:center;gap:8px;border:1px solid var(--color-secondary);border-radius:var(--radius);background:var(--color-text);color:var(--color-white)}.board-header nav button b{width:22px;height:22px;display:grid;place-items:center;border-radius:var(--radius-sm);background:var(--color-secondary);color:var(--color-white);font-size:11px}.board-header nav button span{font-size:12px;font-weight:600}.board-header nav button em{margin-left:auto;padding:0 5px;border-radius:8px;background:var(--color-primary-bg);color:var(--color-primary-active);font-size:10px;line-height:16px;font-style:normal;font-weight:700}.board-header nav button.active{border-color:var(--color-white);background:var(--color-white);color:var(--color-text)}.board-header nav button.active b{background:var(--color-primary)}.board-header nav button.active em{background:var(--color-primary-bg);color:var(--color-primary-active)}.board-main{min-height:0;display:grid;grid-template-columns:360px minmax(0,1fr)}.notes-panel{min-height:0;overflow:hidden;padding:16px 18px 18px;background:var(--color-white);border-right:1px solid var(--color-border)}.direction-line{display:flex;align-items:center;justify-content:space-between;gap:12px}.direction-badge{color:var(--color-primary);font-size:11px;font-weight:750;letter-spacing:.08em}.recommended-badge{padding:1px 7px;border-radius:9px;background:var(--color-primary-bg);color:var(--color-primary-active);font-size:10px;line-height:16px;font-weight:700}.notes-panel h2{margin:4px 0 5px;font-size:21px;line-height:28px}.core-mechanism{margin:0 0 10px;color:var(--color-secondary);font-size:12px;line-height:18px}.evaluation{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:8px}.evaluation>div{min-width:0;padding:8px 9px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-layout)}.evaluation h3,.flow-block h3,.boundaries h3{margin:0 0 5px;color:var(--color-heading);font-size:12px;line-height:18px}.evaluation ul,.boundaries ul{margin:0;padding-left:15px;display:grid;gap:3px}.evaluation li,.evaluation p{margin:0;color:var(--color-secondary);font-size:11px;line-height:15px}.recommendation{margin-top:8px;padding:8px 9px;border:1px solid var(--color-primary-border);border-radius:var(--radius);background:var(--color-primary-bg)}.recommendation dl{margin:0;display:grid;gap:4px}.recommendation dl>div{display:grid;grid-template-columns:66px minmax(0,1fr);gap:6px}.recommendation dt{color:var(--color-primary-active);font-size:10px;line-height:15px;font-weight:700}.recommendation dd{margin:0;color:var(--color-secondary);font-size:11px;line-height:15px}.flow-block{margin-top:10px;padding-top:9px;border-top:1px solid var(--color-split)}.flow-steps{display:flex;gap:4px}.flow-steps button{min-width:0;flex:1;padding:0;display:grid;justify-items:center;gap:3px;border:0;background:transparent;color:var(--color-tertiary);font-size:10px}.flow-steps button i{width:22px;height:22px;display:grid;place-items:center;border:1px solid var(--color-border);border-radius:50%;background:var(--color-white);font-style:normal}.flow-steps button.completed{color:var(--color-secondary);font-weight:600}.flow-steps button.completed i{border-color:var(--color-primary-border);background:var(--color-primary-bg);color:var(--color-primary-active)}.flow-steps button.current{color:var(--color-primary);font-weight:700}.flow-steps button.current i{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-white)}.try-block{margin-top:10px;padding:8px 9px;display:grid;gap:3px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-layout)}.try-block strong{font-size:12px}.try-block span{color:var(--color-secondary);font-size:11px;line-height:15px}.try-block button{height:27px;margin-top:2px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-white);color:var(--color-text);font-size:11px;font-weight:600}.boundaries{margin-top:10px;padding-top:9px;border-top:1px solid var(--color-split)}.boundaries li{color:var(--color-secondary);font-size:11px;line-height:15px}.stage-shell{min-width:0;min-height:0;padding:10px 12px 12px;display:grid;grid-template-rows:26px minmax(0,1fr);background:var(--color-layout)}.stage-label{display:flex;justify-content:flex-end;align-items:center;color:var(--color-secondary);font-size:11px;font-weight:600}.stage-viewport{min-width:0;min-height:0;position:relative;overflow:hidden;background:var(--color-layout)}.stage{width:1440px;height:900px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(var(--stage-scale, .75));transform-origin:center;overflow:hidden;background:var(--color-white);font-family:Roboto,Arial,sans-serif}.source-image{position:absolute;top:0;right:0;bottom:0;left:0;width:1440px;height:900px;object-fit:fill;display:block;-webkit-user-select:none;user-select:none}.hotspot{position:absolute;z-index:20;padding:0;border:0;background:transparent;color:transparent}.hotspot:hover{box-shadow:inset 0 0 0 2px var(--color-primary-bg)}.option-hotspot:hover,.counter-hotspot:hover{background:var(--color-primary-bg)}.deselect-ring,.selected-ring{position:absolute;z-index:8;height:40px;border-radius:var(--radius-sm);pointer-events:none}.deselect-ring{border:2px solid var(--color-white);box-shadow:0 0 0 1px var(--color-border)}.deselect-ring:after{content:"";position:absolute;right:-1px;bottom:-1px;width:13px;height:13px;background:var(--color-white)}.selected-ring{border:2px solid var(--color-primary)}.quantity-patch{position:absolute;z-index:9;width:65px;height:30px;display:grid;place-items:center;background:var(--color-white);color:var(--color-primary);font-size:14px;line-height:20px;pointer-events:none}.total-patch{position:absolute;z-index:9;width:126px;height:32px;display:flex;align-items:center;background:var(--color-white);color:var(--color-primary);font-size:20px;line-height:28px;font-weight:500;pointer-events:none}.config-footer-actions{position:absolute;z-index:10;left:666px;top:650px;width:330px;height:64px;padding:16px 0;display:flex;justify-content:flex-end;gap:8px;background:var(--color-white)}.config-footer-actions .outline-button{min-width:104px}.config-footer-actions--a{left:760px;width:236px}.config-footer-actions--a .primary-button{min-width:105px}.primary-button,.outline-button,.text-button,.preview-button{height:32px;min-width:82px;padding:0 14px;border-radius:var(--radius-sm);font-family:Roboto,Arial,sans-serif;font-size:14px;line-height:20px;font-weight:500}.primary-button{border:1px solid var(--color-primary);background:var(--color-primary);color:var(--color-white)}.primary-button:hover{border-color:var(--color-primary-hover);background:var(--color-primary-hover)}.primary-button:active{border-color:var(--color-primary-active);background:var(--color-primary-active)}.outline-button{border:1px solid var(--color-primary);background:var(--color-white);color:var(--color-primary)}.text-button{min-width:68px;border:1px solid var(--color-border);background:var(--color-white);color:var(--color-text)}.preview-button{border:1px solid var(--color-border);background:var(--color-white);color:var(--color-text)}.order-card-source{width:360px;height:140px;position:relative;overflow:hidden;border-radius:var(--radius);background:var(--color-white)}.order-card-source>img{width:360px;height:140px;display:block}.card-variant-patch{position:absolute;left:104px;top:65px;width:225px;height:25px;display:flex;align-items:center;background:var(--color-white);color:var(--color-secondary);font-size:14px;line-height:20px}.card-qty-patch{position:absolute;left:177px;top:111px;width:42px;height:22px;display:flex;align-items:center;background:var(--color-white);color:var(--color-primary);font-size:14px;line-height:20px;font-weight:500}.review-overlay{position:absolute;z-index:7;left:420px;top:180px;width:600px;height:542px}.review-title{position:absolute;left:24px;top:20px;z-index:8;width:360px;height:32px;display:flex;align-items:center;background:var(--color-white);color:var(--color-heading);font-size:20px;line-height:28px;font-weight:500}.review-body{position:absolute;left:24px;top:72px;width:552px;height:388px;padding:24px;background:var(--color-white)}.review-help{margin:0 0 18px;color:var(--color-secondary);font-size:14px;line-height:20px}.review-body .order-card-source{margin:0 auto}.review-footer{position:absolute;left:24px;bottom:0;width:552px;height:82px;padding:24px 0;display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--color-split);background:var(--color-white)}.expanded-modal{position:absolute;z-index:10;left:220px;top:180px;width:1000px;height:542px;overflow:hidden;border-radius:var(--radius-sm);background:var(--color-white);box-shadow:var(--modal-shadow)}.source-modal{position:absolute;inset:0 auto 0 0;width:600px;height:542px;background-image:url(/assets/sku-2x.png);background-size:1440px 900px;background-position:-420px -180px;background-repeat:no-repeat}.expanded-preview{position:absolute;top:0;right:0;width:400px;height:460px;padding:24px 20px;border-left:1px solid var(--color-split);background:var(--color-layout)}.expanded-preview__heading{min-height:58px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.expanded-preview__heading>div{display:grid;gap:3px}.expanded-preview__heading strong{color:var(--color-heading);font-size:16px;line-height:24px;font-weight:500}.expanded-preview__heading span{max-width:275px;color:var(--color-secondary);font-size:12px;line-height:16px}.expanded-preview__heading button{padding:0;border:0;background:transparent;color:var(--color-primary);font-size:12px;line-height:20px}.expanded-preview .order-card-source{margin-top:18px}.expanded-preview>p{margin:16px 0 0;color:var(--color-secondary);font-size:12px;line-height:16px}.expanded-footer{position:absolute;z-index:12;left:0;right:0;bottom:0;height:82px;padding:24px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--color-split);background:var(--color-white)}.expanded-footer>div{display:flex;align-items:center;gap:8px}.expanded-footer>div:first-child span{color:var(--color-secondary);font-size:14px;line-height:20px}.expanded-footer>div:first-child strong{color:var(--color-primary);font-size:20px;line-height:28px;font-weight:500}.draft-card{position:absolute;z-index:8;left:610px;top:310px;width:360px}.draft-heading{min-height:47px;padding:7px 10px 6px;display:grid;gap:1px;border:1px solid var(--color-primary-border);border-bottom:0;border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:var(--color-primary-bg)}.draft-heading strong{color:var(--color-primary-active);font-size:12px;line-height:16px;font-weight:500}.draft-heading span{color:var(--color-secondary);font-size:11px;line-height:16px}.draft-card .order-card-source{border-radius:0}.draft-actions{height:50px;padding:9px 8px;display:flex;justify-content:flex-end;gap:8px;border:1px solid var(--color-border);border-top:0;border-radius:0 0 var(--radius-sm) var(--radius-sm);background:var(--color-white);box-shadow:var(--modal-shadow)}@media(min-width:1700px)and (min-height:1050px){.stage{--stage-scale: .86}}@media(max-width:1450px),(max-height:860px){.stage{--stage-scale: .62}}.qa-capture{width:720px;height:450px;position:relative;overflow:hidden;background:var(--color-white)}.qa-capture>.stage{top:0;left:0;transform:scale(.5);transform-origin:top left}body:has(.qa-capture),#root:has(.qa-capture){width:720px;min-width:720px;height:450px;min-height:450px;overflow:hidden}