:root{--cmin-primary:var(--main-primary);--cmin-bg:#fff;--cmin-bg-secondary:#f8fafc;--cmin-bg-hover:#f1f5f9;--cmin-text:#1e293b;--cmin-text-muted:#64748b;--cmin-border:#e2e8f0;--cmin-border-focus:var(--main-primary);--cmin-shadow:0 1px 3px #0000000f;--cmin-radius:var(--main-radius);--cmin-radius-lg:var(--main-radius-lg);--cmin-success:#10b981;--cmin-error:#ef4444;--cmin-warning:#f59e0b;--cmin-line-bg:#f1f5f9;--cmin-line-text:#94a3b8;--cmin-line-border:#e2e8f0}._cmin-container{gap:var(--main-space-3);padding-left:var(--main-space-2);padding-right:var(--main-space-2);flex-direction:column;display:flex}._cmin-hidden{display:none!important}._cmin-panels{gap:var(--main-space-3);grid-template-columns:1fr 1fr;display:grid}._cmin-panel{background:var(--cmin-bg);border-radius:var(--cmin-radius-lg);border-style:solid;border-width:1px;border-color:var(--cmin-border);box-shadow:var(--cmin-shadow);box-sizing:border-box;flex-direction:column;max-width:100%;display:flex;overflow:hidden}._cmin-panel-header{padding:var(--main-space-2) var(--main-space-3);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--cmin-border);background:var(--cmin-bg-secondary);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}._cmin-panel-title{font-size:var(--main-text-xs);color:var(--cmin-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}@media (max-width:768px){._cmin-container{padding-left:1rem;padding-right:1rem}._cmin-panels{grid-template-columns:1fr}}._cmin-hub{width:100%;max-width:640px;margin:0 auto}._cmin-hub-grid{gap:var(--main-space-3);grid-template-columns:repeat(2,1fr);display:grid}._cmin-lang-card{align-items:center;gap:var(--main-space-3);padding:var(--main-space-4) var(--main-space-4);background:var(--cmin-bg);border-radius:var(--cmin-radius-lg);border-style:solid;border-width:1px;border-color:var(--cmin-border);box-shadow:var(--cmin-shadow);color:var(--cmin-text);cursor:pointer;text-decoration:none;transition:box-shadow .15s,border-color .15s;display:flex}._cmin-lang-card:hover{border-color:var(--cmin-primary);box-shadow:0 2px 8px #6366f11f}._cmin-lang-icon{flex-shrink:0}._cmin-lang-badge{border-radius:var(--cmin-radius);width:2.5rem;height:2.5rem;font-size:var(--main-text-xs);font-weight:700;font-family:var(--main-font-mono);text-transform:uppercase;letter-spacing:.02em;justify-content:center;align-items:center;display:flex}._cmin-lang-js{color:#a16207;background:#facc1526}._cmin-lang-html{color:#dc2626;background:#ef44441a}._cmin-lang-css{color:#2563eb;background:#3b82f61a}._cmin-lang-info{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}._cmin-lang-name{font-size:var(--main-text-base);color:var(--cmin-text);font-weight:600}._cmin-lang-ext{font-size:var(--main-text-xs);color:var(--cmin-text-muted);font-family:var(--main-font-mono)}._cmin-lang-arrow{color:var(--cmin-text-muted);opacity:0;flex-shrink:0;transition:opacity .15s}._cmin-lang-card:hover ._cmin-lang-arrow{opacity:1}@media (max-width:480px){._cmin-hub-grid{grid-template-columns:1fr}}._cmin-lang-nav{gap:var(--main-space-2);flex-wrap:wrap;display:flex}._cmin-lang-chip{background:var(--cmin-bg);border-radius:var(--cmin-radius-lg);border-style:solid;border-width:1px;border-color:var(--cmin-border);box-shadow:var(--cmin-shadow);color:var(--cmin-text-muted);font-size:var(--main-text-sm);cursor:pointer;align-items:center;gap:.5rem;padding:.4375rem .875rem;font-weight:500;text-decoration:none;transition:border-color .15s,box-shadow .15s,color .15s;display:inline-flex}._cmin-lang-chip:hover{border-color:var(--cmin-primary);color:var(--cmin-text);box-shadow:0 2px 8px #6366f11a}._cmin-lang-chip-active{border-color:var(--cmin-primary);color:var(--cmin-text);background:var(--cmin-bg);box-shadow:0 0 0 1px var(--cmin-primary);cursor:default}._cmin-chip-badge{border-radius:var(--cmin-radius);width:1.625rem;height:1.625rem;font-size:.5625rem;font-weight:700;font-family:var(--main-font-mono);text-transform:uppercase;letter-spacing:.02em;justify-content:center;align-items:center;display:inline-flex}._cmin-chip-js{color:#a16207;background:#facc1526}._cmin-chip-html{color:#dc2626;background:#ef44441a}._cmin-chip-css{color:#2563eb;background:#3b82f61a}._cmin-chip-label{line-height:1}._cmin-toolbar{justify-content:space-between;align-items:center;gap:var(--main-space-3);padding:var(--main-space-2) var(--main-space-3);background:var(--cmin-bg);border-radius:var(--cmin-radius-lg);border-style:solid;border-width:1px;border-color:var(--cmin-border);box-shadow:var(--cmin-shadow);flex-wrap:wrap;display:flex}._cmin-toolbar-left,._cmin-toolbar-right{align-items:center;gap:var(--main-space-2);flex-wrap:wrap;display:flex}._cmin-btn{border-radius:var(--cmin-radius);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:.375rem;font-family:inherit;display:inline-flex}._cmin-btn:focus-visible{outline:2px solid var(--cmin-primary);outline-offset:2px}._cmin-btn-icon{color:var(--cmin-text-muted);background:0 0;padding:.4375rem;transition:background-color .15s,color .15s}._cmin-btn-icon:hover{background:var(--cmin-bg-hover);color:var(--cmin-text)}._cmin-btn-danger:hover{color:var(--cmin-error)}._cmin-inline-options{align-items:center;gap:var(--main-space-2) var(--main-space-3);flex-wrap:wrap;display:flex}._cmin-option-item{align-items:center;gap:var(--main-space-2);display:flex}._cmin-option-label{font-size:var(--main-text-xs);color:var(--cmin-text-muted);white-space:nowrap;font-weight:500}._cmin-option-select{font-size:var(--main-text-xs);background:var(--cmin-bg);color:var(--cmin-text);border-style:solid;border-width:1px;border-color:var(--cmin-border);border-radius:var(--cmin-radius);cursor:pointer;outline:none;padding:.25rem .5rem;font-family:inherit}._cmin-option-select:focus{border-color:var(--cmin-primary)}@media (max-width:768px){._cmin-toolbar{padding:var(--main-space-2)}._cmin-lang-nav{gap:var(--main-space-1)}._cmin-lang-chip{font-size:var(--main-text-xs);padding:.375rem .625rem}._cmin-chip-badge{width:1.375rem;height:1.375rem;font-size:.5rem}._cmin-chip-label{display:none}}._cmin-editor-wrapper{height:600px;max-height:80vh;display:flex;position:relative;overflow:hidden}._cmin-editor-wrapper *,._cmin-output-wrapper *{box-sizing:border-box}._cmin-line-numbers{background:var(--cmin-line-bg);border-right-style:solid;border-right-width:1px;border-right-color:var(--cmin-line-border);-webkit-user-select:none;user-select:none;flex-shrink:0;width:3rem;overflow:hidden}._cmin-line-numbers-inner{padding:var(--main-space-3) 0;font-family:var(--main-font-mono);color:var(--cmin-line-text);text-align:right;white-space:nowrap;font-size:.875rem;line-height:1.625rem}._cmin-line-numbers-inner span{height:1.625rem;padding-right:.5rem;line-height:1.625rem;display:block}._cmin-line-numbers-inner span.is-active{color:var(--cmin-primary);background:var(--cmin-bg-secondary);font-weight:700}._cmin-textarea{min-width:0;height:100%;padding:var(--main-space-3);resize:none;font-family:var(--main-font-mono);color:var(--cmin-text);background:var(--cmin-bg);-moz-tab-size:4;tab-size:4;white-space:pre;border:none;outline:none;flex:1 1 0;margin:0;font-size:.875rem;line-height:1.625rem;overflow:auto}._cmin-textarea::placeholder{color:var(--cmin-text-muted)}._cmin-error-box{padding:var(--main-space-2) var(--main-space-3);background:#ef44440d;border-bottom:1px solid #ef444433;flex-shrink:0}._cmin-error-header{font-size:var(--main-text-sm);color:var(--cmin-error);margin-bottom:var(--main-space-1);align-items:center;gap:.375rem;font-weight:600;display:flex}._cmin-error-message{font-family:var(--main-font-mono);font-size:var(--main-text-xs);color:var(--cmin-text);white-space:pre-wrap;word-break:break-word;line-height:1.5}@media (max-width:768px){._cmin-editor-wrapper{height:400px}._cmin-textarea,._cmin-line-numbers-inner{font-size:.8125rem}._cmin-line-numbers{width:2.5rem}._cmin-line-numbers-inner span{padding-right:.375rem}}._cmin-output-wrapper{flex-direction:column;height:600px;max-height:80vh;display:flex;position:relative;overflow:hidden}._cmin-prism-view{flex:1;width:100%;min-height:0;display:flex}._cmin-prism-pre{min-width:0;height:100%;padding:var(--main-space-3);font-family:var(--main-font-mono);color:var(--cmin-text);background:var(--cmin-bg);-moz-tab-size:4;tab-size:4;white-space:pre;border:none;outline:none;flex:1 1 0;margin:0;font-size:.875rem;line-height:1.625rem;overflow:auto}._cmin-prism-pre code{font-family:inherit;font-size:inherit;line-height:inherit;white-space:pre;background:0 0;padding:0}._cmin-prism-pre .token.comment,._cmin-prism-pre .token.prolog,._cmin-prism-pre .token.doctype,._cmin-prism-pre .token.cdata{color:#6a9955}._cmin-prism-pre .token.punctuation{color:#393a34}._cmin-prism-pre .token.property,._cmin-prism-pre .token.tag,._cmin-prism-pre .token.boolean,._cmin-prism-pre .token.number,._cmin-prism-pre .token.constant,._cmin-prism-pre .token.symbol{color:#098658}._cmin-prism-pre .token.selector,._cmin-prism-pre .token.attr-name,._cmin-prism-pre .token.string,._cmin-prism-pre .token.char,._cmin-prism-pre .token.builtin{color:#a31515}._cmin-prism-pre .token.operator,._cmin-prism-pre .token.entity,._cmin-prism-pre .token.url{color:#d73a49}._cmin-prism-pre .token.atrule,._cmin-prism-pre .token.attr-value,._cmin-prism-pre .token.keyword{color:#0070c1}._cmin-prism-pre .token.function,._cmin-prism-pre .token.class-name{color:#795e26}._cmin-prism-pre .token.regex,._cmin-prism-pre .token.important,._cmin-prism-pre .token.variable{color:#e36209}._cmin-prism-pre .token.important,._cmin-prism-pre .token.bold{font-weight:700}._cmin-prism-pre .token.italic{font-style:italic}._cmin-empty-state{justify-content:center;align-items:center;gap:var(--main-space-3);color:var(--cmin-text-muted);padding:var(--main-space-6);text-align:center;flex-direction:column;flex:1;display:flex}._cmin-empty-state svg{opacity:.3}._cmin-empty-state p{font-size:var(--main-text-sm);margin:0}@media (max-width:768px){._cmin-output-wrapper{height:400px}._cmin-prism-pre,._cmin-prism-pre code{font-size:.8125rem}}._cmin-stats-bar{padding:var(--main-space-3) var(--main-space-4);background:var(--cmin-bg);border-radius:var(--cmin-radius-lg);border-style:solid;border-width:1px;border-color:var(--cmin-border);box-shadow:var(--cmin-shadow);font-size:var(--main-text-sm);justify-content:space-between;align-items:center;display:flex}._cmin-stats-left{align-items:center;gap:var(--main-space-3);display:flex}._cmin-stats-item{align-items:center;gap:var(--main-space-2);display:flex}._cmin-stats-label{color:var(--cmin-text-muted);font-size:var(--main-text-xs);font-weight:500}._cmin-stats-value{font-family:var(--main-font-mono);color:var(--cmin-text);font-weight:600;font-size:var(--main-text-sm)}._cmin-stats-arrow{color:var(--cmin-text-muted);align-items:center;display:flex}._cmin-stats-right{align-items:center;display:flex}._cmin-stats-saved{align-items:center;gap:var(--main-space-2);border-radius:var(--main-radius-full);background:#10b9811a;padding:.25rem .75rem;display:inline-flex}._cmin-stats-saved-label{font-size:var(--main-text-xs);color:#059669;font-weight:500}._cmin-stats-saved-value{font-family:var(--main-font-mono);color:#059669;font-weight:700;font-size:var(--main-text-sm)}@media (max-width:480px){._cmin-stats-bar{gap:var(--main-space-2);flex-direction:column;align-items:flex-start}._cmin-stats-right{width:100%}._cmin-stats-saved{justify-content:center;width:100%}}._cmin-status-bar{padding:var(--main-space-2) var(--main-space-3);background:var(--cmin-bg);border-radius:var(--cmin-radius-lg);border-style:solid;border-width:1px;border-color:var(--cmin-border);box-shadow:var(--cmin-shadow);font-size:var(--main-text-xs);font-family:var(--main-font-mono);justify-content:space-between;align-items:center;min-height:2rem;display:flex}._cmin-status-left,._cmin-status-right{align-items:center;gap:var(--main-space-2);display:flex}._cmin-status-indicator{align-items:center;gap:.375rem;font-weight:500;display:inline-flex}._cmin-status-indicator svg{width:14px;height:14px}._cmin-status-indicator.valid{color:var(--cmin-success)}._cmin-status-indicator.invalid{color:var(--cmin-error)}._cmin-status-indicator.empty,._cmin-status-indicator.minifying,._cmin-status-right span{color:var(--cmin-text-muted)}._cmin-status-sep{color:var(--cmin-border)}@media (max-width:480px){._cmin-status-bar{gap:var(--main-space-1);flex-wrap:wrap}}
