@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#2563eb;--primary-hover:#1d4ed8;--primary-light:#3b82f6;--primary-bg:#eff6ff;--primary-border:#bfdbfe;--white:#fff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--green-500:#22c55e;--red-500:#ef4444;--orange-500:#f97316;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-lg:0 4px 6px #00000012, 0 2px 4px #0000000a}body{background:var(--gray-100);color:var(--gray-800);width:100%;min-width:1200px;height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.skip-to-main{z-index:9999;background:var(--primary);color:#fff;border-radius:0 0 8px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;position:absolute;top:0;left:-9999px}.skip-to-main:focus{left:0}.app-shell{flex-direction:column;width:100%;height:100vh;display:flex}.header{background:var(--white);border-bottom:1px solid var(--gray-200);z-index:20;justify-content:space-between;align-items:center;height:56px;min-height:56px;padding:0 20px;display:flex}.header-left{align-items:center;gap:10px;display:flex}.app-icon{background:var(--primary);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.app-title{color:var(--gray-900);font-size:16px;font-weight:700}.header-center{align-items:center;gap:6px;display:flex}.doc-name{color:var(--gray-700);cursor:text;border:1px solid #0000;border-radius:6px;padding:4px 10px;font-size:14px;font-weight:500}.doc-name:hover{border-color:var(--gray-300);background:var(--gray-50)}.header-right{align-items:center;gap:10px;display:flex}.size-badge{color:var(--gray-500);background:var(--gray-100);border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600}.btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.btn-ghost{color:var(--gray-600);border:1px solid var(--gray-200);background:0 0}.auth-chip{text-overflow:ellipsis;white-space:nowrap;max-width:190px;overflow:hidden}.toolbar{background:var(--white);border-bottom:1px solid var(--gray-200);z-index:15;align-items:center;gap:0;height:50px;min-height:50px;padding:0 16px;display:flex}.tool-group{align-items:center;gap:2px;padding:0 10px;display:flex}.tool-group+.tool-group{border-left:1px solid var(--gray-200)}.tool-btn{cursor:pointer;width:36px;height:36px;color:var(--gray-600);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .12s;display:flex;position:relative}.tool-btn:hover{background:var(--primary-bg);color:var(--primary)}.tool-btn.active{background:var(--primary);color:var(--white)}.tool-btn svg{width:18px;height:18px}.toolbar-dropdown{border:1px solid var(--gray-200);height:32px;color:var(--gray-700);background:var(--white);cursor:pointer;appearance:none;border-radius:6px;min-width:56px;padding:0 10px;font-family:inherit;font-size:12px;font-weight:500}.toolbar-dropdown.font-family{min-width:110px}.toolbar-dropdown.font-size{text-align:center;min-width:52px}.color-swatch-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;padding:6px;display:flex}.color-swatch-btn .swatch{border:2px solid var(--gray-300);border-radius:4px;width:20px;height:20px}.opacity-input{border:1px solid var(--gray-200);text-align:center;width:52px;height:32px;color:var(--gray-700);border-radius:6px;font-family:inherit;font-size:12px;font-weight:500}.main-content{flex:1;display:flex;overflow:hidden}.left-sidebar{width:var(--left-w,260px);min-width:var(--left-w,260px);max-width:var(--left-w,260px);background:var(--white);border-right:1px solid var(--gray-200);flex-direction:column;display:flex;overflow:hidden}.sidebar-tabs{border-bottom:1px solid var(--gray-200);padding:0 4px;display:flex}.sidebar-tab{color:var(--gray-500);text-align:center;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:12px 4px 10px;font-family:inherit;font-size:11px;font-weight:500;transition:all .15s}.sidebar-tab:hover{color:var(--gray-700)}.sidebar-tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.sidebar-content{flex:1;padding:12px;overflow-y:auto}.section{margin-bottom:16px}.section-header{cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:6px 0;font-family:inherit;display:flex}.section-label{text-transform:uppercase;letter-spacing:.8px;color:var(--gray-400);font-size:11px;font-weight:700}.section-chevron{width:16px;height:16px;color:var(--gray-400);transition:transform .2s}.section-chevron.collapsed{transform:rotate(-90deg)}.text-preset{border:1px solid var(--gray-200);cursor:pointer;text-align:left;background:0 0;border-radius:8px;width:100%;margin-bottom:6px;padding:10px 12px;font-family:inherit;transition:all .12s;display:block}.text-preset:hover{border-color:var(--primary-border);background:var(--primary-bg)}.text-preset-heading{color:var(--gray-800);font-size:20px;font-weight:700;line-height:1.2}.text-preset-subheading{color:var(--gray-700);font-size:15px;font-weight:600;line-height:1.3}.text-preset-body{color:var(--gray-600);font-size:12px;font-weight:400;line-height:1.5}.shapes-grid{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px;display:grid}.shape-cell{aspect-ratio:1;border:1px solid var(--gray-200);cursor:pointer;background:0 0;background:var(--white);border-radius:8px;justify-content:center;align-items:center;width:100%;max-width:68px;padding:0;font-family:inherit;transition:all .12s;display:flex}.shape-cell:hover{border-color:var(--primary-border);background:var(--primary-bg)}.shape-cell svg{width:24px;height:24px;color:var(--gray-500)}.placeholder-list{flex-direction:column;gap:6px;margin-top:8px;display:flex}.placeholder-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:6px 8px;font-family:inherit;transition:background .12s;display:flex}.placeholder-item:hover{background:var(--gray-50)}.placeholder-badge{background:var(--primary-bg);color:var(--primary);white-space:nowrap;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600}.placeholder-label{color:var(--gray-600);font-size:12px}.layers-section{border-top:1px solid var(--gray-200);margin-top:8px;padding-top:12px}.layer-item{color:var(--gray-700);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-size:12px;transition:background .12s;display:flex}.layer-item:hover{background:var(--gray-50)}.layer-item.selected{background:var(--primary-bg);color:var(--primary)}.layer-icon-group{align-items:center;gap:4px;margin-left:auto;display:flex}.layer-icon-btn{width:22px;height:22px;color:var(--gray-400);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;display:flex}.layer-icon-btn:hover{color:var(--gray-600);background:var(--gray-100)}.layer-icon-btn svg{width:14px;height:14px}.canvas-workspace{background:var(--gray-100);flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.claude-indicator{color:var(--gray-500);z-index:5;align-items:center;gap:8px;font-size:12px;display:none;position:absolute;bottom:16px;left:16px}.claude-indicator.active{display:flex}.claude-dot{background:var(--primary);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.right-panel{width:var(--right-w,270px);min-width:var(--right-w,270px);max-width:var(--right-w,270px);background:var(--white);border-left:1px solid var(--gray-200);flex-direction:column;display:flex;overflow-y:auto}.resize-handle{cursor:col-resize;z-index:30;background:0 0;flex:0 0 6px;align-self:stretch;width:6px;position:relative}.resize-handle:before{content:"";background:0 0;width:2px;transition:background .15s;position:absolute;top:0;bottom:0;left:2px}.resize-handle:hover:before,.resize-handle.dragging:before{background:var(--primary,#2563eb)}.resize-handle:after{content:"";background:var(--gray-300,#d1d5db);opacity:0;border-radius:3px;width:4px;height:28px;transition:opacity .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.resize-handle:hover:after{opacity:1}body.is-resizing{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}.panel-header{border-bottom:1px solid var(--gray-200);padding:14px 16px 10px}.panel-title{text-transform:uppercase;letter-spacing:.8px;color:var(--gray-400);font-size:11px;font-weight:700}.panel-body{flex-direction:column;gap:14px;padding:12px 16px;display:flex}.prop-label{text-transform:uppercase;letter-spacing:.5px;color:var(--gray-600);margin-bottom:4px;font-size:11px;font-weight:600;display:block}.prop-input{border:1px solid var(--gray-300);width:100%;height:36px;color:var(--gray-800);background:var(--white);border-radius:8px;padding:0 10px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.prop-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb26}.prop-textarea{border:1px solid var(--gray-300);width:100%;height:56px;color:var(--gray-800);resize:none;border-radius:8px;padding:8px 10px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.prop-textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb26}.prop-row{gap:8px;display:flex}.prop-row .prop-col{flex:1}.prop-select{border:1px solid var(--gray-300);width:100%;height:36px;color:var(--gray-800);background:var(--white);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236B7280' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border-radius:8px;padding:0 10px;font-family:inherit;font-size:13px}.color-row{align-items:center;gap:8px;display:flex}.color-hex-input{border:1px solid var(--gray-300);height:36px;color:var(--gray-800);border-radius:8px;flex:1;padding:0 10px;font-family:inherit;font-size:13px}.align-row{gap:2px;display:flex}.align-btn{border:1px solid var(--gray-200);background:var(--white);cursor:pointer;width:34px;height:34px;color:var(--gray-500);border-radius:6px;justify-content:center;align-items:center;transition:all .12s;display:flex}.align-btn:hover{background:var(--gray-50);color:var(--gray-700)}.align-btn.active{background:var(--primary-bg);color:var(--primary);border-color:var(--primary-border)}.align-btn svg{width:16px;height:16px}.slider-row{align-items:center;gap:10px;display:flex}.prop-slider{appearance:none;background:var(--gray-200);border-radius:2px;outline:none;flex:1;height:4px}.prop-slider:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.prop-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--primary);cursor:pointer;border:2px solid var(--white);border-radius:50%;width:14px;height:14px;box-shadow:0 1px 3px #0003}.slider-value{color:var(--gray-600);text-align:right;min-width:36px;font-size:12px;font-weight:500}.layer-order-row{gap:4px;display:flex}.layer-order-btn{border:1px solid var(--gray-200);background:var(--white);cursor:pointer;height:32px;color:var(--gray-500);border-radius:6px;flex:1;justify-content:center;align-items:center;font-family:inherit;font-size:10px;font-weight:600;transition:all .12s;display:flex}.layer-order-btn:hover{background:var(--gray-50);color:var(--gray-700)}.layer-order-btn svg{width:14px;height:14px}.status-bar{background:var(--white);border-top:1px solid var(--gray-200);height:32px;min-height:32px;color:var(--gray-500);z-index:15;justify-content:space-between;align-items:center;padding:0 16px;font-size:11px;display:flex}.status-left{align-items:center;gap:0;display:flex}.face-tab{color:var(--gray-500);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:4px 14px;font-family:inherit;font-size:11px;font-weight:500;transition:all .12s}.face-tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.status-center{align-items:center;gap:6px;display:flex}.zoom-btn{cursor:pointer;width:24px;height:24px;color:var(--gray-500);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:all .12s;display:flex}.zoom-btn:hover{background:var(--gray-100);color:var(--gray-700)}.zoom-btn svg{width:14px;height:14px}.zoom-label{color:var(--gray-700);text-align:center;min-width:36px;font-size:11px;font-weight:600}.status-right{align-items:center;gap:12px;display:flex}.toggle-btn{color:var(--gray-500);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 8px;font-family:inherit;font-size:11px;font-weight:500;transition:all .12s}.toggle-btn:hover{background:var(--gray-100)}.toggle-btn.active{color:var(--primary);background:var(--primary-bg)}.save-status{color:var(--green-500);font-size:11px;font-weight:500}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-dialog{background:#fff;border-radius:12px;flex-direction:column;width:90%;max-width:640px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0003}.field-registry-modal{max-width:720px}.preflight-modal{max-width:560px}.modal-header{border-bottom:1px solid var(--gray-200);padding:20px 24px 12px;position:relative}.modal-title{color:var(--gray-900);margin:0;font-size:16px;font-weight:700}.modal-subtitle{color:var(--gray-500);margin:4px 0 0;font-size:12px}.modal-close{color:var(--gray-400);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;position:absolute;top:16px;right:16px}.modal-close:hover{background:var(--gray-100);color:var(--gray-600)}.modal-body{flex:1;padding:16px 24px;overflow-y:auto}.modal-footer{border-top:1px solid var(--gray-200);justify-content:flex-end;gap:8px;padding:12px 24px;display:flex}.btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:#1d4ed8}.btn-primary.disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-200)}.btn-secondary:hover{background:var(--gray-200)}.btn-ghost{color:var(--gray-600);background:0 0}.btn-ghost:hover{background:var(--gray-100)}.btn-sm{padding:6px 12px;font-size:12px}.field-group{margin-bottom:16px}.field-group-header{border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:center;margin-bottom:8px;padding:6px 0;display:flex}.field-group-label{text-transform:uppercase;letter-spacing:.5px;color:var(--gray-500);font-size:11px;font-weight:700}.field-group-count{color:var(--gray-400);font-size:11px}.field-row{background:var(--gray-50);border-radius:6px;align-items:center;gap:10px;margin-bottom:4px;padding:8px 10px;transition:background .12s;display:flex}.field-row:hover{background:var(--gray-100)}.field-row.empty{color:var(--gray-400);justify-content:center;padding:12px;font-size:12px;font-style:italic}.field-row-info{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.field-name-badge{color:var(--primary);background:var(--primary-bg);white-space:nowrap;border-radius:4px;padding:2px 8px;font-family:Courier New,monospace;font-size:11px;font-weight:600}.field-label-text{color:var(--gray-700);font-size:12px;font-weight:500}.field-type-tag{color:var(--gray-400);background:var(--gray-100);text-transform:uppercase;letter-spacing:.3px;border-radius:3px;padding:1px 6px;font-size:10px}.field-row-sample{color:var(--gray-500);text-align:right;min-width:80px;font-size:11px}.field-row-actions{gap:4px;display:flex}.field-action-btn{cursor:pointer;color:var(--gray-400);background:0 0;border:none;border-radius:4px;padding:4px}.field-action-btn:hover{background:var(--gray-200);color:var(--gray-600)}.field-action-btn.danger:hover{color:#ef4444;background:#fee2e2}.field-add-form{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:8px;margin-top:12px;padding:12px}.field-add-row{gap:8px;margin-bottom:8px;display:flex}.field-add-col{flex:1}.field-add-label{text-transform:uppercase;letter-spacing:.5px;color:var(--gray-500);margin-bottom:4px;font-size:10px;font-weight:600;display:block}.field-add-actions{gap:8px;margin-top:8px;display:flex}.field-add-trigger{justify-content:center;width:100%;margin-top:12px}.field-edit-inline{width:100%}.manage-fields-btn{background:var(--gray-50);border:1px dashed var(--gray-300);width:100%;color:var(--gray-500);cursor:pointer;border-radius:6px;align-items:center;gap:6px;margin-top:8px;padding:8px 12px;font-family:inherit;font-size:11px;font-weight:500;transition:all .12s;display:flex}.manage-fields-btn:hover{background:var(--primary-bg);border-color:var(--primary);color:var(--primary)}.placeholder-group-label{text-transform:uppercase;letter-spacing:.5px;color:var(--gray-400);padding:6px 0 2px;font-size:10px;font-weight:700}.panel-tabs{border-bottom:1px solid var(--gray-200);padding:0 12px;display:flex}.panel-tab{color:var(--gray-500);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 0;font-family:inherit;font-size:12px;font-weight:500;transition:all .15s;display:flex}.panel-tab:hover{color:var(--gray-700)}.panel-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.panel-tab-badge{background:var(--primary);color:#fff;text-align:center;border-radius:8px;min-width:16px;padding:1px 5px;font-size:10px;font-weight:700}.conditional-empty{text-align:center;padding:24px 12px}.conditional-empty-icon{margin-bottom:8px}.conditional-empty-text{color:var(--gray-600);margin:0 0 4px;font-size:13px;font-weight:500}.conditional-empty-hint{color:var(--gray-400);margin:0 0 12px;font-size:11px}.conditional-rules-list{margin-bottom:8px}.conditional-rule{border:1px solid var(--gray-200);border-radius:6px;margin-bottom:6px;transition:border-color .12s;overflow:hidden}.conditional-rule.expanded{border-color:var(--primary)}.conditional-rule-header{cursor:pointer;justify-content:space-between;align-items:center;padding:8px 10px;transition:background .12s;display:flex}.conditional-rule-header:hover{background:var(--gray-50)}.conditional-rule-summary{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.conditional-action-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:3px;flex-shrink:0;padding:2px 6px;font-size:9px;font-weight:700}.conditional-action-badge.show{color:#16a34a;background:#dcfce7}.conditional-action-badge.hide{color:#ef4444;background:#fee2e2}.conditional-rule-text{color:var(--gray-600);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.conditional-rule-controls{flex-shrink:0;gap:2px;display:flex}.conditional-rule-body{border-top:1px solid var(--gray-200);background:var(--gray-50);padding:10px 12px}.conditional-field-row{gap:8px;margin-bottom:8px;display:flex}.conditional-field-col{flex:1}.conditional-actions{gap:8px;display:flex}.preflight-status{border:1px solid;border-radius:8px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;display:flex}.preflight-status-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.preflight-status-text{font-size:13px;font-weight:600}.preflight-section{margin-bottom:12px}.preflight-section-header{text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;padding:4px 0;font-size:11px;font-weight:700}.preflight-section-header.error{color:#ef4444}.preflight-section-header.warning{color:#f59e0b}.preflight-section-header.pass{color:#22c55e}.preflight-check{border-radius:6px;align-items:flex-start;gap:10px;margin-bottom:4px;padding:10px 12px;display:flex}.preflight-check-icon{border:1.5px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex}.preflight-check-content{flex:1;min-width:0}.preflight-check-title{color:var(--gray-800);font-size:12px;font-weight:600}.preflight-check-detail{color:var(--gray-500);margin-top:2px;font-size:11px}.preflight-check-category{color:var(--gray-400);text-transform:uppercase;letter-spacing:.3px;flex-shrink:0;font-size:10px}.export-dropdown-wrapper{position:relative}.export-dropdown{border:1px solid var(--gray-200);z-index:100;background:#fff;border-radius:10px;width:260px;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden;box-shadow:0 8px 30px #00000026}.export-option{cursor:pointer;text-align:left;background:0 0;border:none;align-items:flex-start;gap:10px;width:100%;padding:12px 14px;font-family:inherit;transition:background .12s;display:flex}.export-option:hover{background:var(--gray-50)}.export-option+.export-option{border-top:1px solid var(--gray-100)}.export-option svg{color:var(--gray-500);flex-shrink:0;margin-top:2px}.export-option-title{color:var(--gray-800);font-size:13px;font-weight:600}.export-option-desc{color:var(--gray-500);margin-top:1px;font-size:11px}.brand-colors-grid{flex-wrap:wrap;gap:6px;padding:4px 0 8px;display:flex}.brand-color-swatch{width:32px;height:32px;position:relative}.brand-color-circle{border:2px solid var(--gray-200);cursor:pointer;border-radius:50%;width:32px;height:32px;transition:transform .12s,border-color .12s}.brand-color-circle:hover{border-color:var(--primary);transform:scale(1.1)}.brand-color-remove{background:var(--gray-600);color:#fff;cursor:pointer;border:none;border-radius:50%;width:16px;height:16px;font-size:10px;line-height:1;display:none;position:absolute;top:-4px;right:-4px}.brand-color-swatch:hover .brand-color-remove{display:block}.brand-add-color{align-items:center;gap:6px;padding:4px 0;display:flex}.brand-font-row{flex-direction:column;gap:2px;display:flex}.brand-logos-grid{flex-wrap:wrap;gap:8px;padding:4px 0 8px;display:flex}.brand-logo-item{text-align:center;width:60px;position:relative}.brand-logo-img{object-fit:contain;border:1px solid var(--gray-200);background:var(--gray-50);border-radius:6px;width:60px;height:40px}.brand-logo-name{color:var(--gray-500);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:9px;overflow:hidden}.brand-logo-remove{background:var(--gray-600);color:#fff;cursor:pointer;border:none;border-radius:50%;width:16px;height:16px;font-size:10px;line-height:1;display:none;position:absolute;top:-4px;right:-4px}.brand-logo-item:hover .brand-logo-remove{display:block}.template-search{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:6px;align-items:center;gap:6px;margin-bottom:8px;padding:6px 10px;display:flex}.template-search-input{color:var(--gray-700);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:12px}.template-search-input:focus-visible{outline:none}.template-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb26}.template-categories{flex-wrap:wrap;gap:4px;margin-bottom:10px;display:flex}.template-category-pill{border:1px solid var(--gray-200);color:var(--gray-600);cursor:pointer;background:#fff;border-radius:12px;padding:3px 8px;font-family:inherit;font-size:10px;font-weight:500;transition:all .12s}.template-category-pill:hover{border-color:var(--primary);color:var(--primary)}.template-category-pill.active{background:var(--primary);color:#fff;border-color:var(--primary)}.template-section{margin-bottom:12px}.template-section-label{text-transform:uppercase;letter-spacing:.5px;color:var(--gray-500);margin-bottom:6px;font-size:10px;font-weight:700}.template-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.template-card{border:1px solid var(--gray-200);border-radius:8px;transition:border-color .12s,box-shadow .12s;position:relative;overflow:hidden}.template-card:hover{border-color:var(--primary);box-shadow:0 2px 8px #2563eb1a}.template-thumb{background:var(--gray-50);cursor:pointer;justify-content:center;align-items:center;height:70px;display:flex;overflow:hidden}.template-thumb img{object-fit:cover;width:100%;height:100%}.template-thumb-placeholder{justify-content:center;align-items:center;display:flex}.template-info{justify-content:space-between;align-items:center;padding:4px 6px;display:flex}.template-name{color:var(--gray-700);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:10px;font-weight:500;overflow:hidden}.template-menu-btn{cursor:pointer;color:var(--gray-400);background:0 0;border:none;border-radius:3px;padding:2px}.template-menu-btn:hover{background:var(--gray-100);color:var(--gray-600)}.template-menu{border:1px solid var(--gray-200);z-index:10;background:#fff;border-radius:6px;position:absolute;bottom:24px;right:4px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.template-menu button{text-align:left;cursor:pointer;width:100%;color:var(--gray-700);background:0 0;border:none;padding:6px 12px;font-family:inherit;font-size:11px;display:block}.template-menu button:hover{background:var(--gray-50)}.template-menu button.danger{color:#ef4444}.template-menu button.danger:hover{background:#fef2f2}.template-empty{text-align:center;color:var(--gray-400);padding:16px}.template-empty p{margin:0;font-size:12px}.template-empty-hint{font-size:11px;margin-top:4px!important}.toast-container{z-index:2000;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.toast{border-radius:8px;align-items:center;gap:10px;max-width:400px;padding:12px 16px;font-size:13px;font-weight:500;animation:.2s ease-out toastIn;display:flex;box-shadow:0 4px 16px #0000001f}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.toast-info{color:#fff;background:#1f2937}.toast-success{color:#fff;background:#059669}.toast-error{color:#fff;background:#dc2626}.toast-warning{color:#fff;background:#d97706}.toast-close{color:#ffffffb3;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:16px;line-height:1}.toast-close:hover{color:#fff}.context-menu{border:1px solid var(--gray-200);z-index:1000;background:#fff;border-radius:8px;min-width:180px;padding:4px 0;position:fixed;overflow:hidden;box-shadow:0 8px 30px #00000026}.context-menu-item{color:var(--gray-700);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:8px 14px;font-family:inherit;font-size:13px;display:flex}.context-menu-item:hover{background:var(--gray-50)}.context-menu-item.danger{color:#ef4444}.context-menu-item.danger:hover{background:#fef2f2}.context-menu-separator{background:var(--gray-200);height:1px;margin:4px 0}.context-menu-shortcut{color:var(--gray-400);margin-left:auto;font-size:11px}.doc-name-input{box-shadow:0 0 0 2px var(--primary-bg);color:var(--gray-700);outline:none;min-width:120px;max-width:300px;font-family:inherit;font-size:14px;font-weight:500;border-color:var(--primary)!important;background:#fff!important}.preview-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.preview-container{background:#fff;border-radius:12px;flex-direction:column;max-width:90vw;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000004d}.preview-header{border-bottom:1px solid var(--gray-200);align-items:center;gap:16px;padding:16px 20px;display:flex}.preview-title{color:var(--gray-800);margin:0;font-size:16px;font-weight:600}.preview-side-toggle{background:var(--gray-100);border-radius:6px;gap:2px;margin-left:auto;padding:2px;display:flex}.preview-side-btn{color:var(--gray-500);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s}.preview-side-btn.active{color:var(--gray-800);box-shadow:var(--shadow-sm);background:#fff}.preview-close{cursor:pointer;color:var(--gray-400);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;margin-left:8px;padding:4px;display:flex}.preview-close:hover{color:var(--gray-700);background:var(--gray-100)}.preview-body{background:var(--gray-50);flex:1;justify-content:center;align-items:center;padding:32px;display:flex;overflow:auto}.preview-image{border-radius:4px;max-width:100%;max-height:70vh;box-shadow:0 4px 20px #00000026}.preview-loading{color:var(--gray-400);padding:40px;font-size:14px}.preview-footer{border-top:1px solid var(--gray-200);text-align:center;padding:12px 20px}.preview-hint{color:var(--gray-400);font-size:12px}.qr-dialog-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.qr-dialog{border:1px solid var(--gray-200);background:#fff;border-radius:12px;width:340px;overflow:hidden;box-shadow:0 20px 60px #00000026}.qr-dialog-header{border-bottom:1px solid var(--gray-600,#4b5563);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.qr-dialog-header h3{color:var(--gray-100,#f3f4f6);margin:0;font-size:15px;font-weight:600}.qr-dialog-close{color:var(--gray-400,#9ca3af);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:20px;line-height:1}.qr-dialog-close:hover{color:var(--gray-100,#f3f4f6)}.qr-dialog-body{flex-direction:column;gap:16px;padding:20px;display:flex}.qr-label{color:var(--gray-300,#d1d5db);flex-direction:column;gap:6px;font-size:12px;font-weight:500;display:flex}.qr-input{background:var(--gray-700,#374151);border:1px solid var(--gray-600,#4b5563);color:var(--gray-100,#f3f4f6);border-radius:6px;outline:none;padding:8px 10px;font-size:13px}.qr-input:focus{border-color:var(--primary,#3b82f6)}.qr-slider{width:100%;accent-color:var(--primary,#3b82f6)}.qr-color-row{gap:16px;display:flex}.qr-color-label{flex:1}.qr-color-label input[type=color]{border:1px solid var(--gray-600,#4b5563);cursor:pointer;background:0 0;border-radius:6px;width:100%;height:32px;padding:2px}.qr-dialog-footer{border-top:1px solid var(--gray-600,#4b5563);justify-content:flex-end;gap:8px;padding:16px 20px;display:flex}.qr-cancel-btn{background:var(--gray-700,#374151);border:1px solid var(--gray-600,#4b5563);color:var(--gray-300,#d1d5db);cursor:pointer;border-radius:6px;padding:8px 16px;font-size:13px}.qr-cancel-btn:hover{background:var(--gray-600,#4b5563)}.qr-add-btn{background:var(--primary,#3b82f6);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600}.qr-add-btn:hover{background:#2563eb}.qr-add-btn:disabled{opacity:.5;cursor:not-allowed}.tour-overlay{z-index:2000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.tour-card{text-align:center;background:#fff;border-radius:16px;width:90%;max-width:420px;padding:32px;box-shadow:0 20px 60px #0003}.tour-step-indicator{justify-content:center;gap:6px;margin-bottom:20px;display:flex}.tour-dot{background:var(--gray-200);border-radius:50%;width:8px;height:8px}.tour-dot.active{background:var(--primary);border-radius:4px;width:24px}.tour-dot.completed{background:var(--primary)}.tour-title{color:var(--gray-900);margin:0 0 8px;font-size:20px;font-weight:700}.tour-text{color:var(--gray-600);margin:0 0 24px;font-size:14px;line-height:1.6}.tour-actions{justify-content:space-between;align-items:center;display:flex}.tour-skip{color:var(--gray-400);font-size:13px}.stock-photo-grid{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px;display:grid}.stock-photo-item{cursor:pointer;aspect-ratio:1;background:0 0;border:none;border-radius:6px;padding:0;transition:transform .12s;overflow:hidden}.stock-photo-item:hover{transform:scale(1.05)}.stock-photo-item img{object-fit:cover;width:100%;height:100%}.stock-photo-disabled{color:var(--gray-500);text-align:center;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:8px;padding:16px;font-size:12px}.share-modal{max-width:520px}.share-copy{color:var(--gray-600);margin:0 0 12px;font-size:13px}.share-add-row{gap:8px;margin-bottom:12px;display:flex}.share-message{color:var(--gray-600);background:var(--gray-50);border:1px solid var(--gray-200);border-radius:8px;margin-bottom:10px;padding:8px 10px;font-size:12px}.share-members{flex-direction:column;gap:8px;display:flex}.share-member{border:1px solid var(--gray-200);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.share-member strong,.share-member span{display:block}.share-member strong{color:var(--gray-800);font-size:13px}.share-member span{color:var(--gray-500);margin-top:2px;font-size:11px}.palette-list{flex-direction:column;gap:4px;display:flex}.palette-row{border:1px solid var(--gray-200);cursor:pointer;text-align:left;background:0 0;border-radius:6px;flex-direction:column;gap:4px;width:100%;padding:6px 8px;font-family:inherit;display:flex}.palette-row:hover{border-color:var(--primary)}.palette-row.active{border-color:var(--primary);background:var(--primary-bg)}.palette-swatches{gap:3px;display:flex}.palette-swatch{cursor:pointer;border:1px solid #00000014;border-radius:3px;width:24px;height:18px}.palette-swatch:hover{transform:scale(1.2)}.palette-name{color:var(--gray-500);font-size:10px;font-weight:500}.doc-name-input{font-size:inherit;font-weight:inherit;color:inherit;text-align:center;background:0 0;border:1px solid #0000;border-radius:4px;outline:none;min-width:120px;padding:2px 8px;font-family:inherit}.doc-name-input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #2563eb26}.font-picker{flex:1;min-width:0;position:relative}.font-picker-trigger{background:var(--gray-50);border:1px solid var(--gray-200);width:100%;color:var(--gray-800);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:6px;justify-content:space-between;align-items:center;padding:6px 8px;font-size:12px;display:flex;overflow:hidden}.font-picker-trigger:hover{border-color:var(--gray-300)}.font-picker-value{text-overflow:ellipsis;overflow:hidden}.font-picker-chevron{flex-shrink:0;width:12px;height:12px;margin-left:4px}.font-picker-dropdown{border:1px solid var(--gray-200);z-index:100;background:#fff;border-radius:8px;flex-direction:column;width:240px;max-height:320px;display:flex;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden;box-shadow:0 8px 24px #0000001f}.font-picker-search{border:none;border-bottom:1px solid var(--gray-100);outline:none;padding:8px 10px;font-family:Inter,sans-serif;font-size:12px}.font-picker-search:focus{border-bottom-color:var(--primary)}.font-picker-list{flex:1;max-height:270px;overflow-y:auto}.font-picker-item{text-align:left;cursor:pointer;width:100%;color:var(--gray-700);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;padding:8px 10px;font-size:14px;display:block;overflow:hidden}.font-picker-item:hover{background:var(--gray-50)}.font-picker-item.active{background:var(--primary-bg);color:var(--primary);font-weight:500}.font-picker-empty{text-align:center;color:var(--gray-400);padding:16px 10px;font-size:12px}.fill-mode-toggle{border:1px solid var(--gray-200);border-radius:6px;gap:0;margin-bottom:8px;display:flex;overflow:hidden}.fill-mode-btn{cursor:pointer;background:var(--gray-50);color:var(--gray-500);border:none;flex:1;padding:5px 0;font-size:11px;font-weight:500;transition:all .15s}.fill-mode-btn.active{background:var(--primary);color:#fff}.gradient-controls{margin-top:4px}.gradient-preview{border:1px solid var(--gray-200);border-radius:6px;height:24px}.prop-label-mini{color:var(--gray-400);margin-bottom:2px;font-size:10px;font-weight:500;display:block}.image-tools-row{flex-direction:column;gap:6px;display:flex}.image-tool-btn{background:var(--gray-50);border:1px solid var(--gray-200);color:var(--gray-700);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:7px 10px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.image-tool-btn:hover{background:var(--primary-bg);border-color:var(--primary-border);color:var(--primary)}.shortcut-overlay{z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.shortcut-dialog{background:#fff;border-radius:12px;flex-direction:column;width:520px;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0003}.shortcut-header{border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.shortcut-header h2{color:var(--gray-800);margin:0;font-size:16px;font-weight:600}.shortcut-close{cursor:pointer;color:var(--gray-400);background:0 0;border:none;border-radius:4px;padding:4px}.shortcut-close:hover{background:var(--gray-100);color:var(--gray-600)}.shortcut-body{grid-template-columns:1fr 1fr;gap:20px;padding:16px 20px 24px;display:grid;overflow-y:auto}.shortcut-category{min-width:0}.shortcut-category-title{color:var(--gray-400);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px;font-weight:600}.shortcut-row{justify-content:space-between;align-items:center;gap:8px;padding:5px 0;display:flex}.shortcut-desc{color:var(--gray-600);font-size:13px}.shortcut-keys{flex-shrink:0;align-items:center;gap:2px;display:flex}.shortcut-keys kbd{color:var(--gray-600);background:var(--gray-50);border:1px solid var(--gray-200);text-align:center;border-radius:4px;min-width:22px;padding:2px 6px;font-family:Inter,sans-serif;font-size:11px;font-weight:500;display:inline-block}.shortcut-plus{color:var(--gray-300);margin:0 1px;font-size:10px}.premium-gallery{padding:4px 2px 16px}.premium-intro{padding:6px 6px 14px}.premium-intro-title{color:var(--gray-800,#1f2937);letter-spacing:-.01em;font-size:13px;font-weight:700}.premium-intro-sub{color:var(--gray-500,#6b7280);margin-top:4px;font-size:11.5px;line-height:1.5}.premium-grid{grid-template-columns:1fr 1fr;gap:12px;padding:4px;display:grid}.premium-card{border:1px solid var(--gray-200,#e5e7eb);background:#fff;border-radius:10px;flex-direction:column;transition:box-shadow .16s,transform .16s,border-color .16s;display:flex;overflow:hidden}.premium-card:hover{border-color:var(--gray-300,#d1d5db);transform:translateY(-2px);box-shadow:0 8px 22px #1118271a}.premium-thumb{aspect-ratio:2/3;cursor:pointer;background:var(--gray-100,#f3f4f6);border:0;border-bottom:1px solid var(--gray-200,#e5e7eb);width:100%;padding:0;display:block;position:relative;overflow:hidden}.premium-thumb img{object-fit:cover;width:100%;height:100%;display:block}.premium-thumb:disabled{cursor:default}.premium-thumb:after{content:"Load design";color:#fff;letter-spacing:.04em;opacity:0;background:#1118278c;justify-content:center;align-items:center;font-size:11px;font-weight:600;transition:opacity .16s;display:flex;position:absolute;inset:0}.premium-thumb:hover:after{opacity:1}.premium-thumb-fallback{color:#fff;text-align:center;justify-content:center;align-items:center;width:100%;height:100%;padding:8px;font-size:12px;font-weight:600;display:flex}.premium-loading{z-index:2;color:var(--gray-700,#374151);background:#ffffffd1;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex;position:absolute;inset:0}.premium-meta{padding:9px 10px 11px}.premium-name{color:var(--gray-800,#1f2937);align-items:center;gap:6px;font-size:12.5px;font-weight:700;display:flex}.premium-swatch{border-radius:2px;flex:none;width:9px;height:9px;box-shadow:inset 0 0 0 1px #00000014}.premium-style{color:var(--gray-500,#6b7280);margin-top:3px;font-size:10.5px;line-height:1.35}.premium-tags{flex-wrap:wrap;gap:4px;margin-top:7px;display:flex}.premium-tag{letter-spacing:.05em;text-transform:uppercase;color:var(--gray-500,#6b7280);background:var(--gray-100,#f3f4f6);border-radius:3px;padding:2px 5px;font-size:8.5px;font-weight:600}.premium-import-btn{border:1.5px dashed var(--gray-300,#d1d5db);background:var(--gray-50,#f9fafb);cursor:pointer;text-align:left;border-radius:10px;align-items:center;gap:10px;width:100%;margin:4px 4px 14px;padding:11px 12px;transition:border-color .15s,background .15s;display:flex}.premium-import-btn:hover{background:#f5f5ff;border-color:#5856d6}.premium-import-plus{color:#5856d6;background:#ecebff;border-radius:8px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:20px;font-weight:700;line-height:1;display:flex}.premium-import-btn strong{color:var(--gray-800,#1f2937);font-size:12.5px;display:block}.premium-import-btn small{color:var(--gray-500,#6b7280);margin-top:1px;font-size:10.5px;display:block}.premium-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--gray-400,#9ca3af);margin:10px 6px 8px;font-size:10px;font-weight:700}.premium-del{cursor:pointer;color:var(--gray-400,#9ca3af);background:0 0;border:0;margin-left:auto;padding:0 2px;font-size:11px}.premium-del:hover{color:#dc2626}.import-modal{background:#fff;border-radius:14px;width:92%;max-width:600px;max-height:88vh;padding:22px 24px 24px;overflow-y:auto;box-shadow:0 24px 70px #00000047}.import-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.import-head h2{color:var(--gray-800,#1f2937);margin:0;font-size:18px;font-weight:700}.import-head p{color:var(--gray-500,#6b7280);margin:3px 0 0;font-size:12.5px}.icon-btn{cursor:pointer;color:var(--gray-500,#6b7280);background:0 0;border:0;border-radius:6px;padding:4px 6px;font-size:15px}.icon-btn:hover{background:var(--gray-100,#f3f4f6)}.import-modes{grid-template-columns:1fr 1fr;gap:10px;margin:16px 0;display:grid}.import-mode{cursor:pointer;border:1.5px solid var(--gray-200,#e5e7eb);text-align:left;background:#fff;border-radius:10px;flex-direction:column;gap:2px;padding:12px 14px;transition:border-color .15s,background .15s;display:flex}.import-mode:hover{border-color:var(--gray-300,#d1d5db)}.import-mode.active{background:#f5f5ff;border-color:#5856d6}.import-mode-title{color:var(--gray-800,#1f2937);font-size:13.5px;font-weight:700}.import-mode-sub{color:var(--gray-500,#6b7280);font-size:11px}.import-drop{border:2px dashed var(--gray-300,#d1d5db);text-align:center;background:var(--gray-50,#f9fafb);border-radius:12px;padding:22px;transition:border-color .15s,background .15s}.import-drop.over{background:#f5f5ff;border-color:#5856d6}.import-drop.has-file{background:#f8f9ff;border-style:solid;border-color:#c7d2fe;padding:14px}.import-drop-inner{cursor:pointer;display:block}.import-drop-icon{color:#5856d6;font-size:22px}.import-drop-inner strong{color:var(--gray-700,#374151);font-size:13px}.import-drop-or{color:var(--gray-500,#6b7280);margin-top:2px;font-size:12px}.import-file-ok strong{color:var(--gray-800,#1f2937);font-size:13px;display:block}.import-file-ok span{color:var(--gray-500,#6b7280);font-size:11.5px}.link{color:#5856d6;cursor:pointer;text-decoration:underline}.import-paste{margin:12px 0 4px}.import-paste summary{color:var(--gray-500,#6b7280);cursor:pointer;font-size:12px}.import-paste textarea,.import-name input,.import-prompt-out{border:1px solid var(--gray-200,#e5e7eb);width:100%;color:var(--gray-800,#1f2937);resize:vertical;border-radius:8px;margin-top:8px;padding:8px 10px;font-family:inherit;font-size:12px}.import-prompt-out{background:#fafafa;font-family:ui-monospace,Menlo,monospace;font-size:11px;line-height:1.4}.import-name{margin:12px 0 4px}.import-name label{color:var(--gray-600,#4b5563);font-size:11px;font-weight:600}.import-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-top:12px;padding:9px 12px;font-size:12px}.import-warn{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;margin-top:12px;padding:10px 12px;font-size:12px}.import-warn ul{margin:6px 0 8px 16px}.import-actions{margin-top:16px}.import-actions .btn-primary{width:100%}.import-hint{color:var(--gray-500,#6b7280);margin-top:10px;font-size:11.5px;line-height:1.5}.import-prompt-bar{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.import-prompt-bar span{color:var(--gray-700,#374151);font-size:12px;font-weight:600}.import-prompt-bar div{gap:6px;display:flex}.welcome-screen{--w-indigo:#3e3a6e;--w-indigo-2:#46427c;--w-accent:#6663a6;--w-slate:#4a5168;--w-slate-soft:#8a90a4;--w-lav:#eae9f4;--w-line:#e3e3ec;--w-line-2:#f1f1f5;--w-card:#fdfdfc;--w-bg-2:#f4f4f8;--w-ink:#23233a;z-index:900;background:var(--w-card);color:var(--w-ink);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif;display:flex;position:fixed;inset:0}.welcome-screen .w-rail{background:var(--w-card);border-right:1px solid var(--w-line-2);flex-direction:column;flex:0 0 248px;width:248px;padding:24px 16px 18px;display:flex}.welcome-screen .w-brand{align-items:center;gap:12px;margin-bottom:30px;padding:0 8px;display:flex}.welcome-screen .w-brand .mk{background:linear-gradient(135deg,var(--w-indigo),var(--w-accent));border-radius:11px;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 8px 18px -6px #3e3a6e80}.welcome-screen .w-brand .wm{letter-spacing:.01em;color:var(--w-ink);font-family:Cormorant Garamond,serif;font-size:21px;font-weight:600}.welcome-screen .w-group{flex-direction:column;gap:3px;display:flex}.welcome-screen .w-group-label{letter-spacing:.18em;text-transform:uppercase;color:var(--w-slate-soft);margin:0 0 9px;padding:0 12px;font-size:10px;font-weight:600}.welcome-screen .w-rail-div{height:18px}.welcome-screen .w-navitem{width:100%;color:var(--w-slate);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:13px;padding:10px 12px;font-family:inherit;transition:all .15s;display:flex;position:relative}.welcome-screen .w-navitem svg{color:var(--w-slate-soft);flex:0 0 20px;transition:all .15s}.welcome-screen .w-navitem .lbl{color:var(--w-ink);font-size:13.5px;font-weight:600;transition:all .15s}.welcome-screen .w-navitem:hover{background:var(--w-bg-2)}.welcome-screen .w-navitem:hover svg,.welcome-screen .w-navitem:hover .lbl{color:var(--w-indigo)}.welcome-screen .w-navitem.active{background:var(--w-lav)}.welcome-screen .w-navitem.active svg,.welcome-screen .w-navitem.active .lbl{color:var(--w-indigo)}.welcome-screen .w-navitem.active:before{content:"";background:var(--w-indigo);border-radius:3px;width:3px;height:26px;position:absolute;top:50%;left:-16px;transform:translateY(-50%)}.welcome-screen .w-rail-spacer{flex:1}.welcome-screen .w-rail-up{cursor:pointer;background:linear-gradient(140deg,var(--w-indigo),var(--w-accent));color:#fff;border:none;border-radius:12px;justify-content:center;align-items:center;gap:9px;width:100%;margin-bottom:14px;padding:12px;font-family:inherit;font-size:13px;font-weight:600;transition:all .16s;display:flex;box-shadow:0 10px 20px -8px #3e3a6e99}.welcome-screen .w-rail-up:hover{transform:translateY(-1px);box-shadow:0 14px 24px -8px #3e3a6ea6}.welcome-screen .w-user{border-top:1px solid var(--w-line-2);align-items:center;gap:11px;padding:14px 6px 2px;display:flex}.welcome-screen .w-user .av{background:linear-gradient(135deg,var(--w-accent),var(--w-indigo));color:#fff;width:36px;height:36px;box-shadow:0 0 0 1px var(--w-line);border:2px solid #fff;border-radius:50%;flex:0 0 36px;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.welcome-screen .w-user .uname{color:var(--w-ink);font-size:13px;font-weight:600;line-height:1.2}.welcome-screen .w-user .uplan{color:var(--w-slate-soft);font-size:11px}.welcome-screen .w-main{flex-direction:column;flex:1;min-width:0;display:flex}.welcome-screen .w-topbar{border-bottom:1px solid var(--w-line-2);flex:0 0 70px;justify-content:flex-end;align-items:center;gap:18px;height:70px;padding:0 40px;display:flex}.welcome-screen .w-search{background:var(--w-bg-2);border:1px solid var(--w-line-2);width:330px;height:42px;color:var(--w-slate-soft);border-radius:11px;align-items:center;gap:10px;padding:0 15px;display:flex}.welcome-screen .w-search input{width:100%;color:var(--w-ink);background:0 0;border:none;outline:none;font-family:inherit;font-size:13px}.welcome-screen .w-btn-new{background:var(--w-indigo);color:#fff;cursor:pointer;border:none;border-radius:11px;align-items:center;gap:8px;padding:11px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:all .16s;display:flex;box-shadow:0 12px 26px -12px #3e3a6e99}.welcome-screen .w-btn-new:hover{background:var(--w-indigo-2);transform:translateY(-1px)}.welcome-screen .w-content{flex:1;padding:46px 56px 40px;overflow-y:auto}.welcome-screen .w-greeting{margin-bottom:26px}.welcome-screen .w-greeting h1{letter-spacing:.005em;color:var(--w-ink);margin:0 0 10px;font-family:Cormorant Garamond,serif;font-size:46px;font-weight:600;line-height:1.04}.welcome-screen .w-greeting h1 em{color:var(--w-accent);font-style:italic}.welcome-screen .w-greeting p{color:var(--w-slate);max-width:520px;margin:0;font-size:15px;font-weight:400;line-height:1.5}.welcome-screen .w-sec-label{letter-spacing:.2em;text-transform:uppercase;color:var(--w-slate-soft);margin-bottom:16px;font-size:11px;font-weight:600}.welcome-screen .w-tiles{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:34px;display:grid}.welcome-screen .w-tile{background:var(--w-card);border:1px solid var(--w-line);cursor:pointer;text-align:left;border-radius:15px;padding:22px;font-family:inherit;transition:all .16s;position:relative}.welcome-screen .w-tile:hover{border-color:var(--w-accent);transform:translateY(-3px);box-shadow:0 18px 34px -22px #23233a52}.welcome-screen .w-tile .ic{background:var(--w-bg-2);width:42px;height:42px;color:var(--w-indigo);border-radius:12px;justify-content:center;align-items:center;margin-bottom:16px;transition:all .16s;display:flex}.welcome-screen .w-tile:hover .ic{background:var(--w-lav)}.welcome-screen .w-tile h3{letter-spacing:-.005em;color:var(--w-ink);margin:0 0 5px;font-size:14.5px;font-weight:600}.welcome-screen .w-tile p{color:var(--w-slate-soft);margin:0;font-size:12.5px;line-height:1.45}.welcome-screen .w-tile.primary{background:linear-gradient(145deg,var(--w-indigo),var(--w-accent));color:#fff;border:none;box-shadow:0 18px 36px -18px #3e3a6e8c}.welcome-screen .w-tile.primary:hover{transform:translateY(-3px);box-shadow:0 24px 44px -18px #3e3a6e99}.welcome-screen .w-tile.primary .ic{color:#fff;background:#ffffff29}.welcome-screen .w-tile.primary h3{color:#fff}.welcome-screen .w-tile.primary p{color:#ffffffd1}.welcome-screen .w-sec-head{justify-content:space-between;align-items:flex-end;margin-bottom:18px;display:flex}.welcome-screen .w-sec-head .recents-title{letter-spacing:.005em;color:var(--w-ink);font-family:Cormorant Garamond,serif;font-size:26px;font-weight:600}.welcome-screen .w-sec-head .view-all{color:var(--w-accent);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-family:inherit;font-size:13px;font-weight:600;display:flex}.welcome-screen .w-sec-head .view-all:hover{color:var(--w-indigo)}.welcome-screen .w-recents{gap:20px;padding-bottom:6px;display:flex;overflow-x:auto}.welcome-screen .w-recents::-webkit-scrollbar{height:8px}.welcome-screen .w-recents::-webkit-scrollbar-thumb{background:var(--w-line);border-radius:8px}.welcome-screen .w-recents::-webkit-scrollbar-track{background:0 0}.welcome-screen .w-design{cursor:pointer;text-align:left;background:0 0;border:none;flex:0 0 180px;padding:0;font-family:inherit}.welcome-screen .w-thumb{border:1px solid var(--w-line);background:#fff;border-radius:11px;width:180px;height:270px;transition:all .16s;position:relative;overflow:hidden;box-shadow:0 10px 24px -14px #23233a66}.welcome-screen .w-design:hover .w-thumb{transform:translateY(-4px);box-shadow:0 18px 34px -16px #23233a73}.welcome-screen .w-thumb img{object-fit:cover;width:100%;height:100%;display:block}.welcome-screen .w-thumb-fallback{color:#fff;text-align:center;justify-content:center;align-items:center;width:100%;height:100%;padding:14px;font-size:13px;font-weight:600;display:flex}.welcome-screen .w-meta{justify-content:space-between;align-items:center;gap:8px;margin-top:11px;display:flex}.welcome-screen .w-meta .t{color:var(--w-slate);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.welcome-screen .w-meta .d{color:var(--w-slate-soft);white-space:nowrap;font-size:11px}.welcome-screen .w-empty{color:var(--w-slate-soft);padding:30px 0;font-size:13px}.header .app-home-btn{cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:0;font-family:inherit;display:flex}.page-shell{z-index:50;position:fixed;inset:0}.page-topbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.page-head{min-width:0}.page-title{color:var(--gray-900);letter-spacing:-.01em;font-size:22px;font-weight:700;line-height:1.2}.page-subtitle{color:var(--gray-500);margin-top:2px;font-size:13px}.page-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.page-content{padding-bottom:48px}.ps-btn{border:1px solid var(--gray-300);background:var(--white);color:var(--gray-700);cursor:pointer;border-radius:9px;align-items:center;gap:7px;padding:8px 14px;font-size:13px;font-weight:600;transition:background .14s,border-color .14s,color .14s;display:inline-flex}.ps-btn:hover{background:var(--gray-50);border-color:var(--gray-400)}.ps-btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.ps-btn.primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.ps-btn.danger{color:var(--red-500);background:#fff;border-color:#fbd5d5}.ps-btn.danger:hover{border-color:var(--red-500);background:#fef2f2}.ps-btn:disabled{opacity:.5;cursor:not-allowed}.ps-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px;display:grid}.ps-empty{text-align:center;color:var(--gray-500);background:var(--white);border:1px dashed var(--gray-300);border-radius:12px;padding:48px 24px;font-size:14px}.pld-page{max-width:1100px}.pld-subtitle{color:var(--gray-500);max-width:640px;margin:0 0 20px;font-size:14px;line-height:1.5}.pld-import{text-align:left;background:var(--primary-bg);border:1.5px dashed var(--primary);cursor:pointer;border-radius:12px;align-items:center;gap:14px;width:100%;margin-bottom:28px;padding:16px 20px;transition:background .14s,border-color .14s,box-shadow .14s;display:flex}.pld-import:hover{box-shadow:var(--shadow-sm);background:#e0edff}.pld-import-plus{color:#fff;background:var(--primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;line-height:1;display:inline-flex}.pld-import-text{flex-direction:column;gap:2px;display:flex}.pld-import-text strong{color:var(--gray-900);font-size:15px;font-weight:700}.pld-import-text small{color:var(--gray-500);font-size:12.5px}.pld-section-label{letter-spacing:.04em;text-transform:uppercase;color:var(--gray-500);margin:26px 0 12px;font-size:12px;font-weight:700}.pld-section-label:first-of-type{margin-top:4px}.pld-card{text-align:left;background:var(--white);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);cursor:pointer;border-radius:12px;flex-direction:column;padding:0;transition:box-shadow .15s,border-color .15s,transform .15s;display:flex;position:relative;overflow:hidden}.pld-card:hover{box-shadow:var(--shadow-md);border-color:var(--gray-300);transform:translateY(-2px)}.pld-card:disabled{opacity:.7;cursor:progress}.pld-thumb{aspect-ratio:3/2;background:var(--gray-100);width:100%;display:block;position:relative;overflow:hidden}.pld-thumb img{object-fit:cover;width:100%;height:100%;display:block}.pld-thumb-fallback{color:#fff;text-align:center;justify-content:center;align-items:center;width:100%;height:100%;padding:12px;font-size:14px;font-weight:600;line-height:1.3;display:flex}.pld-loading{color:#fff;background:#11182773;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex;position:absolute;inset:0}.pld-meta{flex-direction:column;gap:6px;padding:12px 14px 14px;display:flex}.pld-name{color:var(--gray-900);font-size:14px;font-weight:600;line-height:1.3}.pld-style{color:var(--gray-500);font-size:12.5px}.pld-tags{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.pld-tag{color:var(--gray-600);background:var(--gray-100);border-radius:999px;padding:3px 9px;font-size:11px;font-weight:600}.pld-badge{z-index:2;letter-spacing:.02em;border-radius:999px;padding:3px 9px;font-size:10.5px;font-weight:700;position:absolute;top:9px;left:9px}.pld-badge-premium{background:var(--primary-bg);color:var(--primary)}.pld-badge-ai{background:var(--orange-500);color:#fff}.pld-badge-yours{background:var(--gray-100);color:var(--gray-700)}.tpl-page{max-width:1200px}.tpl-subtitle{color:var(--gray-500);max-width:640px;margin:0 0 18px;font-size:14px;line-height:1.5}.tpl-gallery-host{width:100%}.lib-page{flex-direction:column;gap:20px;display:flex}.lib-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.lib-tabs{background:var(--gray-100);border:1px solid var(--gray-200);border-radius:11px;gap:4px;padding:4px;display:inline-flex}.lib-tab{color:var(--gray-600);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:7px 14px;font-size:13px;font-weight:600;transition:background .14s,color .14s,box-shadow .14s;display:inline-flex}.lib-tab:hover{color:var(--gray-900)}.lib-tab.active{background:var(--white);color:var(--primary);box-shadow:var(--shadow-sm)}.lib-tab-badge{background:var(--gray-200);min-width:20px;height:20px;color:var(--gray-700);border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.lib-tab.active .lib-tab-badge{background:var(--primary-bg);color:var(--primary)}.lib-toolbar-actions{align-items:center;gap:10px;display:inline-flex}.lib-section{flex-direction:column;gap:16px;display:flex}.lib-batch-strip{flex-wrap:wrap;gap:8px;display:flex}.lib-batch-chip{color:var(--gray-600);background:var(--gray-50);border:1px solid var(--gray-200);border-radius:999px;align-items:center;gap:4px;padding:5px 12px;font-size:12px;font-weight:500;display:inline-flex}.lib-batch-chip strong{color:var(--gray-900);font-weight:700}.lib-bulkbar{background:var(--white);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;display:flex}.lib-bulk-count{color:var(--primary);font-size:13px;font-weight:700}.lib-bulk-hint{color:var(--gray-500);font-size:13px}.lib-bulk-spacer{flex:auto}.lib-card{background:var(--white);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);border-radius:12px;flex-direction:column;transition:box-shadow .14s,border-color .14s;display:flex;position:relative;overflow:hidden}.lib-card:hover{box-shadow:var(--shadow-md)}.lib-card.selected{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-bg)}.lib-check{z-index:2;width:28px;height:28px;box-shadow:var(--shadow-sm);cursor:pointer;background:#ffffffeb;border-radius:8px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:10px;left:10px}.lib-check input{cursor:pointer;width:16px;height:16px;accent-color:var(--primary)}.lib-card-open{cursor:pointer;background:0 0;border:none;width:100%;padding:0;display:block}.lib-thumb{aspect-ratio:3/2;justify-content:center;align-items:center;width:100%;padding:14px;display:flex;position:relative}.lib-thumb-title{color:#fff;text-align:center;text-shadow:0 1px 3px #00000047;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:15px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.lib-card-body{flex-direction:column;gap:10px;padding:12px 14px 14px;display:flex}.lib-card-titlerow{justify-content:space-between;align-items:center;gap:8px;display:flex}.lib-card-title{text-align:left;color:var(--gray-900);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;flex:auto;min-width:0;padding:0;font-size:14px;font-weight:600;overflow:hidden}.lib-card-title:hover{color:var(--primary)}.lib-card-meta{align-items:center;gap:6px;display:flex}.lib-card-actions{gap:8px;display:flex}.lib-card-actions .ps-btn{flex:1 1 0;justify-content:center}.lib-badge{letter-spacing:.03em;text-transform:uppercase;border-radius:999px;flex-shrink:0;align-items:center;padding:3px 8px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.lib-badge.ai{color:var(--orange-500);background:#fff7ed;border:1px solid #fed7aa}.lib-badge.ai.sm{padding:2px 7px}.lib-badge.approved{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.gen-page{flex-direction:column;gap:24px;max-width:900px;display:flex}.gen-card{background:var(--white);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);border-radius:12px;padding:24px}.gen-section-title{color:var(--gray-900);margin:0;font-size:18px;font-weight:600}.gen-section-sub{color:var(--gray-500);margin:6px 0 20px;font-size:14px;line-height:1.5}.gen-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.gen-field{flex-direction:column;gap:6px;display:flex}.gen-field-full{grid-column:1/-1}.gen-field-narrow{max-width:220px}.gen-field label{color:var(--gray-700);font-size:13px;font-weight:600}.gen-field input[type=text],.gen-field input[type=number],.gen-field select,.gen-field textarea{background:var(--white);border:1px solid var(--gray-300);width:100%;color:var(--gray-900);box-sizing:border-box;border-radius:8px;padding:9px 10px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.gen-field textarea{resize:vertical;line-height:1.5}.gen-field input:focus,.gen-field select:focus,.gen-field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg);outline:none}.gen-field input::placeholder,.gen-field textarea::placeholder{color:var(--gray-400)}.gen-checkrow{flex-wrap:wrap;gap:10px;display:flex}.gen-check{border:1px solid var(--gray-300);color:var(--gray-700);cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--white);border-radius:8px;align-items:center;gap:7px;padding:8px 12px;font-size:14px;font-weight:500;display:inline-flex}.gen-check input{accent-color:var(--primary);cursor:pointer;margin:0}.gen-check:hover{border-color:var(--primary)}.gen-actions{justify-content:flex-end;margin-top:20px;display:flex}.gen-inline-error{border:1px solid var(--red-500);color:var(--red-500);background:#fef2f2;border-radius:8px;margin-top:16px;padding:10px 12px;font-size:14px;line-height:1.45}.gen-result{flex-direction:column;gap:18px;display:flex}.gen-warning{border:1px solid var(--orange-500);color:#9a3412;background:#fff7ed;border-left-width:4px;border-radius:8px;padding:12px 14px;font-size:14px;line-height:1.5}.gen-warning strong{color:#9a3412}.gen-meta{flex-wrap:wrap;gap:24px;display:flex}.gen-meta>div{flex-direction:column;gap:3px;display:flex}.gen-meta-label{letter-spacing:.04em;text-transform:uppercase;color:var(--gray-500);font-size:11px;font-weight:600}.gen-meta-value{color:var(--gray-900);font-family:Space Mono,ui-monospace,monospace;font-size:14px;font-weight:500}.gen-prompt-head{justify-content:space-between;align-items:center;display:flex}.gen-prompt-label{color:var(--gray-700);font-size:13px;font-weight:600}.gen-prompt-text{resize:vertical;background:var(--gray-50);border:1px solid var(--gray-300);width:100%;height:380px;color:var(--gray-900);box-sizing:border-box;white-space:pre;border-radius:8px;padding:14px;font-family:Space Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;line-height:1.55}.gen-prompt-text:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg);outline:none}.gen-keys-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.gen-keys-head .gen-section-title{margin:0}.gen-table-wrap{overflow-x:auto}.gen-table{border-collapse:collapse;width:100%;font-size:14px}.gen-table thead th{text-align:left;letter-spacing:.03em;text-transform:uppercase;color:var(--gray-500);border-bottom:1px solid var(--gray-200);padding:8px 12px;font-size:12px;font-weight:600}.gen-table tbody td{border-bottom:1px solid var(--gray-100);color:var(--gray-800);vertical-align:middle;padding:12px}.gen-table tbody tr:last-child td{border-bottom:none}.gen-row-action{text-align:right;white-space:nowrap}.gen-status{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.gen-status-active{color:#047857;background:#ecfdf5}.gen-status-revoked{color:#b91c1c;background:#fef2f2}.gen-status-expired{color:#c2410c;background:#fff7ed}.gen-fonts-note{color:var(--gray-400);margin:16px 0 0;font-size:12px;line-height:1.5}@media (width<=640px){.gen-grid{grid-template-columns:1fr}.gen-field-narrow{max-width:none}}.brand-page{width:100%;max-width:760px;margin:0 auto}.brand-page-desc{color:var(--gray-500);margin:0 0 16px;font-size:13px;line-height:1.5}.brand-page-card{background:var(--white);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);border-radius:12px;padding:8px}.set-page{flex-direction:column;gap:20px;width:100%;max-width:760px;margin:0 auto;display:flex}.set-card{background:var(--white);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);border-radius:12px;padding:22px 24px}.set-card-title{color:var(--gray-900);margin:0 0 14px;font-size:15px;font-weight:600}.set-card-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.set-card-header .set-card-title{margin:0}.set-note{color:var(--gray-600);margin:0 0 12px;font-size:13px;line-height:1.5}.set-note-muted{color:var(--gray-400);margin:12px 0 0;font-size:12px}.set-account-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.set-account-name{color:var(--gray-900);font-size:14px;font-weight:600}.set-account-email{color:var(--gray-500);margin-top:2px;font-size:13px}.set-account-signedout{flex-direction:column;align-items:flex-start;display:flex}.set-member-list{flex-direction:column;gap:8px;margin:0 0 16px;padding:0;list-style:none;display:flex}.set-member-row{border:1px solid var(--gray-200);background:var(--gray-50);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.set-member-main{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.set-member-email{color:var(--gray-800);word-break:break-all;font-size:13px}.set-pill{letter-spacing:.02em;border-radius:999px;align-items:center;padding:3px 8px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.set-pill-primary{background:var(--primary-bg);color:var(--primary)}.set-pill-gray{background:var(--gray-100);color:var(--gray-600)}.set-pill-pending{color:var(--orange-500);background:#fff7ed}.set-add-member{margin-top:4px}.set-add-member-row{gap:8px;display:flex}.set-add-member-row .set-input{flex:1}.set-error{color:var(--red-500);margin-top:8px;font-size:12px}.set-radio-group{flex-direction:column;gap:10px;display:flex}.set-radio{color:var(--gray-700);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.set-radio input{accent-color:var(--primary)}.set-field-grid{flex-wrap:wrap;gap:16px;display:flex}.set-field{flex-direction:column;flex:1;gap:6px;min-width:160px;display:flex}.set-label{color:var(--gray-600);font-size:12px;font-weight:600}.set-input{background:var(--white);border:1px solid var(--gray-300);color:var(--gray-900);border-radius:8px;outline:none;padding:9px 10px;font-size:13px;transition:border-color .15s}.set-input:focus{border-color:var(--primary)}