:root{--wim-primary:var(--main-primary);--wim-text:#1e293b;--wim-text-muted:#64748b;--wim-bg:#fff;--wim-bg-secondary:#f8fafc;--wim-border:#e2e8f0;--wim-radius:var(--main-radius);--wim-radius-lg:var(--main-radius-lg);--wim-shadow:var(--main-shadow-sm);--wim-hover-bg:#f1f5f9;--wim-active-bg:#6366f11a;--wim-active-border:var(--main-primary)}._wim-container{gap:var(--main-space-4);max-width:1000px;padding:var(--main-space-4) var(--main-space-5);grid-template-columns:1fr 320px;align-items:start;margin-left:auto;margin-right:auto;display:grid}._wim-col-left{align-items:center;gap:var(--main-space-3);top:var(--main-space-4);flex-direction:column;display:flex;position:sticky}._wim-col-right{gap:var(--main-space-3);flex-direction:column;display:flex}._wim-panel{background:var(--wim-bg);border-radius:var(--wim-radius-lg);padding:var(--main-space-3);box-shadow:var(--wim-shadow);border-style:solid;border-width:1px;border-color:var(--wim-border)}._wim-panel-title{font-size:var(--main-text-xs);color:var(--wim-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--main-space-2);align-items:center;gap:.375rem;font-weight:600;display:flex}._wim-panel-title svg{flex-shrink:0;width:14px;height:14px}@media (max-width:768px){._wim-container{gap:var(--main-space-3);padding-left:var(--main-space-3);padding-right:var(--main-space-3);padding-top:var(--main-space-3);grid-template-columns:1fr}._wim-col-left{width:100%;max-width:100%;position:static}._wim-col-right{width:100%}._wim-panel{padding:var(--main-space-3)}}@media (max-width:480px){._wim-container{gap:var(--main-space-2);padding-left:.5rem;padding-right:.5rem}._wim-panel{padding:var(--main-space-2);border-radius:var(--wim-radius)}._wim-col-right{gap:var(--main-space-2)}}._wim-dropdown{position:relative}._wim-dropdown-trigger{border-style:solid;border-width:1.5px;border-color:var(--wim-border);border-radius:var(--wim-radius);background:var(--wim-bg);width:100%;min-height:40px;color:var(--wim-text);font-size:var(--main-text-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:center;gap:.5rem;padding:.5rem .625rem;font-weight:500;transition:border-color .15s,box-shadow .15s;display:flex}._wim-dropdown-trigger:hover{border-color:var(--wim-primary)}._wim-dropdown._wim-open ._wim-dropdown-trigger{border-color:var(--wim-primary);box-shadow:0 0 0 3px var(--wim-active-bg)}._wim-dropdown-flag{object-fit:cover;border-radius:2px;flex-shrink:0;width:22px;height:16px}._wim-dropdown-label{text-align:left;flex:1}._wim-dropdown-arrow{color:var(--wim-text-muted);flex-shrink:0}._wim-dropdown._wim-open ._wim-dropdown-arrow{transform:rotate(180deg)}._wim-dropdown-menu{background:var(--wim-bg);border-style:solid;border-width:1.5px;border-color:var(--wim-border);border-radius:var(--wim-radius-lg);z-index:50;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 4px 16px #0000001f}._wim-dropdown-search-wrap{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--wim-border);padding:.375rem}._wim-dropdown-search{border-style:solid;border-width:1.5px;border-color:var(--wim-border);border-radius:var(--wim-radius);width:100%;font-size:var(--main-text-sm);color:var(--wim-text);background:var(--wim-bg);box-sizing:border-box;-webkit-tap-highlight-color:transparent;outline:none;padding:.5rem .625rem}._wim-dropdown-search:focus{border-color:var(--wim-primary)}._wim-dropdown-search::placeholder{color:var(--wim-text-muted);opacity:.6}._wim-dropdown-list{-webkit-overflow-scrolling:touch;max-height:200px;padding:.25rem;overflow-y:auto}@media (max-width:768px){._wim-dropdown-list{max-height:240px}._wim-dropdown-search{min-height:36px}}._wim-dropdown-item{border-radius:var(--wim-radius);width:100%;min-height:40px;color:var(--wim-text);font-size:var(--main-text-sm);cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;background:0 0;border:none;align-items:center;gap:.5rem;padding:.4rem .5rem;display:flex}._wim-dropdown-item:hover{background:var(--wim-hover-bg)}._wim-dropdown-item._wim-active{background:var(--wim-active-bg);color:var(--wim-primary);font-weight:500}._wim-dropdown-item-flag{object-fit:cover;border-radius:2px;flex-shrink:0;width:22px;height:16px}._wim-card-wrap{background:var(--wim-bg);border-radius:var(--wim-radius-lg);width:100%;box-shadow:0 2px 12px #00000014, 0 0 0 1px var(--wim-border);line-height:0;overflow:visible}._wim-canvas-area{line-height:0;position:relative}._wim-canvas-area canvas{border-radius:var(--wim-radius-lg);width:100%;height:auto;display:block}._wim-inline-editor{z-index:10;box-sizing:border-box;cursor:text;white-space:nowrap;caret-color:var(--wim-primary);background:0 0;border:none;outline:none;width:auto;max-width:none;margin:0;padding:0;line-height:1;position:absolute}._wim-inline-editor._wim-multiline{white-space:pre-wrap;word-break:break-word}._wim-inline-editor:empty:before{content:attr(data-placeholder);opacity:.25;pointer-events:none}._wim-text-toolbar{z-index:20;background:var(--wim-bg);border-style:solid;border-width:1px;border-color:var(--wim-border);border-radius:var(--wim-radius-lg);white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:thin;align-items:center;gap:.25rem;max-width:calc(100% - 16px);padding:.3rem .5rem;display:flex;position:absolute;bottom:8px;left:50%;overflow-x:auto;transform:translate(-50%);box-shadow:0 2px 12px #00000026}._wim-text-toolbar::-webkit-scrollbar{height:3px}._wim-text-toolbar::-webkit-scrollbar-thumb{background:var(--wim-border);border-radius:2px}._wim-tb-color{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:4px;flex-shrink:0;width:26px;height:26px;padding:0}._wim-tb-color::-webkit-color-swatch-wrapper{padding:1px}._wim-tb-color::-webkit-color-swatch{border:none;border-radius:3px}._wim-tb-color::-moz-color-swatch{border:none;border-radius:3px}._wim-tb-btn{width:28px;height:28px;color:var(--wim-text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background-color .15s,color .15s;display:inline-flex}._wim-tb-btn:hover{background:var(--wim-hover-bg);color:var(--wim-text)}._wim-tb-btn._wim-active{background:var(--wim-active-bg);color:var(--wim-primary)}._wim-tb-sep{background:var(--wim-border);flex-shrink:0;width:1px;height:18px;margin:0 .125rem}._wim-font-picker{align-items:center;gap:0;display:inline-flex;position:relative}._wim-tb-font-trigger{text-align:center;min-width:80px;max-width:120px;color:var(--wim-text);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem;font-size:12px;font-weight:500;overflow:hidden}._wim-tb-font-trigger:hover{background:var(--wim-hover-bg)}._wim-tb-font-nav{width:22px;height:22px}._wim-font-dropdown{background:var(--wim-bg);border-style:solid;border-width:1px;border-color:var(--wim-border);border-radius:var(--wim-radius-lg);z-index:60;width:240px;max-width:calc(100vw - 24px);position:absolute;bottom:calc(100% + 4px);left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 4px 20px #00000026}._wim-font-search{border:none;border-bottom:1px solid;border-bottom-color:var(--wim-border);width:100%;font-size:var(--main-text-sm);color:var(--wim-text);background:var(--wim-bg);box-sizing:border-box;outline:none;padding:.5rem .625rem}._wim-font-search::placeholder{color:var(--wim-text-muted);opacity:.6}._wim-font-list{max-height:220px;padding:.25rem;overflow-y:auto}._wim-font-item{width:100%;min-height:36px;color:var(--wim-text);cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:4px;justify-content:space-between;align-items:center;padding:.375rem .5rem;font-size:13px;display:flex}._wim-font-item:hover{background:var(--wim-hover-bg)}._wim-font-item._wim-active{background:var(--wim-active-bg);color:var(--wim-primary)}._wim-font-item-cat{color:var(--wim-text-muted);flex-shrink:0;font-size:10px}._wim-tb-size{border-style:solid;border-width:1px;border-color:var(--wim-border);text-align:center;width:44px;height:26px;color:var(--wim-text);background:var(--wim-bg);-webkit-tap-highlight-color:transparent;border-radius:4px;outline:none;flex-shrink:0;padding:0 2px;font-size:12px}._wim-tb-size:focus{border-color:var(--wim-primary)}._wim-tb-delete{color:#ef4444}._wim-tb-delete:hover{color:#dc2626;background:#ef44441a}._wim-toolbar{justify-content:center;align-items:center;gap:var(--main-space-2);flex-wrap:wrap;width:100%;display:flex}._wim-toolbar-group{border-style:solid;border-width:1px;border-color:var(--wim-border);border-radius:var(--wim-radius);background:var(--wim-bg);box-shadow:var(--wim-shadow);align-items:center;display:inline-flex;overflow:hidden}._wim-tool-btn{min-width:30px;height:30px;color:var(--wim-text-muted);cursor:pointer;font-size:var(--main-text-xs);-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;gap:.25rem;padding:0 .375rem;font-weight:500;transition:background-color .15s,color .15s,opacity .15s;display:inline-flex}._wim-tool-btn:hover{background:var(--wim-hover-bg);color:var(--wim-text)}._wim-tool-btn:not(:last-child){border-right-style:solid;border-right-width:1px;border-right-color:var(--wim-border)}._wim-tool-btn._wim-tool-btn-primary{background:var(--main-primary-solid);color:#fff}._wim-tool-btn._wim-tool-btn-primary:hover{opacity:.9;background:var(--main-primary-solid-hover)}._wim-canvas-area canvas{touch-action:manipulation}._wim-inline-editor{-webkit-tap-highlight-color:transparent}@media (max-width:768px){._wim-tool-btn{min-width:40px;height:40px;padding:0 .625rem}._wim-text-toolbar{gap:.375rem;padding:.4rem .5rem;bottom:6px}._wim-tb-btn,._wim-tb-color{width:32px;height:32px}._wim-tb-size{width:48px;height:32px;font-size:13px}._wim-tb-font-trigger{min-width:70px;max-width:100px;font-size:13px}._wim-tb-font-nav{width:26px;height:26px}._wim-font-list{max-height:200px}}@media (max-width:480px){._wim-toolbar{gap:var(--main-space-1)}._wim-tool-btn span{font-size:11px}}._wim-colors-row{align-items:center;gap:var(--main-space-2);flex-wrap:wrap;display:flex}._wim-color-presets{flex-wrap:wrap;flex:1;gap:.25rem;display:flex}._wim-color-pickers{gap:.375rem;display:flex}._wim-preset-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:2px solid #0000;border-radius:5px;flex-shrink:0;width:28px;height:28px;padding:2px;transition:border-color .15s}._wim-preset-btn span{border-radius:3px;width:100%;height:100%;display:block}._wim-preset-btn:hover{border-color:var(--wim-border)}._wim-preset-btn._wim-active{border-color:var(--wim-active-border)}._wim-color-picker-wrap{border-style:solid;border-width:1.5px;border-color:var(--wim-border);border-radius:var(--wim-radius);background:var(--wim-bg);align-items:center;gap:.25rem;min-height:32px;padding:.2rem .375rem;display:flex}._wim-color-input{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:3px;width:24px;height:24px;padding:0}._wim-color-input::-webkit-color-swatch-wrapper{padding:0}._wim-color-input::-webkit-color-swatch{border:none;border-radius:3px}._wim-color-input::-moz-color-swatch{border:none;border-radius:3px}._wim-color-hex{color:var(--wim-text-muted);font-size:10px;font-family:var(--main-font-mono)}._wim-photo-row{align-items:center;gap:var(--main-space-2);display:flex}._wim-photo-upload-btn{border-style:dashed;border-width:1.5px;border-color:var(--wim-border);border-radius:var(--wim-radius);min-height:36px;color:var(--wim-text-muted);font-size:var(--main-text-xs);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;align-items:center;gap:.375rem;padding:.5rem .75rem;font-weight:500;transition:border-color .15s,color .15s,background-color .15s;display:inline-flex}._wim-photo-upload-btn:hover{border-color:var(--wim-primary);color:var(--wim-primary);background:var(--wim-active-bg)}._wim-photo-preview{object-fit:cover;border-style:solid;border-width:2px;border-color:var(--wim-border);border-radius:50%;width:34px;height:34px}._wim-photo-remove{width:32px;height:32px;color:var(--wim-text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:18px;transition:background-color .15s,color .15s;display:flex}._wim-photo-remove:hover{color:#ef4444;background:#ef44441a}@media (max-width:768px){._wim-photo-row{flex-wrap:wrap}._wim-photo-upload-btn{flex:1;justify-content:center;min-height:40px}._wim-photo-preview{width:40px;height:40px}._wim-color-input{width:28px;height:28px}._wim-color-picker-wrap{min-height:36px;padding:.25rem .5rem}._wim-preset-btn{width:32px;height:32px}._wim-color-presets{gap:.375rem}}._wim-template-grid{-webkit-overflow-scrolling:touch;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:.375rem;max-height:340px;padding-right:2px;display:grid;overflow-y:auto}._wim-template-grid::-webkit-scrollbar{width:4px}._wim-template-grid::-webkit-scrollbar-track{background:0 0}._wim-template-grid::-webkit-scrollbar-thumb{background:var(--wim-border);border-radius:2px}._wim-template-item{cursor:pointer;border-radius:var(--wim-radius);border-style:solid;border-width:2px;border-color:var(--wim-border);aspect-ratio:800/1120;-webkit-tap-highlight-color:transparent;transition:border-color .15s,box-shadow .15s;position:relative;overflow:hidden}._wim-template-item canvas{width:100%;height:100%;display:block}._wim-template-item:hover{border-color:var(--wim-text-muted)}._wim-template-item._wim-active{border-color:var(--wim-active-border);box-shadow:0 0 0 2px var(--wim-active-bg)}._wim-template-name{color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#0000008c;padding:2px 4px;font-size:9px;font-weight:500;position:absolute;bottom:0;left:0;right:0;overflow:hidden}@media (max-width:768px){._wim-template-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem;max-height:320px}._wim-template-name{padding:3px 4px;font-size:10px}}@media (max-width:480px){._wim-template-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));max-height:280px}}