:root{--smir-primary:var(--main-primary);--smir-primary-light:#6366f114;--smir-text:#1e293b;--smir-text-muted:#64748b;--smir-bg:#fff;--smir-bg-secondary:#f8fafc;--smir-border:#e2e8f0;--smir-border-light:#f1f5f9;--smir-radius:var(--main-radius,8px);--smir-radius-lg:var(--main-radius-lg,12px);--smir-shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--smir-shadow-md:0 4px 12px #00000014;--smir-transition:.15s ease;--smir-success:#10b981;--smir-canvas-bg:#f1f5f9}._smir-container{width:100%;max-width:900px;margin:0 auto}._smir-workspace{flex-direction:column;gap:1.25rem;margin-top:1.25rem;display:flex}@media (max-width:768px){._smir-container{padding-left:1rem;padding-right:1rem}._smir-workspace{gap:1rem;margin-top:1rem}}._smir-index{width:100%;max-width:800px;margin:0 auto}._smir-index-grid{flex-direction:column;gap:.75rem;display:flex}._smir-index-card{background:var(--smir-bg);border-radius:var(--smir-radius-lg);border-style:solid;border-width:1px;border-color:var(--smir-border);box-shadow:var(--smir-shadow);color:var(--smir-text);transition:box-shadow var(--smir-transition), opacity var(--smir-transition);align-items:center;gap:1rem;padding:1.125rem 1.25rem;text-decoration:none;display:flex}._smir-index-card:hover{box-shadow:var(--smir-shadow-md);color:var(--smir-text)}._smir-index-card-icon{border-radius:var(--smir-radius);background:var(--smir-card-accent,var(--smir-primary));color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}._smir-index-card-info{flex:1;min-width:0}._smir-index-card-title{color:var(--smir-text);margin:0 0 .25rem;font-size:.9375rem;font-weight:600}._smir-index-card-desc{color:var(--smir-text-muted);margin:0;font-size:.8125rem;line-height:1.4}._smir-index-card-arrow{color:var(--smir-text-muted);transition:color var(--smir-transition);flex-shrink:0}._smir-index-card:hover ._smir-index-card-arrow{color:var(--smir-card-accent,var(--smir-primary))}@media (max-width:768px){._smir-index{padding-left:1rem;padding-right:1rem}._smir-index-card{gap:.875rem;min-height:64px;padding:.875rem 1rem}._smir-index-card-icon{width:44px;height:44px}._smir-index-card-icon svg{width:22px;height:22px}._smir-index-card-title{font-size:.9375rem;line-height:1.3}._smir-index-card-desc{-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:.75rem;line-height:1.35;display:-webkit-box;overflow:hidden}}._smir-chips{flex-wrap:wrap;gap:.5rem;display:flex}._smir-chip{border-radius:var(--main-radius-full,9999px);color:var(--smir-text-muted);background:var(--smir-bg);border-style:solid;border-width:1px;border-color:var(--smir-border);transition:color var(--smir-transition), box-shadow var(--smir-transition), opacity var(--smir-transition);cursor:pointer;white-space:nowrap;align-items:center;gap:.375rem;padding:.4375rem .875rem;font-size:.8125rem;font-weight:500;text-decoration:none;display:inline-flex}._smir-chip:hover{color:var(--smir-primary);box-shadow:var(--smir-shadow)}._smir-chip-active{background:var(--smir-primary);color:#fff;border-color:var(--smir-primary);cursor:default}._smir-chip-active:hover{color:#fff;box-shadow:none}._smir-chip svg{flex-shrink:0}@media (max-width:768px){._smir-chips{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:.5rem;margin-left:-1rem;margin-right:-1rem;padding-bottom:.375rem;padding-left:1rem;padding-right:1rem;overflow-x:auto}._smir-chips::-webkit-scrollbar{display:none}._smir-chip{min-height:36px;padding:.5rem .875rem;font-size:.8125rem}}._smir-sizes{flex-wrap:wrap;gap:.5rem;min-height:40px;display:flex}._smir-size-btn{background:var(--smir-bg);border-style:solid;border-width:1.5px;border-color:var(--smir-border);border-radius:var(--smir-radius);color:var(--smir-text);cursor:pointer;transition:border-color var(--smir-transition), box-shadow var(--smir-transition), opacity var(--smir-transition);white-space:nowrap;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.8125rem;display:inline-flex}._smir-size-btn:hover{border-color:var(--smir-primary);box-shadow:0 0 0 1px var(--smir-primary)}._smir-size-btn-active{border-color:var(--smir-primary);box-shadow:0 0 0 1px var(--smir-primary);background:var(--smir-primary-light)}._smir-size-name{font-weight:600}._smir-size-dim{color:var(--smir-text-muted);font-size:.75rem;font-family:var(--main-font-mono)}@media (max-width:768px){._smir-sizes{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:.5rem;margin-left:-1rem;margin-right:-1rem;padding-bottom:.375rem;padding-left:1rem;padding-right:1rem;overflow-x:auto}._smir-sizes::-webkit-scrollbar{display:none}._smir-size-btn{flex-shrink:0;min-height:40px;padding:.5625rem .875rem;font-size:.8125rem}._smir-size-dim{font-size:.75rem}}._smir-upload{background:var(--smir-bg);border-radius:var(--smir-radius-lg);border-style:dashed;border-width:2px;border-color:var(--smir-border);text-align:center;cursor:pointer;transition:border-color var(--smir-transition), background var(--smir-transition);padding:3rem 2rem;position:relative}._smir-upload:hover,._smir-upload-dragover{border-color:var(--smir-primary);background:var(--smir-primary-light)}._smir-upload-inner{pointer-events:none;flex-direction:column;align-items:center;gap:.75rem;display:flex}._smir-upload-icon{color:var(--smir-text-muted)}._smir-upload-text{color:var(--smir-text);margin:0;font-size:.9375rem;font-weight:500}._smir-upload-hint{color:var(--smir-text-muted);margin:0;font-size:.8125rem}._smir-upload-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}@media (max-width:768px){._smir-upload{padding:1.75rem 1rem}._smir-upload-icon svg{width:40px;height:40px}._smir-upload-text{font-size:.875rem}._smir-upload-hint{font-size:.75rem}}._smir-preview{background:var(--smir-bg);border-radius:var(--smir-radius-lg);border-style:solid;border-width:1px;border-color:var(--smir-border);box-shadow:var(--smir-shadow);overflow:hidden}._smir-preview-header{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--smir-border);justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}._smir-preview-info{color:var(--smir-text-muted);font-size:.8125rem;font-family:var(--main-font-mono);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}._smir-preview-actions{flex-shrink:0;align-items:center;gap:.375rem;display:flex}._smir-zoom-level{font-size:.75rem;font-family:var(--main-font-mono);color:var(--smir-text-muted);text-align:center;min-width:3rem}._smir-canvas-wrapper{background:var(--smir-canvas-bg);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;min-height:300px;padding:1.5rem;display:flex;position:relative;overflow:hidden}._smir-canvas-wrapper:active{cursor:grabbing}._smir-canvas-wrapper canvas{box-shadow:var(--smir-shadow-md);max-width:100%;image-rendering:crisp-edges;image-rendering:-webkit-optimize-contrast}._smir-btn{border-radius:var(--smir-radius);cursor:pointer;transition:opacity var(--smir-transition), box-shadow var(--smir-transition);white-space:nowrap;border-width:0;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;display:inline-flex}._smir-btn:hover{opacity:.9}._smir-btn-icon{width:32px;height:32px;color:var(--smir-text-muted);border-style:solid;border-width:1px;border-color:var(--smir-border);border-radius:var(--smir-radius);background:0 0;padding:0}._smir-btn-icon:hover{color:var(--smir-primary);opacity:1}._smir-btn-primary{background:var(--smir-primary);color:#fff;box-shadow:0 2px 8px #6366f140}._smir-btn-secondary{color:var(--smir-text);border-style:solid;border-width:1px;border-color:var(--smir-border);background:0 0}._smir-btn-secondary:hover{box-shadow:var(--smir-shadow);opacity:1}._smir-btn-ghost{color:var(--smir-text-muted);background:0 0}._smir-btn-ghost:hover{color:var(--smir-text);opacity:1}._smir-download-actions{border-top-style:solid;border-top-width:1px;border-top-color:var(--smir-border);flex-wrap:wrap;align-items:center;gap:.75rem;padding:1rem;display:flex}@media (max-width:768px){._smir-preview-header{flex-direction:column;align-items:stretch;gap:.5rem;padding:.75rem .875rem}._smir-preview-info{font-size:.75rem}._smir-preview-actions{justify-content:space-between;gap:.5rem}._smir-btn-icon{width:40px;height:40px}._smir-zoom-level{text-align:center;flex:1;font-size:.8125rem}._smir-canvas-wrapper{min-height:240px;padding:.875rem}._smir-download-actions{flex-direction:column;gap:.5rem;padding:.875rem}._smir-download-actions ._smir-btn{justify-content:center;width:100%;min-height:44px;padding:.625rem 1rem;font-size:.875rem}}