#panel-base .base-working-area{display:block;min-height:0;border-top:0}
#panel-base .base-content{padding:0 20px 16px}
#panel-base .base-tools{background:#fff;padding:14px 20px;border-bottom:1px solid #edf1f3}
#panel-base .piece-palette{flex:1;justify-content:space-between;max-width:640px}
#panel-base .palette-piece{flex:1;justify-content:center;min-height:48px}
.base-drawing-toolbar{padding:12px 20px;border-bottom:1px solid #edf1f3;background:white}
.base-drawing-toolbar .drawing-tools{justify-content:flex-start;flex-wrap:wrap}
.base-pen-colors{display:flex;gap:6px;align-items:center;padding:0 4px}
.base-pen-color{width:25px;height:25px;border:2px solid #fff;border-radius:50%;background:var(--pen-color);box-shadow:0 0 0 1px #d6e0e4}
.base-pen-color.is-active{box-shadow:0 0 0 2px #4d6575}
#panel-base .selection-actions{padding:10px 0;min-height:40px}
#panel-base .exchange-actions{margin:12px 0;min-height:30px}
.base-board-scroll{overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-color:#bdcfd3 #f6f8f8;border:1px solid #edf1f3;border-radius:14px;background:#fff}
#panel-base .free-board{height:680px;min-width:1000px;width:100%;border:0;border-radius:0;background:#fff;touch-action:pan-x pan-y}
#panel-base .free-board:after{display:none}
.base-position-guides{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);pointer-events:none;z-index:0}
.base-position-guides span{padding-top:14px;text-align:center;color:#9aabb4;font-size:12px;font-weight:650}
.base-position-guides span+span{border-left:1px solid #dbe3e880}
.base-blocks-layer{position:absolute;inset:0;pointer-events:none;z-index:1}
#panel-base .workspace-piece{pointer-events:auto}
#base-drawing-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:3;touch-action:none;cursor:crosshair}
#base-drawing-canvas.is-select{pointer-events:none;cursor:default}
#base-drawing-canvas.is-eraser{cursor:cell}
.base-unit{width:20px;height:20px;background:var(--base-fill);border-color:var(--base-border);box-shadow:inset -3px -3px #00000016,0 2px 4px #24324625}
.base-unit:before{width:7px;height:3px;left:4px;background:#ffffff80}
.base-ten{width:200px;height:20px;border-color:var(--base-border)}
.base-hundred{width:200px;height:200px;border-color:var(--base-border)}
.base-ten i,.base-hundred i{background:var(--base-fill);border-color:var(--base-border);box-shadow:inset -1px -1px #0000000a}
#panel-base .workspace-piece[data-block-type="unit"]:after{content:"";position:absolute;inset:-4px}
#panel-base .mini-piece{background-color:var(--base-fill);border-color:var(--base-border)}
#panel-base .mini-piece--ten{background-image:repeating-linear-gradient(90deg,transparent 0 4px,var(--base-border) 4px 5px)}
#panel-base .mini-piece--hundred{background-image:linear-gradient(90deg,var(--base-border) 1px,transparent 1px),linear-gradient(var(--base-border) 1px,transparent 1px)}
.base-thousand{width:202px;height:234px;display:block;border:0;border-radius:0;background:none;box-shadow:none;filter:drop-shadow(0 3px 3px #2432461a)}
.base-thousand:after{display:none}
.base-thousand svg{width:100%;height:100%;display:block}
#panel-base .mini-piece--thousand{width:25px;height:29px;border:0;border-radius:0;background:none;box-shadow:none}
#panel-base .mini-piece--thousand svg{width:100%;height:100%;display:block}
.base-board-hint{font-size:11px;color:#8b9ba5;line-height:1.5;margin:10px 2px 0}
.base-board-hint span{display:none}
@media(max-width:1300px){.base-board-hint span{display:inline}}
@media(max-width:700px){#panel-base .base-content{padding:0 10px 12px}#panel-base .base-tools{padding:10px}#panel-base .piece-palette{width:100%;flex-basis:100%;gap:3px}#panel-base .palette-piece{font-size:11px;padding:6px;gap:5px}.base-drawing-toolbar{padding:10px}.base-drawing-toolbar .drawing-tools{width:100%}#panel-base .free-board{height:660px}.base-board-hint{font-size:10px}}