.share-card-preview-shell{width:100%;max-width:320px;margin:0 auto}.share-card-preview-shell--portrait{aspect-ratio:4/5}.share-card-preview-shell--square{aspect-ratio:1}.share-card-preview-shell--compact{max-width:164px}.share-card-preview{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;height:100%;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.share-card-preview-overlay{pointer-events:none;position:absolute;inset:0}.share-card-preview-text{overflow-wrap:anywhere;min-width:0;line-height:1.1;display:block;position:absolute;overflow:hidden}.share-card-preview-text--editable{appearance:none;cursor:move;background:0 0;border:1px solid #0000;padding:0}.share-card-preview-text--editable.is-selected{outline:2px solid color-mix(in srgb, currentColor 24%, transparent);outline-offset:2px;border-color:currentColor}.share-card-preview-resize-handle{background:var(--color-bg-primary);cursor:nwse-resize;border:2px solid;border-top:0;border-left:0;width:10px;height:10px;position:absolute;bottom:-2px;right:-2px}:root{--color-primary:#be3a7c;--color-border:#dfe4ee;--color-bg-primary:#fff;--color-bg-secondary:#f8fafc;--color-text-primary:#172033;--color-text-secondary:#3c485f;--color-text-tertiary:#64748b;--radius-md:8px;--shadow-sm:0 14px 32px #0f172a1f;--spacing-sm:10px;--spacing-md:16px;--font-size-xs:12px;--font-size-sm:14px;color:#172033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f6f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}button{border:0}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.studio-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.studio-sidebar{background:#fff;border-right:1px solid #dfe4ee;flex-direction:column;gap:24px;padding:24px;display:flex}.studio-brand{align-items:center;gap:12px;display:flex}.studio-mark{color:#fff;background:#111827;border-radius:8px;place-items:center;width:38px;height:38px;font-weight:850;display:grid}.studio-brand strong,.studio-brand small{display:block}.studio-brand strong{font-size:16px}.studio-brand small{color:#64748b;font-size:12px;font-weight:700}.studio-nav{flex-direction:column;gap:8px;display:flex}.studio-nav-item,.back-link{color:#3c485f;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;min-height:42px;padding:0 12px;font-weight:750;text-decoration:none;display:flex}.studio-nav-item.active{color:#be3a7c;background:#fff0f7;border-color:#f7b4d5}.studio-nav-item:disabled{color:#94a3b8}.back-link{cursor:pointer;border-color:#dfe4ee;justify-content:center;margin-top:auto}.studio-content{padding:32px}.studio-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.eyebrow{color:#be3a7c;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:850}h1{letter-spacing:0;margin:0;font-size:30px;line-height:1.15}.header-actions{gap:10px;display:flex}.icon-button,.secondary-button,.primary-button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;min-height:42px;display:inline-flex}.icon-button{color:#3c485f;background:#fff;border:1px solid #dfe4ee;width:42px}.primary-button{color:#fff;background:#111827;gap:8px;padding:0 16px;font-weight:800}.secondary-button{color:#3c485f;background:#fff;border:1px solid #dfe4ee;gap:8px;padding:0 14px;font-weight:800}.status-banner{color:#8b255b;background:#fff0f7;border:1px solid #f7b4d5;border-radius:8px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 14px;font-weight:750;display:flex}.status-banner--neutral{color:#3c485f;background:#fff;border-color:#dfe4ee;margin-bottom:20px}.studio-grid{grid-template-columns:minmax(280px,420px) minmax(320px,1fr);align-items:start;gap:18px;display:grid}.studio-grid--editor{grid-template-columns:minmax(280px,420px) minmax(420px,1fr)}.preview-panel,.work-panel{background:#fff;border:1px solid #dfe4ee;border-radius:8px}.preview-panel{place-items:center;min-height:620px;padding:28px;display:grid}.preview-panel--editor{position:sticky;top:24px}.phone-frame{background:#f8fafc;border:1px solid #dfe4ee;border-radius:8px;width:min(100%,310px);padding:12px}.phone-frame--square{width:min(100%,330px)}.share-card{aspect-ratio:4/5;background:linear-gradient(135deg,#ecfdf5,#eff6ff);border-radius:8px;position:relative;overflow:hidden;box-shadow:0 18px 38px #0f172a21}.phone-frame--square .share-card{aspect-ratio:1}.share-card span{overflow-wrap:anywhere;color:#0f172a;line-height:1.08;display:block;position:absolute}.card-brand{color:#fff;font-size:12px;font-weight:850;top:7%;left:8%}.card-kind{color:#fff;font-size:24px;font-weight:900;top:12%;left:8%}.card-shift{font-size:34px;font-weight:900;top:28%;left:8%}.card-date{font-size:19px;font-weight:850;top:46%;left:10%}.card-time{color:#334155;font-size:16px;font-weight:750;top:53%;left:10%}.card-amount{font-size:22px;font-weight:900;top:64%;left:8%}.card-note{color:#334155;width:84%;font-size:15px;font-weight:600;top:74%;left:8%}.card-footer{color:#475569;font-size:12px;font-weight:850;top:91%;left:8%}.work-panel{padding:20px}.section-heading{color:#172033;align-items:center;gap:8px;margin-bottom:12px;font-weight:850;display:flex}.preset-list,.task-list{gap:8px;margin-bottom:22px;display:grid}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:22px;display:grid}.studio-field{flex-direction:column;gap:6px;min-width:0;display:flex}.studio-field span{color:#64748b;text-transform:capitalize;font-size:12px;font-weight:800}.studio-field input{color:#172033;width:100%;min-height:40px;font:inherit;border:1px solid #dfe4ee;border-radius:8px;padding:0 11px;font-size:14px}.preset-row,.task-row{color:#172033;background:#fff;border:1px solid #dfe4ee;border-radius:8px;align-items:center;gap:10px;min-height:58px;padding:10px 12px;display:flex}.preset-row{text-align:left;cursor:pointer;justify-content:space-between}.preset-row.active{color:#be3a7c;background:#fff0f7;border-color:#f7b4d5}.preset-row strong,.preset-row small{display:block}.preset-row small{color:#64748b;margin-top:3px;font-size:12px}.task-row{color:#3c485f;min-height:44px;font-weight:700}.task-row svg{color:#149e73}.input,.settings-dropdown{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);width:100%;min-height:40px;color:var(--color-text-primary);font:inherit;padding:0 11px;font-size:14px}.btn{border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 12px;font-weight:800;display:inline-flex}.btn-sm{min-height:34px;padding:0 10px;font-size:13px}.btn-secondary{border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-secondary)}.btn:disabled{cursor:not-allowed;opacity:.45}.share-preset-manager{gap:var(--spacing-md);flex-direction:column;display:flex}.share-preset-top{gap:var(--spacing-md);grid-template-columns:minmax(0,1fr) auto;align-items:start;display:grid}.share-preset-list{flex-direction:column;gap:8px;max-height:260px;display:flex;overflow:auto}.share-preset-list-item{justify-content:space-between;align-items:center;gap:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);min-height:56px;color:var(--color-text-primary);text-align:left;cursor:pointer;padding:10px 12px;display:flex}.share-preset-list-item.active{border-color:color-mix(in srgb, var(--color-primary) 55%, var(--color-border));background:color-mix(in srgb, var(--color-primary) 8%, var(--color-bg-primary));color:var(--color-primary)}.share-preset-list-item span{flex-direction:column;min-width:0;display:flex}.share-preset-list-item strong,.share-preset-list-item small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.share-preset-list-item small{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.share-preset-actions{flex-wrap:wrap;gap:8px;display:flex}.share-preset-actions--stack{align-content:start;width:132px}.share-preset-actions--stack .btn{width:100%}.share-preset-section{gap:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border);flex-direction:column;display:flex}.share-preset-section-title{color:var(--color-text-primary);font-size:var(--font-size-sm);align-items:center;gap:8px;font-weight:800;display:flex}.share-preset-section-title span{color:var(--color-text-tertiary);font-size:var(--font-size-xs);margin-left:auto;font-weight:700}.share-preset-control-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.share-preset-control-grid--dense{grid-template-columns:repeat(3,minmax(0,1fr))}.share-preset-field,.share-preset-check{min-width:0;color:var(--color-text-secondary);font-size:var(--font-size-xs);flex-direction:column;gap:6px;font-weight:750;display:flex}.share-preset-field--wide{grid-column:1/-1}.share-preset-field input[type=color]{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);width:100%;height:40px;padding:2px}.share-preset-field input[type=file]{width:100%;min-width:0;color:var(--color-text-secondary);font-size:var(--font-size-xs)}.share-preset-field input[type=range]{width:100%;accent-color:var(--color-primary)}.share-preset-check{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);flex-direction:row;justify-content:center;align-items:center;min-height:40px}.share-preset-background-modes,.share-preset-element-tabs{flex-wrap:wrap;gap:6px;display:flex}.share-preset-background-modes button,.share-preset-element-tabs button{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);min-height:34px;color:var(--color-text-secondary);font-size:var(--font-size-xs);cursor:pointer;padding:0 10px;font-weight:800}.share-preset-background-modes button.active,.share-preset-element-tabs button.active{border-color:color-mix(in srgb, var(--color-primary) 55%, var(--color-border));background:color-mix(in srgb, var(--color-primary) 10%, var(--color-bg-primary));color:var(--color-primary)}@media (width<=860px){.studio-shell{grid-template-columns:1fr}.studio-sidebar{z-index:1;border-bottom:1px solid #dfe4ee;border-right:0;gap:14px;padding:14px;position:sticky;top:0}.studio-nav{flex-direction:row;overflow-x:auto}.back-link{display:none}.studio-content{padding:18px}.studio-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%}.primary-button,.secondary-button{flex:1}.studio-grid{grid-template-columns:1fr}.preview-panel--editor{position:static}.preview-panel{min-height:0}.share-preset-top,.share-preset-control-grid,.share-preset-control-grid--dense{grid-template-columns:1fr}.share-preset-actions--stack{width:100%}.field-grid{grid-template-columns:1fr}}