:root{--canvas: #dfe6f0;--canvas-deep: #f5f7fa;--paper: #f6f8fb;--paper-2: #edf1f6;--surface: #ffffff;--surface-soft: #f7f9fc;--ink: #11182d;--ink-2: #2c3448;--ink-muted: #727b8f;--ink-faint: #aab1bf;--rule: #e5e9f0;--rule-strong: #d4dae4;--stamp: #11182d;--stamp-hover: #202a45;--stamp-soft: #e8ebf2;--green: #08a545;--green-hover: #078d3c;--green-soft: #e4f7eb;--correction: #c23b4b;--correction-soft: #fdecef;--ok: #088e3e;--ok-soft: #e4f7eb;--warn: #9a6c0d;--warn-soft: #fff4d7;--font-display: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-ui: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;--font-arabic: Cairo, Tahoma, Arial, sans-serif;--shadow-sm: 0 4px 14px rgba(21, 32, 56, .06);--shadow-md: 0 16px 42px rgba(21, 32, 56, .12);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{margin:0;min-height:100%;height:100%}body{background:var(--canvas);color:var(--ink);font-family:var(--font-ui);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}[dir=rtl] body,[dir=rtl] .h-display,[dir=rtl] .mono,[dir=rtl] .num,[dir=rtl] .product-row__meta{font-family:var(--font-arabic)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--stamp);text-decoration:none}a:hover{text-decoration:underline}svg{flex:0 0 auto}.h-display{font-family:var(--font-display);font-weight:700;letter-spacing:-.025em;line-height:1.15}.h1{font-size:30px}.h2{font-size:21px}.h3{font-size:16px}.eyebrow{color:var(--ink-muted);font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.mono,.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.muted{color:var(--ink-muted)}.row{display:flex;gap:10px;align-items:center}.grow{flex:1 1 auto;min-width:0}.cluster{display:flex;flex-wrap:wrap;gap:8px}.stack{display:flex;flex-direction:column;gap:12px}.stack-sm{gap:7px}.stack-lg{gap:18px}.field{display:flex;flex-direction:column;gap:7px}.field label{display:flex;align-items:baseline;justify-content:space-between;color:var(--ink-2);font-size:12px;font-weight:650}.field label .optional{color:var(--ink-faint);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.input,.select,.textarea{width:100%;min-height:43px;padding:10px 13px;color:var(--ink);background:var(--paper-2);border:1px solid transparent;border-radius:var(--radius-sm);outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.input::placeholder,.textarea::placeholder{color:var(--ink-faint)}.input:hover,.select:hover,.textarea:hover{background:#e9edf3}.input:focus,.select:focus,.textarea:focus{background:#fff;border-color:var(--green);box-shadow:0 0 0 4px var(--green-soft)}.input.is-error{border-color:var(--correction);background:var(--correction-soft)}.btn{min-height:40px;padding:9px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#fff;background:var(--stamp);border:1px solid var(--stamp);border-radius:999px;font-size:12px;font-weight:700;line-height:1;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s}.btn:hover{background:var(--stamp-hover);border-color:var(--stamp-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn:active{transform:translateY(0)}.btn:disabled{cursor:not-allowed;opacity:.45;transform:none;box-shadow:none}.btn-primary{background:var(--green);border-color:var(--green)}.btn-primary:hover{background:var(--green-hover);border-color:var(--green-hover)}.btn-ghost{color:var(--ink);background:#fff;border-color:var(--rule)}.btn-ghost:hover{color:var(--ink);background:var(--paper-2);border-color:var(--rule-strong)}.btn-quiet{color:var(--ink-muted);background:transparent;border-color:transparent}.btn-quiet:hover{color:var(--ink);background:var(--paper-2);border-color:transparent;box-shadow:none}.btn-danger{color:var(--correction);background:transparent;border-color:transparent}.btn-danger:hover{color:var(--correction);background:var(--correction-soft);border-color:transparent;box-shadow:none}.btn-sm{min-height:32px;padding:7px 11px;font-size:11px}.icon-button{width:34px;height:34px;display:grid;place-items:center;color:#fff;background:var(--stamp);border:0;border-radius:50%;font-size:20px;line-height:1}.workbench{display:grid;grid-template-columns:76px minmax(360px,410px) minmax(0,1fr);height:100vh;padding:14px;gap:14px;background:var(--canvas);overflow:hidden}.workspace-rail{min-height:0;padding:10px 8px;display:flex;flex-direction:column;align-items:center;color:var(--ink);background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.rail-brand{width:48px;height:48px;display:grid;place-items:center;margin-bottom:24px;color:#ffc21a;background:var(--stamp);border:0;border-radius:50%}.rail-brand svg{width:23px;height:23px;fill:currentColor;stroke:none}.rail-actions,.rail-account{display:flex;flex-direction:column;gap:10px;align-items:center}.rail-actions{flex:1}.rail-button{position:relative;width:44px;height:44px;display:grid;place-items:center;color:var(--ink-muted);background:transparent;border:0;border-radius:50%;transition:color .15s,background .15s}.rail-button:hover,.rail-button.is-active{color:#fff;background:var(--stamp)}.rail-button:focus-visible{outline:3px solid var(--green-soft);box-shadow:0 0 0 2px var(--green)}.rail-badge{position:absolute;top:-2px;inset-inline-end:-3px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;color:#fff;background:var(--green);border:2px solid #fff;border-radius:999px;font-size:8px;font-weight:800}.rail-preview-button{display:none}.rail-account .segmented{width:44px;flex-direction:column;border:0;background:transparent}.rail-account .segmented button{width:44px;padding:5px 2px!important;border:0!important;border-radius:8px}.user-avatar{width:36px;height:36px;display:grid;place-items:center;color:#fff;background:var(--green);border-radius:50%;font-size:12px;font-weight:800}.workbench__panel,.workbench__stage{min-width:0;min-height:0;overflow:hidden;border-radius:var(--radius-lg)}.workbench__panel{display:flex;flex-direction:column;background:#f7f9fcd1}.panel-header{padding:20px 22px 17px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#ffffffc7;border-bottom:1px solid rgba(255,255,255,.8);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.wordmark{color:var(--ink);font-weight:800;letter-spacing:-.04em;white-space:nowrap}.wordmark span{color:var(--green)}.autosave-status{display:inline-flex;align-items:center;gap:6px;color:var(--green-hover);font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.07em}.autosave-status span{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 0 4px var(--green-soft)}.autosave-status.is-error{color:var(--correction)}.autosave-status.is-error span{background:var(--correction);box-shadow:0 0 0 4px var(--correction-soft)}.mobile-account-actions{display:none;align-items:center;gap:7px}.panel-scroll{flex:1;overflow-y:auto;padding:14px;scrollbar-width:thin;scrollbar-color:var(--rule-strong) transparent}.settings-card{scroll-margin-top:14px;margin-bottom:12px;padding:18px;background:#fff;border:1px solid rgba(229,233,240,.8);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.settings-card:last-child{margin-bottom:0}.panel-section__title{display:flex;align-items:center;gap:12px;margin-bottom:16px}.panel-section__title h3{margin:0;color:var(--ink);font-size:14px;font-weight:750;letter-spacing:-.01em}.panel-section__title p{margin:2px 0 0;color:var(--ink-muted);font-size:11px}.section-icon{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;color:var(--ink);background:var(--paper-2);border-radius:50%}.section-icon svg{width:18px;height:18px}.compact-card .panel-section__title{margin-bottom:8px}.compact-card .stack{gap:18px}.chip-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.chip{min-width:0;padding:12px 6px;display:flex;flex-direction:column;align-items:center;gap:7px;color:var(--ink-muted);background:var(--surface-soft);border:1px solid transparent;border-radius:var(--radius-sm);font-size:11px;font-weight:650;transition:.15s}.chip:hover{color:var(--ink);background:var(--paper-2)}.chip.is-selected{color:#fff;background:var(--stamp);border-color:var(--stamp);box-shadow:0 7px 18px #11182d29}.chip svg{display:block}.font-chip-group{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.font-chip{min-width:0;padding:9px 4px 7px;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--ink-muted);background:var(--surface-soft);border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:.15s}.font-chip:hover{color:var(--ink);background:var(--paper-2)}.font-chip.is-selected{color:#fff;background:var(--stamp);border-color:var(--stamp);box-shadow:0 5px 14px #11182d29}.font-chip__sample{font-size:17px;font-weight:700;line-height:1}.font-chip__label{font-size:9px;font-weight:700;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.segmented{display:inline-flex;max-width:100%;padding:3px;overflow:hidden;background:var(--paper-2);border:1px solid var(--rule);border-radius:999px}.segmented button{padding:7px 12px;color:var(--ink-muted);background:transparent;border:0;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.segmented button.is-active{color:#fff;background:var(--stamp);box-shadow:0 3px 10px #11182d2e}.palette-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.color-field{min-width:0;display:flex;flex-direction:column;gap:5px}.color-field label{color:var(--ink-muted);font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.06em}.color-field__swatch{min-width:0;padding:4px;display:flex;align-items:center;gap:5px;background:var(--paper-2);border:1px solid var(--rule);border-radius:9px}.color-field__swatch input[type=color]{width:28px;height:28px;flex:0 0 auto;padding:0;overflow:hidden;background:transparent;border:0;border-radius:7px;cursor:pointer}.color-field__swatch input[type=text]{min-width:0;width:100%;padding:0;background:transparent;border:0;outline:none;font-family:var(--font-mono);font-size:9px;text-transform:uppercase}.product-actions{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}.product-list{display:flex;flex-direction:column;gap:7px}.product-row{display:grid;grid-template-columns:44px minmax(0,1fr) 30px;gap:11px;align-items:center;padding:8px;background:var(--surface-soft);border:1px solid transparent;border-radius:12px;cursor:pointer;transition:.15s}.product-row:hover{background:var(--paper-2);border-color:var(--rule);transform:translate(2px)}[dir=rtl] .product-row:hover{transform:translate(-2px)}.product-row.is-editing{background:var(--green-soft);border-color:#08a54538}.product-row__thumb{width:44px;height:44px;object-fit:cover;background:var(--paper-2);border:1px solid var(--rule);border-radius:10px}.product-row__name{overflow:hidden;color:var(--ink);font-size:12px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.product-row__meta{margin-top:3px;overflow:hidden;color:var(--ink-muted);font-family:var(--font-mono);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.product-delete{width:28px;height:28px;display:grid;place-items:center;color:var(--ink-faint);background:transparent;border:0;border-radius:50%;font-size:18px}.product-delete:hover{color:var(--correction);background:var(--correction-soft)}.empty-state{min-height:120px;padding:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--ink-muted);background:var(--surface-soft);border:1px dashed var(--rule-strong);border-radius:12px;text-align:center;font-size:11px}.empty-state svg{width:26px;height:26px;color:var(--ink-faint)}.workbench__stage{display:flex;flex-direction:column;background:var(--canvas-deep);box-shadow:inset 0 0 0 1px #ffffff59}.stage-toolbar{min-height:70px;padding:13px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:#ffffffeb;border-bottom:1px solid rgba(229,233,240,.8)}.preview-heading{display:flex;align-items:center;gap:11px;min-width:0}.preview-title{color:var(--ink);font-size:14px;font-weight:800}.preview-meta{margin-top:2px;color:var(--ink-muted);font-size:10px;font-weight:650;letter-spacing:.03em;text-transform:uppercase}.stage-canvas{flex:1;min-height:0;overflow:auto;padding:28px;display:flex;justify-content:center;align-items:flex-start}.stage-canvas__page-wrap{width:100%;max-width:850px;min-height:100%;overflow:hidden;background:#fff;border:6px solid rgba(255,255,255,.72);border-radius:18px;box-shadow:0 22px 55px #121d3433}.stage-canvas iframe{width:100%;height:calc(100vh - 126px);display:block;background:#fff;border:0;border-radius:12px}.auth-screen{min-height:100vh;padding:28px;display:grid;place-items:center;background:radial-gradient(circle at 18% 15%,rgba(255,255,255,.65),transparent 26%),radial-gradient(circle at 85% 82%,rgba(8,165,69,.09),transparent 22%),var(--canvas)}.auth-card{position:relative;width:100%;max-width:400px;padding:34px;overflow:hidden;background:#fffffff5;border:1px solid rgba(255,255,255,.75);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.auth-card:before{content:"";position:absolute;width:150px;height:150px;top:-80px;inset-inline-start:-70px;background:var(--green-soft);border-radius:50%;pointer-events:none}.auth-card__brand{position:relative;margin-bottom:25px;display:flex;flex-direction:column;gap:5px}.auth-card__brand .wordmark{font-size:25px}.auth-card__brand .tagline{color:var(--ink-muted);font-size:10px;font-weight:650;letter-spacing:.09em;text-transform:uppercase}.auth-tabs{position:relative;margin-bottom:18px;padding:3px;display:flex;background:var(--paper-2);border-radius:999px}.auth-tabs button{flex:1;padding:9px 10px;color:var(--ink-muted);background:transparent;border:0;border-radius:999px;font-size:12px;font-weight:700}.auth-tabs button.is-active{color:#fff;background:var(--stamp);box-shadow:0 4px 12px #11182d2e}.divider-with-text{margin:18px 0;display:flex;align-items:center;gap:10px;color:var(--ink-faint);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.divider-with-text:before,.divider-with-text:after{content:"";flex:1;height:1px;background:var(--rule)}.btn-google{width:100%;color:var(--ink);background:#fff;border-color:var(--rule)}.btn-google:hover{color:var(--ink);background:var(--surface-soft);border-color:var(--rule-strong)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;padding:20px;display:grid;place-items:center;background:#11182d94;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal{width:100%;max-width:800px;max-height:92vh;display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid rgba(255,255,255,.65);border-radius:var(--radius-lg);box-shadow:0 28px 80px #050c1e4d}.modal__header{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rule)}.modal__header .btn{width:34px;height:34px;min-height:34px;padding:0;font-size:18px}.modal__body{padding:24px;overflow:auto}.modal__footer{padding:16px 24px;display:flex;justify-content:flex-end;gap:9px;background:var(--surface-soft);border-top:1px solid var(--rule)}.preview-table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;font-size:12px}.preview-table th,.preview-table td{padding:10px;text-align:start;border-bottom:1px solid var(--rule)}.preview-table th{position:sticky;top:0;color:var(--ink-muted);background:var(--paper-2);font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.preview-table tr.is-valid td:first-child{border-inline-start:3px solid var(--ok)}.preview-table tr.is-invalid td:first-child{border-inline-start:3px solid var(--correction)}.row-flag{display:inline-block;padding:4px 8px;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.row-flag.ok{color:var(--ok);background:var(--ok-soft)}.row-flag.err{color:var(--correction);background:var(--correction-soft)}.upload-zone{padding:38px 24px;color:var(--ink);background:var(--surface-soft);border:1px dashed var(--rule-strong);border-radius:16px;text-align:center;cursor:pointer;transition:background .15s,border-color .15s}.upload-zone:hover{background:var(--green-soft);border-color:var(--green)}.upload-zone__icon{width:42px;height:42px;margin:0 auto 12px;display:grid;place-items:center;color:#fff;background:var(--green);border-radius:50%;font-size:20px;font-weight:700}.banner{margin:0 0 12px;padding:11px 14px;border-radius:11px;font-size:11px;font-weight:650}.banner.error{color:var(--correction);background:var(--correction-soft)}.banner.info{color:var(--ok);background:var(--ok-soft)}.mobile-tabs{display:none}@media (max-width: 1120px){.workbench{grid-template-columns:68px minmax(330px,380px) minmax(0,1fr);padding:10px;gap:10px}.stage-canvas{padding:16px}.workspace-rail{border-radius:20px}}@media (max-width: 820px){.workbench{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 70px;padding:0;gap:0}.workspace-rail{grid-row:2;z-index:20;padding:8px 20px;flex-direction:row;justify-content:center;border-radius:20px 20px 0 0;box-shadow:0 -8px 30px #11182d1f}.rail-brand,.rail-account{display:none}.rail-actions{flex:initial;flex-direction:row;gap:18px}.rail-preview-button{display:grid}.workbench__panel,.workbench__stage{grid-row:1;grid-column:1;border-radius:0}.workbench__stage.is-hidden-mobile,.workbench__panel.is-hidden-mobile{display:none}.panel-header{padding:16px 18px}.autosave-status{display:none}.mobile-account-actions{display:flex}.mobile-account-actions .icon-button{width:34px;height:34px}.mobile-account-actions .icon-button svg{width:16px;height:16px}.panel-scroll{padding:12px}.mobile-tabs{display:none}.stage-toolbar{min-height:65px}.stage-canvas{padding:12px}.stage-canvas iframe{height:calc(100vh - 159px)}}@media (max-width: 520px){.settings-card{padding:15px}.palette-row{grid-template-columns:1fr}.color-field__swatch input[type=text]{font-size:10px}.stage-toolbar{align-items:center}.preview-heading .section-icon{display:none}.stage-toolbar .btn{width:42px;padding:0;font-size:0}.stage-toolbar .btn svg{width:18px}.modal-backdrop{padding:10px;align-items:end}.modal{max-height:95vh;border-radius:22px 22px 0 0}.modal__header,.modal__body{padding:18px}.modal__footer{padding:14px 18px;flex-wrap:wrap}.modal__footer .btn{flex:1}.modal__body .row{flex-wrap:wrap}.auth-screen{padding:14px}.auth-card{padding:28px 22px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--green);outline-offset:2px}