.composer-overlay{position:fixed;inset:0;z-index:40;background:rgb(var(--color-background-void)/.42);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:opacity var(--duration-short) var(--easing-soft)}.dark .composer-overlay{background:rgb(var(--color-background-void)/.6)}.composer-panel{position:fixed;top:0;right:0;height:100%;width:min(920px,100%);display:flex;flex-direction:column;background:var(--identity-card-bg);border-left:1px solid var(--identity-card-border);box-shadow:var(--identity-card-shadow);z-index:50}.dark .composer-panel{background:var(--identity-card-bg);border-left:1px solid rgba(75,208,255,.2);box-shadow:0 28px 80px rgba(8,12,24,.55)}.composer-header{padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg);border-bottom:1px solid var(--identity-card-border);background:var(--gradient-overlay)}.dark .composer-header{border-bottom-color:rgba(75,208,255,.2);background:linear-gradient(135deg,rgba(75,208,255,.16),rgba(140,152,255,.12))}.composer-header-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-lg)}.composer-heading{display:flex;flex-direction:column;gap:8px;max-width:520px}.composer-mode-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;background:rgba(46,227,212,.16);color:rgb(var(--color-accent-aurora))}.dark .composer-mode-pill{background:rgba(46,227,212,.24);color:rgb(var(--color-text-primary))}.composer-title{font-family:var(--font-heading);font-size:32px;font-weight:var(--weight-heading);color:rgb(var(--color-text-primary));letter-spacing:-.01em}.composer-helper{font-family:var(--font-body);font-size:16px;line-height:1.6;color:rgb(var(--color-text-secondary)/var(--color-text-secondary-opacity))}.dark .composer-helper{color:rgb(var(--color-text-secondary)/.8)}.composer-close{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;border:1px solid var(--identity-card-border);color:rgb(var(--color-text-secondary)/.9);transition:all var(--duration-short) var(--easing-soft);background:hsla(0,0%,100%,.85)}.composer-close:hover:not(:disabled){border-color:var(--identity-accent-primary);color:var(--identity-accent-primary);transform:translateY(-1px)}.dark .composer-close{background:rgba(17,25,53,.85);border-color:rgba(75,208,255,.25)}.composer-progress{margin-top:var(--spacing-lg);display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.composer-progress-step{height:4px;border-radius:999px;background:rgba(240,243,255,.2);overflow:hidden;position:relative}.composer-progress-step.is-active:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(46,227,212,.9),rgba(160,123,255,.9));box-shadow:0 6px 20px rgba(46,227,212,.3)}.composer-body{flex:1;overflow-y:auto;padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-xl)}.composer-tabs{display:inline-flex;align-items:center;gap:4px;padding:6px;border-radius:var(--radius-pill);background:rgba(240,243,255,.4);border:1px solid rgba(240,243,255,.45)}.dark .composer-tabs{background:rgba(19,26,43,.5);border-color:rgba(46,227,212,.25)}.composer-tab{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius-pill);font-family:var(--font-body);font-size:15px;font-weight:600;color:rgb(var(--color-text-secondary)/var(--color-text-secondary-opacity));transition:all var(--duration-short) var(--easing-soft);border:none;background:transparent;cursor:pointer}.composer-tab.is-active{color:rgb(var(--color-text-primary));background:hsla(0,0%,100%,.85);box-shadow:0 12px 24px rgba(17,29,57,.18)}.dark .composer-tab.is-active{background:rgba(19,26,43,.9);box-shadow:0 12px 32px rgba(8,12,24,.45)}.composer-tab:not(.is-active):hover{color:rgb(var(--color-text-primary))}.composer-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.composer-form-card{background:var(--identity-card-bg);border:1px solid var(--identity-card-border);border-radius:20px;padding:var(--spacing-xl);box-shadow:var(--identity-card-shadow)}.dark .composer-form-card{background:var(--identity-card-bg);border-color:rgba(75,208,255,.25);box-shadow:0 24px 48px rgba(8,12,24,.55)}.composer-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.composer-field-group{display:flex;flex-direction:column;gap:10px}.composer-field-label{font-family:var(--font-heading);font-size:14px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:rgb(var(--color-text-secondary)/.8)}.dark .composer-field-label{color:rgb(var(--color-text-secondary)/.88)}.composer-input,.composer-textarea{width:100%;padding:16px 18px;border-radius:16px;border:1px solid rgba(240,243,255,.5);background:hsla(0,0%,100%,.9);color:rgb(var(--color-text-primary));font-family:var(--font-body);font-size:16px;line-height:1.5;transition:all var(--duration-short) var(--easing-soft);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.3)}.composer-textarea{min-height:240px;resize:vertical}.dark .composer-input,.dark .composer-textarea{border-color:rgba(46,227,212,.25);background:rgba(19,26,43,.92);color:rgb(var(--color-text-primary));box-shadow:inset 0 1px 0 rgba(46,227,212,.05)}.composer-input:focus,.composer-textarea:focus{outline:none;border-color:rgba(46,227,212,.6);box-shadow:var(--shadow-focus)}.composer-input::-moz-placeholder,.composer-textarea::-moz-placeholder{color:rgb(var(--color-text-secondary)/.45)}.composer-input::placeholder,.composer-textarea::placeholder{color:rgb(var(--color-text-secondary)/.45)}.dark .composer-input::-moz-placeholder,.dark .composer-textarea::-moz-placeholder{color:rgba(240,243,255,.45)}.dark .composer-input::placeholder,.dark .composer-textarea::placeholder{color:rgba(240,243,255,.45)}.composer-segmented-control{display:flex;gap:8px;padding:8px;border-radius:var(--radius-pill);background:rgba(240,243,255,.35);border:1px solid rgba(240,243,255,.5)}.dark .composer-segmented-control{background:rgba(19,26,43,.55);border-color:rgba(46,227,212,.2)}.composer-segment{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:var(--radius-pill);border:none;background:transparent;font-family:var(--font-heading);font-size:15px;font-weight:600;color:rgb(var(--color-text-secondary)/var(--color-text-secondary-opacity));transition:all var(--duration-short) var(--easing-soft);cursor:pointer}.composer-segment.is-active,.composer-segment:hover{color:rgb(var(--color-text-primary))}.composer-segment.is-active{background:hsla(0,0%,100%,.85);box-shadow:0 14px 30px rgba(17,29,57,.16)}.dark .composer-segment.is-active{background:rgba(19,26,43,.92);box-shadow:0 16px 36px rgba(8,12,24,.55);color:rgb(var(--color-text-primary))}.composer-helper-text{font-size:13px;color:rgb(var(--color-text-secondary)/.7)}.dark .composer-helper-text{color:rgba(240,243,255,.65)}.composer-callout{border-radius:18px;padding:var(--spacing-lg);background:linear-gradient(135deg,rgba(46,227,212,.12),rgba(160,123,255,.12));border:1px solid rgba(46,227,212,.32);color:rgb(var(--color-text-primary));font-size:15px;line-height:1.6}.dark .composer-callout{background:linear-gradient(135deg,rgba(46,227,212,.2),rgba(124,92,255,.18));color:rgb(var(--color-text-primary));border-color:rgba(46,227,212,.45)}.composer-error{border-radius:16px;padding:var(--spacing-md);background:rgba(255,91,138,.12);border:1px solid rgba(255,91,138,.35);color:#f43f5e;font-size:14px}.dark .composer-error{background:rgba(255,91,138,.18);border-color:rgba(255,91,138,.42);color:#ff8aad}.composer-success-message{border-radius:16px;padding:var(--spacing-md);background:rgba(46,227,212,.12);border:1px solid rgba(46,227,212,.38);color:rgb(var(--color-accent-aurora));font-size:14px;display:flex;align-items:center;gap:var(--spacing-xs)}.dark .composer-success-message{background:rgba(46,227,212,.18);border-color:rgba(46,227,212,.45);color:rgb(var(--color-text-primary))}.composer-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm);padding-top:var(--spacing-lg);border-top:1px solid rgba(240,243,255,.12)}.composer-primary-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;min-height:var(--identity-button-height);border-radius:var(--identity-tab-radius);border:1px solid transparent;background:linear-gradient(120deg,var(--identity-accent-primary),var(--identity-accent-secondary));color:#fff;font-family:var(--font-heading);font-size:15px;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:transform var(--duration-short) var(--easing-soft),box-shadow var(--duration-short) var(--easing-soft);box-shadow:0 18px 38px rgba(55,191,239,.28)}.composer-primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 22px 50px rgba(92,106,196,.35)}.composer-primary-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.composer-muted-button{background:transparent;border:none;color:rgb(var(--color-text-secondary)/.7);font-size:14px;font-weight:500;cursor:pointer;transition:color var(--duration-short) var(--easing-soft)}.composer-muted-button:hover{color:rgb(var(--color-accent-aurora))}.composer-progress-indicator{width:100%;height:8px;border-radius:999px;background:rgba(240,243,255,.3);overflow:hidden}.composer-progress-fill{height:100%;background:linear-gradient(90deg,rgba(46,227,212,.8),rgba(160,123,255,.9));transition:width var(--duration-medium) var(--easing-soft)}.composer-processing-grid{display:grid;gap:var(--spacing-lg);text-align:center;justify-items:center}.composer-processing-helper{font-size:14px;color:rgb(var(--color-text-secondary)/.75);max-width:420px}.dark .composer-processing-helper{color:rgba(240,243,255,.7)}.composer-success-icon{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,rgba(46,227,212,.18),rgba(160,123,255,.18));border:1px solid rgba(46,227,212,.32);color:rgb(var(--color-accent-aurora))}.dark .composer-success-icon{background:linear-gradient(135deg,rgba(46,227,212,.25),rgba(124,92,255,.25));border-color:rgba(46,227,212,.45);color:rgb(var(--color-text-primary))}.composer-success-actions{width:100%;display:flex;flex-direction:column;gap:var(--spacing-sm)}.composer-secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:var(--identity-tab-radius);border:1px solid var(--identity-card-border);background:transparent;font-size:15px;font-weight:600;color:rgb(var(--color-text-primary));transition:all var(--duration-short) var(--easing-soft);cursor:pointer}.composer-secondary-button:hover{border-color:var(--identity-accent-primary);color:var(--identity-accent-primary);box-shadow:0 16px 30px rgba(17,29,57,.12)}.dark .composer-secondary-button{border-color:rgba(75,208,255,.25);color:rgb(var(--color-text-primary))}.composer-overlay.closing{animation:fade-out .5s ease-out forwards}.composer-panel.closing{animation:slide-out-right .5s ease-out forwards}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-out-right{0%{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:.8}}.composer-close.disabled{opacity:.5;cursor:not-allowed}.composer-close.disabled:hover{background-color:transparent;border-color:transparent;color:rgb(var(--color-text-secondary)/.8);transform:none}@media (max-width:768px){.composer-body,.composer-header{padding:var(--spacing-lg)}.composer-panel{width:100%}.composer-title{font-size:28px}.composer-form-card{padding:var(--spacing-lg)}}