:root{--wcg-primary:var(--main-primary);--wcg-primary-hover:var(--main-primary-hover);--wcg-text:#1e293b;--wcg-text-muted:#64748b;--wcg-bg:#fff;--wcg-bg-secondary:#f8fafc;--wcg-border:#e2e8f0;--wcg-border-focus:var(--main-primary);--wcg-radius:var(--main-radius,.5rem);--wcg-radius-lg:var(--main-radius-lg,.75rem);--wcg-shadow:0 1px 3px #00000014, 0 1px 2px #0000000a;--wcg-shadow-lg:0 4px 12px #00000014;--wcg-transition:.15s ease}._wcg-container{gap:var(--main-space-5,1.25rem);flex-direction:column;max-width:1100px;margin:0 auto;display:flex}._wcg-top{gap:var(--main-space-5,1.25rem);grid-template-columns:1fr 1fr;display:grid}._wcg-input-card,._wcg-settings-card,._wcg-canvas-card,._wcg-wordlist-card{background:var(--wcg-bg);border-radius:var(--wcg-radius-lg);padding:var(--main-space-5,1.25rem);box-shadow:var(--wcg-shadow);border-style:solid;border-width:1px;border-color:var(--wcg-border)}@media (max-width:768px){._wcg-container{gap:var(--main-space-4,1rem);padding-left:.75rem;padding-right:.75rem}._wcg-top{gap:var(--main-space-4,1rem);grid-template-columns:1fr}._wcg-input-card,._wcg-settings-card,._wcg-canvas-card,._wcg-wordlist-card{padding:var(--main-space-4,1rem)}}@media (max-width:480px){._wcg-container{padding-left:.5rem;padding-right:.5rem}._wcg-input-card,._wcg-settings-card,._wcg-canvas-card,._wcg-wordlist-card{border-radius:var(--wcg-radius);padding:.875rem}}._wcg-input-header{margin-bottom:var(--main-space-3,.75rem);justify-content:space-between;align-items:center;display:flex}._wcg-input-actions{gap:var(--main-space-1,.25rem);display:flex}._wcg-label{font-size:var(--main-text-sm,.875rem);color:var(--wcg-text);font-weight:600}._wcg-textarea{border-style:solid;border-width:1.5px;border-color:var(--wcg-border);border-radius:var(--wcg-radius);width:100%;padding:var(--main-space-3,.75rem);font-size:var(--main-text-sm,.875rem);color:var(--wcg-text);background:var(--wcg-bg);resize:vertical;transition:border-color var(--wcg-transition);font-family:inherit;line-height:1.6}._wcg-textarea:focus{border-color:var(--wcg-border-focus);outline:none;box-shadow:0 0 0 3px #6366f11a}._wcg-textarea::placeholder{color:var(--wcg-text-muted)}._wcg-word-count{margin-top:var(--main-space-2,.5rem);font-size:var(--main-text-xs,.75rem);color:var(--wcg-text-muted);text-align:right}._wcg-settings-grid{gap:var(--main-space-4,1rem);grid-template-columns:1fr 1fr;display:grid}._wcg-field{gap:var(--main-space-1,.25rem);flex-direction:column;display:flex}._wcg-field--full{grid-column:1/-1}._wcg-select{border-style:solid;border-width:1.5px;border-color:var(--wcg-border);border-radius:var(--wcg-radius);width:100%;font-size:var(--main-text-sm,.875rem);color:var(--wcg-text);background:var(--wcg-bg);cursor:pointer;transition:border-color var(--wcg-transition);padding:.5rem .75rem;font-family:inherit}._wcg-select:focus{border-color:var(--wcg-border-focus);outline:none;box-shadow:0 0 0 3px #6366f11a}._wcg-input{border-style:solid;border-width:1.5px;border-color:var(--wcg-border);border-radius:var(--wcg-radius);width:100%;font-size:var(--main-text-sm,.875rem);color:var(--wcg-text);background:var(--wcg-bg);transition:border-color var(--wcg-transition);padding:.5rem .75rem;font-family:inherit}._wcg-input:focus{border-color:var(--wcg-border-focus);outline:none;box-shadow:0 0 0 3px #6366f11a}._wcg-input::placeholder{color:var(--wcg-text-muted)}._wcg-range{cursor:pointer;width:100%;accent-color:var(--wcg-primary)}._wcg-range-value{font-size:var(--main-text-xs,.75rem);color:var(--wcg-text-muted);font-family:var(--main-font-mono)}._wcg-btn{align-items:center;gap:var(--main-space-2,.5rem);border-radius:var(--wcg-radius);font-size:var(--main-text-sm,.875rem);cursor:pointer;transition:opacity var(--wcg-transition), box-shadow var(--wcg-transition), background var(--wcg-transition);white-space:nowrap;border:0 solid #0000;font-family:inherit;font-weight:500;display:inline-flex}._wcg-btn:disabled{opacity:.5;cursor:not-allowed}._wcg-btn-secondary{background:var(--wcg-bg-secondary);color:var(--wcg-text);border-style:solid;border-width:1px;border-color:var(--wcg-border);padding:.5rem 1rem}._wcg-btn-secondary:hover:not(:disabled){background:var(--wcg-border)}._wcg-btn-ghost{color:var(--wcg-text-muted);background:0 0;padding:.375rem .625rem}._wcg-btn-ghost:hover{color:var(--wcg-text)}._wcg-advanced-toggle{align-items:center;gap:var(--main-space-2,.5rem);color:var(--wcg-text-muted);font-size:var(--main-text-xs,.75rem);cursor:pointer;padding:var(--main-space-3,.75rem) 0 0;margin-top:var(--main-space-3,.75rem);border:0 solid #0000;border-top-width:1px;border-top-color:var(--wcg-border);background:0 0;width:100%;font-family:inherit;font-weight:500;display:flex}._wcg-advanced-toggle:hover{color:var(--wcg-text)}._wcg-advanced-panel{padding-top:var(--main-space-4,1rem)}._wcg-lang-selector{position:relative}._wcg-lang-toggle{border-style:solid;border-width:1.5px;border-color:var(--wcg-border);border-radius:var(--wcg-radius);width:100%;font-size:var(--main-text-sm,.875rem);color:var(--wcg-text);background:var(--wcg-bg);cursor:pointer;transition:border-color var(--wcg-transition);justify-content:space-between;align-items:center;padding:.5rem .75rem;font-family:inherit;display:flex}._wcg-lang-toggle:hover{border-color:var(--wcg-text-muted)}._wcg-lang-dropdown{background:var(--wcg-bg);border-style:solid;border-width:1px;border-color:var(--wcg-border);border-radius:var(--wcg-radius);box-shadow:var(--wcg-shadow-lg);z-index:20;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden}._wcg-lang-search-wrap{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--wcg-border);padding:.5rem}._wcg-lang-search{border-style:solid;border-width:1px;border-color:var(--wcg-border);border-radius:var(--wcg-radius);width:100%;font-size:var(--main-text-xs,.75rem);color:var(--wcg-text);background:var(--wcg-bg-secondary);padding:.375rem .625rem;font-family:inherit}._wcg-lang-search:focus{border-color:var(--wcg-border-focus);outline:none}._wcg-lang-search::placeholder{color:var(--wcg-text-muted)}._wcg-lang-actions{gap:var(--main-space-2,.5rem);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--wcg-border);padding:.375rem .5rem;display:flex}._wcg-lang-action{font-size:var(--main-text-xs,.75rem);color:var(--wcg-primary);cursor:pointer;background:0 0;border:0 solid #0000;padding:.125rem .25rem;font-family:inherit}._wcg-lang-action:hover{opacity:.7}._wcg-lang-list{max-height:220px;padding:.25rem 0;overflow-y:auto}._wcg-lang-item{align-items:center;gap:var(--main-space-2,.5rem);cursor:pointer;font-size:var(--main-text-sm,.875rem);color:var(--wcg-text);transition:background var(--wcg-transition);padding:.375rem .75rem;display:flex}._wcg-lang-item:hover{background:var(--wcg-bg-secondary)}._wcg-lang-item input[type=checkbox]{accent-color:var(--wcg-primary);cursor:pointer;flex-shrink:0}._wcg-lang-name{flex:1;min-width:0}._wcg-lang-code{font-size:var(--main-text-xs,.75rem);color:var(--wcg-text-muted);font-family:var(--main-font-mono)}._wcg-bg-options{gap:var(--main-space-2,.5rem);display:flex}._wcg-bg-option{border-radius:var(--wcg-radius);border-style:solid;border-width:2px;border-color:var(--wcg-border);cursor:pointer;width:32px;height:32px;transition:border-color var(--wcg-transition);background:0 0;padding:3px}._wcg-bg-option:hover{border-color:var(--wcg-text-muted)}._wcg-bg-option--active{border-color:var(--wcg-primary)}._wcg-bg-swatch{border-radius:3px;width:100%;height:100%;display:block}._wcg-bg-option--picker{justify-content:center;align-items:center;display:flex;position:relative}._wcg-color-picker{opacity:0;cursor:pointer;border:0 solid #0000;width:100%;height:100%;padding:0;position:absolute}._wcg-bg-swatch--picker{pointer-events:none}._wcg-bg-swatch--transparent{background-color:#0000;background-image:linear-gradient(45deg,#ccc 25%,#0000 25%),linear-gradient(-45deg,#ccc 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ccc 75%),linear-gradient(-45deg,#0000 75%,#ccc 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:8px 8px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box}@media (max-width:768px){._wcg-settings-grid{gap:var(--main-space-3,.75rem);grid-template-columns:1fr}._wcg-input-header{gap:var(--main-space-2,.5rem);flex-wrap:wrap}._wcg-input-actions{gap:var(--main-space-2,.5rem)}}@media (max-width:480px){._wcg-textarea,._wcg-select,._wcg-input,._wcg-lang-toggle,._wcg-lang-search{font-size:1rem}._wcg-textarea{padding:.625rem .75rem;line-height:1.5}._wcg-select,._wcg-input,._wcg-lang-toggle{min-height:44px;padding:.625rem .75rem}._wcg-btn-secondary{min-height:40px;padding:.625rem 1rem}._wcg-btn-ghost{min-height:36px;padding:.5rem .75rem}._wcg-advanced-toggle{padding:var(--main-space-3,.75rem) 0 .25rem;min-height:44px}._wcg-range{height:24px}._wcg-lang-item{min-height:40px;padding:.625rem .75rem}._wcg-lang-action{min-height:32px;padding:.375rem .5rem}._wcg-lang-search-wrap{padding:.5rem}._wcg-lang-dropdown{max-width:calc(100vw - 2rem)}._wcg-lang-list{max-height:50vh}._wcg-bg-options{gap:var(--main-space-2,.5rem);flex-wrap:wrap}._wcg-bg-option{width:40px;height:40px}}._wcg-canvas-toolbar{margin-bottom:var(--main-space-3,.75rem);justify-content:space-between;align-items:center;display:flex}._wcg-canvas-title{font-size:var(--main-text-sm,.875rem);color:var(--wcg-text);font-weight:600}._wcg-canvas-actions{gap:var(--main-space-2,.5rem);display:flex}._wcg-canvas-wrapper{border-radius:var(--wcg-radius);border-style:solid;border-width:1px;border-color:var(--wcg-border);background:var(--wcg-bg-secondary);justify-content:center;align-items:center;min-height:300px;display:flex;position:relative;overflow:hidden}#_wcg-canvas{max-width:100%;height:auto;display:block}._wcg-canvas-placeholder{justify-content:center;align-items:center;gap:var(--main-space-3,.75rem);color:var(--wcg-text-muted);pointer-events:none;flex-direction:column;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}._wcg-placeholder-icon{opacity:.3}._wcg-canvas-placeholder p{font-size:var(--main-text-sm,.875rem);text-align:center;max-width:300px;margin:0;line-height:1.5}._wcg-canvas-wrapper--generating{opacity:.6}@media (max-width:768px){._wcg-canvas-wrapper{min-height:240px}._wcg-canvas-toolbar{gap:var(--main-space-2,.5rem)}}@media (max-width:480px){._wcg-canvas-wrapper{min-height:200px}._wcg-canvas-placeholder p{font-size:var(--main-text-xs,.75rem);padding:0 .75rem}}._wcg-wordlist-header{margin-bottom:var(--main-space-3,.75rem);justify-content:space-between;align-items:center;display:flex}._wcg-wordlist-count{font-size:var(--main-text-xs,.75rem);color:var(--wcg-text-muted)}._wcg-wordlist-table-wrap{border-radius:var(--wcg-radius);border-style:solid;border-width:1px;border-color:var(--wcg-border);max-height:320px;overflow-y:auto}._wcg-wordlist-table{border-collapse:collapse;width:100%;font-size:var(--main-text-sm,.875rem)}._wcg-wordlist-table thead{z-index:1;position:sticky;top:0}._wcg-wordlist-table th{background:var(--wcg-bg-secondary);color:var(--wcg-text-muted);font-weight:600;font-size:var(--main-text-xs,.75rem);text-transform:uppercase;letter-spacing:.05em;text-align:left;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--wcg-border);padding:.625rem .75rem}._wcg-wordlist-table th:first-child{text-align:center;width:40px}._wcg-wordlist-table th:nth-child(3),._wcg-wordlist-table th:nth-child(4){text-align:right;width:80px}._wcg-wordlist-table td{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--wcg-border);color:var(--wcg-text);padding:.5rem .75rem}._wcg-wordlist-table td:first-child{text-align:center;color:var(--wcg-text-muted);font-size:var(--main-text-xs,.75rem)}._wcg-wordlist-table td:nth-child(3),._wcg-wordlist-table td:nth-child(4){text-align:right;font-family:var(--main-font-mono);font-size:var(--main-text-xs,.75rem)}._wcg-wordlist-table tbody tr:last-child td{border-bottom:none}._wcg-wordlist-table tbody tr:hover{background:var(--wcg-bg-secondary)}._wcg-word-color{vertical-align:middle;border-radius:2px;width:10px;height:10px;margin-right:.5rem;display:inline-block}._wcg-pct-bar{background:var(--wcg-primary);opacity:.3;vertical-align:middle;border-radius:2px;min-width:2px;height:4px;margin-left:.5rem;display:inline-block}@media (max-width:768px){._wcg-wordlist-table-wrap{-webkit-overflow-scrolling:touch;max-height:280px;overflow-x:auto}}@media (max-width:480px){._wcg-wordlist-table th,._wcg-wordlist-table td{padding:.5rem}._wcg-wordlist-table th:first-child,._wcg-wordlist-table td:first-child{width:32px}._wcg-wordlist-table th:nth-child(3),._wcg-wordlist-table th:nth-child(4){width:64px}._wcg-pct-bar{display:none}._wcg-wordlist-header{gap:var(--main-space-1,.25rem);flex-wrap:wrap}}