:root{--rnc-primary:var(--main-primary);--rnc-text:#1e293b;--rnc-text-muted:#64748b;--rnc-bg:#fff;--rnc-bg-secondary:#f8fafc;--rnc-border:#e2e8f0;--rnc-border-focus:var(--main-primary);--rnc-result-gradient:linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--rnc-shadow:0 1px 3px #0000001a;--rnc-shadow-lg:0 4px 12px #0000001a}._rnc-container{gap:var(--main-space-6);flex-direction:column;max-width:600px;margin:0 auto;display:flex}@media (max-width:768px){._rnc-container{padding-left:1rem;padding-right:1rem}}._rnc-hidden{display:none!important}._rnc-mode-toggle{gap:var(--main-space-2);background:var(--rnc-bg);border-radius:var(--main-radius);border-style:solid;border-width:1px;border-color:var(--rnc-border);box-shadow:var(--rnc-shadow);padding:4px;display:flex}._rnc-mode-btn{justify-content:center;align-items:center;gap:var(--main-space-2);padding:var(--main-space-2) var(--main-space-4);font-size:var(--main-text-sm);color:var(--rnc-text-muted);border-radius:calc(var(--main-radius) - 2px);cursor:pointer;background:0 0;border:none;flex:1;font-weight:500;transition:background .2s,color .2s;display:flex}._rnc-mode-btn:hover:not(._rnc-mode-active){color:var(--rnc-text)}._rnc-mode-btn._rnc-mode-active{background:var(--rnc-primary);color:#fff}._rnc-card{background:var(--rnc-bg);border-radius:var(--main-radius-lg);padding:var(--main-space-6);box-shadow:var(--rnc-shadow-lg);border-style:solid;border-width:1px;border-color:var(--rnc-border)}._rnc-input-group{margin-bottom:var(--main-space-5)}._rnc-label{font-size:var(--main-text-sm);color:var(--rnc-text);margin-bottom:var(--main-space-2);font-weight:500;display:block}._rnc-input-wrap{position:relative}._rnc-input{width:100%;padding:var(--main-space-4);font-size:var(--main-text-xl);font-family:var(--main-font-mono);text-align:center;letter-spacing:.05em;color:var(--rnc-text);background:var(--rnc-bg-secondary);border-style:solid;border-width:2px;border-color:var(--rnc-border);border-radius:var(--main-radius);outline:none;padding-right:80px;font-weight:600;transition:border-color .2s,box-shadow .2s}._rnc-input:focus{border-color:var(--rnc-border-focus);box-shadow:0 0 0 3px #6366f126}._rnc-input::placeholder{color:var(--rnc-text-muted);letter-spacing:normal;font-weight:400}._rnc-type-badge{font-size:var(--main-text-xs);border-radius:var(--main-radius-full);background:var(--rnc-bg);color:var(--rnc-text-muted);border-style:solid;border-width:1px;border-color:var(--rnc-border);opacity:0;padding:4px 10px;font-weight:600;transition:opacity .2s;position:absolute;top:50%;right:12px;transform:translateY(-50%)}._rnc-type-badge._rnc-visible{opacity:1}._rnc-type-badge._rnc-type-roman{color:#6366f1;background:#6366f11a;border-color:#6366f133}._rnc-type-badge._rnc-type-arabic{color:#059669;background:#10b9811a;border-color:#10b98133}._rnc-result-box{min-height:80px;padding:var(--main-space-5);background:var(--rnc-bg-secondary);border-radius:var(--main-radius);border-style:dashed;border-width:2px;border-color:var(--rnc-border);margin-bottom:var(--main-space-4);justify-content:center;align-items:center;display:flex}._rnc-result-placeholder{font-size:var(--main-text-base);color:var(--rnc-text-muted)}._rnc-result-value{font-size:var(--main-text-3xl);font-family:var(--main-font-mono);letter-spacing:.1em;background:var(--rnc-result-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}._rnc-result-error{font-size:var(--main-text-sm);color:var(--main-error)}._rnc-copy-btn{justify-content:center;align-items:center;gap:var(--main-space-2);width:100%;padding:var(--main-space-3);font-size:var(--main-text-sm);color:var(--rnc-text);background:var(--rnc-bg);border-style:solid;border-width:1px;border-color:var(--rnc-border);border-radius:var(--main-radius);cursor:pointer;font-weight:500;transition:background .2s,border-color .2s;display:flex}._rnc-copy-btn:hover:not(:disabled){background:var(--rnc-bg-secondary);border-color:var(--rnc-text-muted)}._rnc-copy-btn:disabled{opacity:.5;cursor:not-allowed}._rnc-copy-btn.copied{color:#059669;background:#10b9811a;border-color:#10b981}._rnc-clear-btn{justify-content:center;align-items:center;gap:var(--main-space-2);padding:var(--main-space-3);font-size:var(--main-text-sm);color:var(--rnc-text-muted);background:var(--rnc-bg);border-style:solid;border-width:1px;border-color:var(--rnc-border);border-radius:var(--main-radius);cursor:pointer;font-weight:500;transition:background .2s,color .2s;display:flex}._rnc-clear-btn:hover{color:var(--main-error);border-color:var(--main-error)}._rnc-batch-grid{gap:var(--main-space-4);margin-bottom:var(--main-space-4);grid-template-columns:1fr 1fr;display:grid}._rnc-batch-col{gap:var(--main-space-2);flex-direction:column;display:flex}._rnc-label-hint{color:var(--rnc-text-muted);font-weight:400}._rnc-batch-count{color:var(--rnc-text-muted);margin-left:var(--main-space-1);font-weight:400}._rnc-textarea{width:100%;min-height:200px;padding:var(--main-space-3);font-size:var(--main-text-sm);font-family:var(--main-font-mono);color:var(--rnc-text);background:var(--rnc-bg-secondary);border-style:solid;border-width:2px;border-color:var(--rnc-border);border-radius:var(--main-radius);resize:vertical;outline:none;line-height:1.8;transition:border-color .2s,box-shadow .2s}._rnc-textarea:focus{border-color:var(--rnc-border-focus);box-shadow:0 0 0 3px #6366f126}._rnc-textarea::placeholder{color:var(--rnc-text-muted)}._rnc-textarea-output,._rnc-textarea-input{white-space:pre-wrap;word-break:break-word;overflow-y:auto}._rnc-textarea-input:empty:before{content:attr(data-placeholder);color:var(--rnc-text-muted);pointer-events:none;white-space:pre-line}._rnc-textarea-input:focus{border-color:var(--rnc-border-focus);outline:none;box-shadow:0 0 0 3px #6366f126}._rnc-textarea-output ._rnc-result-placeholder{font-family:inherit}._rnc-batch-line{align-items:baseline;gap:var(--main-space-2);padding:2px 0;display:flex}._rnc-batch-line-value{color:var(--rnc-primary);font-weight:600}._rnc-batch-line-error{color:var(--main-error);font-size:var(--main-text-xs)}._rnc-batch-actions{gap:var(--main-space-3);display:flex}._rnc-batch-actions ._rnc-copy-btn{flex:1}._rnc-range-inputs{align-items:flex-end;gap:var(--main-space-3);margin-bottom:var(--main-space-4);display:flex}._rnc-range-field{gap:var(--main-space-2);flex-direction:column;flex:1;display:flex}._rnc-range-input{width:100%;padding:var(--main-space-3);font-size:var(--main-text-lg);font-family:var(--main-font-mono);text-align:center;color:var(--rnc-text);background:var(--rnc-bg-secondary);border-style:solid;border-width:2px;border-color:var(--rnc-border);border-radius:var(--main-radius);outline:none;font-weight:600;transition:border-color .2s,box-shadow .2s}._rnc-range-input:focus{border-color:var(--rnc-border-focus);box-shadow:0 0 0 3px #6366f126}._rnc-range-arrow{padding-bottom:var(--main-space-3);color:var(--rnc-text-muted);justify-content:center;align-items:center;display:flex}._rnc-generate-btn{justify-content:center;align-items:center;gap:var(--main-space-2);padding:var(--main-space-3) var(--main-space-5);font-size:var(--main-text-sm);color:#fff;background:var(--rnc-primary);border-radius:var(--main-radius);cursor:pointer;white-space:nowrap;border:none;font-weight:600;transition:opacity .2s;display:flex}._rnc-generate-btn:hover{opacity:.9}._rnc-range-presets{align-items:center;gap:var(--main-space-2);margin-bottom:var(--main-space-4);flex-wrap:wrap;display:flex}._rnc-preset-btn{padding:var(--main-space-1) var(--main-space-3);font-size:var(--main-text-xs);font-family:var(--main-font-mono);color:var(--rnc-text-muted);background:var(--rnc-bg-secondary);border-style:solid;border-width:1px;border-color:var(--rnc-border);border-radius:var(--main-radius-full);cursor:pointer;font-weight:500;transition:background .2s,color .2s,border-color .2s}._rnc-preset-btn:hover{color:var(--rnc-primary);border-color:var(--rnc-primary)}._rnc-range-output-wrap{margin-bottom:var(--main-space-4)}._rnc-range-output-header{margin-bottom:var(--main-space-2);justify-content:space-between;align-items:center;display:flex}._rnc-range-count{color:var(--rnc-text-muted);margin-left:var(--main-space-1);font-weight:400}._rnc-range-format{gap:var(--main-space-3);display:flex}._rnc-format-option{align-items:center;gap:var(--main-space-1);font-size:var(--main-text-sm);color:var(--rnc-text-muted);cursor:pointer;display:flex}._rnc-format-option input{accent-color:var(--rnc-primary)}._rnc-format-option input:checked+span{color:var(--rnc-text);font-weight:500}._rnc-range-output{min-height:200px;max-height:400px}._rnc-range-line{align-items:baseline;gap:var(--main-space-2);padding:2px 0;display:flex}._rnc-range-line-num{min-width:40px;font-size:var(--main-text-xs);color:var(--rnc-text-muted);text-align:right}._rnc-range-line-roman{color:var(--rnc-primary);font-weight:600}._rnc-quick-panel{background:var(--rnc-bg);border-radius:var(--main-radius-lg);border-style:solid;border-width:1px;border-color:var(--rnc-border);box-shadow:var(--rnc-shadow);overflow:hidden}._rnc-examples{padding:var(--main-space-4)}._rnc-examples-header{align-items:center;gap:var(--main-space-2);font-size:var(--main-text-sm);color:var(--rnc-text);margin-bottom:var(--main-space-3);font-weight:500;display:flex}._rnc-examples-header svg{color:var(--rnc-primary)}._rnc-examples-groups{gap:var(--main-space-3);flex-direction:column;display:flex}._rnc-examples-group{align-items:flex-start;gap:var(--main-space-3);display:flex}._rnc-examples-group-label{min-width:50px;font-size:var(--main-text-xs);color:var(--rnc-text-muted);text-transform:uppercase;letter-spacing:.03em;flex-shrink:0;padding-top:6px;font-weight:600}._rnc-examples-list{flex-wrap:wrap;gap:6px;display:flex}._rnc-example-btn{font-size:var(--main-text-xs);font-family:var(--main-font-mono);color:var(--rnc-text);background:var(--rnc-bg-secondary);border-radius:var(--main-radius);cursor:pointer;border:none;padding:5px 10px;font-weight:500;transition:background .2s,color .2s}._rnc-example-btn:hover{background:var(--rnc-primary);color:#fff}._rnc-ref-compact{padding:var(--main-space-3) var(--main-space-4);background:var(--rnc-bg-secondary);border-top-style:solid;border-top-width:1px;border-top-color:var(--rnc-border)}._rnc-ref-compact-row{justify-content:center;gap:var(--main-space-2) var(--main-space-4);flex-wrap:wrap;display:flex}._rnc-ref-compact-item{font-size:var(--main-text-xs);font-family:var(--main-font-mono);color:var(--rnc-text-muted)}._rnc-ref-compact-item b{color:var(--rnc-primary);font-weight:600}@media (max-width:640px){._rnc-batch-grid{grid-template-columns:1fr}._rnc-textarea{min-height:150px}._rnc-range-inputs{flex-wrap:wrap}._rnc-range-field{min-width:calc(50% - var(--main-space-4))}._rnc-range-arrow{display:none}._rnc-generate-btn{width:100%;margin-top:var(--main-space-2)}._rnc-examples-group{gap:var(--main-space-2);flex-direction:column}._rnc-examples-group-label{padding-top:0}}@media (max-width:480px){._rnc-card{padding:var(--main-space-4)}._rnc-input{font-size:var(--main-text-lg);padding:var(--main-space-3);padding-right:70px}._rnc-type-badge{padding:3px 8px;font-size:10px;right:8px}._rnc-result-value{font-size:var(--main-text-2xl)}._rnc-batch-actions{flex-direction:column}._rnc-mode-btn{padding:var(--main-space-2);font-size:var(--main-text-xs)}._rnc-mode-btn svg{display:none}._rnc-range-output-header{align-items:flex-start;gap:var(--main-space-2);flex-direction:column}._rnc-ref-compact-row{gap:var(--main-space-2)}}