:root{font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;color:#f7f7f7;background:#101114}*{box-sizing:border-box}body{margin:0;background:#101114;color:#f7f7f7}button,input,select{font:inherit}textarea{font:inherit;width:100%;border:1px solid #3b4050;background:#151925;color:#f7f7f7;border-radius:6px;padding:6px;resize:vertical}button{border:1px solid #4c5160;background:#222633;color:#f7f7f7;border-radius:6px;padding:8px 10px;cursor:pointer}button:disabled{opacity:.6;cursor:default}input[type=number],select{width:100%;border:1px solid #3b4050;background:#151925;color:#f7f7f7;border-radius:6px;padding:6px}input[type=range]{width:100%}input[type=checkbox]{width:18px;height:18px;accent-color:#5b8cff}.app-shell{min-height:100vh;padding:16px;display:flex;flex-direction:column;gap:12px}.app-header h1{margin:0;font-size:1.35rem}.app-header p{margin:6px 0 0;color:#bdc2d1}.layout-grid{display:grid;grid-template-columns:320px minmax(0,1fr) 320px;gap:12px;min-height:0;flex:1}.side-column{display:flex;flex-direction:column;gap:12px}.panel{border:1px solid #2f3545;background:#191d29;border-radius:10px;padding:12px}.panel h2{margin:0 0 10px;font-size:1rem}.subheading{margin:0;font-size:.95rem}.group{display:flex;flex-direction:column;gap:8px;margin-top:10px}.hidden-input{display:none}.muted{color:#abb3c8;margin:0}.canvas-panel{border:1px solid #2f3545;background:#171a22;border-radius:10px;display:flex;flex-direction:column;min-width:0}.canvas-meta{display:flex;gap:16px;flex-wrap:wrap;padding:10px 12px;border-bottom:1px solid #2f3545;color:#b8bfd0;font-size:.9rem}.stage-viewport{position:relative;overflow:auto;flex:1;min-height:480px;background:#0f1118}.stage-viewport.dragover{outline:2px dashed #5b8cff;outline-offset:-6px}.stage-viewport.panning{cursor:grabbing}.stage-transform{width:fit-content;height:fit-content}.print-stage{position:relative;background:linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px) 0 0 / 100px 100px,linear-gradient(180deg,rgba(255,255,255,.04) 1px,transparent 1px) 0 0 / 100px 100px,#fff}.stage-guides{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:999}.stage-guide-line{position:absolute;left:0;right:0;height:1px;background:#ff0000bf}.stage-item{position:absolute;border:1px solid transparent;-webkit-user-select:none;user-select:none}.stage-item img{width:100%;height:100%;object-fit:fill;display:block;pointer-events:none}.stage-item.selected{border-color:#2563eb}.stage-item.text-item{background:transparent}.stage-item.crop-target{border-color:#2563ebd9}.text-item-content{width:100%;height:100%;color:#000;white-space:pre;line-height:1.2;overflow:visible;pointer-events:none}.box-item-content{width:100%;height:100%;pointer-events:none}.crop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.crop-box{position:absolute;border:2px solid #ff8a00;background:#ff8a001f;pointer-events:none}.crop-handle{position:absolute;width:12px;height:12px;background:#ff8a00;border:1px solid #ffffff;border-radius:50%;pointer-events:auto}.crop-handle.top-left{left:-7px;top:-7px;cursor:nwse-resize}.crop-handle.top-right{right:-7px;top:-7px;cursor:nesw-resize}.crop-handle.bottom-left{left:-7px;bottom:-7px;cursor:nesw-resize}.crop-handle.bottom-right{right:-7px;bottom:-7px;cursor:nwse-resize}.scale-handle{position:absolute;width:12px;height:12px;border-radius:50%;background:#2563eb;border:1px solid #ffffff}.scale-handle.top-left{left:-6px;top:-6px;cursor:nwse-resize}.scale-handle.top-right{right:-6px;top:-6px;cursor:nesw-resize}.scale-handle.bottom-left{left:-6px;bottom:-6px;cursor:nesw-resize}.scale-handle.bottom-right{right:-6px;bottom:-6px;cursor:nwse-resize}.preview-wrap{max-width:100%;overflow:auto;border:1px solid #3b4050;border-radius:8px;background:#fff;padding:8px}.preview-image{display:block;max-width:none;height:auto}.selection-readout{position:sticky;bottom:8px;margin:8px;padding:6px 8px;width:fit-content;border:1px solid #2f3545;border-radius:6px;background:#0f1118e6;color:#d4d8e5;font-size:.85rem}.layers-list{display:flex;flex-direction:column;gap:8px}.layer-row{border:1px solid #3b4050;border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:6px}.layer-row.selected{border-color:#5b8cff}.layer-name{text-align:left;width:100%}.layer-meta{color:#b3bbcf;font-size:.85rem}.layer-actions{display:flex;gap:6px;flex-wrap:wrap}.error-box{border:1px solid #7a2833;background:#3c1820;color:#ffd6db;border-radius:8px;padding:10px 12px}@media (max-width: 1440px){.layout-grid{grid-template-columns:280px minmax(0,1fr)}.side-column:last-child{grid-column:1 / span 2;flex-direction:row;align-items:flex-start}.side-column:last-child .panel{flex:1}}@media (max-width: 960px){.layout-grid{grid-template-columns:1fr}.side-column:last-child{grid-column:auto;flex-direction:column}}