body{margin:0;height:100vh;background-image:url(/1.png);background-size:cover;background-position:center;background-repeat:no-repeat}.app-layout{display:flex;width:100%;height:100vh}#left-panel{flex:1;min-width:0;padding:20px;display:flex;flex-direction:column;align-items:flex-start}.canvas-wrapper{flex:2;min-width:0;min-height:400px;position:relative}#right-panel{flex:1;min-width:0;padding:20px}.color-panel{background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;padding:20px;box-shadow:0 4px 24px #00000014;border:1px solid rgba(255,255,255,.5)}.color-panel-title{font-size:14px;font-weight:600;color:#333;margin-bottom:16px;letter-spacing:.5px}#left-panel .color-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px}#left-panel .color-item{width:48px;height:48px;border-radius:12px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;border:3px solid transparent;box-shadow:0 2px 8px #0000001f;flex-shrink:0}#left-panel .color-item:hover{transform:scale(1.1);box-shadow:0 4px 16px #0003}#left-panel .color-item:active{transform:scale(.98)}#left-panel .color-item--selected{border-color:#0006;box-shadow:0 0 0 2px #ffffffe6,0 4px 16px #00000040}.img-panel{background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;padding:20px;box-shadow:0 4px 24px #00000014;border:1px solid rgba(255,255,255,.5)}.img-panel-title{font-size:14px;font-weight:600;color:#333;margin-bottom:16px;letter-spacing:.5px}.img-panel-hint{font-size:12px;color:#666;margin-top:12px;line-height:1.4}#right-panel .img-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px}#right-panel .img-item{width:64px;height:64px;border-radius:12px;cursor:pointer;object-fit:cover;transition:transform .2s ease,box-shadow .2s ease;border:3px solid transparent;box-shadow:0 2px 8px #0000001f}#right-panel .img-item:hover{transform:scale(1.05);box-shadow:0 4px 12px #0003}#right-panel .img-item--selected{border-color:#4a90d9;box-shadow:0 0 0 2px #ffffffe6,0 4px 16px #4a90d966}