#center-content{flex:1;display:grid;grid-template-rows:auto 1fr auto;justify-items:center;padding:2rem;height:calc(100vh - var(--nav-height));overflow:hidden}.toolbar-group-right{width:100%;max-width:var(--max-content-width, 1400px);margin:10px auto;display:flex;justify-content:flex-end}#clear-canvas-btn.hidden{display:none}#canvas-viewport{width:100%;height:100%;max-width:100%;max-height:100%;min-width:380px;min-height:380px;margin:0 auto;background:#f8fafc;background-image:linear-gradient(rgba(0,0,0,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 1px);background-size:20px 20px;display:flex!important;align-items:center!important;justify-content:center!important;position:relative;overflow:auto;border:2px dashed #cbd5e1;box-shadow:inset 0 0 10px #0000000d;border-radius:8px;transition:none;padding:10px;cursor:pointer}#image-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:auto;padding:10px}#source-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px;box-shadow:0 4px 6px #0000001a;width:auto;height:auto;display:block;margin:auto}#split-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text-muted, #6b7f99);cursor:pointer;-webkit-user-select:none;user-select:none;background:none;text-align:center;padding:20px}#split-placeholder svg{width:54px;height:54px;stroke:var(--primary-accent,#4583f7);stroke-width:1.6;margin-bottom:1.1rem;opacity:.8}#split-placeholder span{font-weight:500;font-size:1.13rem;color:var(--text-secondary, #42526e);letter-spacing:.01em}#canvas-info{width:100%;max-width:var(--max-content-width, 1400px);margin:1.5rem auto 0;text-align:center;color:var(--text-muted, #6b7f99);font-size:.99rem;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}#preview-area{background:#fff;padding:2rem;overflow:auto}#split-result-container{display:grid;gap:1rem;justify-items:center;align-items:center}.split-piece-container{position:relative;display:inline-block}.split-piece-container img{max-width:100%;height:auto;border-radius:4px;box-shadow:0 2px 8px #0000001a}.split-piece-label{position:absolute;top:8px;left:8px;background:#000000b3;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;z-index:10}@media(max-width:768px){#center-content{padding:1rem;overflow-y:auto;height:auto}.toolbar-group-right{width:100%;margin:10px 0}#canvas-viewport{min-width:100%;min-height:50vh;margin-bottom:1rem}#preview-area{padding:1rem}}.custom-layout-controls{display:block;margin-top:1rem;padding:1rem;border:1px solid #e2e8f0;border-radius:.5rem;background-color:#f8fafc}.row-col-line{display:flex;gap:12px;align-items:center}.row-col-line .item{flex:1 1 0;display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:14px;font-weight:500;color:#172b4d}.row-col-line input[type=number]{width:100%;min-width:0;height:36px;padding:0 8px;font-size:15px;text-align:center;border:1px solid #dfe1e6;border-radius:6px;background:#fff;transition:border-color .2s,box-shadow .2s}.row-col-line input[type=number]:focus{outline:none;border-color:#0052cc;box-shadow:0 0 0 3px #0052cc26}.action-button.layout-btn.bg-blue-500{background-color:#3b82f6!important;color:#fff!important;border-color:#3b82f6!important}.action-button.layout-btn.border-gray-300{border-color:#d1d5db!important}