:root{--ssc-primary:#16a34a;--ssc-primary-light:#16a34a1a;--ssc-text:#1f2937;--ssc-text-muted:#64748b;--ssc-bg:#fff;--ssc-bg-hover:#f8fafc;--ssc-border:#e2e8f0;--ssc-card-shadow:0 1px 3px #00000014;--ssc-dot-color:#16a34a;--ssc-dot-shadow:0 0 0 3px #16a34a33;--ssc-grid-border:#d1d5db;--ssc-grid-bg:#f0fdf4;--ssc-cat-veg-bg:#16a34a1a;--ssc-cat-veg-color:#16a34a;--ssc-cat-herb-bg:#0d94881a;--ssc-cat-herb-color:#0d9488;--ssc-cat-flower-bg:#a855f71a;--ssc-cat-flower-color:#a855f7}._ssc-container{gap:var(--main-space-5);grid-template-columns:1fr 1fr;max-width:1100px;margin:0 auto;display:grid}._ssc-container button,._ssc-container input{-webkit-tap-highlight-color:transparent;touch-action:manipulation}._ssc-inputs,._ssc-results{gap:var(--main-space-4);flex-direction:column;display:flex}._ssc-card,._ssc-detail-card,._ssc-visual-card{background:var(--ssc-bg);border-radius:var(--main-radius-lg);padding:var(--main-space-5);box-shadow:var(--ssc-card-shadow);border-style:solid;border-width:1px;border-color:var(--ssc-border)}._ssc-card-header{align-items:center;gap:var(--main-space-2);font-weight:600;font-size:var(--main-text-base);color:var(--ssc-text);margin-bottom:var(--main-space-4);display:flex}._ssc-card-header svg{width:16px;height:16px;color:var(--ssc-primary)}@media (max-width:768px){._ssc-container{gap:var(--main-space-4);grid-template-columns:1fr;padding-left:1rem;padding-right:1rem}._ssc-card,._ssc-detail-card,._ssc-visual-card{padding:var(--main-space-4)}}@media (max-width:360px){._ssc-container{padding-left:.75rem;padding-right:.75rem}._ssc-card,._ssc-detail-card,._ssc-visual-card{padding:var(--main-space-3)}}._ssc-tabs{gap:var(--main-space-1);margin-bottom:var(--main-space-3);flex-wrap:wrap;display:flex}._ssc-tab{border-radius:var(--main-radius-full);font-size:var(--main-text-xs);color:var(--ssc-text-muted);border-style:solid;border-width:1px;border-color:var(--ssc-border);cursor:pointer;background:0 0;align-items:center;gap:4px;padding:.375rem .75rem;font-weight:500;transition:color .15s,background .15s;display:inline-flex}._ssc-tab:hover{color:var(--ssc-primary);background:var(--ssc-primary-light)}._ssc-tab-active{color:#fff;background:var(--main-primary-solid);border-color:var(--main-primary-solid)}._ssc-tab-active:hover{color:#fff;background:var(--main-primary-solid)}._ssc-tab svg{width:12px;height:12px}._ssc-picker{position:relative}._ssc-picker-trigger{border-radius:var(--main-radius);border-style:solid;border-width:1.5px;border-color:var(--ssc-border);background:var(--ssc-bg);width:100%;color:var(--ssc-text);font-size:var(--main-text-sm);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;padding:.625rem .75rem;transition:border-color .15s;display:flex}._ssc-picker-trigger:hover{border-color:var(--ssc-primary)}._ssc-picker-open ._ssc-picker-trigger{border-color:var(--ssc-primary);box-shadow:0 0 0 3px var(--ssc-primary-light)}._ssc-picker-text{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}._ssc-picker-arrow{color:var(--ssc-text-muted);transition:transform .2s;display:flex}._ssc-picker-arrow svg{width:12px;height:12px}._ssc-picker-open ._ssc-picker-arrow{transform:rotate(180deg)}._ssc-picker-dropdown{z-index:50;background:var(--ssc-bg);border-radius:var(--main-radius-lg);border-style:solid;border-width:1.5px;border-color:var(--ssc-border);position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 8px 24px #0000001f}._ssc-picker-search-wrap{align-items:center;gap:var(--main-space-2);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--ssc-border);padding:.625rem .75rem;display:flex}._ssc-picker-search-wrap svg{width:14px;height:14px;color:var(--ssc-text-muted);flex-shrink:0}._ssc-picker-search{width:100%;color:var(--ssc-text);font-size:var(--main-text-sm);background:0 0;border:none;outline:none}._ssc-picker-search::placeholder{color:var(--ssc-text-muted)}._ssc-picker-list{padding:var(--main-space-1) 0;overscroll-behavior:contain;max-height:240px;margin:0;list-style:none;overflow-y:auto}._ssc-picker-item{align-items:center;gap:var(--main-space-2);font-size:var(--main-text-sm);color:var(--ssc-text);cursor:pointer;padding:.5rem .75rem;transition:background .1s;display:flex}._ssc-picker-item:hover,._ssc-picker-item-focused{background:var(--ssc-bg-hover)}._ssc-picker-item-active{color:var(--ssc-primary);font-weight:600}._ssc-picker-item-icon{border-radius:var(--main-radius);flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}._ssc-picker-item-icon svg{width:13px;height:13px}._ssc-cat-vegetable{background:var(--ssc-cat-veg-bg);color:var(--ssc-cat-veg-color)}._ssc-cat-herb{background:var(--ssc-cat-herb-bg);color:var(--ssc-cat-herb-color)}._ssc-cat-flower{background:var(--ssc-cat-flower-bg);color:var(--ssc-cat-flower-color)}._ssc-picker-item-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}._ssc-picker-item-info{font-size:var(--main-text-xs);color:var(--ssc-text-muted);font-family:var(--main-font-mono);white-space:nowrap;flex-shrink:0}._ssc-picker-empty{padding:var(--main-space-4);text-align:center;font-size:var(--main-text-sm);color:var(--ssc-text-muted)}._ssc-hidden{display:none!important}._ssc-picker-highlight{background:#16a34a26;border-radius:2px}._ssc-unit-toggle{margin-bottom:var(--main-space-3);border-radius:var(--main-radius);border-style:solid;border-width:1px;border-color:var(--ssc-border);gap:0;width:-moz-fit-content;width:fit-content;display:flex;overflow:hidden}._ssc-unit-btn{font-size:var(--main-text-xs);color:var(--ssc-text-muted);background:var(--ssc-bg);cursor:pointer;border:none;padding:.375rem .875rem;font-weight:500;transition:color .15s,background .15s}._ssc-unit-btn:hover{color:var(--ssc-primary);background:var(--ssc-primary-light)}._ssc-unit-btn-active,._ssc-unit-btn-active:hover{color:#fff;background:var(--main-primary-solid)}._ssc-dim-row,._ssc-spacing-row{gap:var(--main-space-3);grid-template-columns:1fr 1fr;display:grid}._ssc-dim-field label,._ssc-spacing-field label{font-size:var(--main-text-xs);color:var(--ssc-text-muted);margin-bottom:var(--main-space-1);font-weight:500;display:block}._ssc-input-wrap{align-items:center;display:flex;position:relative}._ssc-input{border-radius:var(--main-radius);border-style:solid;border-width:1.5px;border-color:var(--ssc-border);background:var(--ssc-bg);width:100%;color:var(--ssc-text);font-size:var(--main-text-sm);font-family:var(--main-font-mono);padding:.5rem 2.5rem .5rem .75rem}._ssc-input:focus{border-color:var(--ssc-primary);box-shadow:0 0 0 3px var(--ssc-primary-light);outline:none}._ssc-input-unit{font-size:var(--main-text-xs);color:var(--ssc-text-muted);pointer-events:none;position:absolute;right:.625rem}._ssc-pattern-row{margin-bottom:var(--main-space-3)}._ssc-pattern-row>label{font-size:var(--main-text-xs);color:var(--ssc-text-muted);margin-bottom:var(--main-space-2);font-weight:500;display:block}._ssc-pattern-btns{gap:var(--main-space-2);display:flex}._ssc-pattern-btn{border-radius:var(--main-radius);font-size:var(--main-text-xs);color:var(--ssc-text-muted);border-style:solid;border-width:1px;border-color:var(--ssc-border);cursor:pointer;background:0 0;flex:1;padding:.5rem .75rem;font-weight:500;transition:color .15s,background .15s}._ssc-pattern-btn:hover{color:var(--ssc-primary);background:var(--ssc-primary-light)}._ssc-pattern-btn-active{color:#fff;background:var(--main-primary-solid);border-color:var(--main-primary-solid)}._ssc-pattern-btn-active:hover{color:#fff;background:var(--main-primary-solid)}._ssc-spacing-row+._ssc-spacing-row{margin-top:var(--main-space-3)}@media (max-width:768px){._ssc-input,._ssc-picker-trigger,._ssc-picker-search{font-size:16px}._ssc-input{min-height:44px;padding:.625rem 2.5rem .625rem .75rem}._ssc-picker-trigger{min-height:44px;padding:.75rem}._ssc-picker-item{min-height:44px;padding:.625rem .75rem}._ssc-picker-search{padding:.25rem 0}._ssc-picker-list{-webkit-overflow-scrolling:touch;max-height:280px}._ssc-tab{min-height:36px;font-size:var(--main-text-sm);padding:.5rem .875rem}._ssc-unit-btn{min-height:36px;font-size:var(--main-text-sm);padding:.5rem 1rem}._ssc-pattern-btn{min-height:44px;font-size:var(--main-text-sm);padding:.625rem .75rem}}@media (max-width:480px){._ssc-dim-row,._ssc-spacing-row{grid-template-columns:1fr}._ssc-tabs{gap:var(--main-space-2)}._ssc-picker-item-info{display:none}}@media (max-width:360px){._ssc-pattern-btns{flex-direction:column}._ssc-unit-toggle{width:100%}._ssc-unit-btn{flex:1}}._ssc-summary{gap:var(--main-space-3);grid-template-columns:repeat(2,1fr);display:grid}._ssc-summary-card{background:var(--ssc-bg);border-radius:var(--main-radius-lg);padding:var(--main-space-4);text-align:center;box-shadow:var(--ssc-card-shadow);border-style:solid;border-width:1px;border-color:var(--ssc-border);gap:var(--main-space-1);flex-direction:column;display:flex}._ssc-summary-primary{border-color:var(--ssc-primary);background:var(--ssc-primary-light)}._ssc-summary-value{color:var(--ssc-text);font-size:1.75rem;font-weight:700;line-height:1.2;font-family:var(--main-font-mono)}._ssc-summary-primary ._ssc-summary-value{color:var(--ssc-primary)}._ssc-summary-label{font-size:var(--main-text-xs);color:var(--ssc-text-muted);font-weight:500}._ssc-detail-card{flex-direction:column;gap:0;display:flex}._ssc-detail-row{border-bottom-style:dashed;border-bottom-width:1px;border-bottom-color:var(--ssc-border);justify-content:space-between;align-items:center;padding:.625rem 0;display:flex}._ssc-detail-row:last-child{border-bottom:none}._ssc-detail-label{font-size:var(--main-text-sm);color:var(--ssc-text-muted)}._ssc-detail-value{font-size:var(--main-text-sm);color:var(--ssc-text);font-weight:600;font-family:var(--main-font-mono)}@media (max-width:768px){._ssc-summary{gap:var(--main-space-2)}._ssc-summary-card{padding:var(--main-space-3)}}@media (max-width:480px){._ssc-summary{grid-template-columns:repeat(2,1fr)}._ssc-summary-value{word-break:break-word;font-size:1.375rem}._ssc-detail-row{gap:var(--main-space-3)}._ssc-detail-value{text-align:right;word-break:break-word}}@media (max-width:360px){._ssc-summary-value{font-size:1.25rem}}._ssc-visual-card{overflow:hidden}._ssc-visual-header{align-items:center;gap:var(--main-space-2);font-weight:600;font-size:var(--main-text-sm);color:var(--ssc-text);margin-bottom:var(--main-space-3);display:flex}._ssc-visual-header svg{width:14px;height:14px;color:var(--ssc-primary)}._ssc-visual-grid{background:var(--ssc-grid-bg);border-radius:var(--main-radius);border-style:solid;border-width:2px;border-color:var(--ssc-grid-border);min-height:200px;position:relative;overflow:hidden}._ssc-grid-inner{width:100%;height:100%;position:relative}._ssc-grid-dot{background:var(--ssc-dot-color);width:10px;height:10px;box-shadow:var(--ssc-dot-shadow);border-radius:50%;margin-top:-5px;margin-left:-5px;position:absolute}._ssc-grid-dim-label{color:var(--ssc-text-muted);font-size:10px;font-family:var(--main-font-mono);font-weight:500;position:absolute}._ssc-grid-dim-length{bottom:-18px;left:50%;transform:translate(-50%)}._ssc-grid-dim-width{transform-origin:50%;white-space:nowrap;top:50%;right:-8px;transform:translateY(-50%)rotate(90deg)}._ssc-visual-legend{align-items:center;gap:var(--main-space-3);margin-top:var(--main-space-3);padding-top:var(--main-space-2);display:flex}._ssc-visual-legend-item{align-items:center;gap:var(--main-space-1);font-size:var(--main-text-xs);color:var(--ssc-text-muted);display:flex}._ssc-visual-dot{background:var(--ssc-dot-color);width:10px;height:10px;box-shadow:var(--ssc-dot-shadow);border-radius:50%;flex-shrink:0}._ssc-visual-overflow{padding:var(--main-space-3);font-size:var(--main-text-xs);color:var(--ssc-text-muted);text-align:center;justify-content:center;align-items:center;min-height:200px;display:flex}@media (max-width:768px){._ssc-visual-grid,._ssc-visual-overflow{min-height:180px}._ssc-grid-dot{width:8px;height:8px;margin-top:-4px;margin-left:-4px}}@media (max-width:480px){._ssc-visual-grid,._ssc-visual-overflow{min-height:160px}._ssc-visual-legend{flex-wrap:wrap}}