:root{--sm-primary:#6366f1;--sm-primary-light:#6366f11a;--sm-text:#1e293b;--sm-text-muted:#64748b;--sm-bg:#fff;--sm-bg-hover:#f8fafc;--sm-border:#e2e8f0;--sm-border-focus:#6366f1;--sm-shadow:0 1px 3px #0000000f;--sm-shadow-md:0 4px 12px #00000014;--sm-shadow-lg:0 8px 24px #0000001f;--sm-lens-border:#6366f199;--sm-lens-shadow:0 0 0 2px #6366f133, 0 8px 32px #0003;--sm-radius:var(--main-radius,8px);--sm-radius-lg:var(--main-radius-lg,12px)}._sm-container{gap:var(--main-space-4,1rem);flex-direction:column;max-width:1200px;margin:0 auto;display:flex}._sm-hint{font-size:var(--main-text-sm,.875rem);color:var(--sm-text-muted);align-items:flex-start;gap:.5rem;line-height:1.5;display:flex}._sm-hint svg{opacity:.6;flex-shrink:0;margin-top:.125rem}@media (max-width:768px){._sm-container{gap:var(--main-space-3,.75rem);padding-left:.75rem;padding-right:.75rem}._sm-hint{font-size:.8125rem}}@media (max-width:480px){._sm-container{padding-left:.5rem;padding-right:.5rem}}._sm-controls{background:var(--sm-bg);border-radius:var(--sm-radius-lg);padding:var(--main-space-4,1rem) var(--main-space-5,1.25rem);box-shadow:var(--sm-shadow);border-style:solid;border-width:1px;border-color:var(--sm-border);flex-direction:column;display:flex}._sm-controls-row{align-items:flex-end;gap:var(--main-space-6,1.5rem);flex-wrap:wrap;display:flex}._sm-control-group{flex:1;min-width:160px}._sm-label{font-size:var(--main-text-sm,.875rem);color:var(--sm-text);align-items:center;gap:.375rem;margin-bottom:.5rem;font-weight:500;display:flex}._sm-label svg{color:var(--sm-primary);flex-shrink:0}._sm-range-wrap{align-items:center;gap:.75rem;display:flex}._sm-range{-webkit-appearance:none;appearance:none;background:var(--sm-border);cursor:pointer;touch-action:pan-x;border-radius:3px;outline:none;flex:1;min-width:0;height:6px}._sm-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--sm-primary);cursor:pointer;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #6366f14d}._sm-range::-moz-range-thumb{background:var(--sm-primary);cursor:pointer;border:none;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #6366f14d}._sm-range:focus-visible::-webkit-slider-thumb{outline:2px solid var(--sm-primary);outline-offset:2px}._sm-range-value{font-size:var(--main-text-sm,.875rem);color:var(--sm-primary);text-align:right;min-width:42px;font-weight:600;font-family:var(--main-font-mono,monospace)}._sm-shape-buttons{gap:.375rem;display:flex}._sm-shape-btn{border-radius:var(--sm-radius);border-style:solid;border-width:1px;border-color:var(--sm-border);width:36px;height:36px;color:var(--sm-text-muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0;display:flex}._sm-shape-btn:hover{border-color:var(--sm-primary);color:var(--sm-primary)}._sm-shape-btn--active{background:var(--sm-primary-light);border-color:var(--sm-primary);color:var(--sm-primary)}._sm-remove-btn{color:var(--sm-text-muted);border-style:solid;border-width:1px;border-color:var(--sm-border);border-radius:var(--sm-radius);font-size:var(--main-text-sm,.875rem);cursor:pointer;margin-top:var(--main-space-3,.75rem);background:0 0;align-self:flex-end;align-items:center;gap:.375rem;margin-left:auto;padding:.375rem .75rem;display:inline-flex}._sm-remove-btn:hover{color:#dc2626;border-color:#dc2626}@media (max-width:768px){._sm-controls{padding:var(--main-space-3,.75rem) var(--main-space-4,1rem)}._sm-controls-row{gap:var(--main-space-4,1rem)}._sm-range{height:8px}._sm-range::-webkit-slider-thumb{width:24px;height:24px}._sm-range::-moz-range-thumb{width:24px;height:24px}._sm-shape-btn{width:44px;height:44px}._sm-remove-btn{min-height:40px;padding:.5rem .875rem}}@media (max-width:640px){._sm-controls-row{align-items:stretch;gap:var(--main-space-4,1rem);flex-direction:column}._sm-control-group{min-width:0}._sm-remove-btn{justify-content:center;align-self:stretch}}._sm-zone{background:var(--sm-bg);border-radius:var(--sm-radius-lg);box-shadow:var(--sm-shadow);border-style:solid;border-width:1px;border-color:var(--sm-border);cursor:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;min-height:400px;position:relative;overflow:hidden}@media (hover:none){._sm-zone{cursor:default}}._sm-placeholder{padding:var(--main-space-8,2rem);flex-direction:column;justify-content:center;align-items:center;min-height:200px;display:flex}._sm-placeholder-icon{color:var(--sm-border);margin-bottom:var(--main-space-3,.75rem)}._sm-placeholder-text{font-size:var(--main-text-base,1rem);color:var(--sm-text);margin:0 0 .25rem;font-weight:500}._sm-placeholder-hint{font-size:var(--main-text-sm,.875rem);color:var(--sm-text-muted);margin:0 0 var(--main-space-4,1rem)}._sm-upload-btn{background:var(--sm-primary);color:#fff;border-radius:var(--sm-radius);font-size:var(--main-text-sm,.875rem);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-weight:500;display:inline-flex;box-shadow:0 2px 8px #6366f140}._sm-upload-btn:hover{opacity:.9}._sm-file-input{display:none}._sm-image-wrap{position:relative}._sm-image{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:auto;display:block}._sm-sample{padding:var(--main-space-6,1.5rem) var(--main-space-8,2rem);pointer-events:none;-webkit-user-select:none;user-select:none}._sm-sample-content{max-width:700px;margin:0 auto}._sm-sample-title{color:var(--sm-text);margin:0 0 var(--main-space-3,.75rem);font-size:1.125rem;font-weight:600}._sm-sample-text{color:var(--sm-text);margin:0 0 var(--main-space-3,.75rem);font-size:.9375rem;line-height:1.7}._sm-sample-small{color:var(--sm-text-muted);font-size:10px;line-height:1.6}._sm-sample-grid{gap:var(--main-space-3,.75rem);margin-top:var(--main-space-5,1.25rem);grid-template-columns:repeat(3,1fr);display:grid}._sm-sample-card{padding:var(--main-space-4,1rem);background:var(--sm-bg-hover);border-radius:var(--sm-radius);border-style:solid;border-width:1px;border-color:var(--sm-border);font-size:var(--main-text-sm,.875rem);color:var(--sm-text);text-align:center;flex-direction:column;align-items:center;gap:.5rem;display:flex}._sm-sample-icon{color:var(--sm-primary)}._sm-zone--dragover{border-color:var(--sm-primary);background:var(--sm-primary-light)}._sm-zone--dragover ._sm-placeholder-icon{color:var(--sm-primary)}@media (max-width:768px){._sm-placeholder{padding:var(--main-space-6,1.5rem) var(--main-space-4,1rem);min-height:180px}._sm-upload-btn{min-height:44px;font-size:var(--main-text-base,1rem);padding:.75rem 1.25rem}._sm-sample{padding:var(--main-space-5,1.25rem) var(--main-space-4,1rem)}._sm-sample-title{font-size:1rem}._sm-sample-text{font-size:.875rem;line-height:1.65}._sm-sample-grid{gap:var(--main-space-2,.5rem);grid-template-columns:repeat(2,1fr)}._sm-zone{min-height:320px}}@media (max-width:480px){._sm-sample-grid{grid-template-columns:1fr}._sm-zone{min-height:280px}}._sm-lens{border-style:solid;border-width:3px;border-color:var(--sm-lens-border);width:200px;height:200px;box-shadow:var(--sm-lens-shadow);pointer-events:none;z-index:10;background-repeat:no-repeat;background-color:var(--sm-bg);border-radius:50%;display:none;position:absolute;overflow:hidden}._sm-lens--square{border-radius:var(--sm-radius-lg)}._sm-lens--active{display:block}