.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-header{z-index:30;border-top:none;border-left:none;border-right:none;border-radius:0;position:sticky;top:0}.app-header-inner{width:100%;max-width:var(--editor-max-width);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 auto;padding:10px 20px;display:flex}.app-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.app-user-name{color:var(--color-text-muted);font-size:.875rem;font-weight:500}.panel-main{width:100%;max-width:var(--editor-max-width);flex-direction:column;flex:1;gap:20px;margin:0 auto;padding:20px;display:flex}.profile-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.profile-tabs{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.profile-pill-btn{border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-surface);min-height:44px;color:var(--color-text);cursor:pointer;align-items:center;gap:8px;padding:8px 14px;font-size:.875rem;font-weight:600;display:inline-flex}.profile-pill-btn[aria-current=true]{border-color:var(--color-primary);background:var(--color-success-bg)}.editor-status-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;display:flex}.editor-status-meta,.editor-status-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.public-url-chip{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-subtle);align-items:center;gap:6px;min-height:40px;padding:6px 12px;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.public-url-chip:hover{border-color:var(--color-primary)}.mobile-mode-switcher{border-radius:var(--radius-md);background:var(--color-surface-subtle);border:1px solid var(--color-border);grid-template-columns:1fr 1fr;gap:6px;padding:4px;display:none}.editor-workspace{grid-template-columns:minmax(0,1fr) 400px;align-items:start;gap:24px;display:grid}.editor-column{flex-direction:column;gap:20px;min-width:0;display:flex}.editor-section-inner{flex-direction:column;gap:18px;padding:22px;display:flex}.editor-section-header{border-bottom:1px solid var(--color-border);padding-bottom:12px}.editor-section-title{margin:0 0 4px;font-size:1.125rem;font-weight:700}.editor-section-desc{color:var(--color-text-muted);margin:0;font-size:.875rem}.link-card-group{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-subtle);flex-direction:column;gap:12px;padding:16px;display:flex}.link-card-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.switch-label{cursor:pointer;align-items:center;gap:8px;min-height:44px;font-size:.875rem;font-weight:600;display:inline-flex}.switch-input{width:20px;height:20px;accent-color:var(--color-primary);cursor:pointer}.color-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}.color-field-row{align-items:center;gap:8px;display:flex}.color-picker-native{border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-surface);cursor:pointer;flex-shrink:0;width:44px;height:44px;padding:2px}.choice-row{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;display:grid}.choice-btn{border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-surface);min-height:44px;color:var(--color-text);cursor:pointer;padding:8px 12px;font-size:.875rem;font-weight:600}.choice-btn[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-success-bg);color:var(--color-success)}.preview-column{flex-direction:column;align-items:center;gap:12px;display:flex;position:sticky;top:84px}.preview-phone-frame{border-radius:30px;width:100%;max-width:375px;padding:10px}.preview-phone-screen{border:1px solid var(--color-border);border-radius:22px;max-height:76vh;overflow:hidden auto}.alert-banner{border-radius:var(--radius-md);padding:12px 16px;font-size:.9rem;font-weight:500}.alert-error{background:var(--color-danger-bg);border:1px solid var(--color-danger-border);color:var(--color-danger)}.alert-warning{background:var(--color-warning-bg);border:1px solid var(--color-warning-border);color:var(--color-warning)}.alert-success{background:var(--color-success-bg);border:1px solid var(--color-success-border);color:var(--color-success)}.badge-error{background:var(--color-danger-bg);border-color:var(--color-danger-border);color:var(--color-danger)}.calendar-title-row{align-items:flex-start;gap:12px;display:flex}.calendar-icon-box{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-subtle);flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.calendar-settings-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;display:grid}.weekly-schedule-list{flex-direction:column;gap:8px;display:flex}.weekly-day-row{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex}.weekly-day-times{align-items:center;gap:8px;display:flex}.weekly-day-times .input{width:auto;min-width:112px;min-height:40px;padding:6px 10px}@media (max-width:980px){.mobile-mode-switcher{display:grid}.editor-workspace{grid-template-columns:1fr}.editor-workspace[data-mobile-tab=preview] .editor-column,.editor-workspace[data-mobile-tab=edit] .preview-column{display:none}.preview-column{position:static}}@media (max-width:600px){.panel-main{padding:14px}.editor-section-inner{padding:16px}}
