.sm-template-v2-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.sm-template-v2-mode{border-color:#7a35e8!important;color:#6d2bd7!important}.sm-template-v2-mode.active{background:linear-gradient(135deg,#5420c9,#7e35e8)!important;color:#fff!important}.sm-template-v2-workspace{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:16px;align-items:start}.sm-template-v2-right{position:sticky;top:82px}.sm-template-preview-shell{display:flex;justify-content:center;padding:14px;border-radius:16px;background:rgba(70,45,140,.05);overflow:auto}.sm-template-preview{position:relative;width:min(100%,620px);background:#fff;box-shadow:0 14px 38px rgba(25,18,65,.15);overflow:hidden}.sm-template-background{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}.sm-template-field-preview{position:absolute;z-index:2;color:#10162f;line-height:1.15;overflow:hidden;min-height:18px;padding:2px;border:1px dashed rgba(114,56,216,.24);background:rgba(255,255,255,.24);white-space:pre-wrap}.sm-template-field-preview img{display:block;max-width:100%;max-height:100%;object-fit:contain}.sm-template-field-table{min-width:850px}.sm-template-library{display:grid;gap:9px}.sm-template-library-item{border:1px solid var(--sm-border);border-radius:13px;padding:10px;display:flex;gap:8px;align-items:center;justify-content:space-between}.sm-template-library-item.active{outline:2px solid rgba(116,50,223,.25)}.sm-template-open{appearance:none;border:0;background:transparent;text-align:left;display:grid;gap:3px;min-width:0;cursor:pointer;color:inherit}.sm-template-open span{font-size:11px;opacity:.7}.sm-template-library-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.sm-mt-xs{margin-top:5px}

.sm-template-designer{border:1px solid var(--sm-border);border-radius:18px;background:var(--sm-surface);box-shadow:var(--sm-shadow);overflow:hidden}.sm-template-designer-toolbar{position:sticky;top:74px;z-index:12;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;border-bottom:1px solid var(--sm-border);background:color-mix(in srgb,var(--sm-surface) 96%,transparent);backdrop-filter:blur(16px)}.sm-template-designer-toolbar .sm-tool-group{display:flex;align-items:center;gap:5px;padding-right:8px;border-right:1px solid var(--sm-border)}.sm-template-designer-toolbar .sm-tool-group:last-child{border-right:0}.sm-template-tool-btn{min-width:34px;height:34px;border:1px solid var(--sm-border);border-radius:8px;background:var(--sm-surface);color:var(--sm-text);font-size:12px;font-weight:750;cursor:pointer;padding:0 9px}.sm-template-tool-btn:hover,.sm-template-tool-btn.active{border-color:#8d6be5;color:#6428d3;background:color-mix(in srgb,#6d39d0 6%,var(--sm-surface))}.sm-template-tool-btn:disabled{opacity:.45;cursor:not-allowed}.sm-template-tool-select{height:34px;border:1px solid var(--sm-border);border-radius:8px;background:var(--sm-surface);color:var(--sm-text);padding:0 8px;font-size:12px}.sm-template-selected-label{font-size:11px;color:var(--sm-muted);max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sm-template-selected-label strong{color:var(--sm-text)}

.sm-template-editor-stage{position:relative;min-height:720px;overflow:auto;padding:42px 38px 54px 54px;background:linear-gradient(180deg,color-mix(in srgb,#6d39d0 4%,var(--sm-bg)),var(--sm-bg))}.sm-template-ruler-corner{position:absolute;left:0;top:0;width:46px;height:34px;border-right:1px solid var(--sm-border);border-bottom:1px solid var(--sm-border);background:var(--sm-surface-2);z-index:4}.sm-template-ruler-x{position:absolute;left:46px;right:0;top:0;height:34px;border-bottom:1px solid var(--sm-border);background:var(--sm-surface-2);z-index:3;overflow:hidden}.sm-template-ruler-x::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 9px,#9ba3ba 9px 10px,transparent 10px 49px,#69718a 49px 50px)}.sm-template-ruler-y{position:absolute;left:0;top:34px;bottom:0;width:46px;border-right:1px solid var(--sm-border);background:var(--sm-surface-2);z-index:3;overflow:hidden}.sm-template-ruler-y::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,transparent 0 9px,#9ba3ba 9px 10px,transparent 10px 49px,#69718a 49px 50px)}.sm-template-rulers-off .sm-template-ruler-corner,.sm-template-rulers-off .sm-template-ruler-x,.sm-template-rulers-off .sm-template-ruler-y{display:none}.sm-template-rulers-off.sm-template-editor-stage{padding-left:28px;padding-top:28px}

.sm-template-canvas-wrap{min-width:max-content;min-height:max-content;display:flex;justify-content:center;align-items:flex-start}.sm-template-edit-canvas{position:relative;width:620px;background:#fff;box-shadow:0 18px 50px rgba(26,18,65,.18);overflow:hidden;transform-origin:top left;touch-action:none}.sm-template-edit-canvas.show-grid{background-image:linear-gradient(rgba(100,72,170,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(100,72,170,.10) 1px,transparent 1px);background-size:20px 20px}.sm-template-edit-canvas::before,.sm-template-edit-canvas::after{content:"";position:absolute;z-index:3;pointer-events:none}.sm-template-edit-canvas::before{left:50%;top:0;bottom:0;border-left:1px dashed rgba(113,53,218,.24)}.sm-template-edit-canvas::after{top:50%;left:0;right:0;border-top:1px dashed rgba(113,53,218,.24)}

.sm-template-edit-field{position:absolute;z-index:5;border:1px dashed rgba(114,56,216,.28);background:rgba(255,255,255,.22);color:#10162f;min-height:22px;line-height:1.15;padding:3px;cursor:move;user-select:none;touch-action:none;white-space:pre-wrap;overflow:hidden;text-align:left}.sm-template-edit-field:hover{border-color:#7c3be0;background:rgba(126,53,232,.05)}.sm-template-edit-field.is-selected{border:2px solid #6f31dc;box-shadow:0 0 0 2px rgba(111,49,220,.12);z-index:9}.sm-template-edit-field img{width:100%;height:100%;max-height:120px;display:block;object-fit:contain;pointer-events:none}.sm-template-edit-field .sm-template-placeholder{font-size:11px;opacity:.65;display:grid;place-items:center;min-height:28px}.sm-template-resize-handle{display:none;position:absolute;right:-6px;bottom:-6px;width:13px;height:13px;border-radius:3px;background:#6f31dc;border:2px solid #fff;box-shadow:0 1px 5px rgba(0,0,0,.25);cursor:nwse-resize}.sm-template-edit-field.is-selected .sm-template-resize-handle{display:block}

.sm-template-designer-foot{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 12px;border-top:1px solid var(--sm-border);font-size:10px;color:var(--sm-muted);background:var(--sm-surface-2)}.sm-template-designer-foot strong{color:var(--sm-text)}

@media(max-width:1040px){.sm-template-v2-workspace{grid-template-columns:1fr}.sm-template-v2-right{position:static}.sm-template-preview{width:min(100%,560px)}.sm-template-editor-stage{min-height:620px}.sm-template-designer-toolbar{top:0}}
@media(max-width:720px){.sm-template-designer-toolbar{gap:5px}.sm-template-designer-toolbar .sm-tool-group{padding-right:4px}.sm-template-editor-stage{padding:38px 16px 38px 48px;min-height:560px}.sm-template-edit-canvas{width:520px}.sm-template-ruler-y{width:38px}.sm-template-ruler-corner{width:38px}.sm-template-ruler-x{left:38px}.sm-template-selected-label{display:none}}