:root{--ric-primary:var(--main-primary);--ric-text:#1e293b;--ric-text-muted:#64748b;--ric-bg:#fff;--ric-bg-secondary:#f8fafc;--ric-border:#e2e8f0;--ric-border-hover:#cbd5e1;--ric-toolbar-bg:#fff;--ric-toolbar-border:#e2e8f0;--ric-canvas-bg:#1e293b;--ric-radius:var(--main-radius);--ric-radius-lg:var(--main-radius-lg)}._ric-container{flex-direction:column;min-height:500px;display:flex}._ric-editor{flex-direction:column;gap:0;min-height:500px;display:flex}@media (max-width:768px){._ric-container{padding-left:1rem;padding-right:1rem}}._ric-upload{border-style:dashed;border-width:2px;border-color:var(--ric-border);border-radius:var(--ric-radius-lg);background:var(--ric-bg);cursor:pointer;justify-content:center;align-items:center;min-height:350px;transition:border-color .2s;display:flex}._ric-upload:hover{border-color:var(--ric-primary)}._ric-upload.dragover{border-color:var(--ric-primary);background:#6366f10a}._ric-upload-inner{text-align:center;padding:var(--main-space-8)}._ric-upload-icon{color:var(--ric-text-muted);margin-bottom:var(--main-space-4);opacity:.5}._ric-upload-text{font-size:var(--main-text-base);color:var(--ric-text);margin-bottom:var(--main-space-2);font-weight:500}._ric-upload-hint{font-size:var(--main-text-xs);color:var(--ric-text-muted)}._ric-canvas-area{background:var(--ric-canvas-bg);border-style:solid;border-width:1px;border-color:var(--ric-toolbar-border);border-radius:var(--ric-radius-lg) var(--ric-radius-lg) 0 0;flex:1;justify-content:center;align-items:center;min-height:400px;display:flex;position:relative;overflow:hidden}._ric-canvas-area.transparent-bg{background-color:#1a2332;background-image:linear-gradient(45deg,#2d3748 25%,#0000 25%),linear-gradient(-45deg,#2d3748 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#2d3748 75%),linear-gradient(-45deg,#0000 75%,#2d3748 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:16px 16px;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}._ric-canvas{max-width:100%;max-height:55vh;display:block}@media (max-width:768px){._ric-canvas-area{min-height:280px}._ric-canvas{max-height:40vh}}._ric-controls{align-items:center;gap:var(--main-space-4);padding:var(--main-space-3) var(--main-space-4);background:var(--ric-toolbar-bg);border-style:solid;border-width:0 1px;border-color:var(--ric-toolbar-border);flex-wrap:wrap;display:flex}._ric-presets{flex-shrink:0;align-items:center;gap:4px;display:flex}._ric-preset-btn{border-style:solid;border-width:1px;border-color:var(--ric-border);border-radius:var(--ric-radius);background:var(--ric-bg);color:var(--ric-text-muted);font-size:var(--main-text-xs);cursor:pointer;white-space:nowrap;align-items:center;gap:4px;padding:5px 10px;transition:border-color .15s,color .15s,background .15s;display:inline-flex}._ric-preset-btn:hover{border-color:var(--ric-border-hover);color:var(--ric-text)}._ric-preset-btn.active{border-color:var(--ric-primary);color:var(--ric-primary);background:#6366f10f}._ric-radius-section{align-items:center;gap:var(--main-space-3);flex:1;min-width:0;display:flex}._ric-radius-uniform{flex:1;min-width:0}._ric-label{font-size:var(--main-text-xs);color:var(--ric-text-muted);white-space:nowrap;font-weight:500}._ric-slider-row{align-items:center;gap:var(--main-space-2);flex:1;min-width:0;display:flex}._ric-slider{min-width:80px;accent-color:var(--ric-primary);flex:1}._ric-input-wrap{flex-shrink:0;align-items:center;gap:2px;display:flex}._ric-number-input{border-style:solid;border-width:1px;border-color:var(--ric-border);border-radius:var(--ric-radius);width:56px;font-size:var(--main-text-xs);font-family:var(--main-font-mono);color:var(--ric-text);background:var(--ric-bg);text-align:center;padding:4px 6px}._ric-number-input:focus{border-color:var(--ric-primary);outline:none;box-shadow:0 0 0 2px #6366f126}._ric-unit{font-size:var(--main-text-xs);color:var(--ric-text-muted);font-family:var(--main-font-mono)}._ric-corner-grid{gap:var(--main-space-2);grid-template-columns:1fr 1fr;display:grid}._ric-corner-item{align-items:center;gap:var(--main-space-2);display:flex}._ric-corner-label{font-size:var(--main-text-xs);color:var(--ric-text-muted);white-space:nowrap;min-width:64px}._ric-corner-input-wrap{align-items:center;gap:2px;display:flex}._ric-corner-input{border-style:solid;border-width:1px;border-color:var(--ric-border);border-radius:var(--ric-radius);width:52px;font-size:var(--main-text-xs);font-family:var(--main-font-mono);color:var(--ric-text);background:var(--ric-bg);text-align:center;padding:4px 6px}._ric-corner-input:focus{border-color:var(--ric-primary);outline:none;box-shadow:0 0 0 2px #6366f126}._ric-link-btn{border-style:solid;border-width:1px;border-color:var(--ric-border);border-radius:var(--ric-radius);background:var(--ric-bg);width:32px;height:32px;color:var(--ric-text-muted);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .15s,color .15s;display:inline-flex}._ric-link-btn:hover{border-color:var(--ric-border-hover);color:var(--ric-text)}._ric-link-btn.active{border-color:var(--ric-primary);color:var(--ric-primary);background:#6366f10f}._ric-bg-section{align-items:center;gap:var(--main-space-2);flex-shrink:0;display:flex}._ric-bg-options{align-items:center;gap:4px;display:flex}._ric-bg-btn{border-style:solid;border-width:1px;border-color:var(--ric-border);border-radius:var(--ric-radius);background:var(--ric-bg);cursor:pointer;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:border-color .15s;display:inline-flex}._ric-bg-btn:hover{border-color:var(--ric-border-hover)}._ric-bg-btn.active{border-color:var(--ric-primary);box-shadow:0 0 0 2px #6366f126}._ric-checkerboard{background-color:#fff;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;border-radius:3px;width:18px;height:18px;display:block}._ric-bg-color-wrap{width:28px;height:28px;position:relative}._ric-color-input{border-style:solid;border-width:1px;border-color:var(--ric-border);border-radius:var(--ric-radius);cursor:pointer;background:0 0;width:28px;height:28px;padding:0}._ric-color-input.active{border-color:var(--ric-primary);box-shadow:0 0 0 2px #6366f126}@media (max-width:768px){._ric-controls{padding:var(--main-space-2) var(--main-space-3);gap:var(--main-space-3)}._ric-presets{flex-wrap:wrap}}@media (max-width:640px){._ric-controls{flex-direction:column;align-items:stretch}._ric-radius-section{flex-wrap:wrap}._ric-corner-grid{grid-template-columns:1fr}._ric-bg-section{justify-content:space-between}}._ric-output-bar{justify-content:space-between;align-items:center;gap:var(--main-space-3);padding:var(--main-space-2) var(--main-space-3);background:var(--ric-toolbar-bg);border-style:solid;border-width:1px;border-color:var(--ric-toolbar-border);border-radius:0 0 var(--ric-radius-lg) var(--ric-radius-lg);flex-wrap:wrap;display:flex}._ric-output-info{align-items:center;gap:var(--main-space-2);display:flex}._ric-output-label{font-size:var(--main-text-xs);color:var(--ric-text-muted)}._ric-output-size{font-size:var(--main-text-sm);color:var(--ric-text);font-weight:600;font-family:var(--main-font-mono)}._ric-output-controls{align-items:center;gap:var(--main-space-2);display:flex}._ric-format-select{border-style:solid;border-width:1px;border-color:var(--ric-border);border-radius:var(--ric-radius);font-size:var(--main-text-xs);color:var(--ric-text);background:var(--ric-bg);cursor:pointer;padding:5px 8px}._ric-quality-control{align-items:center;gap:var(--main-space-1);display:flex}._ric-quality-slider{width:80px;accent-color:var(--ric-primary)}._ric-quality-value{font-size:var(--main-text-xs);color:var(--ric-text-muted);font-family:var(--main-font-mono);min-width:32px}._ric-new-btn{border-style:solid;border-width:1px;border-color:var(--ric-border);border-radius:var(--ric-radius);background:var(--ric-bg);width:34px;height:34px;color:var(--ric-text-muted);cursor:pointer;justify-content:center;align-items:center;transition:border-color .15s,color .15s;display:inline-flex}._ric-new-btn:hover{border-color:var(--ric-border-hover);color:var(--ric-text)}._ric-download-btn{background:var(--ric-primary);color:#fff;border-radius:var(--ric-radius);font-size:var(--main-text-sm);cursor:pointer;white-space:nowrap;border-width:0;align-items:center;gap:6px;padding:8px 16px;font-weight:500;display:inline-flex;box-shadow:0 2px 8px #6366f140}._ric-download-btn:hover{opacity:.9}@media (max-width:640px){._ric-output-bar{align-items:stretch;gap:var(--main-space-2);flex-direction:column}._ric-output-controls{justify-content:space-between}._ric-download-btn{flex:1;justify-content:center}}