:root{--oig-primary:var(--main-primary);--oig-text:#1e293b;--oig-text-muted:#64748b;--oig-bg:#fff;--oig-bg-secondary:#f8fafc;--oig-border:#e2e8f0;--oig-radius:var(--main-radius);--oig-radius-lg:var(--main-radius-lg);--oig-shadow:var(--main-shadow-sm);--oig-hover-bg:#f1f5f9;--oig-active-bg:#6366f11a;--oig-active-border:var(--main-primary)}._oig-container{gap:var(--main-space-4);flex-direction:column;max-width:820px;margin-left:auto;margin-right:auto;display:flex}._oig-preview-section{align-items:center;gap:var(--main-space-3);flex-direction:column;display:flex}._oig-controls-row{gap:var(--main-space-4);grid-template-columns:1fr 1fr;align-items:start;display:grid}._oig-controls-right{gap:var(--main-space-4);flex-direction:column;display:flex}@media (max-width:768px){._oig-container{gap:var(--main-space-3);padding-left:.5rem;padding-right:.5rem}._oig-controls-row{gap:var(--main-space-3);grid-template-columns:1fr}._oig-controls-right{gap:var(--main-space-3)}}._oig-social-card{background:var(--oig-bg);border-radius:var(--oig-radius-lg);width:100%;max-width:524px;box-shadow:0 2px 12px #00000014, 0 0 0 1px var(--oig-border);overflow:hidden}._oig-social-image{line-height:0;position:relative}._oig-social-image canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:100%;height:auto;display:block}._oig-social-meta{border-top-style:solid;border-top-width:1px;border-top-color:var(--oig-border);padding:.75rem 1rem}._oig-social-domain{color:var(--oig-text-muted);text-transform:uppercase;letter-spacing:.02em;margin-bottom:.25rem;font-size:11px;font-weight:500;display:block}._oig-social-title{font-size:var(--main-text-sm);color:var(--oig-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.125rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}._oig-social-desc{font-size:var(--main-text-xs);color:var(--oig-text-muted);-webkit-line-clamp:1;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}._oig-toolbar{justify-content:center;align-items:center;gap:var(--main-space-3);display:flex}._oig-toolbar-group{border-style:solid;border-width:1px;border-color:var(--oig-border);border-radius:var(--oig-radius);background:var(--oig-bg);box-shadow:var(--oig-shadow);align-items:center;display:inline-flex;overflow:hidden}._oig-tool-btn{min-width:32px;height:32px;color:var(--oig-text-muted);cursor:pointer;font-size:var(--main-text-xs);background:0 0;border:none;justify-content:center;align-items:center;gap:.25rem;padding:0 .5rem;font-weight:500;display:inline-flex}._oig-tool-btn:hover{background:var(--oig-hover-bg);color:var(--oig-text)}._oig-tool-btn:not(:last-child){border-right-style:solid;border-right-width:1px;border-right-color:var(--oig-border)}._oig-tool-btn._oig-tool-btn-primary{background:var(--oig-primary);color:#fff}._oig-tool-btn._oig-tool-btn-primary:hover{opacity:.9;background:var(--oig-primary)}._oig-toolbar-dim{color:var(--oig-text-muted);font-size:11px;font-family:var(--main-font-mono);letter-spacing:.02em}@media (max-width:480px){._oig-toolbar-dim{display:none}}@media (max-width:900px){._oig-social-meta{padding:.5rem .75rem}}@media (max-width:768px){._oig-toolbar{gap:var(--main-space-2);flex-wrap:wrap}._oig-tool-btn{min-width:40px;height:40px;padding:0 .625rem}}._oig-section{background:var(--oig-bg);border-radius:var(--oig-radius-lg);padding:var(--main-space-4);box-shadow:var(--oig-shadow);border-style:solid;border-width:1px;border-color:var(--oig-border)}._oig-section-title{font-size:var(--main-text-sm);color:var(--oig-text);margin-bottom:var(--main-space-3);font-weight:600}._oig-section-header{align-items:center;gap:var(--main-space-2);margin-bottom:var(--main-space-2);display:flex}._oig-section-header ._oig-section-title{flex:1;margin-bottom:0}._oig-upload-btn-sm{border-style:solid;border-width:1px;border-color:var(--oig-border);border-radius:var(--oig-radius);color:var(--oig-text-muted);font-size:var(--main-text-xs);cursor:pointer;background:0 0;align-items:center;gap:.25rem;padding:.25rem .625rem;font-weight:500;display:inline-flex}._oig-upload-btn-sm:hover{border-color:var(--oig-primary);color:var(--oig-primary);background:var(--oig-active-bg)}._oig-field{margin-bottom:var(--main-space-3)}._oig-field:last-child{margin-bottom:0}._oig-field label{font-size:var(--main-text-xs);color:var(--oig-text-muted);margin-bottom:.25rem;font-weight:500;display:block}._oig-input{border-style:solid;border-width:1.5px;border-color:var(--oig-border);border-radius:var(--oig-radius);width:100%;font-size:var(--main-text-sm);color:var(--oig-text);background:var(--oig-bg);box-sizing:border-box;outline:none;padding:.5rem .625rem}._oig-input:focus{border-color:var(--oig-primary);box-shadow:0 0 0 3px var(--oig-active-bg)}._oig-input::placeholder{color:var(--oig-text-muted);opacity:.6}._oig-field-row{gap:var(--main-space-2);display:flex}._oig-field-row ._oig-field{flex:1}._oig-color-row{gap:var(--main-space-3);margin-bottom:var(--main-space-3);display:flex}._oig-color-field{flex:1}._oig-color-field label{font-size:var(--main-text-xs);color:var(--oig-text-muted);margin-bottom:.25rem;font-weight:500;display:block}._oig-color-picker-wrap{border-style:solid;border-width:1.5px;border-color:var(--oig-border);border-radius:var(--oig-radius);background:var(--oig-bg);align-items:center;gap:.375rem;padding:.25rem .5rem;display:flex}._oig-color-input{cursor:pointer;background:0 0;border:none;border-radius:4px;width:24px;height:24px;padding:0}._oig-color-input::-webkit-color-swatch-wrapper{padding:0}._oig-color-input::-webkit-color-swatch{border:none;border-radius:4px}._oig-color-input::-moz-color-swatch{border:none;border-radius:4px}._oig-color-hex{font-size:var(--main-text-xs);color:var(--oig-text-muted);font-family:var(--main-font-mono)}._oig-color-presets{flex-wrap:wrap;gap:.375rem;display:flex}._oig-preset-btn{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:6px;width:28px;height:28px;padding:2px}._oig-preset-btn span{border-radius:4px;width:100%;height:100%;display:block}._oig-preset-btn:hover{border-color:var(--oig-border)}._oig-preset-btn._oig-active{border-color:var(--oig-active-border)}._oig-image-list{flex-direction:column;gap:.25rem;margin-top:.5rem;display:flex}._oig-image-list:empty{margin-top:0}._oig-img-item{border-radius:var(--oig-radius-sm,4px);cursor:pointer;align-items:center;gap:.375rem;padding:.25rem .375rem;display:flex}._oig-img-item:hover{background:var(--oig-hover-bg)}._oig-img-item._oig-active{background:var(--oig-active-bg)}._oig-img-thumb{object-fit:cover;border-radius:3px;flex-shrink:0;width:32px;height:24px}._oig-img-name{color:var(--oig-text-muted);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:11px;overflow:hidden}._oig-img-del{width:20px;height:20px;color:var(--oig-text-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:14px;display:flex}._oig-img-del:hover{color:#ef4444;background:#ef44441a}@media (max-width:768px){._oig-field-row{flex-direction:column;gap:0}._oig-input{padding:.625rem .75rem;font-size:16px}._oig-section{padding:var(--main-space-3)}._oig-upload-btn-sm{font-size:var(--main-text-sm);min-height:36px;padding:.5rem .75rem}._oig-color-picker-wrap{min-height:40px;padding:.375rem .5rem}._oig-color-input{width:32px;height:32px}._oig-color-presets{gap:.5rem}._oig-preset-btn{width:36px;height:36px}._oig-image-list{gap:.375rem}._oig-img-item{gap:.5rem;padding:.375rem .5rem}._oig-img-thumb{width:40px;height:30px}._oig-img-name{font-size:var(--main-text-xs)}._oig-img-del{width:32px;height:32px;font-size:18px}}@media (max-width:480px){._oig-color-row{gap:var(--main-space-2);flex-direction:column}}._oig-template-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem;min-height:200px;display:grid}._oig-template-item{cursor:pointer;border-radius:var(--oig-radius);border-style:solid;border-width:2px;border-color:var(--oig-border);aspect-ratio:1200/630;position:relative;overflow:hidden}._oig-template-item:hover{border-color:var(--oig-text-muted)}._oig-template-item._oig-active{border-color:var(--oig-active-border);box-shadow:0 0 0 2px var(--oig-active-bg)}._oig-template-item canvas{width:100%;height:100%;display:block}._oig-template-item ._oig-template-name{color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#0000008c;padding:.125rem .375rem;font-size:10px;font-weight:500;position:absolute;bottom:0;left:0;right:0;overflow:hidden}@media (max-width:768px){._oig-template-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem}}@media (max-width:380px){._oig-template-grid{grid-template-columns:repeat(2,1fr)}}