.canvas-preview-container{width:60%;max-width:300px;aspect-ratio:1 / 1;margin:0 auto;background:#0000004d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.2);overflow:hidden;position:relative;box-shadow:0 4px 20px #0000004d}.canvas-preview{width:100%;height:100%;display:block}.text-input-container{width:100%;display:flex;flex-direction:column;gap:8px}.text-input-label{font-size:14px;color:#fffc;font-weight:500;padding-left:4px}.text-input{width:100%;padding:16px;font-size:18px;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;border-radius:12px;text-align:center;border:1px solid rgba(255,255,255,.2);transition:all .3s;resize:none;font-family:inherit;line-height:1.5;box-shadow:0 4px 16px #1f268733}.text-input:focus{border-color:#fff6;background:#ffffff26;box-shadow:0 4px 20px #1f26874d;outline:none}.text-input::placeholder{color:#ffffff80}.text-input:disabled{opacity:.5;cursor:not-allowed}.text-input-counter{text-align:right;font-size:12px;color:#fff9;padding-right:4px}.preset-selector-wrapper{width:100%;display:flex;flex-direction:column;gap:8px}.preset-selector-label{font-size:14px;color:#fffc;font-weight:500;padding-left:4px}.preset-selector-container{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.preset-selector-container::-webkit-scrollbar{display:none}.preset-selector-scroll{display:flex;gap:12px;padding:8px 0;min-width:min-content}.preset-button{min-width:80px;height:80px;padding:0 24px;font-size:18px;font-weight:700;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;border-radius:16px;border:1px solid rgba(255,255,255,.2);transition:all .3s;flex-shrink:0;touch-action:manipulation;box-shadow:0 2px 8px #1f268726}.preset-button:active{transform:scale(.95)}.preset-button:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d}.preset-button.selected{background:#667eea4d;border-color:#f093fb99;box-shadow:inset 0 2px 8px #667eea4d}.preset-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 480px){.preset-button{min-width:70px;height:70px;font-size:16px;padding:0 20px}}.color-picker-container{width:100%;display:flex;flex-direction:column;gap:8px}.color-picker-label{font-size:14px;color:#fffc;font-weight:500;cursor:pointer}.color-picker-wrapper{display:flex;flex-direction:column;align-items:center;gap:12px;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.2);cursor:pointer;box-shadow:0 4px 16px #1f268733;transition:all .3s}.color-picker-wrapper:hover{background:#ffffff26;border-color:#ffffff4d}.color-picker-input-label{display:flex;align-items:center;justify-content:center;width:100%;min-height:64px}.color-picker-input{width:100%;height:60px;border:none;border-radius:8px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;padding:0;overflow:hidden;touch-action:manipulation}.color-picker-input::-webkit-color-swatch-wrapper{padding:0;border:none;border-radius:6px}.color-picker-input::-webkit-color-swatch{border:2px solid rgba(255,255,255,.3);border-radius:8px;box-shadow:0 2px 8px #0003}.color-picker-input::-moz-color-swatch{border:2px solid rgba(255,255,255,.3);border-radius:8px;box-shadow:0 2px 8px #0003}.color-picker-input:disabled{opacity:.5;cursor:not-allowed}.color-picker-value{font-size:14px;color:#fff;font-family:monospace;text-align:center;width:100%}@media (max-width: 480px){.color-picker-wrapper{padding:10px;gap:10px}.color-picker-input-label{min-height:56px;padding:6px;margin:-6px}.color-picker-input{height:56px}.color-picker-value{font-size:12px;min-width:70px}}.background-image-selector{width:100%;display:flex;flex-direction:column;gap:12px}.background-image-label{font-size:14px;color:#fffc;font-weight:500}.background-image-presets-scroll{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.background-image-presets-scroll::-webkit-scrollbar{display:none}.background-image-presets{display:flex;gap:12px;padding-bottom:4px;min-width:min-content}.background-image-preset-button{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:80px;padding:12px;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;touch-action:manipulation;flex-shrink:0;box-shadow:0 2px 8px #1f268726}.background-image-preset-button:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d}.background-image-preset-button:active:not(:disabled){transform:scale(.98)}.background-image-preset-button.selected{background:#667eea4d;border-color:#f093fb99;color:#fff;box-shadow:inset 0 2px 8px #667eea4d}.background-image-preview{width:64px;height:64px;border-radius:8px;overflow:hidden;background:#0000004d;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003}.background-image-preview-img{width:100%;height:100%;object-fit:cover}.background-image-preview-loading{color:#666;font-size:12px}.background-image-preview-error{width:64px;height:64px;border-radius:8px;background:#f003;border:1px solid rgba(255,0,0,.4);display:flex;align-items:center;justify-content:center;color:#fffc;font-size:16px}.background-image-preview-none{width:64px;height:64px;border-radius:8px;background:#0000004d;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:#ffffff80;font-size:12px}.background-image-preview-upload{width:64px;height:64px;border-radius:8px;background:#0000004d;border:1px dashed rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;color:#fff9;font-size:20px}.background-image-preset-name{font-size:12px;text-align:center;white-space:nowrap}.background-image-preset-button:disabled{opacity:.5;cursor:not-allowed}.background-image-upload-info{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;box-shadow:0 4px 16px #1f268733}.background-image-upload-text{font-size:12px;color:#ffffffb3}.background-image-remove-button{padding:6px 12px;background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:12px;cursor:pointer;transition:all .3s;touch-action:manipulation}.background-image-remove-button:hover:not(:disabled){background:#fff3;border-color:#fff6}.background-image-remove-button:active:not(:disabled){transform:scale(.95)}.background-image-remove-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 480px){.background-image-preset-button{min-width:70px;padding:10px}.background-image-preview,.background-image-preview-none,.background-image-preview-upload{width:56px;height:56px}.background-image-preset-name{font-size:11px}}.image-crop-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:99999;display:flex;align-items:center;justify-content:center;padding:24px 16px;overflow-y:auto}.image-crop-modal-content{width:100%;max-width:700px;max-height:calc(100vh - 48px);margin:auto;background:#1a1a2ef2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #1f268780;display:flex;flex-direction:column;overflow:hidden}.image-crop-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid rgba(255,255,255,.1)}.image-crop-modal-title{font-size:20px;font-weight:700;color:#fff;margin:0}.image-crop-modal-close{width:36px;height:36px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0}.image-crop-modal-close:hover{background:#fff3;transform:scale(1.1)}.image-crop-modal-close:active{transform:scale(.95)}.image-crop-modal-body{padding:24px;display:flex;flex-direction:column;gap:24px}.image-crop-container{position:relative;width:100%;height:400px;background:#0000004d;border-radius:12px;overflow:hidden}.image-crop-container .reactEasyCrop_Container{border-radius:12px}.image-crop-container .reactEasyCrop_CropArea{border:2px solid rgba(102,126,234,1);box-shadow:0 0 0 9999px #00000080,inset 0 0 0 2px #f093fb99}.image-crop-controls{display:flex;align-items:center;justify-content:center;gap:16px;padding:8px 0}.image-crop-zoom-label{display:flex;align-items:center;gap:12px;color:#ffffffe6;font-size:14px;font-weight:500}.image-crop-zoom-label span{min-width:50px}.image-crop-zoom-slider{width:200px;height:4px;border-radius:2px;background:#fff3;outline:none;-webkit-appearance:none;cursor:pointer}.image-crop-zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#667eea;cursor:pointer;border:2px solid rgba(240,147,251,1);box-shadow:0 2px 4px #0003;transition:all .2s}.image-crop-zoom-slider::-webkit-slider-thumb:hover{transform:scale(1.2);background:#667eeae6}.image-crop-zoom-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#667eea;cursor:pointer;border:2px solid rgba(240,147,251,1);box-shadow:0 2px 4px #0003;transition:all .2s}.image-crop-zoom-slider::-moz-range-thumb:hover{transform:scale(1.2);background:#667eeae6}.image-crop-actions{display:flex;gap:12px;justify-content:flex-end}.image-crop-button{padding:12px 24px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;border:1px solid rgba(255,255,255,.2);touch-action:manipulation}.image-crop-button-cancel{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fffc}.image-crop-button-cancel:hover{background:#ffffff26;border-color:#ffffff4d}.image-crop-button-confirm{background:#667eea99;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;border-color:#f093fb99}.image-crop-button-confirm:hover{background:#667eeacc;border-color:#f093fbcc;transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.image-crop-button:active{transform:scale(.98)}@media (max-width: 480px){.image-crop-modal-content{max-width:100%;margin:0;border-radius:0;max-height:100vh}.image-crop-modal-header{padding:16px}.image-crop-modal-body{padding:16px;gap:16px}.image-crop-container{height:300px}.image-crop-controls{padding:4px 0}.image-crop-zoom-slider{width:150px}.image-crop-actions{flex-direction:column}.image-crop-button{width:100%}}.font-settings-container{width:100%;display:flex;flex-direction:column;gap:20px;padding:16px;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;box-shadow:0 4px 16px #1f268733}.font-settings-item{display:flex;flex-direction:column;gap:12px;margin:0}.font-settings-label{display:flex;flex-direction:column;gap:4px;font-size:14px;color:#fff;font-weight:500}.font-settings-description{font-size:12px;color:#fff9;font-weight:400}.font-settings-control{display:flex;align-items:center;gap:12px}.font-settings-input{flex:0 0 auto;width:80px;padding:10px 12px;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:14px;font-family:monospace;transition:all .3s}.font-settings-input:focus{outline:none;border-color:#fff6;background:#ffffff26;box-shadow:0 2px 8px #1f268733}.font-settings-input:disabled{opacity:.5;cursor:not-allowed}.font-settings-range{flex:1;height:8px;border-radius:4px;background:#ffffff1a;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.font-settings-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#fffc;cursor:pointer;border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 4px #0003;transition:all .2s}.font-settings-range::-webkit-slider-thumb:hover{background:#ffffffe6;transform:scale(1.1)}.font-settings-range::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fffc;cursor:pointer;border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 4px #0003;transition:all .2s}.font-settings-range::-moz-range-thumb:hover{background:#ffffffe6;transform:scale(1.1)}.font-settings-range:disabled{opacity:.5;cursor:not-allowed}.font-settings-font-buttons{display:flex;gap:8px}.font-settings-font-button{flex:1;padding:10px 16px;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;touch-action:manipulation}.font-settings-font-button:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d}.font-settings-font-button.selected{background:#6366f14d;border-color:#a855f799;box-shadow:inset 0 2px 8px #6366f14d}.font-settings-font-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 480px){.font-settings-container{padding:12px}}.cta-buttons-container{width:100%;display:flex;flex-direction:column;gap:12px;padding-bottom:env(safe-area-inset-bottom,0)}.cta-buttons-row{width:100%;display:flex;gap:12px}.cta-button{padding:18px 24px;font-size:18px;font-weight:700;border-radius:12px;transition:all .2s;touch-action:manipulation;min-height:56px}.cta-button-primary{flex:2;background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);color:#fff;font-weight:700;border:none;box-shadow:0 4px 20px #8b5cf680}.cta-button-primary:active{background:linear-gradient(135deg,#4f46e5,#7c3aed,#9333ea);transform:scale(.98);box-shadow:0 2px 10px #8b5cf666}.cta-button-primary:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#a855f7,#c084fc);box-shadow:0 6px 24px #8b5cf699}.cta-button-primary:disabled{background:#8b5cf64d;color:#ffffff80;cursor:not-allowed;transform:none;box-shadow:none}.cta-button-secondary{background:#1a1a1a;color:#fff;border:2px solid #333}.cta-button-secondary:active{background:#2a2a2a;transform:scale(.98)}.cta-button-secondary:disabled{opacity:.5;cursor:not-allowed;transform:none}.cta-button-guide{flex:1;background:#ffffff1a;color:#fff;font-weight:700;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 16px #1f268733;display:flex;align-items:center;justify-content:center;line-height:1.3}.cta-button-guide-text{font-size:11px;text-align:center}.cta-button-guide:active{background:#ffffff26;transform:scale(.98);box-shadow:0 2px 10px #1f268726}.cta-button-guide:hover:not(:disabled){background:#ffffff26;box-shadow:0 6px 20px #1f26874d}.cta-button-guide:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 480px){.cta-button{padding:16px 20px;font-size:16px;min-height:52px}}.advanced-settings-container{width:100%;border-top:1px solid rgba(255,255,255,.1);margin-top:16px;padding-top:16px}.advanced-settings-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;touch-action:manipulation;box-shadow:0 4px 16px #1f268733}.advanced-settings-toggle:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d;box-shadow:0 4px 20px #1f26874d}.advanced-settings-toggle:active:not(:disabled){transform:scale(.98)}.advanced-settings-toggle:disabled{opacity:.5;cursor:not-allowed}.advanced-settings-toggle-text{flex:1;text-align:left}.advanced-settings-toggle-icon{transition:transform .2s;font-size:12px;color:#fff}.advanced-settings-toggle-icon.open{transform:rotate(180deg)}.advanced-settings-content{margin-top:12px;padding:16px;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;animation:slideDown .3s ease-out;box-shadow:0 4px 16px #1f268733;display:flex;flex-direction:column;gap:20px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.advanced-settings-item{display:flex;flex-direction:column;gap:12px;margin:0}.advanced-settings-label{display:flex;flex-direction:column;gap:4px;font-size:14px;color:#fff;font-weight:500}.advanced-settings-description{font-size:12px;color:#fff9;font-weight:400}.advanced-settings-control{display:flex;align-items:center;gap:8px}.advanced-settings-control:has(.advanced-settings-range){gap:12px}.advanced-settings-input{flex:1;padding:10px 12px;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:14px;font-family:monospace;min-width:0;transition:all .3s}.advanced-settings-input:focus{outline:none;border-color:#fff6;background:#ffffff26;box-shadow:0 2px 8px #1f268733}.advanced-settings-input:disabled{opacity:.5;cursor:not-allowed}.advanced-settings-button{padding:10px 16px;background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;touch-action:manipulation;min-width:50px;box-shadow:0 2px 8px #1f268733}.advanced-settings-button:hover:not(:disabled){background:#fff3;border-color:#fff6;box-shadow:0 4px 12px #1f26874d}.advanced-settings-button:active:not(:disabled){transform:scale(.95)}.advanced-settings-button:disabled{opacity:.5;cursor:not-allowed}.advanced-settings-font-buttons{display:flex;gap:8px}.advanced-settings-font-button{flex:1;padding:10px 16px;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;touch-action:manipulation}.advanced-settings-font-button:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d}.advanced-settings-font-button.selected{background:#667eea4d;border-color:#f093fb99;box-shadow:inset 0 2px 8px #667eea4d}.advanced-settings-font-button:disabled{opacity:.5;cursor:not-allowed}.advanced-settings-range{flex:1;height:8px;border-radius:4px;background:#ffffff1a;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.advanced-settings-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#fffc;cursor:pointer;border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 4px #0003;transition:all .2s}.advanced-settings-range::-webkit-slider-thumb:hover{background:#ffffffe6;transform:scale(1.1)}.advanced-settings-range::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fffc;cursor:pointer;border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 4px #0003;transition:all .2s}.advanced-settings-range::-moz-range-thumb:hover{background:#ffffffe6;transform:scale(1.1)}.advanced-settings-range:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 480px){.advanced-settings-toggle{padding:10px 14px;font-size:13px}.advanced-settings-content{padding:12px}.advanced-settings-button{padding:8px 12px;font-size:13px;min-width:44px}}.post-guide-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:99999;display:flex;align-items:center;justify-content:center;padding:24px 16px;overflow-y:auto}.post-guide-modal-content{width:100%;max-width:600px;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);margin:auto;background:#1a1a2ef2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #1f268780;display:flex;flex-direction:column;overflow:hidden}.post-guide-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid rgba(255,255,255,.1)}.post-guide-modal-title{font-size:20px;font-weight:700;color:#fff;margin:0}.post-guide-modal-close{width:36px;height:36px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0}.post-guide-modal-close:hover{background:#fff3;transform:scale(1.1)}.post-guide-modal-close:active{transform:scale(.95)}.post-guide-modal-body{padding:24px;overflow-y:auto;flex:1}.post-guide-modal-intro{color:#ffffffe6;font-size:14px;line-height:1.6;margin:0 0 16px}.post-guide-section{margin-bottom:32px}.post-guide-section:last-child{margin-bottom:0}.post-guide-section-title{font-size:18px;font-weight:700;color:#fff;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.post-guide-step{margin-bottom:24px}.post-guide-step:last-child{margin-bottom:0}.post-guide-step-title{font-size:16px;font-weight:600;color:#fffffff2;margin:0 0 12px}.post-guide-step-list{color:#ffffffd9;font-size:14px;line-height:1.8;margin:0 0 12px;padding-left:24px}.post-guide-step-list li{margin-bottom:8px}.post-guide-step-list li:last-child{margin-bottom:0}.post-guide-step-list strong{color:#fff;font-weight:600}.post-guide-image{display:block;width:100%;max-width:400px;margin:12px 0 0;border-radius:8px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #0000004d}.post-guide-note{color:#ffffffb3;font-size:12px;line-height:1.6;margin:12px 0 0;padding:12px;background:#ffffff0d;border-radius:8px;border-left:3px solid rgba(99,102,241,.5)}.post-guide-faq{display:flex;flex-direction:column;gap:16px}.post-guide-faq-item{display:flex;flex-direction:column;gap:8px}.post-guide-faq-question{font-size:14px;font-weight:600;color:#fff;margin:0}.post-guide-faq-answer{font-size:13px;color:#ffffffd9;line-height:1.6;margin:0;padding-left:8px}.post-guide-flow-accordion{margin:16px 0;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;background:#ffffff08}.post-guide-flow-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#ffffff0d;border:none;border-bottom:1px solid rgba(255,255,255,.1);color:#fffffff2;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;text-align:left}.post-guide-flow-toggle:hover{background:#ffffff14}.post-guide-flow-toggle:active{background:#ffffff1a}.post-guide-flow-toggle-icon{font-size:12px;color:#ffffffb3;transition:transform .2s}.post-guide-flow-content{padding:16px;background:#0003}@media (max-width: 480px){.post-guide-modal-overlay{padding:16px 8px}.post-guide-modal-content{max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);border-radius:16px}.post-guide-modal-header{padding:20px}.post-guide-modal-title{font-size:18px}.post-guide-modal-body{padding:20px}.post-guide-section-title{font-size:16px}.post-guide-step-title{font-size:15px}.post-guide-step-list{font-size:13px}}.app{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:24px 16px;position:relative}.app-container{width:100%;max-width:480px;display:flex;flex-direction:column;gap:20px}.app-header{text-align:center;margin-bottom:8px}.app-title{font-size:36px;font-weight:700;text-align:center;background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px;text-shadow:0 2px 10px rgba(255,255,255,.3)}.app-description{font-size:12px;line-height:1.5;color:#fffc;margin:0;padding:0 16px}.sticky-preview-section{position:sticky;top:16px;z-index:10;display:flex;flex-direction:column;gap:16px;background:#667eea0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;padding:16px;margin-bottom:8px;box-shadow:0 4px 20px #0000001a}.color-pickers-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 480px){.app-container{gap:20px}.app-title{font-size:28px}.app-description{font-size:11px;padding:0 8px}.color-pickers-row{gap:12px}.sticky-preview-section{top:8px;padding:12px;gap:12px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f0f1e;color:#fff;overflow-x:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-height:100vh;position:relative}.background-gradient{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.background-gradient-circle{position:absolute;border-radius:50%;filter:blur(100px);opacity:1}.background-gradient-circle-1{width:min(120vw,800px);height:min(120vw,800px);background:radial-gradient(circle,#3b82f6 0%,#6366f1 30%,rgba(99,102,241,.6) 60%,rgba(99,102,241,.2) 85%,transparent 100%);top:min(-20vw,-300px);left:min(-20vw,-300px)}.background-gradient-circle-2{width:min(140vw,900px);height:min(140vw,900px);background:radial-gradient(circle,#a855f7 0%,#9333ea 30%,rgba(168,85,247,.6) 60%,rgba(168,85,247,.2) 85%,transparent 100%);bottom:min(-30vw,-400px);right:min(-20vw,-300px)}#root{width:100%;min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}button{font-family:inherit;cursor:pointer;border:none;outline:none;-webkit-tap-highlight-color:transparent}input{font-family:inherit;outline:none;border:none}