.sprout-garden{max-width:1000px;margin:0 auto}.header{text-align:center;margin-bottom:var(--space-lg);background:var(--color-white);padding:var(--space-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);position:relative}.back-btn{position:absolute;top:var(--space-md);left:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-blue);color:#fff;text-decoration:none;font-size:1.25rem;font-family:var(--font-heading);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform .2s ease}.back-btn:hover{transform:translateY(-2px)}.level-info{display:flex;justify-content:center;gap:var(--space-xl);margin-top:var(--space-md);font-family:var(--font-heading)}.level-badge{padding:var(--space-sm) var(--space-md);background:var(--color-blue);color:#fff;border-radius:var(--radius-md);font-size:1.1rem}.level-selector{display:flex;align-items:center;gap:var(--space-sm)}.level-selector label{color:var(--color-text);font-size:1.1rem}.level-select{padding:var(--space-sm) var(--space-md);background:var(--color-blue);color:#fff;border:none;border-radius:var(--radius-md);font-size:1.1rem;font-family:var(--font-heading);cursor:pointer}.level-select:hover{background:#2563eb}.hidden{display:none!important}.level-bar{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--space-md);gap:var(--space-md)}.level-goal{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.goal-label{font-family:var(--font-heading);font-size:.9rem;color:var(--color-gray)}.goal-transform{display:flex;align-items:center;gap:4px;padding:4px 10px;background:var(--color-light-gray);border-radius:var(--radius-sm)}.goal-sprout{font-size:1.5rem;line-height:1}.goal-arrow{font-size:1rem;color:var(--color-gray)}.requirements-inline{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--color-gray)}.requirements-inline:empty{display:none}.requirements-inline .req-item{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;background:#f0f4f8;border-radius:12px;font-size:.75rem}.requirements-inline .req-item.met{background:#e8f5e9;color:#2e7d32}.requirements-inline .req-item.unmet{background:#fff3e0;color:#e65100}.requirements-inline .req-symbol{font-size:.9rem}.level-info{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.info-divider{color:var(--color-gray);margin:0 4px}.score-inline{display:inline-flex;align-items:center;gap:3px;font-family:var(--font-heading);font-size:.85rem;color:var(--color-text);margin-left:4px}.score-inline .score-label{font-size:.6rem;color:var(--color-gray);text-transform:uppercase}.score-inline.you{color:var(--color-blue)}.score-inline.under-par{color:#2e7d32}.score-inline.over-par{color:#c62828}.farm-status{display:flex;align-items:center;gap:6px;padding:4px 10px;background:linear-gradient(135deg,#e8f5e9,#f1f8e9);border-radius:var(--radius-sm);font-size:.75rem;color:#558b2f;font-family:monospace;white-space:nowrap}.farm-status-icon{font-size:.9rem}.farm-status-text{opacity:.9}.challenge,.scoreboard,.score-grid,.score-item,.score-value,.score-unit{display:none}.score-item.under-par .score-value{color:var(--color-green)}.score-item.over-par .score-value{color:var(--color-red)}.score-item.best-score{background:linear-gradient(135deg,#fff9c4,#ffee58);border:2px solid #fdd835}.challenge-label{font-family:var(--font-heading);font-size:1.25rem;color:var(--color-gray)}.challenge-block{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.block-preview{width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:2rem;background:var(--color-light-gray);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:3px solid var(--color-gray)}.arrow-box{background:transparent;border:none;box-shadow:none}.game-container{display:grid;grid-template-columns:1fr auto;gap:var(--space-lg)}.grid-area{background:var(--color-white);padding:var(--space-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}#garden-container{display:flex;justify-content:center;overflow-x:auto;-webkit-overflow-scrolling:touch}.garden-grid{display:grid;gap:4px;background:var(--color-light-gray);padding:var(--space-md);border-radius:var(--radius-md);position:relative}.garden-cell{width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;background:var(--color-white);border:2px solid var(--color-gray);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.garden-cell:hover{background:var(--color-light-gray);transform:scale(1.02)}.cell-label{font-size:.7rem;color:#e8e8e8;font-family:var(--font-heading)}.garden-cell.spring-cell{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-color:var(--color-green);cursor:default}.garden-cell.harvest-cell{background:linear-gradient(135deg,#ffebee,#ffcdd2);border-color:var(--color-red);cursor:default}.garden-cell.has-plot{background:var(--color-light-gray)}.garden-cell.gate-cell{background:linear-gradient(135deg,#64b4ff4d,#3b82f666);border:3px solid rgba(59,130,246,.7);box-shadow:inset 0 0 15px #3b82f633,0 2px 8px #3b82f64d}.garden-cell.gate-cell:hover{background:linear-gradient(135deg,#64b4ff66,#3b82f680);border-color:#3b82f6e6}.garden-cell.gate-pass{animation:gate-pass-flash .5s ease;background:linear-gradient(135deg,#22c55e66,#16a34a80)!important;border-color:#22c55ee6!important;box-shadow:inset 0 0 15px #22c55e4d,0 0 20px #22c55e80!important}@keyframes gate-pass-flash{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.garden-cell.gate-reject{animation:gate-reject-flash .5s ease;background:linear-gradient(135deg,#ef444466,#dc262680)!important;border-color:#ef4444e6!important;box-shadow:inset 0 0 15px #ef44444d,0 0 20px #ef444480!important}@keyframes gate-reject-flash{0%{transform:scale(1) rotate(0)}25%{transform:scale(1.05) rotate(-3deg)}50%{transform:scale(1.1) rotate(3deg)}75%{transform:scale(1.05) rotate(-3deg)}to{transform:scale(1) rotate(0)}}.garden-cell.locked-cell{background:#e8f5e9;border:2px solid #4caf50;cursor:not-allowed;position:relative}.garden-cell.locked-cell .lock-icon{position:absolute;top:2px;right:2px;font-size:.8rem;opacity:.7}.garden-cell.forbidden-cell{background:#424242;border:2px solid #212121;cursor:not-allowed;color:#9e9e9e}.garden-cell.waypoint-cell{background:#fff3e0;border:2px dashed #ff9800}.garden-cell.waypoint-cell .waypoint-marker{color:#ff9800;font-size:1.5rem;animation:waypoint-pulse 2s ease-in-out infinite}@keyframes waypoint-pulse{0%,to{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.tool-limit{position:absolute;top:2px;right:2px;background:var(--color-yellow);color:var(--color-text);font-size:.7rem;font-weight:700;padding:2px 5px;border-radius:var(--radius-sm);min-width:16px;text-align:center}.tool.depleted{opacity:.4;cursor:not-allowed}.tool.depleted .tool-limit{background:var(--color-red);color:#fff}.status.warning{color:#f57c00;background:#fff3e0;border:2px solid #ffb74d}.garden-cell.active-flow{animation:pulse-flow .6s ease;background:#fffacd!important;border-color:var(--color-yellow)!important;border-width:4px!important;box-shadow:0 0 20px #f4a261b3}@keyframes pulse-flow{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.floating-sprout{position:absolute;font-size:2.5rem;z-index:100;pointer-events:none;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.4));transition:left .5s ease-in-out,top .5s ease-in-out;transform:translate(-50%,-50%)}.floating-sprout.pop{animation:sprout-pop .3s ease-out}@keyframes sprout-pop{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.4)}to{transform:translate(-50%,-50%) scale(1)}}.death-cell{animation:cell-death .6s ease forwards!important;background:#ffcdd2!important;border-color:var(--color-red)!important}@keyframes cell-death{0%{background:#ffcdd2}50%{background:#ef5350}to{background:#ffebee;border-style:dashed}}.floating-sprout.dying{animation:sprout-fall .7s ease-in forwards}@keyframes sprout-fall{0%{transform:translate(-50%,-50%) scale(1);opacity:1}30%{transform:translate(-50%,-50%) scale(1.2);filter:drop-shadow(2px 2px 4px rgba(0,0,0,.4))}to{transform:translate(-50%,100%) scale(.3) rotate(180deg);opacity:0}}.toolbox{background:var(--color-white);padding:var(--space-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);min-width:180px}.toolbox h3{text-align:center;margin-bottom:var(--space-sm);font-size:1.25rem}.toolbox-tabs{display:flex;gap:4px;margin-bottom:var(--space-sm)}.toolbox-tab{flex:1;padding:var(--space-sm);background:var(--color-white);border:2px solid var(--color-gray);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-heading);font-size:.8rem;transition:all .2s ease}.toolbox-tab:hover{border-color:var(--color-blue)}.toolbox-tab.active{background:var(--color-blue);border-color:var(--color-blue);color:#fff}.toolbox-content{display:none;padding:var(--space-sm);background:var(--color-white)}.toolbox-content.active{display:block}.properties-panel{font-size:.85rem}.property-card{padding:var(--space-sm);border-radius:var(--radius-sm);margin-bottom:var(--space-sm)}.property-card.category-source{background:#e8f5e9}.property-card.category-sink{background:#ffebee}.property-card.category-flow{background:#e3f2fd}.property-card.category-grower{background:#fff3e0}.property-card.category-bloomer{background:#f3e5f5}.property-card.category-stamper{background:#fce4ec}.property-card.category-meta{background:var(--color-light-gray)}.tool-preview-hint{margin-top:var(--space-md);padding:var(--space-sm);background:#e8f5e9;border-radius:var(--radius-sm);text-align:center;font-size:.85rem;color:#2e7d32;font-style:italic}.goal-display{display:flex;justify-content:center;align-items:center;gap:var(--space-md);margin:var(--space-md) 0}.goal-box{width:60px;height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-white);border:2px solid var(--color-blue);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.goal-box-label{font-family:var(--font-heading);font-size:.6rem;color:var(--color-gray);text-transform:uppercase;margin-bottom:2px}.goal-box-sprout{font-size:2rem;line-height:1}.goal-box-arrow{font-size:1.5rem;color:var(--color-gray)}.requirements-display,.requirements-title,.requirements-list,.requirement-item{display:none}.requirement-symbol{font-size:1.1rem}.property-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.property-symbol{font-size:1.5rem}.property-name{font-family:var(--font-heading);font-size:1rem;font-weight:700}.property-description{background:var(--color-white);padding:var(--space-sm);border-radius:var(--radius-sm);font-size:.85rem;line-height:1.4}.properties-empty{text-align:center;color:var(--color-gray);font-style:italic;margin:var(--space-md) 0}.property-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xs) var(--space-sm);background:var(--color-light-gray);border-radius:var(--radius-sm);margin-bottom:4px}.property-label{color:var(--color-gray);font-size:.8rem}.property-value{font-family:monospace;font-size:.85rem;font-weight:700}.property-section{margin-top:var(--space-sm)}.property-section-title{font-family:var(--font-heading);font-weight:700;font-size:.9rem;margin-bottom:var(--space-xs);color:var(--color-gray)}.property-section-box{background:#f0f7ff;padding:var(--space-sm);border-radius:var(--radius-sm)}.property-section-box .property-row{background:var(--color-white)}.neighbors-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:var(--color-light-gray);padding:var(--space-sm);border-radius:var(--radius-sm)}.neighbor-cell{text-align:center;padding:8px;background:var(--color-white);border-radius:var(--radius-sm);font-size:1rem}.neighbor-cell.center{background:var(--color-blue);color:#fff}.neighbor-cell.has-plot{background:#e8f5e9}#palette{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.tool{width:80px;height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:2rem;background:var(--color-light-gray);border:3px solid var(--color-gray);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.tool:hover{transform:scale(1.05);border-color:var(--color-blue)}.tool.selected{background:var(--color-blue);color:#fff;border-color:var(--color-blue);transform:scale(1.1)}.tool-label{font-size:.65rem;font-family:var(--font-heading);margin-top:2px}.controls{display:flex;gap:var(--space-md);justify-content:center;margin-top:var(--space-lg);flex-wrap:wrap}.control-btn{padding:var(--space-md) var(--space-xl);font-size:1.5rem;font-family:var(--font-heading);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:var(--space-sm)}.control-btn:hover{transform:translateY(-2px)}.control-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-tend{background:var(--color-light-gray);color:var(--color-text);border:3px solid var(--color-green)}.btn-clear{background:var(--color-light-gray);color:var(--color-text);border:3px solid var(--color-gray)}.btn-reset{background:var(--color-light-gray);color:var(--color-text);border:3px solid var(--color-red)}.status{text-align:center;font-family:var(--font-heading);font-size:1.25rem;padding:var(--space-md);margin-top:var(--space-md);border-radius:var(--radius-md);min-height:50px;display:flex;align-items:center;justify-content:center;background:var(--color-light-gray)}.status.success{background:var(--color-green);color:#fff;animation:celebrate .5s ease}.status.error{background:var(--color-red);color:#fff}.status.running{background:var(--color-blue);color:#fff}@keyframes celebrate{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.instructions{text-align:center;color:var(--color-gray);font-size:1rem;margin-top:var(--space-md)}@media (max-width: 900px){.sprout-garden{padding:var(--space-sm)}.game-container{grid-template-columns:1fr}.toolbox{order:1}.challenge-row{flex-direction:column;gap:var(--space-md)}.scoreboard{min-width:unset;width:100%}#palette{grid-template-columns:repeat(auto-fit,minmax(70px,1fr))}.tool{width:100%}}.trace-panel{margin-top:var(--space-lg);max-width:1000px;margin-left:auto;margin-right:auto;background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.trace-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);background:var(--color-light-gray);color:var(--color-text);font-size:.9rem;font-family:var(--font-heading);border-bottom:2px solid var(--color-gray)}.trace-controls{display:flex;gap:4px}.trace-controls button{background:var(--color-white);border:2px solid var(--color-gray);border-radius:var(--radius-sm);padding:4px 8px;cursor:pointer;font-size:.9rem}.trace-controls button:hover{background:var(--color-light-gray);border-color:var(--color-blue)}.trace-tick{font-family:monospace;background:var(--color-white);padding:4px 8px;border-radius:var(--radius-sm);border:2px solid var(--color-gray)}.trace-viewport{overflow:auto;padding:var(--space-md);min-height:340px;max-height:400px}.trace-grid{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.trace-cell{width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;background:var(--color-light-gray);border-radius:var(--radius-sm)}.trace-cell.active{background:#fffacd;box-shadow:0 0 0 3px var(--color-yellow)}.trace-cell.visited{background:#e8f5e9}.trace-cell.death{background:#ffcdd2;border:2px dashed var(--color-red)}.trace-path{padding:var(--space-md);font-family:monospace;font-size:1.25rem;background:var(--color-light-gray);border-top:2px solid var(--color-gray);display:flex;flex-wrap:wrap;gap:4px;align-items:center;min-height:50px}.path-step{display:inline-flex;align-items:center;padding:2px 6px;background:var(--color-white);border-radius:var(--radius-sm);border:1px solid var(--color-gray)}.path-step.current{background:#fffacd;border-color:var(--color-yellow);border-width:2px}.path-step.transform{background:#e3f2fd;border-color:var(--color-blue)}.path-compress{font-size:.75rem;vertical-align:super;color:var(--color-gray)}.graph-panel{margin-top:var(--space-md);max-width:1000px;margin-left:auto;margin-right:auto;background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.graph-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);background:var(--color-light-gray);color:var(--color-text);font-size:.9rem;font-family:var(--font-heading);border-bottom:2px solid var(--color-gray)}.graph-output{padding:var(--space-md);font-family:monospace;font-size:.85rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-sm)}.graph-node{background:var(--color-light-gray);padding:var(--space-sm);border-radius:var(--radius-sm);border:2px solid var(--color-gray);text-align:center}.graph-node.source{border-color:var(--color-green);background:#e8f5e9}.graph-node.sink{border-color:var(--color-red);background:#ffebee}.graph-node-key{font-weight:700;font-size:.9rem}.graph-node-type{font-size:.75rem;color:var(--color-gray)}.debug-panel{margin-top:var(--space-md);max-width:1000px;margin-left:auto;margin-right:auto;background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;font-family:monospace;box-shadow:var(--shadow-md)}.debug-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);background:var(--color-light-gray);color:var(--color-text);font-size:.9rem;font-family:var(--font-heading);border-bottom:2px solid var(--color-gray)}.debug-header button{background:var(--color-white);border:2px solid var(--color-gray);color:var(--color-text);padding:4px 12px;border-radius:var(--radius-sm);cursor:pointer;font-size:.8rem;font-family:var(--font-heading)}.debug-header button:hover{background:var(--color-light-gray)}#debug-output{padding:var(--space-md);margin:0;color:var(--color-text);font-size:.85rem;min-height:100px;max-height:300px;overflow-y:auto;white-space:pre-wrap;word-wrap:break-word;background:var(--color-light-gray)}.harvests-panel{margin-top:var(--space-lg);max-width:1000px;margin-left:auto;margin-right:auto;background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.harvests-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);background:var(--color-light-gray);color:var(--color-text);font-size:.9rem;font-family:var(--font-heading);border-bottom:2px solid var(--color-gray)}.harvest-count{font-size:.8rem;color:var(--color-gray)}.harvests-list{padding:var(--space-md);min-height:60px;max-height:200px;overflow-y:auto}.harvests-empty{text-align:center;color:var(--color-gray);font-style:italic;margin:0}.harvest-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm);background:var(--color-light-gray);border-radius:var(--radius-sm);margin-bottom:var(--space-sm)}.harvest-item:last-child{margin-bottom:0}.harvest-path{font-family:monospace;font-size:1rem;flex:1}.harvest-ticks{font-size:.8rem;color:var(--color-gray)}.harvest-item:hover{background:#e8f4fc}.harvest-load{font-size:.9rem;opacity:.5}.harvest-item:hover .harvest-load{opacity:1}.debug-toggle{position:fixed;bottom:var(--space-md);right:var(--space-md);width:50px;height:50px;border-radius:50%;background:var(--color-white);border:3px solid var(--color-gray);font-size:1.5rem;cursor:pointer;box-shadow:var(--shadow-md);z-index:100;transition:all .2s ease}.debug-toggle:hover{transform:scale(1.1);border-color:var(--color-blue)}.debug-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:200;display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.debug-modal-content{background:var(--color-white);border-radius:var(--radius-lg);width:100%;max-width:800px;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.debug-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);background:var(--color-light-gray);border-bottom:2px solid var(--color-gray);font-family:var(--font-heading);font-size:1.1rem;position:sticky;top:0}.debug-modal-close{background:var(--color-white);border:2px solid var(--color-gray);border-radius:var(--radius-sm);padding:4px 12px;cursor:pointer;font-size:1rem}.debug-modal-close:hover{background:var(--color-red);color:#fff;border-color:var(--color-red)}.debug-section{padding:var(--space-md);border-bottom:1px solid var(--color-light-gray)}.debug-section:last-child{border-bottom:none}.debug-section h4{margin:0 0 var(--space-sm) 0;font-size:1rem}.debug-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.debug-section-header h4{margin:0}.editor-inline{display:inline-flex;align-items:center;gap:var(--space-sm)}.editor-inline.hidden{display:none}.editor-input-mini{width:42px;padding:2px 6px;border:1px solid var(--color-gray);border-radius:var(--radius-sm);font-size:.85rem;font-family:monospace;text-align:center;background:var(--color-white)}.editor-input-mini:focus{outline:none;border-color:#f39c12}.editor-inline-btn{padding:4px 10px;border:none;border-radius:var(--radius-sm);font-family:var(--font-heading);font-size:.75rem;cursor:pointer;transition:all .2s ease}.editor-inline-btn.save{background:#27ae60;color:#fff}.editor-inline-btn.save:hover{background:#2ecc71}.editor-inline-btn.exit{background:transparent;color:#e74c3c;border:1px solid #e74c3c}.editor-inline-btn.exit:hover{background:#e74c3c;color:#fff}.editor-badge-inline{display:flex;align-items:center;gap:6px;padding:4px 10px;background:linear-gradient(135deg,#f39c12,#e67e22);border-radius:var(--radius-sm);font-size:.75rem;color:#fff;font-family:var(--font-heading)}.editor-badge-inline.hidden{display:none}.editor-mode-toggle{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:var(--space-sm);padding:var(--space-sm);background:#fff3e0;border-radius:var(--radius-sm);border:2px solid #f39c12}.editor-mode-toggle.hidden{display:none}.mode-btn{flex:1;padding:var(--space-sm);border:2px solid var(--color-gray);border-radius:var(--radius-sm);background:var(--color-white);font-family:var(--font-heading);font-size:.8rem;cursor:pointer;transition:all .2s ease}.mode-btn:hover{border-color:#f39c12}.mode-btn.active{background:#f39c12;border-color:#f39c12;color:#fff}.mode-hint{width:100%;font-size:.7rem;color:#e65100;text-align:center;font-style:italic}.goal-sprout.editor-clickable{cursor:pointer;position:relative;transition:transform .2s ease}.goal-sprout.editor-clickable:hover{transform:scale(1.2)}.goal-sprout.editor-clickable:after{content:"✏️";position:absolute;top:-6px;right:-10px;font-size:.5rem}.editor-editable{cursor:pointer;position:relative}.editor-editable:after{content:"✏️";position:absolute;top:-8px;right:-8px;font-size:.75rem;background:#f39c12;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.editor-editable:hover{transform:scale(1.1);box-shadow:0 0 0 3px #f39c12}.sprout-picker-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:300;display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.sprout-picker{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-lg);max-width:400px;width:100%;box-shadow:var(--shadow-lg)}.sprout-picker h3{margin:0 0 var(--space-md) 0;font-family:var(--font-heading);text-align:center}.picker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm);margin-bottom:var(--space-md)}.picker-sprout{width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:2rem;background:var(--color-light-gray);border:3px solid var(--color-gray);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.picker-sprout:hover{transform:scale(1.1);border-color:var(--color-blue);background:var(--color-white)}.picker-close{width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-light-gray);border:2px solid var(--color-gray);border-radius:var(--radius-sm);font-family:var(--font-heading);cursor:pointer}.picker-close:hover{background:var(--color-red);color:#fff;border-color:var(--color-red)}.palette-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--color-light-gray);border:2px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.palette-item:hover{background:var(--color-white);border-color:var(--color-blue)}.palette-item.selected{background:#e8f5e9;border-color:var(--color-green)}.palette-item input[type=checkbox]{width:18px;height:18px}.palette-symbol{font-size:1.5rem}.palette-name{font-size:.85rem;font-family:var(--font-heading)}.palette-divider{grid-column:1 / -1;text-align:center;padding:var(--space-sm);font-size:.75rem;color:var(--color-gray);font-family:var(--font-heading)}.tool.editor-special{background:linear-gradient(135deg,#fff9c4,#fff59d);border-color:#fbc02d}.tool.editor-special:hover{border-color:#f57f17}.tool.editor-special.selected{background:linear-gradient(135deg,#f57f17,#ff8f00);border-color:#e65100}
