body,html{height:100%;margin:0;overflow:hidden;background-color:var(--bg-color);font-family:Roboto,sans-serif;color:var(--text-color);transition:background-color .3s,color .3s}body{display:flex;flex-direction:column;align-items:center;padding-top:1rem;padding-bottom:1rem;box-sizing:border-box}.main-header{display:flex;align-items:center;justify-content:center;width:100%;padding:0 1rem;box-sizing:border-box;margin-bottom:1rem;position:relative}h1{font-size:clamp(1em, 3vw, 2em);font-weight:700;margin:.3rem 0;color:var(--heading-color);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 60px}.container{display:flex;gap:1rem;width:100%;flex-grow:1;overflow:hidden;box-sizing:border-box}.canvas-container{flex-grow:1;display:flex;justify-content:center;align-items:center;background-color:var(--card-bg-color);border-radius:12px;padding:1rem;position:relative}.controls{flex-shrink:0;box-sizing:border-box;padding:1.5rem;display:flex;flex-direction:column;overflow-y:auto;width:380px;background-color:var(--card-bg-color);border-radius:12px}#artwork-canvas{max-width:100%;height:auto;display:block;border-radius:8px}#layer-list{border:1px solid var(--base01);min-height:150px;margin-bottom:0;padding:.5rem;flex-grow:1;overflow-y:auto;border-radius:8px;background-color:var(--bg-color)}.layer-item{display:flex;justify-content:space-between;align-items:center;padding:.3rem;border-bottom:1px solid var(--base01);cursor:pointer;border-radius:6px;margin-bottom:.2rem;background-color:var(--card-bg-color);transition:background-color .2s ease,box-shadow .2s ease}.layer-item:last-child{border-bottom:none}.layer-item:hover{background-color:var(--base2)}.layer-item.active{background-color:var(--accent-color);color:var(--button-text-color);box-shadow:0 4px 8px var(--shadow-color)}.layer-item.active .layer-name-text{color:var(--button-text-color)}.layer-name-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1;flex-basis:0;margin-right:1rem;min-width:0;font-weight:500}.layer-controls{display:flex;gap:.25rem}.layer-item .layer-controls button{height:25px;width:25px;padding:0;display:flex;align-items:center;justify-content:center}.button,button{background-color:var(--link-color);color:var(--button-text-color);border:none;border-radius:8px;padding:.3rem 1rem;font-size:1em;font-weight:500;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease,transform .1s ease;box-shadow:0 2px 4px var(--shadow-color)}.button:hover,button:hover{opacity:.9;box-shadow:0 4px 8px var(--shadow-color)}.button:active,button:active{transform:translateY(1px)}#agree-button,#export-pdf-button,#pdf-button,.delete-btn{background-color:var(--red)}#agree-button:hover,#export-pdf-button:hover,#pdf-button:hover,.delete-btn:hover{background-color:var(--orange)}.button:disabled,.icon-button:disabled,button:disabled{background-color:var(--base1);color:var(--base00);cursor:not-allowed;box-shadow:none;opacity:.6}.icon-button{background-color:var(--icon-button-bg-color);border:1px solid var(--icon-button-bg-color);color:var(--bg-color);padding:.25rem;width:24px;height:24px;font-size:.7em;line-height:1;text-align:center}.icon-button:hover{background-color:var(--accent-color);color:var(--button-text-color)}select{border-radius:8px;border:1px solid var(--base1);background-color:var(--card-bg-color);font-size:.8em;box-sizing:border-box;color:var(--text-color)}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);align-items:center;justify-content:center}.modal-content{background-color:var(--bg-color);padding:2rem;border-radius:12px;width:90%;max-width:600px;box-shadow:0 10px 30px var(--shadow-color);text-align:center;border:1px solid var(--base01);max-height:95vh;display:flex;flex-direction:column}.modal-content h2{color:var(--red);margin:1rem 0;flex-shrink:0}.modal-body p{margin-bottom:.1rem;line-height:1.6;color:var(--text-color);text-align:left}.modal-buttons{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem;flex-shrink:0}.modal-body{overflow-y:auto;flex-grow:1;padding:1rem}.pdf-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:baseline}.pdf-settings-grid label{text-align:right;padding-right:1rem}.pdf-settings-grid button,.pdf-settings-grid select{width:100%;box-sizing:border-box;height:35px;padding:.5rem 1rem}.zoom-controls{position:absolute;bottom:20px;right:20px;background-color:rgb(from var(--card-bg-color) r g b / .5);padding:5px;border-radius:5px;display:flex;align-items:center;text-align:center;gap:5px;font-size:1em;color:var(--text-color)}#main-controls-grid .move-layer-group,#main-controls-grid .scalerotate-layer-group{border:1px solid var(--base1);border-radius:8px;padding:.5rem}#main-controls-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-top:.5rem}#main-controls-grid button,#main-controls-grid select{height:35px;padding:.5rem 1rem;width:100%;box-sizing:border-box}#main-controls-grid .span-two-columns{grid-column:span 2}#main-controls-grid .checkbox-container{display:flex;align-items:center;gap:.5rem}#main-controls-grid .move-controls{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}@media (max-width:768px){.main-header{padding-top:.2rem;padding-bottom:.2rem;margin-bottom:.5rem}body{padding:.5rem}.container{flex-direction:column;gap:1rem}.controls{width:100%;max-width:100%;padding:.5rem;flex-shrink:1;flex-grow:0}#layer-list{min-height:80px}.canvas-container{padding:.5rem;flex-grow:1}#artwork-canvas{max-height:100%;object-fit:contain}.button,button{padding:.25rem 1rem}#main-controls-grid button,#main-controls-grid select{height:25px;padding:.2rem 1rem}.theme-controls a,.theme-controls button{width:27px!important;height:27px!important;font-size:.8rem!important;padding:.33rem!important}.modal-content{padding:1rem}.modal-content h2{margin:.5rem 0;font-size:1.2rem}.modal-buttons{flex-direction:column;gap:.5rem}}.theme-controls{position:absolute;right:1rem;top:50%;transform:translateY(-50%);z-index:1000;display:flex;align-items:center}.theme-controls a.icon-button{background-color:var(--card-bg-color);color:var(--accent-color);border:1px solid var(--accent-color);padding:.5rem;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.2rem;display:flex;justify-content:center;align-items:center;transition:background-color .2s,box-shadow .2s;text-decoration:none;margin-right:.5rem;box-sizing:border-box}.theme-controls a.icon-button:hover{box-shadow:0 0 5px var(--accent-color)}#commit-hash-display{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:.5em;color:var(--muted-text-color);font-family:'Courier New',Courier,monospace}.theme-controls button{background-color:var(--card-bg-color);color:var(--accent-color);border:1px solid var(--accent-color);padding:.5rem;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.2rem;display:flex;justify-content:center;align-items:center;transition:background-color .2s,box-shadow .2s}.theme-controls button#theme-toggle{background-color:var(--accent-color);color:var(--button-text-color)}.theme-controls button:hover{box-shadow:0 0 5px var(--accent-color)}.highlight-button{animation:pulse-border 1.5s infinite;border:2px solid var(--accent-color);box-shadow:0 0 10px var(--accent-color)}@keyframes pulse-border{0%{box-shadow:0 0 0 0 var(--accent-color)}70%{box-shadow:0 0 0 10px transparent}100%{box-shadow:0 0 0 0 transparent}}