.editor_app{height:100%;color:var(--heading_color);font-family:inherit;font-size:var(--ui_font_size);line-height:var(--ui_line_height);background:#eef1f3;overflow:hidden}.editor_app button,.editor_app input,.editor_app select,.editor_app textarea{font-family:inherit}.top_bar{border-bottom:1px solid var(--border_color);background:#f7f8f8;align-items:center;height:3.5rem;padding:0 1.5rem;display:flex}.editor_notice{z-index:20;color:#713b2c;background:#fff8f4;border:1px solid #d77a5f;align-items:center;gap:.75rem;padding:.65rem .8rem;font-size:.78rem;display:flex;position:fixed;top:4.25rem;left:50%;transform:translate(-50%)}.editor_notice button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:.72rem}.brand_lockup{align-items:center;gap:.85rem;font-size:.95rem;font-weight:700;display:flex}.brand_mark{align-items:center;gap:.2rem;display:flex}.brand_mark span{background:var(--accent_color);width:.32rem;height:1.3rem;transform:skew(-18deg)}.brand_mark span:nth-child(2){height:1.8rem;margin-top:-.25rem}.brand_mark span:nth-child(3){height:1rem;margin-top:.2rem}.panel_kicker,.canvas_header{color:var(--muted_color);letter-spacing:.14em;font-size:.68rem;font-weight:700}.editor_layout{grid-template-columns:1fr minmax(20rem,32%);height:calc(100% - 3.5rem);min-height:0;display:grid}.canvas_panel{background:#e5e9ec;min-width:0;padding:1.5rem 2rem}.canvas_empty{height:100%;color:var(--muted_color);text-align:center;cursor:pointer;border:1px dashed #0000;place-content:center;justify-items:center;gap:1rem;display:grid}.canvas_empty.is_dragging{border-color:var(--accent_color);background:#fff5f1}.canvas_empty.has_image{cursor:default}.empty_cross{color:#9ca8b1;border:1px solid #b9c3ca;place-items:center;width:3rem;height:3rem;font-size:1.4rem;display:grid}.canvas_empty p{max-width:17rem;margin:0;font-size:.82rem;line-height:1.7}.canvas_image{object-fit:contain;max-width:90%;max-height:calc(100% - 2rem);box-shadow:0 1rem 3rem #1b232d1f}.effects_panel{border-left:1px solid var(--border_color);background:#f7f8f8;grid-template-rows:minmax(12rem,38%) 1fr;min-height:0;padding:0;display:grid;overflow:hidden}.layers_section,.effects_section{scrollbar-width:none;-ms-overflow-style:none;min-height:0;padding:.75rem 1.75rem}.layers_section::-webkit-scrollbar{width:0;height:0;display:none}.effects_section::-webkit-scrollbar{width:0;height:0;display:none}.layers_section{background:#f1f4f5}.effects_section{overflow:hidden}.section_header{justify-content:space-between;gap:1rem;display:flex}.section_header .panel_kicker{color:var(--accent_color);margin:0 0 .75rem}.section_header h1{letter-spacing:-.06em;margin:0;font-size:clamp(1.5rem,3vw,2.5rem);line-height:1}.section_count{color:var(--muted_color);font-size:.75rem}.layer_item{font-size:var(--ui_font_size);line-height:var(--ui_line_height);cursor:grab;background:#e5e9ec;border:1px solid #0000;align-items:center;gap:.7rem;margin-top:.5rem;padding:.65rem;transition:transform .16s,background-color .16s,opacity .16s;display:flex}.layer_item:active{cursor:grabbing}.layer_item[draggable=true]:hover{background:#dce5e8}.layer_item.is_drop_target{border-color:var(--accent_color);background:#fff1ed;transform:translateY(-.12rem)}.layer_item.is_reordered{animation:.28s ease-out layer_reordered}@keyframes layer_reordered{0%{background:#ffe4da;transform:scale(1.015)}to{background:0 0;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.layer_item{transition:none}.layer_item.is_reordered{animation:none}}.layer_item.is_selected{border-color:var(--accent_color);background:#fff}.layer_item:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent_color);outline-offset:2px}.layer_item.is_empty{color:var(--muted_color)}.layer_thumbnail{color:#9ca8b1;background:#d4dce1;flex:none;place-items:center;width:2.5rem;height:2.5rem;display:grid;overflow:hidden}.layer_thumbnail img{object-fit:cover;width:100%;height:100%}.layer_name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.layer_visibility{color:#3e9b72;margin-left:auto;font-size:.55rem}.section_description{color:var(--muted_color);margin:1rem 0 0;font-size:.78rem}.effect_controls{margin-top:1.5rem;padding:1.25rem 0}.range_control{margin:0 0 1.6rem;display:block}.range_control:last-child{margin-bottom:0}.range_control>span{justify-content:space-between;margin-bottom:.7rem;font-size:.8rem;display:flex}.range_control output{color:var(--muted_color)}input[type=range]{width:100%;accent-color:var(--accent_color)}.image_actions{color:var(--muted_color);justify-content:space-between;gap:1rem;margin-top:1rem;padding-top:1rem;font-size:.72rem;display:flex}.image_actions>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text_button{color:var(--muted_color);cursor:pointer;background:0 0;border:0;font-size:.68rem;text-decoration:underline}.text_button:hover{color:var(--accent_color)}.layers_section,.effect_accordion{border-bottom:1px solid var(--border_color)}.effect_accordion_trigger{width:100%;color:var(--heading_color);font-size:var(--ui_font_size);line-height:var(--ui_line_height);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:.55rem 0;display:flex}.effect_accordion_trigger:hover{color:var(--accent_color)}.effect_accordion_trigger span{color:var(--muted_color);font-size:1.1rem;font-weight:300}.effect_accordion .range_control{margin:0 0 1rem}.effect_accordion .range_control>span{font-size:var(--ui_font_size)}.effect_accordion .range_control>span span{color:var(--muted_color)}.effects_toolbar{justify-content:flex-end;display:flex;position:relative}.add_effect_button{border:1px solid var(--border_color);width:2rem;height:2rem;color:var(--heading_color);cursor:pointer;background:#fff;font-size:1.25rem;font-weight:400;line-height:1}.reset_object_button{border:1px solid var(--border_color);color:var(--muted_color);cursor:pointer;background:#fff;margin-right:.4rem;padding:.35rem .65rem;font-size:.72rem}.reset_object_button:hover,.add_effect_button:hover{border-color:var(--accent_color);color:var(--accent_color)}.effect_menu{z-index:30;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border_color) transparent;max-width:calc(100vw - 2rem);max-height:min(17rem,100vh - 2rem);display:grid;position:fixed;top:auto;bottom:1rem;right:1rem;overflow-y:auto}.effect_menu::-webkit-scrollbar{width:.35rem}.effect_menu::-webkit-scrollbar-thumb{background:var(--border_color);border-radius:999px}.effect_controls{min-height:0;margin-top:1rem}.canvas_panel{z-index:0;position:relative;overflow:hidden}.canvas_image{z-index:0;position:relative}.effects_panel{z-index:2;position:relative}.effects_section{position:relative}.effects_toolbar{z-index:3;background:#f7f8f8;align-self:flex-end;padding:.35rem 0;position:sticky;top:.75rem}.effect_menu{top:2.5rem;bottom:auto}.effects_section{flex-direction:column;display:flex}.effects_section .effect_controls{scrollbar-width:none;-ms-overflow-style:none;flex:1;margin-top:0;padding-top:0;overflow-y:auto}.effects_section .effect_controls::-webkit-scrollbar{width:0;height:0;display:none}.layer_delete_button{color:#7d8992;cursor:pointer;background:#f7f8f8;border:1px solid #cbd4da;border-radius:50%;place-items:center;width:1.7rem;height:1.7rem;margin-left:auto;font-size:1.05rem;font-weight:300;line-height:1;transition:background .2s,border-color .2s,color .2s;display:grid}.layer_delete_button:hover{color:#d95c45;background:#fff1ed;border-color:#d95c45}.layer_delete_button:focus-visible{outline:2px solid var(--accent_color);outline-offset:2px}.output_frame:after{content:"";z-index:2;pointer-events:none;border:1px solid #8d9aa4;position:absolute;inset:0}.output_frame{background:#fff;border:1px solid #b9c3ca;place-items:center;width:min(90%,50rem);max-height:calc(100% - 2rem);display:grid;position:relative;overflow:hidden;box-shadow:0 1rem 3rem #1b232d1f}.output_frame>.canvas-container{inset:0;width:100%!important;height:100%!important;position:absolute!important}.output_frame>.canvas-container canvas{width:100%!important;height:100%!important}.output_frame .canvas_image{object-fit:contain;width:100%;max-width:none;height:100%;max-height:none;box-shadow:none}.output_frame .canvas_image{max-width:none;max-height:none}.output_frame{max-height:none}.output_frame:after{border-color:rgb(0 0 0/var(--frame-opacity,1));border-width:var(--frame-thickness,1px)}.output_frame{border:0}.output_frame:after{border-color:rgb(0 0 0/var(--frame-opacity,100%))}.output_frame .canvas_image{object-fit:fill}.output_frame:after{border-style:solid;border-color:rgb(0 0 0/var(--frame-opacity,100%));box-shadow:inset 0 0 0 var(--frame-thickness,1px) rgb(0 0 0/var(--frame-opacity,100%))}.output_frame{box-shadow:none;background:0 0;border:0!important}.output_frame .canvas_image{box-shadow:none}.output_frame:after{border:var(--frame-thickness,1px) solid rgb(0 0 0/var(--frame-opacity,100%));box-shadow:none}.output_frame{overflow:visible!important}.output_frame .canvas_image{width:100%;max-width:none;height:100%;max-height:none;display:block}.output_frame:after{border:var(--frame-thickness,1px) solid #000;opacity:var(--frame-opacity,1);box-sizing:border-box;z-index:10;border-color:rgb(141 154 164/var(--frame-opacity,1))}.header_menu{gap:.35rem;margin-left:auto;display:flex}.header_menu_group{position:relative}.settings_menu_group{order:3}.history_controls{border:1px solid var(--border_color);background:#eef1f3;border-radius:.35rem;order:2;align-items:center;gap:.15rem;margin-left:.35rem;padding:.15rem;display:inline-flex}.history_controls button{min-width:2.6rem;color:var(--heading_color);cursor:pointer;background:0 0;border:0;border-radius:.2rem;padding:.3rem .45rem;font-size:.7rem;line-height:1.2}.history_controls button:hover:not(:disabled){color:var(--accent_color);background:#fff}.history_controls button:focus-visible{outline:2px solid var(--accent_color);outline-offset:1px}.history_controls button:disabled{color:#aeb8bf;cursor:not-allowed}.header_menu_button{color:var(--heading_color);cursor:pointer;background:0 0;border:0;border-radius:.35rem;padding:.48rem .75rem;font-size:.78rem;font-weight:600;transition:background .14s,color .14s}.header_menu_button:hover,.header_menu_button[aria-expanded=true]{color:var(--accent_color);background:#e3e8eb}.header_menu_button:focus-visible{outline:2px solid var(--accent_color);outline-offset:2px}.header_dropdown{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform-origin:100% 0;background:#fbfcfcf5;border:1px solid #d6dde1;border-radius:.65rem;min-width:12rem;padding:.4rem;animation:.14s ease-out both menu_reveal;position:absolute;top:calc(100% + .55rem);right:0;box-shadow:0 .8rem 2rem #1b232d24,0 .15rem .35rem #1b232d12}.header_dropdown>button{width:100%;color:var(--heading_color);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.4rem;padding:.62rem .72rem;font-size:.75rem;line-height:1.25;transition:background .14s,color .14s;display:block}.header_dropdown>button:hover{color:var(--accent_color);background:#e9eff1}.header_dropdown>button:disabled{color:#aab3ba;cursor:not-allowed}.header_dropdown>button:focus-visible,.header_dropdown input:focus-visible,.header_dropdown select:focus-visible{outline:2px solid var(--accent_color);outline-offset:1px}.canvas_dropdown{grid-template-columns:1fr auto;align-items:center;gap:.5rem .7rem;width:15.5rem;padding:.75rem;display:grid}.canvas_dropdown label,.settings_dropdown label{color:var(--muted_color);font-size:.7rem;font-weight:600}.canvas_dropdown input[type=number],.settings_dropdown input,.settings_dropdown select{box-sizing:border-box;min-height:2rem;color:var(--heading_color);font:inherit;background:#fff;border:1px solid #d4dde1;border-radius:.35rem;font-size:.75rem}.canvas_dropdown input[type=number]{text-align:right;width:5.2rem;padding:.3rem .45rem}.canvas_dropdown input[type=range]{width:100%;accent-color:var(--accent_color);grid-column:1/-1}.canvas_dropdown>button{border-top:1px solid #e2e8eb;grid-column:1/-1;margin-top:.15rem;padding-top:.72rem}.settings_dropdown{gap:.45rem;width:15rem;padding:.85rem;display:grid}.settings_dropdown label{margin-top:.2rem;display:block}.settings_dropdown output{color:var(--muted_color)}.settings_dropdown input,.settings_dropdown select{width:100%;padding:.4rem .5rem}@keyframes menu_reveal{0%{opacity:0;transform:translateY(-.25rem)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.header_dropdown,.header_menu_button,.header_dropdown>button{transition:none;animation:none}}.output_frame:after{opacity:var(--frame-opacity,1);border-color:#000}.range_control>span{align-items:center}.range_control input[type=number]{border:1px solid var(--border_color);width:5.5rem;color:var(--heading_color);text-align:right;background:#fff;padding:.45rem .55rem;font-size:.8rem}.range_control input[type=number]:focus{border-color:var(--accent_color);outline-offset:1px;outline:2px solid #e1603c33}.range_control input[type=number]::-webkit-inner-spin-button{opacity:1}.initial_effect_fields{gap:.35rem;padding-top:.5rem;display:grid}.initial_effect_row{grid-template-columns:minmax(5rem,1fr) 5.5rem 2rem auto;align-items:center;gap:.5rem;font-size:.78rem;display:grid}.initial_effect_row label{color:var(--heading_color)}.initial_effect_row input[type=number]{border:1px solid var(--border_color);width:100%;color:var(--heading_color);text-align:right;background:#fff;padding:.25rem .5rem;font-size:.78rem}.shape_color_code{border:1px solid var(--border_color);width:5.5rem;color:var(--heading_color);font:inherit;text-transform:uppercase;background:#fff;padding:.25rem .4rem;font-size:.72rem}.shape_color_picker{border:1px solid var(--border_color);cursor:pointer;background:#fff;width:2rem;height:1.7rem;padding:.1rem}.effect_unit{color:var(--muted_color)}.reset_effect_button{border:1px solid var(--border_color);color:var(--muted_color);white-space:nowrap;cursor:pointer;background:0 0;padding:.35rem .5rem;font-size:.66rem}.reset_effect_button:hover{border-color:var(--accent_color);color:var(--accent_color)}.initial_effect_row{cursor:ew-resize;-webkit-user-select:none;user-select:none}.initial_effect_row input,.initial_effect_row button{cursor:pointer}.is_dragging_value,.is_dragging_value *{cursor:ew-resize!important;-webkit-user-select:none!important;user-select:none!important}.initial_effect_row{border-radius:.2rem;margin:0 -.45rem;padding:.2rem .45rem;transition:background .15s}.initial_effect_row:hover{background:#fff1ed}.layers_section{overflow:hidden auto}.layers_list{gap:.3rem;min-width:0;display:grid}.layers_list .layer_item{min-width:0;margin-top:0;padding:.4rem .5rem}.layers_list .layer_thumbnail{width:1.75rem;height:1.75rem}.layers_list .layer_delete_button{width:1.45rem;height:1.45rem;font-size:.9rem}.canvas_empty.has_canvas{cursor:default}.layer_icon_button{width:1.35rem;height:1.35rem;color:var(--muted_color);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;font-size:.8rem;line-height:1;display:grid}.layer_icon_button:hover{color:var(--accent_color)}.layer_name_input{box-sizing:border-box;border:1px solid var(--accent_color);width:100%;min-width:0;color:var(--heading_color);background:#fff;flex:auto;padding:.25rem .35rem;font-size:.75rem}.layer_item.is_empty .layer_icon_button,.layer_item.is_empty .layer_visibility{display:none}.hidden_layer_message{color:var(--muted_color);font-size:.82rem}.layer_actions{flex:none;align-items:center;gap:.2rem;margin-left:auto;display:flex}.layer_visibility{display:none}.blank_canvas_button{border:1px solid var(--border_color);color:var(--muted_color);cursor:pointer;background:0 0;padding:.5rem .8rem;font-size:.72rem}.blank_canvas_button:hover{border-color:var(--accent_color);color:var(--accent_color)}.blank_canvas_form{border:1px solid var(--border_color);color:var(--heading_color);background:#fff;align-items:end;gap:.5rem;padding:.75rem;font-size:.7rem;display:flex}.blank_canvas_form label{text-align:left;gap:.25rem;display:grid}.blank_canvas_form input{border:1px solid var(--border_color);width:5rem;padding:.35rem;font-size:.75rem}.blank_canvas_form button{background:var(--heading_color);color:#fff;cursor:pointer;border:0;padding:.4rem .65rem;font-size:.72rem}.effect_accordion_header{align-items:center;display:flex;position:relative}.effect_bypass_button{width:1.4rem;height:1.4rem;color:var(--accent_color);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;flex:none;padding:0;font-size:.68rem;line-height:1}.effect_bypass_button.is_bypassed{border-color:var(--border_color);color:var(--muted_color);opacity:.65}.effect_bypass_button:hover{border-color:var(--accent_color);background:#fff1ed}.effect_accordion_header .effect_accordion_trigger{flex:1}.effect_more_menu{position:relative}.effect_more_button{width:1.8rem;height:1.8rem;color:var(--muted_color);cursor:pointer;background:0 0;border:0;font-size:1.2rem;line-height:1}.effect_more_button:hover,.effect_more_button[aria-expanded=true]{color:var(--accent_color);background:#fff1ed}.effect_order_menu{z-index:4;border:1px solid var(--border_color);background:#fff;min-width:7rem;padding:.25rem;display:grid;position:absolute;top:2rem;right:0;box-shadow:0 .75rem 2rem #1b232d1f}.effect_order_menu button{color:var(--heading_color);text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:.45rem .6rem;font-size:.7rem}.effect_order_menu button:hover:not(:disabled){color:var(--accent_color);background:#f1f4f5}.effect_order_menu button:disabled{color:#b9c3ca;cursor:not-allowed}.effect_accordion_header{cursor:grab}.effect_accordion_header:active{cursor:grabbing}.effect_accordion_header[draggable=true]:hover{background:#fffaf8}.effect_accordion_header[draggable=true] .effect_accordion_trigger{cursor:grab}.effect_reordering .effect_accordion{animation:.26s both effectReorder}@keyframes effectReorder{0%{opacity:.72;transform:translateY(-.35rem)}to{opacity:1;transform:translateY(0)}}.layers_section_header{z-index:6;color:var(--muted_color);background:#f1f4f5;justify-content:space-between;align-items:center;margin-bottom:.7rem;padding:.35rem 0;font-size:.7rem;font-weight:700;display:flex;position:sticky;top:0}.layer_add_button{border:1px solid var(--border_color);width:1.8rem;height:1.8rem;color:var(--heading_color);cursor:pointer;background:#fff;padding:0;font-size:1.15rem;font-weight:400;line-height:1}.layer_add_button:hover{border-color:var(--accent_color);color:var(--accent_color);background:#fff1ed}.layer_add_menu_wrap{position:relative}.layer_add_menu{display:grid}.layer_add_menu button,.effect_menu button{font-weight:400}.canvas_shape{background:var(--accent_color);transform-origin:50%;z-index:1;width:45%;height:45%;position:absolute}.canvas_shape_circle{border-radius:50%}.canvas_shape_triangle{background:0 0}.canvas_text{z-index:1;white-space:pre;transform-origin:0;min-width:1ch;position:absolute}.text_settings{gap:.45rem;padding:.5rem 0 .75rem;font-size:.76rem;display:grid}.text_settings input[type=text],.text_settings input[type=number],.text_settings textarea,.text_settings select{box-sizing:border-box;border:1px solid var(--line_color);width:100%;min-height:2rem;color:var(--heading_color);font:inherit;resize:vertical;background:#fff;padding:.25rem .45rem}.text_settings select{appearance:none;background-color:#fff;background-image:linear-gradient(45deg, transparent 50%, var(--muted_color) 50%), linear-gradient(135deg, var(--muted_color) 50%, transparent 50%);min-height:2rem;color:var(--heading_color);cursor:pointer;background-position:calc(100% - .8rem) .85rem,calc(100% - .55rem) .85rem;background-repeat:no-repeat;background-size:.25rem .25rem,.25rem .25rem;border-radius:.35rem;padding:.35rem 2rem .35rem .55rem}.text_settings select:hover{border-color:var(--accent_color)}.text_settings select:focus-visible{outline:2px solid var(--accent_color);outline-offset:1px}.text_settings select option{color:var(--heading_color);background:#fff;padding:.35rem .5rem}.text_settings textarea{min-height:4.5rem;line-height:1.45}.text_color_row input[type=text]{text-align:right;min-width:0}.text_color_row input[type=color]{border:1px solid var(--line_color);background:#fff;width:2.1rem;height:2rem;padding:.15rem}.text_setting_inline{align-items:center;gap:.4rem;display:flex}.text_setting_inline input{max-width:7rem}.text_setting_check{align-items:center;gap:.4rem;display:flex}@media (width<=760px){.editor_app{height:auto;min-height:100vh;overflow:auto}.top_bar{flex-wrap:wrap;gap:.75rem;height:auto;min-height:3.5rem;padding:.75rem 1rem}.brand_lockup{margin-right:auto}.editor_layout{flex-direction:column;height:auto;min-height:calc(100vh - 5rem);display:flex}.canvas_panel{height:55vh;min-height:20rem;padding:1rem}.effects_panel{border-top:1px solid var(--border_color);border-left:0;min-height:32rem;display:block}.layers_section{box-sizing:border-box;height:12rem}.effects_section{min-height:20rem;overflow:hidden}}:root{color:#1b232d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--heading_color:#1b232d;--muted_color:#647180;--border_color:#d5dde4;--surface_color:#f9fbfc;--accent_color:#e1603c;--ui_font_size:.75rem;--ui_line_height:1.4;background:#edf1f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic UI,Yu Gothic,Meiryo,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{min-width:20rem;margin:0;overflow:hidden}button,a,input,select,textarea{font:inherit}:focus-visible{outline:3px solid var(--accent_color);outline-offset:4px}