:root{--font-family: "Inter", sans-serif;--border-radius: 8px;--shadow-color: rgba(0, 0, 0, .05);--danger-color: #e74c3c;--theme-bg: #F8F9FA;--theme-surface: #FFFFFF;--theme-control-bg: #F1F3F5;--theme-control-hover-bg: #E9ECEF;--theme-slider-bg: #DEE2E6;--theme-slider-accent: #007BFF;--theme-primary-accent: #0B2948;--theme-accent: #0B2948;--theme-accent-hover: #103a66;--theme-secondary-accent: #dee2e6;--theme-text-primary: #212529;--theme-text-secondary: #6C757D;--theme-text-on-accent: #FFFFFF;--theme-text-on-primary-accent: #FFFFFF;--theme-border: #DEE2E6;--theme-window-bg: #FFFFFF;--display-panel-bg-checkered: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23F1F3F5'/%3E%3Crect x='10' y='0' width='10' height='10' fill='%23F8F9FA'/%3E%3Crect x='0' y='10' width='10' height='10' fill='%23F8F9FA'/%3E%3C/svg%3E")}.dark-theme{--theme-bg: #1C1C1C;--theme-surface: #252525;--theme-control-bg: #333333;--theme-control-hover-bg: #3d3d3d;--theme-slider-bg: #333333;--theme-slider-accent: #0066CC;--theme-primary-accent: #EDEDED;--theme-accent: #EDEDED;--theme-accent-hover: #bbbbbb;--theme-secondary-accent: #555555;--theme-text-primary: #EDEDED;--theme-text-secondary: #9E9E9E;--theme-text-on-accent: #1A1B26;--theme-text-on-primary-accent: #1A1B26;--theme-border: #3A3A3A;--theme-window-bg: #252525;--display-panel-bg-checkered: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23202020'/%3E%3Crect x='10' y='0' width='10' height='10' fill='%23252525'/%3E%3Crect x='0' y='10' width='10' height='10' fill='%23252525'/%3E%3C/svg%3E")}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--theme-text-secondary) var(--theme-bg)}body{font-family:var(--font-family);background-color:var(--theme-bg);color:var(--theme-text-primary);margin:0;height:100vh;height:100dvh;width:100vw;overflow:hidden}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--theme-bg)}::-webkit-scrollbar-thumb{background-color:var(--theme-text-secondary);border-radius:6px;border:3px solid var(--theme-bg)}::-webkit-scrollbar-thumb:hover{background-color:var(--theme-accent)}#root{width:100%;height:100%}.app-container{display:flex;height:100%;width:100%;background-color:var(--theme-surface);transition:background-color .3s;min-height:0}.controls-panel{width:320px;flex-shrink:0;background-color:var(--theme-surface);border-left:1px solid var(--theme-border);display:flex;flex-direction:column;overflow-y:auto;color:var(--theme-text-secondary);transition:background-color .3s,border-color .3s;padding-bottom:0}.controls-panel-content{padding:24px 20px 0;display:flex;flex-direction:column;gap:20px;flex-grow:1;overflow-y:auto}.app-bar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;margin-bottom:10px;border-bottom:1px solid var(--theme-border);flex-shrink:0}.logo{display:flex;align-items:center;height:28px}.logo-svg{height:100%;width:auto}.logo-text-part{fill:var(--theme-text-primary);transition:fill .3s ease}.logo-icon-part{fill:var(--theme-accent);transition:fill .3s ease}.theme-toggle-btn{background:none;border:none;padding:4px;color:var(--theme-text-secondary);cursor:pointer;border-radius:50%;display:flex;justify-content:center;align-items:center}.theme-toggle-btn:hover{color:var(--theme-text-primary);background-color:var(--theme-control-bg)}.display-panel{flex:1;min-width:0;display:flex;flex-direction:column;padding:0;overflow:hidden;background-color:var(--theme-bg);background-image:var(--display-panel-bg-checkered);position:relative;transition:background-color .3s;min-height:0}.canvas-container{flex-grow:1;width:100%;display:flex;justify-content:center;align-items:center;padding:48px;overflow:auto;min-height:0}.canvas-container.is-empty{align-items:center}.canvas-scaler{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.screenshot-wrapper{overflow:hidden;display:flex;align-items:center;justify-content:center;width:100%;height:100%}fieldset{border:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}fieldset:disabled{opacity:.5;pointer-events:none}legend{padding:0 0 8px;margin-bottom:8px;font-size:14px;font-weight:600;color:var(--theme-text-primary);width:100%;border-bottom:1px solid var(--theme-border)}.control-group{display:flex;flex-direction:column;gap:8px;transition:opacity .2s}.control-group.disabled{opacity:.5;pointer-events:none}.control-group label{font-weight:500;font-size:13px;display:flex;justify-content:space-between;align-items:center;color:var(--theme-text-secondary)}.control-group .value{font-family:monospace;background:var(--theme-bg);padding:2px 6px;border-radius:4px;font-size:12px;color:var(--theme-text-secondary);border:1px solid var(--theme-border)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:var(--theme-control-bg);border-radius:2px;outline:none;transition:background .2s}input[type=range]:hover{background:var(--theme-control-hover-bg)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:var(--theme-accent);cursor:pointer;border-radius:50%;border:2px solid var(--theme-surface);box-shadow:0 0 0 1px #0000001a}.theme-presets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:12px;max-height:145px;overflow-y:auto;padding:4px 8px 12px 4px}.theme-swatch{background:none;border:none;padding:0;cursor:pointer;text-align:center;color:var(--theme-text-secondary);font-size:12px;width:60px}.theme-swatch .preview{width:100%;height:40px;border:1px solid var(--theme-border);border-radius:6px;transition:box-shadow .2s;background-size:cover;background-position:center;outline:2px solid transparent;outline-offset:2px;transition:outline-color .2s}.theme-swatch:hover .preview{outline-color:var(--theme-secondary-accent)}.theme-swatch.active .preview{outline-color:var(--theme-accent)}.theme-swatch span{display:block;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-btn{background:var(--theme-control-bg);color:var(--theme-text-primary);border:1px solid var(--theme-border);padding:10px;border-radius:var(--border-radius);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}.upload-btn:hover:not(:disabled){background:var(--theme-control-hover-bg);border-color:var(--theme-text-secondary)}.upload-btn:disabled{opacity:.6;cursor:not-allowed}.ai-style-btn{border:none;padding:12px;border-radius:var(--border-radius);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:linear-gradient(135deg,#fa709a,#fee140);color:#333}.ai-style-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 10px #0000001a}.ai-style-btn:hover:not(:disabled){filter:brightness(1.1)}.ai-style-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.segmented-control{display:flex;width:100%;background-color:var(--theme-control-bg);border-radius:var(--border-radius);padding:4px;border:1px solid var(--theme-border);transition:opacity .2s}.segmented-control.disabled{opacity:.5;pointer-events:none}.segmented-control input[type=radio]{display:none}.segmented-control label{flex:1;text-align:center;padding:6px 0;font-size:12px;font-weight:500;cursor:pointer;transition:background-color .2s,color .2s,box-shadow .2s;border-radius:6px;color:var(--theme-text-secondary);justify-content:center;display:flex;align-items:center}.segmented-control input[type=radio]:checked+label{background-color:var(--theme-surface);color:var(--theme-text-primary);font-weight:600;box-shadow:0 1px 3px #0000001a}.canvas-wrapper{display:flex;position:relative;transition:all .2s ease-in-out;flex-shrink:0}#export-container{display:flex;position:relative;overflow:hidden;width:100%;height:100%;transition:border-radius .2s ease-in-out}.positioner{width:100%;height:100%;position:relative}.noise-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 500 500' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence baseFrequency='0.75' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}.window-frame{position:absolute;top:50%;left:50%;transition:border-radius .2s ease-in-out,background-color .2s ease-in-out,transform .2s ease-in-out;display:flex;flex-direction:column;z-index:1;background-color:var(--theme-window-bg);min-width:0}.window-header{height:32px;flex-shrink:0;display:flex;align-items:center;padding:0 12px;gap:8px;transition:background-color .2s,border-color .2s;border-top-left-radius:inherit;border-top-right-radius:inherit}.window-header--light{background-color:#fff;border-bottom:1px solid #DEE2E6}.window-header--dark{background-color:#2e2e2e;border-bottom:1px solid #3A3A3A}.dots{display:flex;gap:8px}.dot{width:12px;height:12px;border-radius:50%}.window-header--light .dot{border:1px solid rgba(0,0,0,.05)}.window-header--dark .dot{border:1px solid rgba(0,0,0,.2)}.dot.red{background-color:#ff5f56}.dot.yellow{background-color:#ffbd2e}.dot.green{background-color:#27c93f}.screenshot-wrapper{overflow:hidden;background:transparent;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;min-height:0;flex-grow:1;display:flex;position:relative}.window-frame.no-header .screenshot-wrapper{border-top-left-radius:inherit;border-top-right-radius:inherit}.screenshot-wrapper img{display:block;width:100%;height:100%;object-fit:cover}.placeholder{width:60vw;height:40vh;border:2px dashed var(--theme-border);border-radius:var(--border-radius);display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;color:var(--theme-text-secondary);transition:border-color .2s,background-color .2s;text-align:center}.placeholder:hover{border-color:var(--theme-accent);background-color:var(--theme-control-hover-bg)}.placeholder svg{width:48px;height:48px;margin-bottom:16px;color:var(--theme-text-secondary)}.placeholder strong{color:var(--theme-accent)}.image-thumbnails-bar{flex-shrink:0;width:100%;background:var(--theme-surface);padding:12px;display:flex;align-items:center;gap:12px;overflow-x:auto;border-top:1px solid var(--theme-border);transition:background-color .3s,border-color .3s}.thumbnail{position:relative;cursor:pointer;outline:2px solid transparent;outline-offset:2px;border-radius:6px;overflow:hidden;transition:all .2s;flex-shrink:0;box-shadow:0 1px 3px #0000001a}.thumbnail:hover{outline-color:var(--theme-secondary-accent);transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.thumbnail.active{outline-color:var(--theme-accent);box-shadow:0 4px 8px #0000001a}.thumbnail img{width:100px;height:60px;object-fit:cover;display:block}.remove-btn{position:absolute;top:4px;right:4px;width:20px;height:20px;border:none;background:#0009;color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:14px;line-height:1;cursor:pointer;opacity:0;transition:opacity .2s}.thumbnail:hover .remove-btn{opacity:1}.remove-btn:hover{background:var(--danger-color)}.add-image-btn{flex-shrink:0;width:60px;height:60px;border-radius:50%;background-color:var(--theme-surface);border:1px solid var(--theme-border);display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px var(--shadow-color);color:var(--theme-text-secondary)}.add-image-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a;color:var(--theme-accent)}.add-image-btn svg{width:28px;height:28px}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--theme-slider-bg);transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 1px 2px #0003}input:checked+.slider{background-color:var(--theme-slider-accent)}input:not(:checked)+.slider{background-color:var(--theme-slider-bg)}input:focus+.slider{box-shadow:0 0 1px var(--theme-accent)}input:checked+.slider:before{transform:translate(20px)}.theme-accordion{display:flex;flex-direction:column;gap:1px;background-color:var(--theme-control-bg);border-radius:var(--border-radius);padding:2px;border:1px solid var(--theme-border)}.accordion-header{background:transparent;border:none;color:var(--theme-text-secondary);padding:4px 8px;width:100%;text-align:left;font-weight:500;font-size:13px;cursor:pointer;border-radius:6px;transition:background-color .2s,color .2s;display:flex;justify-content:space-between;align-items:center;margin:0}.accordion-header .accordion-title{font-weight:600;color:var(--theme-text-primary)}.accordion-header .accordion-icon{transition:transform .2s ease-in-out}.accordion-header .accordion-icon.open{transform:rotate(180deg)}.accordion-header:hover{background-color:var(--theme-control-hover-bg)}.accordion-content{padding:8px 4px 4px;overflow:hidden}.add-text-btn,.remove-text-btn{width:100%;padding:10px;border-radius:var(--border-radius);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.add-text-btn{background:var(--theme-control-bg);color:var(--theme-text-primary);border:1px solid var(--theme-border)}.add-text-btn:hover{background:var(--theme-control-hover-bg)}.remove-text-btn{margin-top:10px;background:var(--theme-bg);color:var(--danger-color);border:1px solid var(--danger-color)}.remove-text-btn:hover{background:var(--danger-color);color:#fff}.active-layer-controls{display:flex;flex-direction:column;gap:16px;padding:16px;border:1px solid var(--theme-border);border-radius:var(--border-radius);background-color:var(--theme-bg)}select.font-select{width:100%;padding:8px 12px;border-radius:var(--border-radius);border:1px solid var(--theme-border);background-color:var(--theme-control-bg);color:var(--theme-text-primary);font-family:var(--font-family);font-size:14px}select.theme-select{width:100%;padding:8px 32px 8px 12px;border-radius:var(--border-radius);border:1px solid var(--theme-border);background-color:var(--theme-control-bg);color:var(--theme-text-primary);font-family:var(--font-family);font-size:14px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:16px}select.theme-select:focus{outline:none;border-color:var(--theme-accent);box-shadow:0 0 0 1px var(--theme-accent)}select.theme-select option{background-color:var(--theme-control-bg);color:var(--theme-text-primary)}.layers-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.text-layer,.image-layer{position:absolute;cursor:move;pointer-events:all;border:1px dashed transparent;transition:border-color .2s,background-color .2s,padding .2s,border-radius .2s;width:max-content}.text-layer{white-space:pre-wrap;word-break:break-word;padding:10px}.image-layer img{width:100%;height:auto;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.text-layer.active,.image-layer.active{border-color:var(--theme-accent)}.text-layer span{display:inline-block;line-height:1.2;transition:font-size .2s,color .2s,font-weight .2s}.text-layer span[contenteditable=true]{outline:1px solid var(--theme-accent);outline-offset:2px;border-radius:2px;cursor:text}.enhancements-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5}.enhancement-layer{position:absolute;transform:translate(-50%,-50%);pointer-events:all;cursor:move}.magnifier{border-radius:50%;overflow:hidden;background-repeat:no-repeat;box-shadow:0 5px 15px #0003,inset 0 0 0 1px #0000001a;outline:2px solid transparent;outline-offset:2px;transition:outline-color .2s}.enhancement-layer.active{outline-color:var(--theme-accent);z-index:6}.resize-handle{position:absolute;bottom:-8px;right:-8px;width:16px;height:16px;background-color:var(--theme-accent);border:2px solid var(--theme-surface);border-radius:50%;cursor:nwse-resize;box-shadow:0 1px 3px #0003}.text-resize-handle,.logo-resize-handle{position:absolute;bottom:-8px;right:-8px;width:16px;height:16px;background-color:var(--theme-accent);border:2px solid var(--theme-surface);border-radius:50%;cursor:nwse-resize;box-shadow:0 1px 3px #0003;z-index:12}.text-width-handle{position:absolute;top:50%;right:-8px;transform:translateY(-50%);width:16px;height:16px;background-color:var(--theme-accent);border:2px solid var(--theme-surface);border-radius:50%;cursor:ew-resize;box-shadow:0 1px 3px #0003;z-index:12}.vignette-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4}.snap-line{position:absolute;background-color:var(--theme-accent);opacity:.8;z-index:99}.snap-line.vertical{left:50%;top:0;width:1px;height:100%;transform:translate(-50%)}.snap-line.horizontal{top:50%;left:0;height:1px;width:100%;transform:translateY(-50%)}.loader{width:18px;height:18px;border:2px solid currentColor;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}.color-input-wrapper{display:flex;align-items:center;gap:12px;background-color:var(--theme-control-bg);padding:4px;border:1px solid var(--theme-border);border-radius:var(--border-radius)}input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:32px;height:32px;background-color:transparent;border:none;cursor:pointer;padding:0}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:1px solid var(--theme-border);border-radius:6px}input[type=color]::-moz-color-swatch{border:1px solid var(--theme-border);border-radius:6px}.color-input-wrapper span{font-family:monospace;font-size:14px;color:var(--theme-text-secondary)}.dimension-inputs{display:flex;gap:12px;align-items:center}.dimension-input{display:flex;align-items:center;gap:8px;flex:1;background-color:var(--theme-control-bg);border:1px solid var(--theme-border);border-radius:var(--border-radius);padding:0 10px}.dimension-input label{font-size:13px;font-weight:600;color:var(--theme-text-secondary);margin:0}.dimension-input input[type=number]{width:100%;padding:8px 0;border:none;background:transparent;color:var(--theme-text-primary);font-family:var(--font-family);font-size:14px;outline:none;-moz-appearance:textfield}.dimension-input input[type=number]::-webkit-outer-spin-button,.dimension-input input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.dimension-input:focus-within{border-color:var(--theme-accent);box-shadow:0 0 0 1px var(--theme-accent)}.tab-nav{display:flex;border-bottom:1px solid var(--theme-border);margin-bottom:10px;flex-shrink:0}.tab-btn{flex:1;padding:12px 16px;background:none;border:none;cursor:pointer;font-size:14px;font-weight:600;color:var(--theme-text-secondary);border-bottom:2px solid transparent;transition:all .2s;margin-bottom:-1px}.tab-btn:hover{color:var(--theme-text-primary)}.tab-btn.active{color:var(--theme-accent);border-bottom-color:var(--theme-accent)}.ad-panel-section{border:1px solid var(--theme-border);border-radius:var(--border-radius);padding:16px;display:flex;flex-direction:column;gap:16px}.ad-panel-section legend{font-size:14px;font-weight:600;color:var(--theme-text-primary);padding:0 8px;margin-left:-8px;border-bottom:none;margin-bottom:0}.ad-panel-section .control-group textarea,.ad-panel-section .control-group input[type=text]{width:100%;padding:8px 12px;border-radius:var(--border-radius);border:1px solid var(--theme-border);background-color:var(--theme-control-bg);color:var(--theme-text-primary);font-family:var(--font-family);font-size:14px}.ad-panel-section .control-group textarea{min-height:80px;resize:vertical}.brand-info{display:flex;flex-direction:column;gap:12px;font-size:13px}.brand-info strong{color:var(--theme-text-primary)}.brand-info .color-display{display:flex;align-items:center;justify-content:space-between;gap:8px}.brand-info .color-display label{font-weight:500;font-size:13px;color:var(--theme-text-secondary)}.brand-info .color-display span{font-family:monospace}.brand-info .brand-logo-preview{display:flex;align-items:center;gap:12px;padding:8px;border:1px solid var(--theme-border);border-radius:var(--border-radius)}.brand-info .brand-logo-preview img{width:40px;height:40px;object-fit:contain;background-color:var(--theme-bg);border-radius:4px}.brand-info .brand-logo-preview span{flex-grow:1;font-style:italic;color:var(--theme-text-secondary)}.ad-formats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.ad-format-btn{background:var(--theme-control-bg);color:var(--theme-text-primary);border:1px solid var(--theme-border);padding:10px;border-radius:var(--border-radius);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;text-align:center}.ad-format-btn:hover{background:var(--theme-control-hover-bg);border-color:var(--theme-text-secondary)}.ad-format-btn.active{background-color:var(--theme-accent);color:var(--theme-text-on-accent);border-color:var(--theme-accent);font-weight:600}.bottom-actions{flex-shrink:0;padding:24px 20px;border-top:1px solid var(--theme-border);display:flex;flex-direction:column;gap:12px}.export-btn,.picstatic-btn{border:none;padding:12px;border-radius:var(--border-radius);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.export-btn{background-color:var(--theme-primary-accent);color:var(--theme-text-on-primary-accent)}.picstatic-btn{background-color:#a855f7;color:#fff;border:1px solid #a855f7}.export-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 10px #0000001a;background-color:var(--theme-accent-hover)}.picstatic-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 10px #0000001a;background-color:#9333ea;border-color:#9333ea}.export-btn:disabled,.picstatic-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.picstatic-result{position:relative;padding:12px;border-radius:var(--border-radius);font-size:13px;border:1px solid}.picstatic-result.success{background-color:var(--theme-control-bg);border-color:#10b981}.picstatic-result.error{background-color:#fef2f2;color:var(--danger-color);border-color:var(--danger-color)}.dark-theme .picstatic-result.error{background-color:#4d2424}.picstatic-result-content{display:flex;gap:8px;align-items:center}.picstatic-error-text{margin:0;line-height:1.4}.dark-theme .picstatic-error-text strong{color:var(--theme-text-primary)}.picstatic-result input{flex-grow:1;background:var(--theme-bg);border:1px solid var(--theme-border);border-radius:6px;padding:6px 8px;font-size:12px;font-family:monospace;color:var(--theme-text-primary)}.picstatic-result .copy-btn{padding:6px 12px;border:1px solid var(--theme-border);background:var(--theme-surface);border-radius:6px;cursor:pointer;font-weight:500;font-size:12px;color:var(--theme-text-primary);transition:background-color .2s;flex-shrink:0}.picstatic-result .copy-btn:hover{background:var(--theme-control-hover-bg)}.picstatic-result .close-btn{position:absolute;top:2px;right:2px;width:24px;height:24px;background:transparent;border:none;color:var(--theme-text-secondary);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1}.picstatic-result .close-btn:hover{background-color:var(--theme-control-bg);color:var(--theme-text-primary)}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 850px){.app-container{flex-direction:column;overflow-y:auto}.controls-panel{width:100%;border-left:none;border-top:1px solid var(--theme-border);overflow-y:visible;padding-bottom:0}.controls-panel-content{padding:16px}.app-bar{padding:12px 16px}.display-panel{overflow:visible}.canvas-container{padding:24px;min-height:40vh}.bottom-actions{padding:16px}.placeholder{width:100%;min-height:200px;height:auto}}.crop-overlay{z-index:1000}.crop-handle{position:absolute;width:12px;height:12px;background:#3b82f6;border:2px solid white;border-radius:50%;box-shadow:0 2px 4px #0003}.crop-handle-nw{top:-6px;left:-6px;cursor:nw-resize}.crop-handle-ne{top:-6px;right:-6px;cursor:ne-resize}.crop-handle-sw{bottom:-6px;left:-6px;cursor:sw-resize}.crop-handle-se{bottom:-6px;right:-6px;cursor:se-resize}.crop-btn,.apply-crop-btn,.cancel-crop-btn,.revert-crop-btn{background:var(--theme-control-bg);color:var(--theme-text-primary);border:1px solid var(--theme-border);padding:8px 12px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s;width:100%;display:flex;align-items:center;justify-content:center;gap:6px}.crop-btn:hover,.apply-crop-btn:hover,.cancel-crop-btn:hover,.revert-crop-btn:hover{background:var(--theme-control-hover-bg);border-color:var(--theme-accent)}.apply-crop-btn{background:var(--theme-control-bg);color:var(--theme-text-primary)}.reset-image-btn{background:var(--theme-control-bg);color:var(--theme-text-primary);border:1px solid var(--theme-border);padding:8px 12px;border-radius:var(--border-radius);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;width:100%;justify-content:center}.reset-image-btn:hover{background:var(--theme-control-hover-bg);transform:translateY(-1px)}.reset-image-btn svg{flex-shrink:0}.apply-crop-btn:hover{background:var(--theme-control-hover-bg);border-color:#22c55e}.crop-btn:disabled,.apply-crop-btn:disabled,.cancel-crop-btn:disabled,.revert-crop-btn:disabled{opacity:.5;cursor:not-allowed}.crop-controls{display:flex;flex-direction:column;gap:12px}.crop-instructions{font-size:13px;color:var(--theme-text-secondary);margin:0;text-align:center;line-height:1.4}.crop-buttons{display:flex;flex-direction:column;gap:8px}.crop-button-group{display:flex;gap:8px}.crop-button-group .crop-btn,.crop-button-group .revert-crop-btn{flex:1;min-width:0}.marketing-page-wrapper{background-color:var(--theme-bg);color:var(--theme-text-primary);height:100vh;overflow-y:auto;font-family:var(--font-family);position:relative;transition:background-color .3s,color .3s;--marketing-accent: #ffd500;--marketing-accent-hover: #e6bf00;--marketing-text-on-accent: #1A1B26}.marketing-page-wrapper .launch-app-btn{background-color:var(--marketing-accent);color:var(--marketing-text-on-accent)}.marketing-page-wrapper .launch-app-btn:hover{background-color:var(--marketing-accent-hover)}.marketing-page-wrapper .hero-content h1{background:-webkit-linear-gradient(45deg,var(--marketing-accent),var(--theme-primary-accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.dark-theme.marketing-page-wrapper .hero-content h1{background:-webkit-linear-gradient(45deg,var(--marketing-accent),var(--theme-text-primary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.marketing-page-wrapper .logo-icon-part{fill:var(--marketing-accent)}.marketing-page-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(/img/patterns/liquid-cheese.svg);background-size:cover;background-position:center;mask-image:linear-gradient(135deg,black 10%,transparent 70%);-webkit-mask-image:linear-gradient(135deg,black 10%,transparent 70%);pointer-events:none;z-index:0;opacity:.1}.dark-theme .marketing-page-wrapper:before{opacity:.05}.marketing-page{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:1}.marketing-header{display:flex;justify-content:space-between;align-items:center;padding:24px 0}.marketing-header .logo{height:32px}.marketing-header nav{display:flex;align-items:center;gap:16px}.launch-app-btn{padding:10px 20px;border-radius:var(--border-radius);text-decoration:none;font-weight:600;transition:all .2s ease;border:1px solid transparent}.launch-app-btn:hover{transform:translateY(-2px);box-shadow:0 4px 10px var(--shadow-color)}.hero-section{text-align:center;padding:80px 0}.hero-content h1{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:24px}.hero-content p{font-size:1.25rem;color:var(--theme-text-secondary);max-width:700px;margin:0 auto 32px}.cta-btn{font-size:1.1rem;padding:16px 32px}.hero-image{margin-top:60px;padding:0 20px}.app-preview-image{width:100%;height:auto;border-radius:16px;border:1px solid var(--theme-border);box-shadow:0 20px 40px var(--shadow-color);transition:all .3s ease}.hero-image:hover .app-preview-image{transform:scale(1.02);box-shadow:0 25px 50px var(--shadow-color)}.features-section{padding:80px 0}.features-section h2{text-align:center;font-size:2.5rem;margin-bottom:48px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.feature-card{background:var(--theme-surface);padding:24px;border:1px solid var(--theme-border);border-radius:var(--border-radius);transition:transform .2s ease,box-shadow .2s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px var(--shadow-color)}.feature-card h3{margin-top:0;color:var(--theme-text-primary)}.feature-card p{color:var(--theme-text-secondary)}.marketing-footer{text-align:center;padding:40px 0;border-top:1px solid var(--theme-border);color:var(--theme-text-secondary)}@media (max-width: 768px){.hero-content h1{font-size:2.5rem}.features-section h2{font-size:2rem}html,body{height:100vh;height:100dvh;overflow:hidden;position:fixed;width:100%}#root{height:100vh;height:100dvh;overflow:hidden}.app-container{flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.display-panel{flex:1;min-height:0;overflow:hidden}.canvas-container{padding:8px;min-height:0;overflow:hidden;display:flex;justify-content:center;align-items:center}.controls-panel{width:100%;max-height:40vh;border-left:none;border-top:1px solid var(--theme-border);order:2;flex-shrink:0;overflow-y:auto}.screenshot-area{max-width:calc(100vw - 16px);max-height:calc(60vh - 16px);width:auto;height:auto}.screenshot-area img{max-width:100%;max-height:100%;width:auto;height:auto}}