.l-section:has(.p-demo__view-area) .p-inner{max-width:1400px}.l-section:has(.p-demo__view-area) .p-point{margin-left:auto;margin-right:auto;max-width:1200px}.p-demo__view-area #container{background:#fff;border:3px solid #e67e22;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);cursor:crosshair;height:900px;margin:0 auto;width:1280px}.p-demo__view-area .toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:12px 0 16px}.p-demo__view-area button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e74c3c;border:0;border-radius:10px;box-shadow:0 3px 0 #c0392b;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 24px}.p-demo__view-area button:active{box-shadow:0 1px 0 #c0392b;transform:translateY(2px)}.p-demo__view-area button.secondary{background:#3498db;box-shadow:0 3px 0 #2980b9}.p-demo__view-area button.secondary:active{box-shadow:0 1px 0 #2980b9}.p-demo__view-area .color-btn{border:3px solid #fff;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.2);cursor:pointer;height:45px;transition:transform .1s;width:45px}.p-demo__view-area .color-btn:hover{transform:scale(1.1)}.p-demo__view-area .color-btn.active{border-color:#333;box-shadow:0 0 0 4px #ffd54f}.p-demo__view-area .size-control{align-items:center;display:flex;gap:8px}.p-demo__view-area .size-control label{color:#424242;font-weight:700}.p-demo__view-area .size-control input{width:100px}.p-demo__view-area #status{background:#e8f8f5;border-radius:8px;color:#27ae60;font-size:16px;font-weight:700;padding:8px 16px}.p-demo__view-area em{display:block;font-size:2em;font-style:normal;font-weight:700;text-align:center}.p-demo__view-area p{text-align:center}
/*# sourceMappingURL=261109_02.css.map */