:root{color:#171717;font-synthesis:none;--hse-ink:#171717;--hse-muted:#686861;--hse-bg:#deded7;--hse-panel:#f7f7f2;--hse-panel-soft:#ecece5;--hse-canvas-bg:#e5e5df;--hse-blue:#315cff;--hse-blue-soft:#dfe6ff;--hse-yellow:#ffdf54;--hse-green:#57cc88;--hse-red:#ef6a68;--hse-line:#202020;--hse-soft-line:#a9a9a1;background:#d3d3cc;font-family:Cascadia Mono,Microsoft YaHei UI,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input,select{font:inherit}button{border-radius:0}.hse-app{background:var(--hse-bg);width:100%;height:100%;color:var(--hse-ink);flex-direction:column;display:flex}.hse-toolbar{background:var(--hse-panel);border-bottom:3px solid var(--hse-line);flex:0 0 60px;align-items:center;gap:7px;height:60px;padding:0 12px;display:flex}.hse-toolbar button{border:2px solid var(--hse-line);height:34px;color:var(--hse-ink);cursor:pointer;white-space:nowrap;box-shadow:2px 2px 0 var(--hse-line);background:#fff;padding:0 10px;transition:background 80ms linear,transform 80ms linear,box-shadow 80ms linear}.hse-toolbar button:hover:not(:disabled){background:var(--hse-yellow)}.hse-toolbar button:active:not(:disabled){box-shadow:none;transform:translate(2px,2px)}.hse-toolbar button:disabled{opacity:.32;cursor:not-allowed;box-shadow:1px 1px 0 var(--hse-line)}.hse-toolbar .hse-primary{background:var(--hse-blue);color:#fff;border-color:var(--hse-line);padding:0 16px;font-weight:800}.hse-toolbar .hse-primary:hover:not(:disabled){background:#244be2}.hse-brand{white-space:nowrap;letter-spacing:.01em;align-items:center;gap:8px;min-width:208px;margin-right:6px;font-size:14px;font-weight:900;display:flex}.hse-brand:before{content:"";border:2px solid var(--hse-line);width:30px;height:30px;box-shadow:3px 3px 0 var(--hse-line);background:linear-gradient(90deg,transparent 0 26%,var(--hse-blue) 26% 48%,transparent 48% 74%,var(--hse-line) 74%), linear-gradient(transparent 0 26%,var(--hse-line) 26% 48%,transparent 48% 74%,var(--hse-blue) 74%), #fff;background-size:100% 100%;flex:0 0 30px}.hse-brand span{color:var(--hse-muted);border:1px solid var(--hse-line);background:#fff;margin-left:2px;padding:2px 4px;font-size:9px}.hse-separator{background:var(--hse-line);width:2px;height:28px;margin:0 2px}.hse-grow{flex:1}.hse-main{flex:1;grid-template-columns:188px minmax(0,1fr) 300px;min-height:0;display:grid}.hse-sidebar,.hse-inspector{background:var(--hse-panel-soft);min-height:0}.hse-sidebar{border-right:3px solid var(--hse-line)}.hse-inspector{border-left:3px solid var(--hse-line);overflow:auto}.hse-panel-title{border-bottom:2px solid var(--hse-line);letter-spacing:.08em;height:42px;color:var(--hse-ink);background:#fff;justify-content:space-between;align-items:center;padding:0 12px;font-size:11px;font-weight:900;display:flex}.hse-panel-title span{float:none;background:var(--hse-yellow);border:2px solid var(--hse-line);min-width:28px;height:22px;box-shadow:2px 2px 0 var(--hse-line);color:var(--hse-ink);justify-content:center;align-items:center;padding:0 5px;font-size:10px;display:inline-flex}.hse-slide-list{height:calc(100% - 42px);padding:12px 10px 22px;overflow:auto}.hse-slide-card{border:2px solid var(--hse-line);width:100%;color:var(--hse-ink);cursor:pointer;text-align:left;box-shadow:4px 4px 0 var(--hse-soft-line);background:#fff;margin:0 0 14px;padding:6px;display:block}.hse-slide-card:hover{background:#fffdf2}.hse-slide-card.is-active{outline:4px solid var(--hse-blue);outline-offset:2px;box-shadow:5px 5px 0 var(--hse-line)}.hse-thumb{aspect-ratio:16/9;border:2px solid var(--hse-line);background:#fafaf6;border-radius:0;padding:9px;position:relative;overflow:hidden}.hse-thumb:before{content:"";background:var(--hse-line);width:48%;height:4px;position:absolute;top:11px;left:9px;box-shadow:0 10px #96968f}.hse-thumb:after{content:"";border:2px solid var(--hse-line);background:var(--hse-blue-soft);width:35%;height:48%;position:absolute;top:10px;right:9px}.hse-thumb-number{color:var(--hse-muted);border:1px solid var(--hse-line);z-index:2;background:#fff;padding:1px 3px;font-size:9px;position:absolute;top:auto;bottom:5px;right:6px}.hse-thumb-title{max-height:25px;padding-right:30px;font-size:10px;font-weight:800;line-height:1.2;position:absolute;bottom:8px;left:9px;right:9px;overflow:hidden}.hse-slide-caption{color:var(--hse-muted);text-align:center;margin-top:5px;font-size:10px}.hse-stage-wrap{background:var(--hse-canvas-bg);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.hse-stage-scroll{background:linear-gradient(#d1d1ca 1px,transparent 1px), linear-gradient(90deg,#d1d1ca 1px,transparent 1px), linear-gradient(#b9b9b1 1px,transparent 1px), linear-gradient(90deg,#b9b9b1 1px,transparent 1px), var(--hse-canvas-bg);background-size:16px 16px,16px 16px,64px 64px,64px 64px;flex:1;justify-content:flex-start;align-items:flex-start;min-height:0;padding:42px;display:flex;overflow:auto}.hse-stage-shell{border:3px solid var(--hse-line);background:#fff;flex:none;margin:auto;box-shadow:10px 10px #20202057}.hse-frame{transform-origin:0 0;background:#fff;border:0;display:block}.hse-statusbar{border-top:3px solid var(--hse-line);height:38px;color:var(--hse-muted);background:#fff;flex:0 0 38px;align-items:center;gap:0;padding:0;font-size:10px;display:flex}.hse-statusbar>span{align-items:center;height:100%;padding:0 12px;display:flex}.hse-statusbar>span:first-child{border-right:2px solid var(--hse-line);min-width:74px;color:var(--hse-ink);font-weight:800}.hse-statusbar>span:nth-child(2){text-align:center;flex:1;justify-content:center}.hse-statusbar>span:nth-child(2):before{content:"";background:var(--hse-green);border:1px solid var(--hse-line);width:8px;height:8px;margin-right:8px}.hse-zoom{border-left:2px solid var(--hse-line);height:100%;color:var(--hse-ink);align-items:center;gap:7px;padding:0 10px;font-weight:800;display:flex}.hse-zoom button{border:2px solid var(--hse-line);width:24px;height:24px;color:var(--hse-ink);cursor:pointer;box-shadow:1px 1px 0 var(--hse-line);background:#fff;border-radius:0;padding:0}.hse-zoom button:hover{background:var(--hse-yellow)}.hse-inspector-body{padding:12px}.hse-label{letter-spacing:.08em;color:var(--hse-muted);margin-bottom:6px;font-size:9px;font-weight:900}.hse-value{color:var(--hse-ink);word-break:break-word;border:2px solid var(--hse-line);box-shadow:2px 2px 0 var(--hse-soft-line);background:#fff;padding:7px 8px;font-size:12px;line-height:1.4}.hse-note{color:var(--hse-muted);margin-top:8px;font-size:10px;line-height:1.55}.hse-divider{background:var(--hse-line);height:3px;margin:16px -12px}.hse-action-stack{grid-template-columns:1fr 1fr;gap:7px;margin-top:12px;display:grid}.hse-action-stack button{border:2px solid var(--hse-line);width:100%;min-height:32px;color:var(--hse-ink);text-align:center;cursor:pointer;box-shadow:2px 2px 0 var(--hse-line);background:#fff;border-radius:0;padding:6px 8px}.hse-action-stack button:hover:not(:disabled){background:var(--hse-yellow)}.hse-action-stack button:disabled{opacity:.3;cursor:not-allowed;box-shadow:1px 1px 0 var(--hse-line)}.hse-action-stack button:last-child{color:#9d2020;grid-column:1/-1}.hse-field{gap:4px;margin-top:9px;display:grid}.hse-field>span{letter-spacing:.04em;color:var(--hse-muted);font-size:9px;font-weight:800}.hse-field input,.hse-field select{border:2px solid var(--hse-line);width:100%;min-width:0;height:31px;color:var(--hse-ink);box-shadow:2px 2px 0 var(--hse-soft-line);background:#fff;border-radius:0;outline:none;padding:0 7px}.hse-field input:focus,.hse-field select:focus{border-color:var(--hse-blue);box-shadow:2px 2px 0 var(--hse-blue)}.hse-field-row,.hse-precision-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.hse-format-row,.hse-align-row{gap:5px;display:flex}.hse-format-row button,.hse-align-row button,.hse-color-row button,.hse-layer-row button,.hse-wide-button,.hse-cell-color-row button,.hse-image-fit-row button,.hse-image-position-grid button{border:2px solid var(--hse-line);color:var(--hse-ink);cursor:pointer;box-shadow:2px 2px 0 var(--hse-line);background:#fff;border-radius:0}.hse-format-row button:hover,.hse-align-row button:hover,.hse-color-row button:hover,.hse-layer-row button:hover,.hse-wide-button:hover,.hse-cell-color-row button:hover,.hse-image-fit-row button:hover,.hse-image-position-grid button:hover{background:var(--hse-yellow)}.hse-format-row button.is-active,.hse-align-row button.is-active,.hse-image-fit-row button.is-active,.hse-image-position-grid button.is-active{background:var(--hse-blue);color:#fff}.hse-format-row button{width:32px;height:31px;padding:0;font-size:11px;font-weight:900}.hse-align-row button{flex:1;height:31px;padding:0 5px;font-size:10px}.hse-color-row{grid-template-columns:34px minmax(0,1fr) 52px;align-items:center;gap:6px;display:grid}.hse-color-input{cursor:pointer;width:34px!important;height:31px!important;padding:2px!important}.hse-hex-input{text-transform:uppercase}.hse-color-row button{height:31px;padding:0 6px;font-size:10px}.hse-swatch-label{margin-top:12px}.hse-swatches{flex-wrap:wrap;gap:6px;display:flex}.hse-swatches button{border:2px solid var(--hse-line);cursor:pointer;width:24px;height:24px;box-shadow:2px 2px 0 var(--hse-line);border-radius:0;padding:0}.hse-swatches button:hover{outline:3px solid var(--hse-blue);outline-offset:1px}.hse-image-fit-row{grid-template-columns:1fr 1fr;gap:7px;margin:8px 0 14px;display:grid}.hse-image-fit-row button{height:32px;padding:0;font-size:10px}.hse-image-position-label{margin-top:2px}.hse-image-position-grid{grid-template-columns:repeat(3,34px);gap:7px;width:116px;margin-top:8px;display:grid}.hse-image-position-grid button{width:34px;height:34px;padding:0;font-size:14px}.hse-image-position-grid button:nth-child(5){font-size:18px;font-weight:900}.hse-image-position-grid+.hse-note{font-size:10px;line-height:1.55}.hse-layer-row{grid-template-columns:repeat(4,1fr);gap:5px;margin-top:9px;display:grid}.hse-layer-row button{height:31px;padding:0 3px;font-size:10px}.hse-wide-button{width:100%;min-height:32px;margin-top:11px;padding:6px 8px;font-size:10px}.hse-cell-color-row{grid-template-columns:34px minmax(0,1fr) 52px;align-items:center;gap:6px;display:grid}.hse-cell-color-row input{border:2px solid var(--hse-line);width:100%;min-width:0;height:31px;color:var(--hse-ink);box-shadow:2px 2px 0 var(--hse-soft-line);background:#fff;border-radius:0;outline:none;padding:0 7px}.hse-cell-color-row input[type=color]{cursor:pointer;height:31px;padding:2px}.hse-cell-color-row button{height:31px;padding:0 6px;font-size:10px}.hse-slide-list,.hse-inspector{scrollbar-width:thin;scrollbar-color:var(--hse-line) #d5d5ce}.hse-slide-list::-webkit-scrollbar{width:12px}.hse-inspector::-webkit-scrollbar{width:12px}.hse-slide-list::-webkit-scrollbar-track{border-left:2px solid var(--hse-line);background:#d5d5ce}.hse-inspector::-webkit-scrollbar-track{border-left:2px solid var(--hse-line);background:#d5d5ce}.hse-slide-list::-webkit-scrollbar-thumb{border:2px solid var(--hse-line);background:#fff}.hse-inspector::-webkit-scrollbar-thumb{border:2px solid var(--hse-line);background:#fff}@media (width<=1180px){.hse-main{grid-template-columns:154px minmax(0,1fr) 252px}.hse-toolbar{overflow-x:auto}.hse-brand{min-width:170px;font-size:12px}.hse-stage-scroll{padding:24px}}@media (width<=900px){.hse-main{grid-template-columns:132px minmax(0,1fr) 220px}.hse-brand{display:none}.hse-stage-scroll{padding:16px}}