@import "https://fonts.googleapis.com/css2?family=Inter:wght@300..700&display=swap";
:root{--action-blue:#06c;--focus-blue:#0071e3;--sky-link-blue:#2997ff;--canvas:#fff;--canvas-parchment:#f5f5f7;--surface-pearl:#fafafc;--surface-tile-1:#272729;--surface-tile-2:#2a2a2c;--surface-tile-3:#252527;--surface-black:#000;--surface-chip-translucent:#d2d2d7a3;--ink:#1d1d1f;--body-color:#1d1d1f;--body-on-dark:#fff;--body-muted:#ccc;--ink-muted-80:#333;--ink-muted-48:#7a7a7a;--divider-soft:#0000000a;--hairline:#e0e0e0;--sp-xxs:4px;--sp-xs:8px;--sp-sm:12px;--sp-md:17px;--sp-lg:24px;--sp-xl:32px;--sp-xxl:48px;--sp-section:80px;--radius-none:0;--radius-xs:5px;--radius-sm:8px;--radius-md:11px;--radius-lg:18px;--radius-pill:9999px;--radius-full:50%;--product-shadow:3px 5px 30px #00000038;--font-display:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Display", sans-serif;--font-body:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background:var(--canvas);min-height:100vh;color:var(--ink);font-family:var(--font-body);letter-spacing:-.374px;font-size:17px;font-weight:400;line-height:1.44}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600}.hero h1{letter-spacing:-.28px;font-feature-settings:"ss03";font-size:clamp(34px,5vw,56px);font-weight:600;line-height:1.07}.display-lg{letter-spacing:0;font-feature-settings:"ss03";font-size:40px;font-weight:600;line-height:1.1}h2{letter-spacing:-.374px;font-feature-settings:"ss03";font-size:34px;font-weight:600;line-height:1.47}.lead{letter-spacing:.196px;font-size:28px;font-weight:400;line-height:1.14}.tagline{letter-spacing:.231px;font-size:21px;font-weight:600;line-height:1.19}.body-strong{letter-spacing:-.374px;font-size:17px;font-weight:600;line-height:1.24}.caption{letter-spacing:-.224px;font-size:14px;font-weight:400;line-height:1.43}.caption-strong{letter-spacing:-.224px;font-size:14px;font-weight:600;line-height:1.29}.fine-print,.nav-link-size{letter-spacing:-.12px;font-size:12px;font-weight:400;line-height:1}.global-nav{z-index:100;background:var(--surface-black);align-items:center;height:44px;display:flex;position:sticky;top:0}.global-nav .nav-container{width:100%;max-width:1440px;padding:0 var(--sp-lg);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.nav-logo{align-items:center;gap:var(--sp-xs);color:var(--body-on-dark);font-family:var(--font-display);letter-spacing:-.28px;font-size:17px;font-weight:600;text-decoration:none;display:flex}.nav-logo-icon{color:var(--body-on-dark);font-size:18px}.nav-actions{align-items:center;gap:var(--sp-md);display:flex}.nav-status{color:var(--body-muted);letter-spacing:-.12px;align-items:center;gap:6px;font-size:12px;font-weight:400;display:flex}.nav-status-dot{border-radius:var(--radius-full);background:#34c759;width:7px;height:7px}.shell{background:var(--canvas-parchment);min-height:calc(100vh - 44px)}.hero{background:var(--canvas);padding:var(--sp-xxl) var(--sp-lg) var(--sp-xl);text-align:center}.hero-eyebrow{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-muted-48);margin-bottom:var(--sp-sm);font-size:12px;font-weight:600;display:inline-block}.hero h1{margin-bottom:var(--sp-sm)}.hero-tagline{letter-spacing:.231px;color:var(--ink-muted-80);max-width:60ch;margin:0 auto var(--sp-xl);font-size:21px;font-weight:400;line-height:1.19}.hero-stats{justify-content:center;gap:var(--sp-lg);flex-wrap:wrap;display:flex}.hero-stat{padding:var(--sp-lg) var(--sp-xl);background:var(--surface-pearl);border:1px solid var(--divider-soft);border-radius:var(--radius-lg);min-width:130px}.hero-stat-label{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted-48);margin-bottom:var(--sp-xxs);font-size:12px;font-weight:600;display:block}.hero-stat-value{font-family:var(--font-display);letter-spacing:-.374px;color:var(--ink);font-feature-settings:"ss03";font-size:34px;font-weight:600;line-height:1.1;display:block}.toolbar{background:var(--canvas-parchment);padding:var(--sp-lg) var(--sp-lg);border-bottom:1px solid var(--divider-soft)}.toolbar-inner{gap:var(--sp-lg);justify-content:space-between;align-items:center;max-width:1440px;margin:0 auto;display:flex}.search-wrapper{flex:1;max-width:520px;position:relative}.search-input{width:100%;height:44px;font-family:var(--font-body);letter-spacing:-.374px;color:var(--ink);background:var(--canvas);border-radius:var(--radius-pill);-webkit-appearance:none;border:1px solid #00000014;outline:none;padding:12px 20px 12px 44px;font-size:17px;font-weight:400;line-height:1.47;transition:border-color .15s,box-shadow .15s}.search-input::placeholder{color:var(--ink-muted-48)}.search-input:focus{border-color:var(--action-blue);box-shadow:0 0 0 3px #0066cc26}.search-icon{color:var(--ink-muted-48);pointer-events:none;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.btn-primary{background:var(--action-blue);color:#fff;font-family:var(--font-body);letter-spacing:-.374px;border-radius:var(--radius-pill);cursor:pointer;border:none;justify-content:center;align-items:center;gap:6px;padding:11px 22px;font-size:17px;font-weight:400;line-height:1.47;text-decoration:none;transition:transform .1s,box-shadow .15s;display:inline-flex}.btn-primary:hover{transform:scale(1.02)}.btn-primary:active{transform:scale(.95)}.btn-primary:focus-visible{outline:2px solid var(--focus-blue);outline-offset:2px}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary-pill{color:var(--action-blue);font-family:var(--font-body);letter-spacing:-.374px;border:1px solid var(--action-blue);border-radius:var(--radius-pill);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:6px;padding:11px 22px;font-size:17px;font-weight:400;line-height:1.47;text-decoration:none;transition:transform .1s,background .15s;display:inline-flex}.btn-secondary-pill:hover{background:#0066cc0f}.btn-secondary-pill:active{transform:scale(.95)}.btn-secondary-pill:focus-visible{outline:2px solid var(--focus-blue);outline-offset:2px}.btn-dark-utility{background:var(--ink);color:var(--body-on-dark);font-family:var(--font-body);letter-spacing:-.224px;border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;padding:8px 15px;font-size:14px;font-weight:400;line-height:1.29;transition:transform .1s;display:inline-flex}.btn-dark-utility:hover{transform:scale(1.03)}.btn-dark-utility:active{transform:scale(.95)}.btn-pearl{background:var(--surface-pearl);color:var(--ink-muted-80);font-family:var(--font-body);letter-spacing:-.224px;border:3px solid var(--divider-soft);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;padding:8px 14px;font-size:14px;font-weight:400;line-height:1.43;transition:transform .1s,border-color .15s;display:inline-flex}.btn-pearl:hover{border-color:var(--hairline)}.btn-pearl:active{transform:scale(.95)}.text-link{color:var(--action-blue);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:400;text-decoration:none}.text-link:hover{text-decoration:underline}.text-link:focus-visible{outline:2px solid var(--focus-blue);outline-offset:2px;border-radius:2px}.workspace-area{max-width:1440px;padding:var(--sp-xl) var(--sp-lg);margin:0 auto}.workspace{gap:var(--sp-lg);grid-template-columns:420px 1fr;align-items:start;display:grid}.editor-panel{background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:var(--sp-lg);position:sticky;top:68px}.editor-header{margin-bottom:var(--sp-lg);padding-bottom:var(--sp-lg);border-bottom:1px solid var(--divider-soft);justify-content:space-between;align-items:flex-start;display:flex}.editor-label{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted-48);margin-bottom:var(--sp-xxs);font-size:12px;font-weight:600}.editor-header h2{margin:0;font-size:22px;line-height:1.1}.editor-form{gap:var(--sp-md);flex-direction:column;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{letter-spacing:-.224px;color:var(--ink-muted-80);font-size:14px;font-weight:600;line-height:1.29}.form-group label .required{color:var(--action-blue)}.editor-form input[type=text],.editor-form input[type=url],.editor-form input[type=number],.editor-form input[type=password],.editor-form select,.editor-form textarea{width:100%;font-family:var(--font-body);letter-spacing:-.374px;color:var(--ink);background:var(--canvas);border-radius:var(--radius-sm);border:1px solid #00000014;outline:none;padding:12px 16px;font-size:17px;font-weight:400;line-height:1.47;transition:border-color .15s,box-shadow .15s}.editor-form input:focus,.editor-form select:focus,.editor-form textarea:focus{border-color:var(--action-blue);box-shadow:0 0 0 3px #0066cc26}.editor-form textarea{resize:vertical;min-height:80px}.editor-form select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%237a7a7a' stroke-width='1.5' d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:40px}.form-row{gap:var(--sp-sm);grid-template-columns:1fr 1fr;display:grid}.form-actions{gap:var(--sp-sm);margin-top:var(--sp-xs);display:flex}.char-counter{color:var(--ink-muted-48);font-size:12px;font-weight:400}.status{padding:var(--sp-sm) var(--sp-md);border-radius:var(--radius-sm);letter-spacing:-.224px;font-size:14px;font-weight:400;line-height:1.43}.status.error{color:#d32f2f;background:#fef0f0;border:1px solid #f5c6cb}.status.success{color:#2e7d32;background:#f0faf5;border:1px solid #c3e6cb}.list-panel-header{margin-bottom:var(--sp-lg);justify-content:space-between;align-items:center;display:flex}.list-panel-header h2{margin:0;font-size:28px}.record-count{color:var(--ink-muted-80);background:var(--canvas);border-radius:var(--radius-pill);border:1px solid var(--divider-soft);padding:6px 14px;font-size:14px;font-weight:600}.template-grid{gap:var(--sp-lg);grid-template-columns:repeat(auto-fill,minmax(270px,1fr));display:grid}.template-card{background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-lg);flex-direction:column;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden}.template-card:hover{transform:translateY(-2px);box-shadow:0 2px 12px #00000014}.template-card.selected{border-color:var(--action-blue);border-width:2px}.card-image-wrapper{aspect-ratio:16/10;background:var(--canvas-parchment);cursor:pointer;position:relative;overflow:hidden}.card-image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.template-card:hover .card-image-wrapper img{transform:scale(1.03)}.card-image-overlay{opacity:0;color:#fff;font-family:var(--font-body);letter-spacing:-.224px;background:#00000059;place-items:center;font-size:14px;font-weight:600;transition:opacity .2s;display:grid;position:absolute;inset:0}.card-image-wrapper:hover .card-image-overlay{opacity:1}.card-body{padding:var(--sp-lg);gap:var(--sp-sm);flex-direction:column;flex:1;display:flex}.card-topline{justify-content:space-between;align-items:center;gap:var(--sp-xs);display:flex}.card-category{text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-pill);border:1px solid;padding:3px 10px;font-size:11px;font-weight:700;line-height:1.3}.cat-studio{color:#6c47ff;background:#6c47ff0f;border-color:#6c47ff4d}.cat-lifestyle{color:var(--action-blue);background:#0066cc0f;border-color:#0066cc40}.cat-seasonal{color:#e07000;background:#e070000f;border-color:#e0700040}.cat-brand{color:#00875a;background:#00875a0f;border-color:#00875a40}.card-vis-tag{text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-xs);padding:2px 8px;font-size:11px;font-weight:600}.card-vis-tag.public{color:#2e7d32;background:#2e7d3214;border:1px solid #2e7d3233}.card-vis-tag.hidden{color:#e07000;background:#e0700014;border:1px solid #e0700033}.card-body h3{letter-spacing:-.374px;color:var(--ink);font-size:17px;font-weight:600;line-height:1.24}.card-description{letter-spacing:-.224px;color:var(--ink-muted-48);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;font-weight:400;line-height:1.43;display:-webkit-box;overflow:hidden}.card-meta{padding-top:var(--sp-sm);border-top:1px solid var(--divider-soft);color:var(--ink-muted-48);letter-spacing:-.12px;justify-content:space-between;align-items:center;font-size:12px;font-weight:400;display:flex}.card-meta .meta-credits{color:var(--action-blue);font-weight:600}.card-meta .meta-badge{color:var(--action-blue);border-radius:var(--radius-xs);background:#0066cc14;padding:2px 8px;font-size:11px;font-weight:600}.card-actions{gap:var(--sp-xs);padding-top:var(--sp-sm);grid-template-columns:1fr 1fr;margin-top:auto;display:grid}.empty-state{text-align:center;border-radius:var(--radius-lg);background:var(--canvas);margin-top:var(--sp-lg);border:2px dashed #00000014;padding:64px 40px}.empty-state h3{font-family:var(--font-display);letter-spacing:.231px;margin-bottom:var(--sp-xs);color:var(--ink);font-size:21px;font-weight:600;line-height:1.19}.empty-state p{color:var(--ink-muted-48);font-size:17px;font-weight:400;line-height:1.44}.modal-overlay{-webkit-backdrop-filter:saturate(180%)blur(20px);z-index:1000;padding:var(--sp-lg);background:#0009;place-items:center;animation:.15s both fadeIn;display:grid;position:fixed;inset:0}.modal-content{background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-lg);width:100%;max-width:900px;max-height:90vh;position:relative;overflow-y:auto}.modal-close{background:var(--surface-chip-translucent);border-radius:var(--radius-full);width:36px;height:36px;color:var(--ink);cursor:pointer;z-index:10;border:none;place-items:center;font-size:18px;transition:transform .1s;display:grid;position:absolute;top:16px;right:16px}.modal-close:active{transform:scale(.9)}.modal-grid{grid-template-columns:1fr 1fr;display:grid}.modal-image-wrapper{aspect-ratio:1;background:var(--canvas-parchment);overflow:hidden}.modal-image-wrapper img{object-fit:cover;width:100%;height:100%}.modal-details{padding:var(--sp-xl);gap:var(--sp-lg);flex-direction:column;display:flex;overflow-y:auto}.modal-details h2{margin:0;font-size:28px;line-height:1.1}.modal-description{color:var(--ink-muted-80);font-size:17px;font-weight:400;line-height:1.44}.modal-stats-row{background:var(--canvas-parchment);padding:var(--sp-sm) var(--sp-md);border-radius:var(--radius-sm);color:var(--ink-muted-80);letter-spacing:-.224px;justify-content:space-between;font-size:14px;font-weight:400;display:flex}.modal-stats-row strong{color:var(--ink);font-weight:600}.modal-prompt-label{color:var(--ink-muted-80);letter-spacing:-.224px;font-size:14px;font-weight:600}.modal-prompt-box{background:var(--canvas-parchment);border-radius:var(--radius-sm);padding:var(--sp-md);border:1px solid #0000000f;position:relative}.modal-prompt-text{font-family:var(--font-body);color:var(--ink-muted-80);white-space:pre-wrap;-webkit-user-select:all;user-select:all;margin-bottom:40px;font-size:14px;font-weight:400;line-height:1.5}.modal-prompt-box .btn-primary{padding:7px 16px;font-size:14px;position:absolute;bottom:12px;right:12px}.login-page{background:var(--canvas-parchment);min-height:100vh;padding:var(--sp-lg);place-items:center;display:grid}.login-card{background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:var(--sp-xxl);width:100%;max-width:460px}.login-header{text-align:center;margin-bottom:var(--sp-xl)}.login-header .login-logo{margin-bottom:var(--sp-md);font-size:40px}.login-header h1{font-family:var(--font-display);letter-spacing:-.374px;margin-bottom:var(--sp-xs);font-feature-settings:"ss03";font-size:34px;font-weight:600;line-height:1.1}.login-subtitle{color:var(--ink-muted-80);font-size:17px;font-weight:400;line-height:1.44}.login-card .editor-form{gap:var(--sp-lg)}.login-card .btn-primary{width:100%;margin-top:var(--sp-xs)}.app-footer{background:var(--canvas-parchment);border-top:1px solid var(--divider-soft);padding:var(--sp-xxl) var(--sp-lg)}.footer-inner{text-align:center;max-width:1440px;margin:0 auto}.footer-inner p{letter-spacing:-.12px;color:var(--ink-muted-48);font-size:12px;font-weight:400;line-height:1}.footer-inner p+p{margin-top:var(--sp-xs)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.hero,.toolbar,.workspace-area{animation:.5s both slideUp}.toolbar{animation-delay:50ms}.workspace-area{animation-delay:.1s}@media (max-width:1200px){.workspace{grid-template-columns:1fr}.editor-panel{max-width:100%;position:static}}@media (max-width:833px){.workspace-area{padding:var(--sp-lg) var(--sp-sm)}.toolbar-inner{align-items:stretch;gap:var(--sp-sm);flex-direction:column}.search-wrapper{max-width:100%}.hero{padding:var(--sp-xl) var(--sp-lg)}.hero h1{font-size:34px}.hero-tagline{font-size:17px}.hero-stats{flex-direction:column;align-items:center}.modal-grid{grid-template-columns:1fr}.modal-details{padding:var(--sp-lg)}.template-grid{grid-template-columns:1fr}}@media (max-width:640px){.hero{padding:var(--sp-xl) var(--sp-sm)}.hero h1{font-size:28px}.workspace-area{padding:var(--sp-sm)}.editor-panel{padding:var(--sp-md)}.form-row,.card-actions{grid-template-columns:1fr}}