body{margin:0;padding:0;font-family:sans-serif;display:flex;flex-direction:column;height:100vh;overflow:hidden;background-color:#f0f0f0}header{background-color:#333;color:#fff;padding:5px 0;text-align:center;position:relative;flex-shrink:0}header h2{margin:0;font-size:1.2em}.main-container{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;background-color:#e9e9e9;padding:8px;box-shadow:0 2px 5px rgba(0,0,0,.1);z-index:1;gap:10px;flex-shrink:0}.contextual-toolbar{background-color:#d1e7ff}.tool-group{display:flex;align-items:center;gap:5px;padding:0 8px;border-right:1px solid #ccc}.tool-group:last-child{border-right:none}.tool-group.actions{padding-right:0}.tool-btn,.toolbar label{background-color:#fff;border:1px solid #ccc;padding:8px 10px;border-radius:4px;cursor:pointer;font-size:1em;transition:background-color .2s;display:inline-flex;align-items:center;justify-content:center}.tool-btn:disabled{background-color:#f4f4f4;cursor:not-allowed;color:#aaa}.tool-btn:hover:not(:disabled),.toolbar label:hover{background-color:#d0d0d0}.tool-btn.active{background-color:#007bff;color:#fff;border-color:#0056b3}.toolbar label i{font-size:1.1em;margin-right:5px}input[type=color]{width:28px;height:28px;padding:0;border:none;border-radius:4px;cursor:pointer;background-color:transparent;-moz-appearance:none;appearance:none}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:1px solid #999;border-radius:3px}.toolbar input[type=range]{width:80px;margin-left:5px}.toolbar span{margin-left:5px;min-width:20px;text-align:right;font-size:.9em;color:#333}.canvas-wrapper{flex-grow:1;width:100%;position:relative;background-color:#525252;overflow:hidden}.canvas-container{margin:0 auto}#global-collapse-btn{position:fixed;top:10px;right:10px;background-color:#333;color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:1.2em;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px rgba(0,0,0,.2);z-index:2;transition:background-color .2s,transform .3s ease}#global-collapse-btn:hover{background-color:#555}#global-collapse-btn.collapsed i{transform:rotate(180deg)}#object-toolbar.collapsed,#toolbar-main.collapsed{max-height:0;padding-top:0;padding-bottom:0;overflow:hidden;transition:max-height .3s ease-out,padding .3s ease-out}#object-toolbar,#toolbar-main{position:relative}@media (max-width:768px){.toolbar{justify-content:space-around;padding:5px}.tool-group{padding:3px;border-right:none;margin-bottom:5px}.tool-btn,.toolbar label{padding:6px 8px}}@media (max-width:600px){.toolbar{flex-direction:column;align-items:stretch}.tool-group{justify-content:center;margin-bottom:8px}}