:root{--font-sans:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--bg-canvas:#f3f5f8;--bg-workspace:#fff;--surface-raised:#fbfcfd;--surface-inset:#e9eff5;--text-primary:#172026;--text-secondary:#4a5763;--text-muted:#8392a0;--line-soft:rgba(23,32,38,.06);--line-strong:rgba(23,32,38,.12);--color-focus:#0f9fa8;--color-focus-strong:#0b7f88;--color-focus-rgb:15,159,168;--color-focus-light:rgba(15,159,168,.1);--color-primary:var(--color-focus);--color-primary-rgb:var(--color-focus-rgb);--color-save:#15b36a;--color-save-strong:#0d8c52;--color-save-rgb:21,179,106;--color-success:#1f9d62;--color-success-light:rgba(31,157,98,.1);--color-success-soft:rgba(31,157,98,.16);--color-warning:#f4a62a;--color-danger:#d84c4c;--color-danger-light:rgba(216,76,76,.08);--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 2px 8px rgba(23,32,38,.04);--shadow-md:0 8px 24px rgba(23,32,38,.06);--shadow-lg:0 16px 48px rgba(23,32,38,.08);--header-height:56px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{font-family:var(--font-sans);background-color:var(--bg-canvas);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;height:100vh;width:100vw}a{color:inherit;text-decoration:none}button{font-family:inherit;border:none;background:none;cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;outline:none}.hidden{display:none!important}.inspector-content{padding:24px;display:flex;flex-direction:column;height:100%;gap:24px}.settings-wrapper{display:flex;flex-direction:column;gap:20px}.panel-title{font-size:16px;font-weight:700;color:var(--text-primary)}.setting-group{display:flex;flex-direction:column;gap:8px}.group-label,.setting-group label{font-size:12px;font-weight:600;color:var(--text-secondary)}.setting-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.value-badge{font-size:11px;font-weight:700;color:var(--color-focus);background-color:var(--color-focus-light);padding:2px 8px;border-radius:999px;border:1px solid rgba(var(--color-focus-rgb),.16)}.slider-input{width:100%;height:4px;accent-color:var(--color-focus);cursor:pointer}.toggle-buttons{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background-color:var(--surface-inset);padding:3px;border-radius:var(--radius-md);border:1px solid var(--line-soft);gap:3px}.toggle-btn{min-height:34px;padding:8px;font-size:13px;font-weight:600;color:var(--text-secondary);border-radius:var(--radius-sm);text-align:center;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease;border:none;background:transparent;cursor:pointer}.toggle-btn:hover:not(:disabled){color:var(--text-primary)}.toggle-btn.active{background-color:var(--bg-workspace);color:var(--color-focus);box-shadow:var(--shadow-sm)}.toggle-btn:disabled{opacity:.45;cursor:not-allowed}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:700;border-radius:var(--radius-md);text-align:center;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.btn-icon{width:16px;height:16px;flex-shrink:0}.btn-primary{background-color:var(--color-save);color:#fff;box-shadow:0 6px 18px rgba(var(--color-save-rgb),.22)}.btn-primary:hover:not(:disabled){background-color:var(--color-save-strong);transform:translateY(-1px)}.btn-secondary{background-color:var(--surface-raised);color:var(--text-primary);border:1px solid var(--line-soft)}.btn-secondary:hover:not(:disabled){background-color:var(--surface-inset);border-color:var(--line-strong)}.btn-danger{color:var(--color-danger);background-color:var(--color-danger-light)}.btn-disabled,.btn:disabled{background:var(--surface-inset)!important;color:var(--text-muted)!important;border:1px solid var(--line-soft)!important;box-shadow:none!important;cursor:not-allowed!important;transform:none!important}.action-btn{background-color:var(--surface-raised);border:1px solid var(--line-soft);color:var(--text-primary);padding:8px 12px;font-size:13px;font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.action-btn:hover:not(:disabled){background-color:var(--surface-inset);border-color:var(--line-strong)}.action-btn:disabled{opacity:.45;cursor:not-allowed}.input-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.input-field{display:flex;align-items:center;background-color:var(--surface-inset);border:1px solid var(--line-soft);border-radius:var(--radius-md);overflow:hidden}.input-field span{min-width:34px;padding:0 9px;font-size:11px;font-weight:700;color:var(--text-muted);text-align:center;border-right:1px solid var(--line-soft)}.input-field input{min-width:0;background:transparent;border:none;padding:8px 10px;font-size:13px}.input-field input,.text-input{width:100%;color:var(--text-primary)}.text-input{background-color:var(--surface-inset);border:1px solid var(--line-soft);border-radius:var(--radius-md);padding:9px 10px}.color-row{display:flex;align-items:center;gap:8px}.color-row input[type=color]{width:32px;height:32px;border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:transparent;padding:2px}.error-banner{background-color:#fff1f1;border:1px solid rgba(216,76,76,.25);color:#9a2d2d;padding:12px 16px;border-radius:var(--radius-md);margin-bottom:16px;display:flex;align-items:center;gap:8px;font-size:14px;width:100%;max-width:720px}.error-text{flex:1}.btn-close-error{color:var(--color-danger);font-size:16px;padding:0 4px}.preview-header-bar{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:8px 12px;background-color:var(--surface-raised);border:1px solid var(--line-soft);border-radius:var(--radius-md)}.image-count-badge{font-size:13px;font-weight:600;color:var(--text-secondary)}.btn-clear{background:transparent;border:none;font-size:12px;font-weight:700;color:var(--color-danger);cursor:pointer;padding:5px 9px;border-radius:var(--radius-sm);transition:background-color .2s ease}.btn-clear:hover{background-color:var(--color-danger-light)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.grow{flex-grow:1}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}