:root{--tsg-primary:#6366f1;--tsg-primary-hover:#4f46e5;--tsg-text:#1e293b;--tsg-text-muted:#64748b;--tsg-bg:#fff;--tsg-bg-secondary:#f8fafc;--tsg-border:#e2e8f0;--tsg-border-hover:#cbd5e1;--tsg-shadow:0 1px 3px #0000001a;--tsg-shadow-lg:0 8px 24px #0000001f;--tsg-radius:10px;--tsg-radius-lg:16px;--tsg-radius-xl:20px;--tsg-radius-full:9999px}._tsg-container{gap:var(--main-space-8);grid-template-columns:1fr 1fr;align-items:start;max-width:1100px;margin:0 auto;display:grid}._tsg-column{gap:var(--main-space-6);flex-direction:column;display:flex}._tsg-column-right{top:var(--main-space-4);position:sticky}._tsg-section-title{font-size:var(--main-text-sm);color:var(--tsg-text);margin:0;font-weight:600}@media (max-width:900px){._tsg-container{gap:var(--main-space-6);grid-template-columns:1fr;max-width:600px}._tsg-column-left{order:2}._tsg-column-right{order:1;position:static}}@media (max-width:640px){._tsg-container{padding-left:var(--main-space-3);padding-right:var(--main-space-3);gap:var(--main-space-5)}._tsg-column{gap:var(--main-space-5)}}._tsg-layers-section{background:var(--tsg-bg);border-radius:var(--tsg-radius-xl);padding:var(--main-space-5);box-shadow:var(--tsg-shadow-lg);border-style:solid;border-width:1px;border-color:var(--tsg-border)}._tsg-layers-header{margin-bottom:var(--main-space-4);justify-content:space-between;align-items:center;display:flex}._tsg-layers-actions{gap:var(--main-space-2);display:flex}._tsg-btn{align-items:center;gap:var(--main-space-2);border-radius:var(--tsg-radius);font-size:var(--main-text-sm);cursor:pointer;border-style:none;border-width:0;padding:.5rem .875rem;font-weight:500;transition:opacity .15s,background-color .15s;display:inline-flex}._tsg-btn-primary{background:var(--tsg-primary);color:#fff}._tsg-btn-primary:hover{opacity:.9}._tsg-btn-secondary{background:var(--tsg-bg-secondary);color:var(--tsg-text);border-style:solid;border-width:1px;border-color:var(--tsg-border)}._tsg-btn-secondary:hover{background:var(--tsg-border)}._tsg-layers-list{gap:var(--main-space-3);flex-direction:column;min-height:120px;display:flex}._tsg-layer-card{background:var(--tsg-bg-secondary);border-radius:var(--tsg-radius);border-style:solid;border-width:1px;border-color:var(--tsg-border);overflow:hidden}._tsg-layer-card._tsg-layer-disabled{opacity:.45}._tsg-layer-header{padding:var(--main-space-2) var(--main-space-3);background:var(--tsg-bg);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--tsg-border);justify-content:space-between;align-items:center;display:flex}._tsg-layer-title{font-size:var(--main-text-xs);color:var(--tsg-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}._tsg-layer-actions{gap:var(--main-space-1);display:flex}._tsg-layer-action-btn{border-radius:var(--tsg-radius);width:28px;height:28px;color:var(--tsg-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:flex}._tsg-layer-action-btn:hover{background:var(--tsg-border);color:var(--tsg-text)}._tsg-layer-action-btn._tsg-remove-btn:hover{color:#ef4444;background:#ef44441a}._tsg-layer-action-btn._tsg-layer-disabled-btn{opacity:.5}._tsg-layer-controls{padding:var(--main-space-3);gap:var(--main-space-3);flex-direction:column;display:flex}._tsg-control-row{align-items:center;gap:var(--main-space-3);display:flex}._tsg-control-label{min-width:64px;font-size:var(--main-text-xs);color:var(--tsg-text-muted);font-weight:500}._tsg-control-slider{align-items:center;gap:var(--main-space-2);flex:1;display:flex}._tsg-range{-webkit-appearance:none;appearance:none;background:var(--tsg-border);border-radius:var(--tsg-radius-full);cursor:pointer;flex:1;height:6px}._tsg-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--tsg-primary);cursor:pointer;border:2px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 4px #0003}._tsg-range::-moz-range-thumb{background:var(--tsg-primary);cursor:pointer;border:2px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 4px #0003}._tsg-range-value{min-width:42px;font-size:var(--main-text-sm);color:var(--tsg-text);text-align:right;font-weight:600;font-family:var(--main-font-mono)}._tsg-color-control{align-items:center;gap:var(--main-space-2);display:flex}._tsg-layer-color-wrap{border-radius:var(--tsg-radius);border-style:solid;border-width:2px;border-color:var(--tsg-border);cursor:pointer;flex-shrink:0;width:32px;height:32px;overflow:hidden}._tsg-layer-color-wrap:hover{border-color:var(--tsg-border-hover)}._tsg-layer-color-input{cursor:pointer;border:none;width:48px;height:48px;margin:-8px;padding:0}._tsg-layer-hex{border-radius:var(--tsg-radius);border-style:solid;border-width:1.5px;border-color:var(--tsg-border);width:80px;font-size:var(--main-text-xs);font-family:var(--main-font-mono);color:var(--tsg-text);background:var(--tsg-bg);text-transform:uppercase;padding:.375rem .5rem}._tsg-layer-hex:focus{border-color:var(--tsg-primary);outline:none;box-shadow:0 0 0 3px #6366f126}@media (max-width:640px){._tsg-layers-header{align-items:flex-start;gap:var(--main-space-3);flex-direction:column}._tsg-control-label{min-width:52px}._tsg-layer-hex{width:70px}}._tsg-preview-section{background:var(--tsg-bg);border-radius:var(--tsg-radius-xl);box-shadow:var(--tsg-shadow-lg);border-style:solid;border-width:1px;border-color:var(--tsg-border);overflow:hidden}._tsg-preview-box{min-height:200px;padding:var(--main-space-8) var(--main-space-6);background:#fff;justify-content:center;align-items:center;transition:background-color .2s;display:flex}._tsg-preview-text{color:#333;cursor:text;text-align:center;word-break:break-word;outline:none;max-width:100%;font-size:56px;font-weight:700;line-height:1.2}._tsg-preview-text:empty:before{content:"Shadow";color:var(--tsg-text-muted);opacity:.5}._tsg-preview-settings{padding:var(--main-space-3) var(--main-space-4);border-top-style:solid;border-top-width:1px;border-top-color:var(--tsg-border);gap:var(--main-space-3);flex-direction:column;display:flex}._tsg-setting-group{gap:var(--main-space-1);flex-direction:column;display:flex}._tsg-setting-inline{align-items:center;gap:var(--main-space-2);flex-direction:row}._tsg-setting-row{align-items:center;gap:var(--main-space-5);flex-wrap:wrap;display:flex}._tsg-setting-label{font-size:var(--main-text-xs);color:var(--tsg-text-muted);white-space:nowrap;font-weight:500}._tsg-setting-control{align-items:center;gap:var(--main-space-2);display:flex}._tsg-setting-control ._tsg-range{width:100%}._tsg-color-input-wrap{border-radius:var(--tsg-radius);border-style:solid;border-width:2px;border-color:var(--tsg-border);cursor:pointer;flex-shrink:0;width:32px;height:32px;overflow:hidden}._tsg-color-input-wrap:hover{border-color:var(--tsg-border-hover)}._tsg-color-input{cursor:pointer;border:none;width:48px;height:48px;margin:-8px;padding:0}._tsg-select{border-radius:var(--tsg-radius);border-style:solid;border-width:1.5px;border-color:var(--tsg-border);font-size:var(--main-text-xs);color:var(--tsg-text);background:var(--tsg-bg);cursor:pointer;padding:.375rem .625rem}._tsg-select:focus{border-color:var(--tsg-primary);outline:none;box-shadow:0 0 0 3px #6366f126}@media (max-width:640px){._tsg-preview-box{min-height:160px;padding:var(--main-space-6) var(--main-space-4)}._tsg-preview-text{font-size:40px}._tsg-setting-row{gap:var(--main-space-3)}._tsg-preview-settings{padding:var(--main-space-3)}}._tsg-presets-section{background:var(--tsg-bg);border-radius:var(--tsg-radius-xl);padding:var(--main-space-5);box-shadow:var(--tsg-shadow-lg);border-style:solid;border-width:1px;border-color:var(--tsg-border)}._tsg-presets-section ._tsg-section-title{margin-bottom:var(--main-space-4)}._tsg-presets-grid{gap:var(--main-space-2);grid-template-columns:repeat(2,1fr);min-height:120px;display:grid}._tsg-preset-btn{justify-content:center;align-items:center;gap:var(--main-space-1);padding:var(--main-space-3) var(--main-space-2);border-radius:var(--tsg-radius);border-style:solid;border-width:1.5px;border-color:var(--tsg-border);background:var(--tsg-bg);cursor:pointer;flex-direction:column;transition:border-color .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}._tsg-preset-btn:hover{border-color:var(--tsg-primary);box-shadow:0 0 0 2px #6366f11f}._tsg-preset-btn._tsg-preset-active{border-color:var(--tsg-primary);box-shadow:0 0 0 2px #6366f133}._tsg-preset-preview{pointer-events:none;font-size:20px;font-weight:700;line-height:1}._tsg-preset-name{font-size:var(--main-text-xs);color:var(--tsg-text-muted);pointer-events:none;font-weight:500}@media (max-width:640px){._tsg-presets-grid{grid-template-columns:repeat(2,1fr)}._tsg-preset-preview{font-size:18px}}._tsg-code-section{background:var(--tsg-bg);border-radius:var(--tsg-radius-xl);box-shadow:var(--tsg-shadow-lg);border-style:solid;border-width:1px;border-color:var(--tsg-border);overflow:hidden}._tsg-code-header{padding:var(--main-space-3) var(--main-space-4);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--tsg-border);justify-content:space-between;align-items:center;display:flex}._tsg-btn-copy{background:var(--tsg-bg-secondary);color:var(--tsg-text);border-style:solid;border-width:1px;border-color:var(--tsg-border);font-size:var(--main-text-xs);padding:.375rem .75rem}._tsg-btn-copy:hover{background:var(--tsg-border)}._tsg-btn-copy._tsg-copied{color:#059669;background:#10b9811a;border-color:#10b9814d}._tsg-code-block{padding:var(--main-space-4);background:var(--tsg-bg-secondary);font-family:var(--main-font-mono);font-size:var(--main-text-sm);color:var(--tsg-text);white-space:pre-wrap;word-break:break-all;margin:0;line-height:1.6;overflow-x:auto}._tsg-code-block code{font-family:inherit}@media (max-width:640px){._tsg-code-block{padding:var(--main-space-3);font-size:var(--main-text-xs)}}