:root{--bg-primary: #111827;--bg-secondary: #1f2937;--bg-tertiary: #374151;--text-primary: #ffffff;--text-secondary: #d1d5db;--border-color: #4b5563}.light{--bg-primary: #f3f4f6;--bg-secondary: #ffffff;--bg-tertiary: #e5e7eb;--text-primary: #111827;--text-secondary: #4b5563;--border-color: #d1d5db}.dark{--bg-primary: #111827;--bg-secondary: #1f2937;--bg-tertiary: #374151;--text-primary: #ffffff;--text-secondary: #d1d5db;--border-color: #4b5563}.custom-select{background-image:url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'><path fill='%23ffffff' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>");background-repeat:no-repeat;background-position:inline-end 8px center;background-size:12px;padding-inline-end:30px}select option{background-color:#1f2937!important;color:#fff!important;padding:8px 12px!important;border:none!important}select option:hover{background-color:#374151!important}select option:checked{background-color:#3b82f6!important}.transition-all{transition:all .2s ease-in-out}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#374151;border-radius:4px}::-webkit-scrollbar-thumb{background:#6b7280;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}select:focus{outline:none;box-shadow:0 0 0 2px #3b82f680}button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0003}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.gradient-text{background:linear-gradient(45deg,#06b6d4,#3b82f6,#8b5cf6);background-size:200% 200%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-shift 3s ease infinite}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.dropdown-container{position:relative;display:inline-block}.dropdown-container:after{content:"";position:absolute;top:50%;inset-inline-end:12px;transform:translateY(-50%);width:0;height:0;border-inline-start:5px solid transparent;border-inline-end:5px solid transparent;border-top:5px solid #ffffff;pointer-events:none}@media(max-width:768px){.flex-wrap>div{min-width:100%;margin-bottom:8px}select{min-width:100%!important}}.text-shadow{text-shadow:0 1px 2px rgba(0,0,0,.5)}.border-glow{box-shadow:0 0 10px #3b82f64d}.border-glow:hover{box-shadow:0 0 15px #3b82f680}@keyframes animate-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-gradient{background-size:200% 200%;animation:animate-gradient 3s ease infinite}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.animate-shake{animation:shake .5s ease-in-out}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:float 3s ease-in-out infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .6s ease-out}.hover\:scale-102:hover{transform:scale(1.02)}.hover\:scale-105:hover{transform:scale(1.05)}.hover\:scale-110:hover{transform:scale(1.1)}.delay-1000{animation-delay:1s}.delay-500{animation-delay:.5s}.backdrop-blur-sm{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.backdrop-blur-md{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.transition-colors{transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-1000{transition-duration:1s}.overflow-x-hidden{overflow-x:hidden}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.text-transparent{color:transparent}.photopea-modal{position:fixed;background:#000000f2;z-index:10000;display:flex;flex-direction:column;border-radius:8px;box-shadow:0 25px 50px -12px #00000080;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.photopea-header{background:linear-gradient(135deg,#2c3e50,#34495e);padding:12px 20px;display:flex;justify-content:space-between;align-items:center;color:#fff;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 2px 8px #0000001a}.photopea-title{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:600}.photopea-title h2{margin:0;font-size:18px;font-weight:600}.photopea-title svg{opacity:.9}.photopea-controls{display:flex;align-items:center;gap:16px}.size-controls{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#ffffff1a;border-radius:6px}.size-btn{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;width:28px;height:28px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.size-btn:hover:not(:disabled){background:#fff3;border-color:#ffffff80}.size-btn:disabled{opacity:.3;cursor:not-allowed}.size-indicator{font-size:14px;font-weight:600;min-width:50px;text-align:center;color:#ffffffe6}.action-buttons{display:flex;gap:8px}.save-button,.cancel-button{display:flex;align-items:center;gap:8px;padding:8px 16px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;font-size:14px}.save-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b9814d}.save-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.save-button:disabled{background:#6b7280;cursor:not-allowed;box-shadow:none}.cancel-button{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.cancel-button:hover:not(:disabled){background:#fff3;border-color:#ffffff4d}.photopea-help{display:flex;align-items:center;gap:10px;padding:12px 20px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:14px;box-shadow:0 2px 4px #0000001a}.photopea-help svg{flex-shrink:0;opacity:.9}.photopea-loading{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;background:#1f2937}.photopea-loading p{color:#d1d5db;font-size:16px;font-weight:500}.spinner-large{width:48px;height:48px;border:4px solid rgba(59,130,246,.3);border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.photopea-error{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;background:#1f2937;padding:40px;text-align:center}.photopea-error svg{color:#ef4444}.photopea-error p{color:#f87171;font-size:16px;font-weight:500}.error-dismiss{padding:8px 20px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s}.error-dismiss:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.photopea-iframe{flex:1;border:none;width:100%;height:100%;background:#fff}.photopea-shortcuts{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:10px 20px;background:#000c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:8px;color:#fff;font-size:13px;z-index:10;box-shadow:0 4px 12px #0000004d}.photopea-shortcuts kbd{padding:3px 8px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:4px;font-family:monospace;font-size:12px;font-weight:600;box-shadow:0 1px 2px #0003}.photopea-shortcuts .separator{color:#ffffff80;margin:0 4px}@media(max-width:768px){.photopea-modal{width:100%!important;height:100%!important;top:0!important;left:0!important;border-radius:0}.photopea-header{padding:10px 16px}.photopea-title{font-size:16px}.action-buttons{flex-direction:column;gap:6px}.save-button,.cancel-button{padding:6px 12px;font-size:13px}.size-controls,.photopea-shortcuts{display:none}}[dir=rtl] .photopea-header{direction:rtl}[dir=rtl] .photopea-controls{flex-direction:row-reverse}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.photopea-modal{animation:modalFadeIn .3s ease-out}