.slice-transform-toolbar{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:center}
.layers-drawer{position:fixed;top:0;right:0;height:100vh;width:min(360px,92vw);background:#fff;border-left:1px solid #eaeaea;transform:translateX(102%);transition:transform 180ms ease,box-shadow 180ms ease;z-index:9999;display:flex;flex-direction:column}.layers-drawer .canvas-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 12px;border-bottom:1px solid #eaeaea}.layers-drawer .canvas-row .canvas-row-title{font-weight:700;margin-right:4px}.layers-drawer .canvas-row .canvas-row-fields{display:flex;align-items:center;gap:6px}.layers-drawer .canvas-row .canvas-row-fields label{display:inline-flex;align-items:center;gap:2px}.layers-drawer .canvas-row .canvas-row-fields input{width:62px}.layers-drawer .canvas-row .canvas-fit{flex:1 1 auto}.layers-drawer.open{transform:translateX(0);box-shadow:-2px 0 12px rgba(0,0,0,.15)}.layers-drawer>.header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px dotted #eaeaea}.layers-drawer>.header>.title{font-size:16px;font-weight:700}.layers-drawer>.header>.close{border:1px solid #eaeaea;background:#fff;cursor:pointer;padding:4px 8px}.layers-drawer>.subtitle{padding:6px 12px;font-size:12px;color:#666;border-bottom:1px dotted #eaeaea;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 8px}.layers-drawer>.subtitle>.subtitle-left{min-width:0}.layers-drawer>.subtitle>.subtitle-right{display:flex;align-items:center;flex:0 0 auto;flex-wrap:wrap;gap:6px;margin-left:auto}.layers-drawer>.subtitle>.subtitle-right>.btn-common{font-size:12px;white-space:nowrap;flex:0 0 auto}.layers-drawer>.list{overflow:auto;padding:8px 8px 12px}.layers-drawer>.list>.item{position:relative;display:flex;align-items:center;gap:8px;padding:8px;border:1px dotted #eaeaea;margin:0 0 8px 0;background:#fff;cursor:pointer}.layers-drawer>.list>.item:hover{background:#f7f7f7}.layers-drawer>.list>.item:focus{outline:2px solid #239373;outline-offset:1px}.layers-drawer>.list>.item.current{border:1px solid #239373;background:#f0fbf7}.layers-drawer>.list>.item.hidden{opacity:.55}.layers-drawer>.list>.item.dragging{opacity:.4}.layers-drawer>.list>.item.drop-above::before,.layers-drawer>.list>.item.drop-below::after{content:"";position:absolute;left:0;right:0;height:0;border-top:1px solid #504ff6;pointer-events:none}.layers-drawer>.list>.item.drop-above::before{top:-5px}.layers-drawer>.list>.item.drop-below::after{bottom:-5px}.layers-drawer>.list>.item>.eye{flex:0 0 26px;width:26px;height:26px;border:1px solid #eaeaea;background:#fafafa;cursor:pointer;line-height:1}.layers-drawer>.list>.item>.eye.off{color:#aaa;background:#fff}.layers-drawer>.list>.item>.thumb{width:44px;height:44px;border:1px solid #eaeaea;background:#fafafa;flex:0 0 44px;display:flex;align-items:center;justify-content:center;overflow:hidden}.layers-drawer>.list>.item>.thumb img{width:44px;height:44px;object-fit:cover;display:block}.layers-drawer>.list>.item>.thumb .thumb-empty,.layers-drawer>.list>.item>.thumb .thumb-bg{width:100%;height:100%}.layers-drawer>.list>.item>.thumb .thumb-empty{background:repeating-linear-gradient(45deg, #f7f7f7, #f7f7f7 6px, #fff 6px, #fff 12px)}.layers-drawer>.list>.item>.thumb .thumb-bg{background:#fff;border:1px solid #eaeaea}.layers-drawer>.list>.item>.body{min-width:0;flex:1 1 auto}.layers-drawer>.list>.item>.body>.name-input{width:100%;padding:0;border:0;border-bottom:1px solid #504ff6;background:transparent;font-size:14px;font-weight:700;font-family:inherit}.layers-drawer>.list>.item>.body>.name-input:focus{outline:none}.layers-drawer>.list>.item>.body>.name{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layers-drawer>.list>.item>.body>.controls{display:flex;align-items:center;gap:6px;margin-top:4px}.layers-drawer>.list>.item>.body>.controls>.blend{font-size:11px;max-width:110px}.layers-drawer>.list>.item>.body>.controls>.opacity{flex:1 1 auto;min-width:0}.layers-drawer>.list>.item>.delete{flex:0 0 26px;width:26px;height:26px;border:1px solid #eaeaea;background:#fff;cursor:pointer;line-height:1}
.canvas-drawer{position:fixed;top:0;right:0;height:100vh;width:min(360px,92vw);background:#fff;border-left:1px solid #eaeaea;transform:translateX(100%);transition:transform 180ms ease,box-shadow 180ms ease;z-index:9999;display:flex;flex-direction:column;box-sizing:border-box;padding:10px 12px;gap:12px;overflow-y:auto}.canvas-drawer.open{transform:translateX(0);box-shadow:-2px 0 12px rgba(0,0,0,.15)}@media(prefers-reduced-motion: reduce){.canvas-drawer{transition:none}}.canvas-drawer .header{display:flex;align-items:center;justify-content:space-between}.canvas-drawer .title{font-weight:700;font-size:16px}.canvas-drawer .close{border:none;background:none;cursor:pointer;font-size:18px;line-height:1;padding:0 4px}.canvas-drawer .canvas-section{display:flex;flex-direction:column;gap:8px;padding-bottom:12px;border-bottom:1px solid #eaeaea}.canvas-drawer .canvas-section:last-child{border-bottom:none}.canvas-drawer .canvas-section-title{font-size:12px;font-weight:700;color:#666;text-transform:uppercase;letter-spacing:.04em}.canvas-drawer .canvas-fields{display:flex;align-items:center;gap:6px}.canvas-drawer .canvas-fields label{display:inline-flex;align-items:center;gap:4px}.canvas-drawer .canvas-fields input{width:72px;min-width:0}.canvas-drawer .slice-transform-toolbar{display:flex;flex-wrap:wrap;gap:6px}
.slice-drawer{position:fixed;top:0;right:0;height:100vh;width:min(360px,92vw);background:#fff;border-left:1px solid #eaeaea;transform:translateX(100%);transition:transform 180ms ease,box-shadow 180ms ease;z-index:9999;display:flex;flex-direction:column;box-sizing:border-box;padding:10px 12px;gap:12px;overflow-y:auto}.slice-drawer.open{transform:translateX(0);box-shadow:-2px 0 12px rgba(0,0,0,.15)}@media(prefers-reduced-motion: reduce){.slice-drawer{transition:none}}.slice-drawer .header{display:flex;align-items:center;justify-content:space-between}.slice-drawer .title{font-weight:700;font-size:16px}.slice-drawer .close{border:none;background:none;cursor:pointer;font-size:18px;line-height:1;padding:0 4px}.slice-drawer .slice-drawer-subtitle{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:10px;border-bottom:1px solid #eaeaea}.slice-drawer .slice-count{font-size:12px;color:#666}.slice-drawer .slice-count.at-limit{color:#c62828;font-weight:700}.slice-drawer .slice-actions{display:flex;align-items:center;gap:6px}.slice-drawer .slice-bulkbar{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:#666}.slice-drawer .slice-selectall{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.slice-drawer .slice-delete-selected:not(:disabled){border-color:#d32f2f;color:#c62828}.slice-drawer .slice-check,.slice-drawer .slice-selectall{min-width:24px;min-height:24px}.slice-drawer .slice-check{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.slice-drawer .slice-empty{font-size:12px;color:#666;padding:8px 2px}.slice-drawer .slice-list{display:flex;flex-direction:column;gap:6px}.slice-drawer .slice-row{display:flex;align-items:center;gap:8px;padding:6px;border:1px solid #eaeaea;border-radius:4px;cursor:pointer;background:#fff}.slice-drawer .slice-row:hover{background:#fafafa}.slice-drawer .slice-row.is-current{border-color:#239373;background:#f0fbf7}.slice-drawer .slice-index{flex:0 0 auto;min-width:22px;text-align:center;font-size:12px;color:#666}.slice-drawer .slice-thumb{flex:0 0 auto;width:48px;height:36px;background:#fafafa;border:1px solid #eaeaea;display:flex;align-items:center;justify-content:center;overflow:hidden}.slice-drawer .slice-thumb img{max-width:100%;max-height:100%;display:block}.slice-drawer .slice-thumb-empty{width:100%;height:100%;background:repeating-linear-gradient(45deg, #fafafa, #fafafa 4px, #eaeaea 4px, #eaeaea 8px)}.slice-drawer .slice-text{flex:1 1 auto;min-width:0}.slice-drawer .slice-primary{font-weight:700;font-size:12px}.slice-drawer .slice-secondary{font-size:12px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slice-drawer .slice-row.is-hidden-slice .slice-thumb,.slice-drawer .slice-row.is-hidden-slice .slice-primary,.slice-drawer .slice-row.is-hidden-slice .slice-secondary{opacity:.45}.slice-drawer .slice-hide{flex:0 0 auto;border:1px solid transparent;background:none;cursor:pointer;line-height:1;min-width:24px;min-height:24px;padding:4px 6px;border-radius:4px}.slice-drawer .slice-hide:hover:not(:disabled){background:#fafafa}.slice-drawer .slice-hide:disabled{opacity:.5;cursor:not-allowed}.slice-drawer .slice-delete{flex:0 0 auto;border:1px solid transparent;background:none;cursor:pointer;line-height:1;min-width:24px;min-height:24px;padding:4px 6px;border-radius:4px;color:#666}.slice-drawer .slice-delete:hover{border-color:#d32f2f;background:#ffebee;color:#c62828}
.tooltip-bubble{position:fixed;z-index:9700;max-width:min(320px,100vw - 16px);padding:6px 10px;border-radius:6px;background:#111;color:#fff;font-size:12px;line-height:1.4;pointer-events:none}.tooltip-bubble::before{content:"";position:absolute;left:calc(var(--tooltip-arrow-left, 50%) - 6px);border:6px solid transparent}.tooltip-bubble[data-placement=bottom]::before{bottom:100%;border-bottom-color:#111}.tooltip-bubble[data-placement=top]::before{top:100%;border-top-color:#111}
.alert-banner{display:flex;align-items:flex-start;gap:12px;width:100%;max-width:640px;margin:0 auto 20px;padding:12px 16px;border:1px solid;border-radius:6px;box-sizing:border-box;text-align:left}.alert-banner--error{border-color:#f3c2bd;background:#fdf0ef;color:#8a2b22}.alert-banner--info{border-color:#eaeaea;background:#fafafa;color:#333}.alert-banner-text{flex:1 1 auto;line-height:1.4}.alert-banner-text a{color:inherit}.alert-banner-dismiss{flex:0 0 auto;padding:0 4px;border:0;background:none;color:inherit;font-size:18px;line-height:1;cursor:pointer;opacity:.7}.alert-banner-dismiss:hover{opacity:1}
.settings{width:100%;max-width:640px;margin:0 auto;padding:0 20px 40px}.settings .settings-card{margin-top:20px;padding:20px 24px;border:1px solid #e5e5e5;border-radius:10px}.settings .settings-card-title{margin:0 0 12px;font-size:21px}.settings .settings-row{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-top:1px solid #f0f0f0}.settings .settings-row:first-of-type{border-top:0}.settings .settings-label{color:#777}.settings .settings-value{font-weight:600;text-align:right;overflow-wrap:anywhere}.settings .settings-badge{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600}.settings .settings-badge-ok{background:#e6f6ec;color:#1f7a3f}.settings .settings-badge-warn{background:#fff4e0;color:#8a5a00}.settings .settings-plan{font-weight:700}.settings .settings-status{margin:4px 0 16px}.settings .settings-status-warn{color:#8a5a00}.settings .settings-btn{display:inline-block;padding:10px 16px;border:0;border-radius:6px;background:#111;color:#fff;font-weight:600;text-decoration:none;cursor:pointer}.settings .settings-btn:disabled{opacity:.5;cursor:default}.settings .settings-btn-secondary{border:1px solid #ccc;background:#fff;color:#111}.settings .settings-btn-danger{background:#b42318}.settings .settings-link-btn{padding:0;border:0;background:none;color:#0a66c2;font:inherit;text-decoration:underline;cursor:pointer}.settings .settings-link-btn:disabled{color:#777;text-decoration:none;cursor:default}.settings .settings-link-danger{color:#b42318}.settings .settings-inline{padding-bottom:8px;text-align:right}.settings .settings-danger{margin-top:16px;padding-top:16px;border-top:1px solid #f0f0f0}.settings .settings-note{margin-top:12px;color:#777;font-size:13px}.settings .settings-error{margin-top:8px;color:#b42318}
.modal-shell-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:100000;display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;transition:opacity 300ms cubic-bezier(0.2, 0.8, 0.2, 1)}.modal-shell-overlay[data-state=open]{opacity:1}.modal-shell-overlay[data-state=exit]{opacity:0;pointer-events:none}.modal-shell-overlay .modal-shell{position:relative;box-sizing:border-box;transform-origin:center;transform:scale(0.6);opacity:0;transition:transform 300ms cubic-bezier(0.2, 0.8, 0.2, 1),opacity 300ms cubic-bezier(0.2, 0.8, 0.2, 1)}.modal-shell-overlay .modal-shell:focus{outline:none}.modal-shell-overlay .modal-shell-close{position:absolute;top:10px;right:10px;z-index:1;width:28px;height:28px;border-radius:0;font-size:16px;font-weight:700;line-height:1;cursor:pointer}.modal-shell-overlay .modal-shell-close:hover{background:#f3f3f3}.modal-shell-overlay[data-state=open] .modal-shell{transform:scale(1);opacity:1}.modal-shell-overlay[data-state=exit] .modal-shell{transform:scale(0.6);opacity:0}@media(prefers-reduced-motion: reduce){.modal-shell-overlay{transition:none !important}.modal-shell-overlay .modal-shell{transition:none !important}}
.modal-shell-overlay .account-modal{width:min(680px,100vw - 24px);max-height:calc(100vh - 36px);background:#fff;color:#333;border-radius:4px;box-shadow:0 16px 48px rgba(0,0,0,.35);display:flex;flex-direction:column;overflow:hidden}.modal-shell-overlay .account-modal .account-modal-body{padding:20px 24px 24px;overflow-y:auto;min-height:0}.modal-shell-overlay .account-modal .settings{max-width:none;padding:0}
.auth-modal-overlay .auth-modal{width:min(980px,100vw - 24px);height:min(640px,100vh - 24px);background:#fff;border-radius:4px;overflow:hidden;display:grid;grid-template-columns:1.12fr 1fr;box-shadow:0 16px 48px rgba(0,0,0,.35);line-height:1.25}.auth-modal-overlay .auth-modal .auth-modal-left{position:relative;background:#111;overflow:hidden}.auth-modal-overlay .auth-modal .auth-modal-left .auth-modal-left-image{width:100%;height:100%;display:block}.auth-modal-overlay .auth-modal .auth-modal-left::after{content:"";position:absolute;inset:0;background:radial-gradient(900px 520px at 20% 15%, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0) 55%),linear-gradient(180deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.38));pointer-events:none}.auth-modal-overlay .auth-modal .auth-modal-right{padding:20px 20px 16px;overflow:auto;box-sizing:border-box;background:#fff;border-left:1px dotted #eaeaea;font-size:14px}.auth-modal-overlay .auth-modal .auth-modal-right .auth-form{display:flex;flex-direction:column;gap:12px}.auth-modal-overlay .auth-modal .auth-modal-right .auth-form-hero{text-align:center;margin-top:2px}.auth-modal-overlay .auth-modal .auth-modal-right .auth-form-hero-title{line-height:1.05;font-weight:900;letter-spacing:-0.02em}.auth-modal-overlay .auth-modal .auth-modal-right .auth-form-hero-subtitle{margin-top:10px;font-size:14px;color:#444}.auth-modal-overlay .auth-modal .auth-modal-right .auth-form-switch{text-align:center;color:#444;margin-top:6px;margin-bottom:2px}.auth-modal-overlay .auth-modal .auth-modal-right .auth-field{display:block}.auth-modal-overlay .auth-modal .auth-modal-right .auth-field-label{font-size:14px;font-weight:800;color:#111;margin-bottom:8px}.auth-modal-overlay .auth-modal .auth-modal-right .auth-input-with-icon{position:relative}.auth-modal-overlay .auth-modal .auth-modal-right .auth-icon-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:none;background:none;cursor:pointer;padding:4px 6px;display:inline-flex;align-items:center;justify-content:center}.auth-modal-overlay .auth-modal .auth-modal-right .auth-icon-btn .auth-icon{width:16px;height:16px;display:block;opacity:.75}.auth-modal-overlay .auth-modal .auth-modal-right .auth-icon-btn:hover .auth-icon{opacity:1}.auth-modal-overlay .auth-modal .auth-modal-right .auth-remember-row{display:flex;align-items:center;gap:12px;margin-top:6px}.auth-modal-overlay .auth-modal .auth-modal-right .auth-toggle{position:relative;width:54px;height:30px;border-radius:999px;border:1px solid #ccc;background:#fff;cursor:pointer;padding:0}.auth-modal-overlay .auth-modal .auth-modal-right .auth-toggle-knob{position:absolute;top:50%;left:3px;transform:translateY(-50%);width:24px;height:24px;border-radius:999px;background:#111;transition:left 150ms ease,background 150ms ease}.auth-modal-overlay .auth-modal .auth-modal-right .auth-toggle.on .auth-toggle-knob{left:27px;background:#111}.auth-modal-overlay .auth-modal .auth-modal-right .auth-remember-label{font-size:14px;font-weight:400;color:#111;display:inline-flex;align-items:center;line-height:1}.auth-modal-overlay .auth-modal .auth-modal-right .auth-forgot{margin-top:6px;text-align:center}.auth-modal-overlay .auth-modal .auth-modal-right .auth-modal-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.auth-modal-overlay .auth-modal .auth-modal-right .auth-modal-title{font-size:20px;font-weight:900}.auth-modal-overlay .auth-modal .auth-modal-right .auth-modal-toggle-row{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.auth-modal-overlay .auth-modal .auth-modal-right .auth-modal-toggle-row button{padding:6px 10px;font-size:13px;border-radius:10px;border:1px solid #ddd;background:#fff;cursor:pointer}.auth-modal-overlay .auth-modal .auth-modal-right .auth-modal-toggle-row button.active{border-color:#239373;background:#f0fbf7;font-weight:700}.auth-modal-overlay .auth-modal .auth-modal-right .auth-modal-field{display:block;margin-bottom:12px}.auth-modal-overlay .auth-modal .auth-modal-right .auth-modal-label{font-size:12px;color:#444;margin-bottom:4px;font-weight:700}.auth-modal-overlay .auth-modal .auth-modal-right .auth-modal-field input{width:100%;padding:10px 10px;border-radius:12px;border:1px solid #ddd;font-size:14px}.auth-modal-overlay .auth-modal .auth-modal-right .auth-modal-actions{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 6px}.auth-modal-overlay .auth-modal .auth-modal-right .auth-modal-actions button{padding:8px 12px;border-radius:12px;border:1px solid #ddd;background:#fff;cursor:pointer;font-size:14px}.auth-modal-overlay .auth-modal .auth-modal-right .auth-modal-actions button:disabled{opacity:.5;cursor:not-allowed}.auth-modal-overlay .auth-modal .auth-modal-right .auth-modal-note{font-size:13px;color:#333;margin:10px 0;padding:10px 12px;border:1px solid #eee;border-radius:12px;background:#fafafa}.auth-modal-overlay .auth-modal .auth-modal-right .auth-modal-dev{margin-top:12px;padding-top:12px;border-top:1px solid #eee}.auth-modal-overlay .auth-modal .auth-modal-right .auth-modal-dev-title{font-size:13px;font-weight:900;margin-bottom:10px}.auth-modal-overlay .auth-modal .auth-modal-right .auth-modal-dev-section{margin-bottom:12px;padding:10px 12px;border:1px solid #eee;border-radius:12px;background:#fff}.auth-modal-overlay .auth-modal .auth-modal-right .auth-modal-dev-section-title{font-weight:900;font-size:13px;margin-bottom:6px}.auth-modal-overlay .auth-modal .auth-modal-right .auth-modal-dev-section-subtitle{font-size:12px;color:#555;line-height:1.35;margin-bottom:10px}.auth-modal-overlay .auth-modal .auth-modal-right .auth-modal-info{margin-top:10px;color:#1b5e20;font-size:13px}.auth-modal-overlay .auth-modal .auth-modal-right .auth-modal-error{margin-top:10px;color:#b00020;font-size:13px}.auth-modal-overlay .auth-modal .auth-modal-right .auth-modal-legal{margin-top:12px;font-size:12px;color:#666;line-height:1.35}.auth-modal-overlay .auth-modal .auth-modal-right .auth-modal-legal a{color:inherit;text-decoration:underline}@media(max-width: 820px){.auth-modal-overlay .auth-modal{grid-template-columns:1fr;height:auto;max-height:calc(100vh - 24px)}.auth-modal-overlay .auth-modal-left{height:220px}.auth-modal-overlay .auth-modal-right{padding:20px 16px 16px;border-left:none}}
.skeleton{position:relative;overflow:hidden;background:#fafafa;border:1px solid #eaeaea}.skeleton::before{content:" "}.skeleton::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.7), transparent);animation:skeleton-sweep 1300ms ease-in-out infinite}@keyframes skeleton-sweep{100%{transform:translateX(100%)}}@media(prefers-reduced-motion: reduce){.skeleton::after{animation:none}}
.auth-launcher-btn,.auth-launcher-skeleton{position:fixed;right:12px;bottom:12px;z-index:9000;box-sizing:border-box;font-family:"Courier New",Courier,"Lucida Sans Typewriter","Lucida Typewriter",monospace;font-size:13px;padding:0 6px;border-width:2px;border-radius:8px;min-width:calc(17ch + 12px + 4px);max-width:min(320px,100vw - 24px)}.auth-launcher-btn{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auth-launcher-skeleton{display:block;height:30px;border-radius:8px;border-style:solid;border-color:transparent}
.app-error-banner .err-dev-diagnostic{display:block;max-width:720px;margin:12px auto 0;padding:8px 12px;text-align:left;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:12px;line-height:1.4;color:#5a4500;background:#fff3cd;border:1px solid #c9a227;border-radius:4px;white-space:pre-wrap;word-break:break-word}
:root{--z-layer-live-canvas: 40;--z-layer-canvas-boundary: 46;--z-layer-move-capture: 50;--z-layer-chrome: 52;--z-slice-outline-active: 100;--z-slice-delete-button: 104;--z-slice-bg-active: 102;--z-slice-selection-wash: 103;--z-slice-interactive-layer: 110;--z-slice-resize-handle: 105;--z-slice-bg-inactive: 2;--z-slice-outline-inactive: 0;--z-canvas-world: 200;--z-canvas-overlay: 500;--z-help-popover: 1000;--z-zoom-pan-hit-surface: 9996}@keyframes rainbow{0%{background-position:0 50%}50%{background-position:100% 25%}100%{background-position:0 50%}}#err,.err{color:red}#imgWrap,#uploadForm,.center,.err,.result-wrap,.thumbDiv,h1,h2{text-align:center}#menu,#tool-box,.result-wrap img{vertical-align:middle}#switch-status,#tool-box,.btn-chop,.switch{display:inline-block}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote::before,blockquote::after,q::before,q::after{content:none}table{border-collapse:collapse;border-spacing:0}button{height:30px}#err,.err{font-size:16px}.switch{position:relative;width:38px;height:22px}button.btn-add::before,button.btn-clear::before{background-size:18px 18px;display:inline-block;width:18px;height:18px;content:""}button.btn-add::before{background-image:url(/add-new-icon.02471d5f1c2054f3636f7ebed3a1e976.png)}button.btn-clear::before{background-image:url(/clear-all-icon.f2ebfec47e186fe7e3bfb65cf0a7ec4c.png)}:root{--font-size-sm: 12px;--font-size-base: 14px}@keyframes MOVE-BG{from{transform:translateX(0)}to{transform:translateX(46px)}}.clearfix{clear:both}.hide{display:none}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.right{text-align:right}h1,h2{margin-top:4px;margin-bottom:2px;font-size:25px}h1,h2,h3{font-weight:400}.delete-area{position:absolute;cursor:pointer;padding:5px 5px 2px 2px}#imgWrap,#uploadForm,.center,h1,h2{text-align:center}#uploadForm{max-width:780px;margin:20px auto;font-size:18px}body{margin:0;font-size:14px;line-height:1}*,body{font-family:"Courier New",Courier,"Lucida Sans Typewriter","Lucida Typewriter",monospace}#dynamic-text{font-size:14px}.download-all{clear:both;margin:20px auto;text-align:right}.feedback{text-align:center;padding-top:8px;font-size:13px;border-top:1px solid #d5d5d5;margin-top:40px;padding-bottom:20px}.page-back{margin:24px 0 32px}.feedback-groups{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 20px}.feedback-group{white-space:nowrap}.feedback-sep{color:#999}.feedback-version{margin-top:10px;font-size:12px}.feedback-version a{color:#999;text-decoration:none}.feedback-version a:hover,.feedback-version a:focus-visible{text-decoration:underline}.bold{font-weight:700}.thumbDiv{height:142px;width:142px;float:left;margin:10px;line-height:140px;padding:4px;border:1px dotted #999;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 8px 18px -6px rgba(0,0,0,.75);-moz-box-shadow:0 8px 18px -6px rgba(0,0,0,.75);box-shadow:0 8px 18px -6px rgba(0,0,0,.75)}.result-wrap,.thumbDiv{text-align:center}.result-wrap img{height:auto;width:auto;max-height:140px;max-width:140px;vertical-align:middle;-webkit-box-shadow:inset 0 0 26px -7px rgba(0,0,0,.75);-moz-box-shadow:inset 0 0 26px -7px rgba(0,0,0,.75);box-shadow:inset 0 0 26px -7px rgba(0,0,0,.75)}#the-grid.is-fullscreen{position:fixed;inset:0;margin:0;z-index:9500;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;--fs-doc-width: min(100vw, calc(100vh * var(--fs-aspect, 2)))}#the-grid.is-fullscreen .canvas-layout,#the-grid.is-fullscreen .img-canvas{width:100vw;max-width:100vw;height:100vh}#the-grid.is-fullscreen .img-canvas{border-width:0}#the-grid.is-fullscreen .canvas-world{width:var(--fs-doc-width)}#the-grid.is-fullscreen .img-canvas #sliceImg{width:var(--fs-doc-width);height:auto}body.app-fullscreen{overflow:hidden}.logo,h2,#dynamic-text{transition:opacity 180ms ease}body.app-chrome-hidden .logo,body.app-chrome-hidden h2,body.app-chrome-hidden #dynamic-text{opacity:0}.feedback{transition:opacity 180ms ease}body.app-fullscreen .feedback{opacity:0;pointer-events:none}@media(prefers-reduced-motion: reduce){.logo,h2,#dynamic-text,.feedback{transition:none}}body.app-fullscreen #menu{position:fixed;top:8px;left:50%;transform:translateX(-50%);z-index:9600;width:max-content;max-width:calc(100vw - 16px);background:#fff;border-radius:6px;box-shadow:0 2px 12px rgba(0,0,0,.15);padding:6px 8px}#the-grid{--checker-phase-x: 0px;--checker-phase-y: 0px;margin:10px auto;width:auto;height:auto;min-height:400px}#the-grid .img-canvas{position:relative;user-select:none;-webkit-user-select:none;width:777px;max-width:100%}#the-grid .img-canvas #sliceImg{display:block;width:100%;height:auto;user-select:none;-webkit-user-select:none}.img-canvas{position:relative}.img-canvas-zoompan{overflow:hidden;touch-action:none;isolation:isolate;contain:paint;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;background-color:#f7f7f7;background-image:linear-gradient(45deg, rgba(0, 0, 0, 0.04) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.04) 75%, rgba(0, 0, 0, 0.04)),linear-gradient(45deg, rgba(0, 0, 0, 0.04) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.04) 75%, rgba(0, 0, 0, 0.04));background-size:36px 36px;background-position:var(--checker-phase-x) var(--checker-phase-y),calc(var(--checker-phase-x) + 18px) calc(var(--checker-phase-y) + 18px);background-clip:padding-box;border:1px solid rgba(0,0,0,.08)}.img-canvas-zoompan-space{cursor:grab}.img-canvas-zoompan-space .canvas-world,.img-canvas-zoompan-space .select-areas-overlay,.img-canvas-zoompan-space .select-areas-slice-wrap,.img-canvas-zoompan-space .select-areas-outline,.img-canvas-zoompan-space .select-areas-resize-handler,.img-canvas-zoompan-space .delete-area,.img-canvas-zoompan-space .select-areas-delete-area{cursor:grab !important}.img-canvas-zoompan-panning{cursor:grabbing}.img-canvas-zoompan-panning .canvas-world,.img-canvas-zoompan-panning .select-areas-overlay,.img-canvas-zoompan-panning .select-areas-slice-wrap,.img-canvas-zoompan-panning .select-areas-outline,.img-canvas-zoompan-panning .select-areas-resize-handler,.img-canvas-zoompan-panning .delete-area,.img-canvas-zoompan-panning .select-areas-delete-area{cursor:grabbing !important}.canvas-world{position:relative;display:block;z-index:var(--z-canvas-world);will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}.canvas-layout{position:relative;display:inline-block;max-width:100%}.slice-delete-escape{position:absolute;top:0;left:0;right:0;bottom:0;overflow:visible;pointer-events:none;z-index:var(--z-canvas-overlay)}.slice-delete-escape .delete-area,.slice-delete-escape .select-areas-delete-host{pointer-events:auto}.canvas-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:var(--z-canvas-overlay);pointer-events:none}.container{max-width:780px;margin:0 auto}.container h2{font-size:21px}.container h3{margin-bottom:8px}.slice-marquee{position:absolute;pointer-events:none;border:1px dashed #239373;background:rgba(0,0,0,.04);z-index:var(--z-slice-selection-wash, 103)}.slice-group-box{position:absolute;border:1px dashed #d97706;z-index:var(--z-slice-selection-wash, 103);pointer-events:none}.select-areas-slice-wrap.is-selected::after{content:"";position:absolute;inset:1px;pointer-events:none;background:rgba(217,119,6,.18);box-shadow:inset 0 0 0 1px #d97706;z-index:var(--z-slice-selection-wash, 103)}.select-areas-outline{background-color:transparent;overflow:hidden;position:relative;touch-action:none;background-image:linear-gradient(90deg, #fff 50%, #000 50%),linear-gradient(90deg, #fff 50%, #000 50%),linear-gradient(0deg, #fff 50%, #000 50%),linear-gradient(0deg, #fff 50%, #000 50%);background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:8px 1px,8px 1px,1px 8px,1px 8px;background-position:0 0,0 100%,0 0,100% 0;animation:marchingAnts 600ms steps(8) infinite}@media(prefers-reduced-motion: reduce){.select-areas-outline{animation:none}}.select-areas-outline::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity 160ms ease;background-image:linear-gradient(90deg, #fff 75%, #000 75%),linear-gradient(90deg, #fff 75%, #000 75%),linear-gradient(0deg, #fff 75%, #000 75%),linear-gradient(0deg, #fff 75%, #000 75%);background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:8px 1px,8px 1px,1px 8px,1px 8px;background-position:0 0,0 100%,0 0,100% 0;animation:marchingAnts 1200ms steps(8) infinite}@media(prefers-reduced-motion: reduce){.select-areas-outline::after{animation:none}}.select-areas-outline-hover::after{opacity:1}.select-areas-outline:not(.select-areas-outline-hover)::after{animation-play-state:paused}.select-areas-outline-frozen,.select-areas-outline-frozen::after{animation-play-state:paused}@keyframes marchingAnts{to{background-position:8px 0,-8px 100%,0 -8px,100% 8px}}.tetris-rotate-cw,.tetris-rotate-ccw,.tetris-counter-cw,.tetris-counter-ccw{transform-origin:center}@keyframes tetrisRotate{0%{transform:rotate(0deg)}100%{transform:rotate(var(--tetris-rot))}}@keyframes tetrisCounterRotate{0%{transform:rotate(0deg)}100%{transform:rotate(var(--tetris-rot))}}@keyframes tetrisSpin360{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes tetrisSpin360Ccw{0%{transform:rotate(0deg)}100%{transform:rotate(-360deg)}}@keyframes tetrisRainbowHue{0%{filter:hue-rotate(0deg) saturate(1.6) contrast(1.15)}100%{filter:hue-rotate(360deg) saturate(1.6) contrast(1.15)}}@keyframes tetrisRainbowHueCcw{0%{filter:hue-rotate(0deg) saturate(1.6) contrast(1.15)}100%{filter:hue-rotate(-360deg) saturate(1.6) contrast(1.15)}}.tetris-rotate{animation:tetrisRotate 300ms ease}.tetris-rotate-cw{--tetris-rot: 90deg}.tetris-rotate-ccw{--tetris-rot: -90deg}.tetris-counter{animation:tetrisCounterRotate 300ms ease}.tetris-counter-cw{--tetris-rot: -90deg}.tetris-counter-ccw{--tetris-rot: 90deg}.select-areas-background-area{transition:opacity 180ms ease}.select-areas-background-area.tetris-counter-cw,.select-areas-background-area.tetris-counter-ccw{opacity:0}.tetris-spin360-rainbow{animation:tetrisSpin360 500ms ease,tetrisRainbowHue 500ms linear}.tetris-spin360-rainbow-ccw{animation:tetrisSpin360Ccw 500ms ease,tetrisRainbowHueCcw 500ms linear}.select-areas-resize-handler{background-color:#000;border:1px solid #fff;height:8px;width:8px;touch-action:none}.select-areas-resize-handler::before{content:"";position:absolute;inset:var(--slice-handle-grab-inset, 0);background:transparent}.select-areas-delete-area{cursor:pointer;height:20px;width:20px;display:block;pointer-events:none;background:url(/bt-delete.4bc64b36232b57c1b7171848b8bb906f.png) center/contain no-repeat}.select-areas-delete-host{padding:5px 5px 2px 2px}.tmpImg,.my-panda-bro{margin:0 auto;padding:5rem;max-width:69px}.tmpImg{cursor:pointer}#imgWrap .tmpImg{border-radius:4px}.select-areas-overlay{background-color:#000;overflow:hidden;position:absolute;opacity:0;touch-action:none;display:block;cursor:crosshair;top:0;left:0;right:0;bottom:0}.select-areas-overlay.has-slice{opacity:.5}.touch-guides-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:999}@keyframes touchGuideBlink{0%{opacity:0}20%{opacity:1}65%{opacity:1}100%{opacity:0}}.touch-guide-line{position:absolute;animation:touchGuideBlink 450ms ease;opacity:0}.touch-guide-v{width:1px;height:100%}.touch-guide-h{height:1px;width:100%}.touch-guide-snap{background:rgba(0,180,255,.95);box-shadow:none}.touch-guide-clamp{background:rgba(255,80,80,.95);box-shadow:none}.help-popover-wrap{display:inline-block}.help-popover{position:absolute;right:0;top:calc(100% + 6px);box-sizing:border-box;width:min(620px,100vw - 24px);max-height:calc(100vh - 220px);overflow-y:auto;overscroll-behavior:contain;background:#fff;border:1px solid #ccc;border-radius:2px;padding:10px 12px;box-shadow:0 2px 12px rgba(0,0,0,.15);z-index:var(--z-help-popover)}.help-popover-title{font-weight:700;font-size:12px;margin-bottom:6px}.help-popover-section{margin:20px 0 4px;padding-bottom:2px;border-bottom:1px solid #eaeaea;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:#111}.help-popover-section:first-of-type{margin-top:6px}.help-popover-note{font-weight:400;text-transform:none;letter-spacing:0;color:#666}.slice-limit-warning{color:#c62828;display:inline-block;animation:slice-limit-flash 600ms ease-out}.slice-limit-warning a{color:inherit}@media(prefers-reduced-motion: reduce){.slice-limit-warning{animation:none}}@keyframes slice-limit-flash{0%{transform:scale(1)}25%{transform:scale(1.04)}100%{transform:scale(1)}}.help-popover-pro{font-weight:400;text-transform:none;letter-spacing:0;font-size:11px;white-space:nowrap;color:#666;opacity:.85}.help-popover-table{width:100%;border-collapse:collapse;font-size:12px;line-height:1.35}.help-popover-desc{padding:2px 10px 2px 0;text-align:left;vertical-align:top}.help-popover-keys{padding:2px 0;text-align:right;vertical-align:top;white-space:nowrap}.help-popover kbd{display:inline-block;padding:1px 6px;border:1px solid rgba(0,0,0,.18);border-bottom-width:2px;border-radius:6px;background:#f5f5f5;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:11px}.blurred{-webkit-filter:blur(calc(3px / var(--canvas-k, 1)));-moz-filter:blur(calc(3px / var(--canvas-k, 1)));-o-filter:blur(calc(3px / var(--canvas-k, 1)));filter:blur(calc(3px / var(--canvas-k, 1)))}.next{font-size:18px;margin-top:10px}.btn-chop{font-weight:700;margin-top:-2px}.btn-add,.btn-clear{position:relative;padding:2px 8px 0 4px;font-size:15px}.btn-add-txt,.btn-clear-txt{font-size:15px;position:relative;top:-4px}.btn-add::before,.btn-clear::before{background-size:18px 18px;display:inline-block;width:18px;height:18px;content:""}button.btn-add::before{background-image:url(/add-new-icon.02471d5f1c2054f3636f7ebed3a1e976.png)}button.btn-clear::before{background-image:url(/clear-all-icon.f2ebfec47e186fe7e3bfb65cf0a7ec4c.png)}.btn-common{font-size:14px;padding:2px 8px}.btn-common:disabled{opacity:.5;cursor:not-allowed}.layer-src-hidden{visibility:hidden}.layer-live-canvas{position:absolute;top:0;left:0;pointer-events:none;z-index:var(--z-layer-live-canvas)}.layer-move-capture{position:absolute;inset:0;cursor:default;z-index:var(--z-layer-move-capture)}.layer-move-capture.over-layer{cursor:move}.canvas-context-menu{position:fixed;z-index:1010;min-width:170px;padding:4px;background:#fff;border:1px solid #cfcfcf;border-radius:6px;box-shadow:0 8px 24px -8px rgba(0,0,0,.4)}.canvas-context-menu>.item{display:block;width:100%;padding:6px 10px;border:0;background:transparent;font-size:12px;text-align:left;cursor:pointer;white-space:nowrap}.canvas-context-menu>.item:hover:not(:disabled){background:rgba(80,79,246,.12)}.canvas-context-menu>.item:disabled{opacity:.5;cursor:not-allowed}.canvas-context-menu>.separator{margin:4px 2px;border-top:1px solid #eaeaea}.canvas-context-menu .menu-heading{padding:8px 10px 6px;font-size:11px;font-weight:700;letter-spacing:.08em;color:#666;user-select:none}.layer-options-bar{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:990;display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 10px;max-width:calc(100vw - 24px);background:#fff;border:1px solid #cfcfcf;border-radius:8px;box-shadow:0 8px 24px -8px rgba(0,0,0,.4);font-size:12px;animation:layerOptionsIslandIn 150ms ease-out;transition:translate 150ms ease}.layer-options-bar.is-raised{translate:0 -100px}@media(prefers-reduced-motion: reduce){.layer-options-bar{animation:none;transition:none}}.layer-options-bar>.layer-options-name{font-weight:700;max-width:14ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-options-bar>.layer-options-sep{color:#cfcfcf}.layer-options-bar>.layer-field{display:inline-flex;align-items:center;gap:2px}.layer-options-bar>.layer-field>.layer-field-label{color:#666;font-size:11px}.layer-options-bar>.layer-field>.layer-field-input{width:6ch;padding:2px 4px;font-size:12px;border:1px solid #cfcfcf;appearance:textfield;-moz-appearance:textfield}.layer-options-bar>.layer-field>.layer-field-input::-webkit-outer-spin-button,.layer-options-bar>.layer-field>.layer-field-input::-webkit-inner-spin-button{appearance:none;margin:0}.layer-options-bar>.layer-field>.layer-field-input:focus{outline:2px solid #504ff6;outline-offset:-1px}.layer-options-bar>.layer-aspect-link{position:relative;opacity:.45}.layer-options-bar>.layer-aspect-link.active{opacity:1;border-color:#504ff6;background:rgba(80,79,246,.12)}.layer-options-bar>.layer-aspect-link:not(.active)::after{content:"";position:absolute;left:15%;right:15%;top:50%;border-top:1px solid #333;transform:rotate(-20deg)}@keyframes layerOptionsIslandIn{from{opacity:0;transform:translateX(-50%) translateY(8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.layer-chrome-escape{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:var(--z-layer-chrome)}.layer-chrome{position:absolute;inset:0;border:1px solid transparent;box-sizing:border-box;pointer-events:none;z-index:var(--z-layer-chrome)}.layer-chrome>.hover,.layer-chrome>.frame{--layer-accent: #504ff6;position:absolute;box-sizing:border-box}.layer-chrome>.hover{outline:1px solid #504ff6;outline-offset:-1px;background:rgba(80,79,246,.12)}.layer-chrome>.frame{background:transparent}.layer-chrome>.frame>.edge-strip{position:absolute;background:transparent;pointer-events:auto;touch-action:none}.layer-chrome>.frame>.edge-strip.edge-strip-n,.layer-chrome>.frame>.edge-strip.edge-strip-s{cursor:ns-resize}.layer-chrome>.frame>.edge-strip.edge-strip-e,.layer-chrome>.frame>.edge-strip.edge-strip-w{cursor:ew-resize}.layer-chrome>.frame>.handle{position:absolute;background:#504ff6;border:1px solid #fff;border-radius:2px;box-sizing:border-box;pointer-events:auto;touch-action:none}.layer-chrome>.frame>.handle.handle-nw,.layer-chrome>.frame>.handle.handle-se{cursor:nwse-resize}.layer-chrome>.frame>.handle.handle-ne,.layer-chrome>.frame>.handle.handle-sw{cursor:nesw-resize}.layer-chrome>.frame>.handle.handle-n,.layer-chrome>.frame>.handle.handle-s{cursor:ns-resize}.layer-chrome>.frame>.handle.handle-e,.layer-chrome>.frame>.handle.handle-w{cursor:ew-resize}.layer-chrome .label{position:absolute;left:0;top:0;transform-origin:left top;padding:1px 4px;background:#504ff6;color:#fff;font-size:11px;line-height:1.5;white-space:nowrap;border-radius:2px;pointer-events:none}.canvas-boundary{position:absolute;inset:0;box-shadow:0 0 0 var(--canvas-boundary-w, 1px) #239373;pointer-events:none;z-index:var(--z-layer-canvas-boundary)}.hidden-file-input{display:none}.upload-dropzone{cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 24px;min-height:340px;border:1px dashed #cfcfcf;border-radius:8px;transition:border-color 150ms ease,background 150ms ease}.upload-dropzone:hover,.upload-dropzone.drag-active{border-color:#239373;background:#f0fbf7}.upload-dropzone .upload-hint{font-size:14px;color:#666}.upload-dropzone>*{pointer-events:none}.canvas-settings-popover .canvas-settings-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.canvas-settings-popover .canvas-settings-close{border:1px solid #eaeaea;background:#fff;cursor:pointer;padding:2px 6px;line-height:1}.canvas-settings-popover .canvas-settings-note{font-size:11px;color:#666;margin:4px 0 0;max-width:220px}.canvas-settings-popover .canvas-settings-row{display:flex;align-items:flex-end;gap:8px;margin:8px 0}.canvas-settings-popover .canvas-settings-row label{display:flex;flex-direction:column;font-size:12px;gap:2px}.canvas-settings-popover .canvas-settings-row input{width:72px;padding:2px 4px}.canvas-settings-popover .canvas-settings-row .canvas-settings-x{padding-bottom:4px}.canvas-settings-popover .canvas-settings-actions{display:flex;gap:6px}.tool-switch,.tool-group{display:inline-flex;border:1px solid #cfcfcf;border-radius:4px;overflow:hidden}.tool-switch .tool-switch-btn,.tool-switch .tool-group-btn,.tool-group .tool-switch-btn,.tool-group .tool-group-btn{font-size:14px;padding:2px 10px;border:none;border-left:1px solid #cfcfcf;background:#fafafa;color:#444;cursor:pointer}.tool-switch .tool-switch-btn:first-child,.tool-switch .tool-group-btn:first-child,.tool-group .tool-switch-btn:first-child,.tool-group .tool-group-btn:first-child{border-left:none}.tool-switch .tool-switch-btn.active,.tool-switch .tool-switch-btn[aria-pressed=true]:not(:disabled),.tool-switch .tool-group-btn.active,.tool-switch .tool-group-btn[aria-pressed=true]:not(:disabled),.tool-group .tool-switch-btn.active,.tool-group .tool-switch-btn[aria-pressed=true]:not(:disabled),.tool-group .tool-group-btn.active,.tool-group .tool-group-btn[aria-pressed=true]:not(:disabled){background:#239373;color:#fff;font-weight:700}.tool-switch .tool-switch-btn:disabled,.tool-switch .tool-group-btn:disabled,.tool-group .tool-switch-btn:disabled,.tool-group .tool-group-btn:disabled{opacity:.5;cursor:not-allowed}.zoom-percent-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:0;padding:0 2px;font-size:12px;color:#333}.zoom-percent-input{width:52px;height:30px;box-sizing:border-box;font-size:12px;text-align:center;padding:0;border:0;border-radius:2px;background:transparent;color:#111;font-variant-numeric:tabular-nums}.zoom-percent-input:focus-visible{background:#fff;outline:2px solid rgba(35,147,115,.35);outline-offset:1px}.zoom-percent-wrap.is-active .zoom-percent-input{outline:1px solid rgba(0,0,0,.25);background:#fff}.history-drawer{position:fixed;top:0;right:0;height:100vh;width:min(360px,92vw);background:#fff;border-left:1px solid #eaeaea;transform:translateX(102%);transition:transform 180ms ease,box-shadow 180ms ease;z-index:9999;display:flex;flex-direction:column}.history-drawer.open{transform:translateX(0);box-shadow:-2px 0 12px rgba(0,0,0,.15)}.history-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px dotted #eaeaea}.history-drawer-title{font-size:16px;font-weight:700}.history-close{border:1px solid #eaeaea;background:#fff;cursor:pointer;padding:4px 8px}.history-item.locked{opacity:.45;cursor:not-allowed}.history-item.locked:hover{background:inherit}.history-locked-note{margin-top:8px;padding:8px 6px 0;border-top:1px dashed #eaeaea;font-size:12px;color:#666}.history-locked-note a{color:inherit}.history-drawer-subtitle{padding:6px 12px;font-size:12px;color:#666;border-bottom:1px dotted #eaeaea;display:flex;align-items:center;justify-content:space-between;gap:8px}.history-drawer-subtitle-left{min-width:0}.history-drawer-subtitle-right{display:flex;align-items:center;gap:6px}.history-list{overflow:auto;padding:8px 8px 12px}.history-item{display:flex;gap:10px;padding:8px;border:1px dotted #eaeaea;margin:0 0 8px 0;background:#fff;cursor:pointer}.history-item:hover{background:#f7f7f7}.history-item:focus{outline:2px solid #239373;outline-offset:1px}.history-item.current{border:1px solid #239373;background:#f0fbf7}.history-item.future{opacity:.55}.history-item.future:hover{opacity:.75}.history-item.root .history-primary{font-style:italic}.modal-shell-close,.history-index{display:flex;align-items:center;justify-content:center;border:1px solid #eaeaea;background:#fafafa;color:#666}.history-index{width:22px;flex:0 0 22px;font-size:12px}.history-thumb{width:44px;height:44px;border:1px solid #eaeaea;background:#fafafa;flex:0 0 44px;display:flex;align-items:center;justify-content:center;overflow:hidden}.history-thumb img{width:44px;height:44px;display:block}.my-slices-thumb-empty,.history-thumb-empty{width:100%;height:100%;background:repeating-linear-gradient(45deg, #f7f7f7, #f7f7f7 6px, #fff 6px, #fff 12px)}.history-text{min-width:0}.history-primary{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-secondary{font-size:12px;color:#444;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.my-slices-list-wrap{margin-top:20px;margin-bottom:20px;text-align:left;width:100%;display:inline-block}.my-slices-list{display:flex;flex-direction:column;gap:10px}.my-slices-summary{margin-top:16px;margin-bottom:16px;padding:10px 12px;border:1px dotted #eaeaea;background:#fff;text-align:center}.my-slices-limit{margin-bottom:8px;font-size:12px;color:#666}.my-slices-pager{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:16px;font-size:12px;color:#666}.my-slices-summary-title{font-size:16px;font-weight:800;margin-bottom:10px}.my-slices-section-title{margin-top:32px}.my-slices-section-note{margin-bottom:8px;color:#666;font-size:12px}.my-slices-summary-row{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;justify-content:center;font-size:14px;color:#333}.my-slices-summary-sep{color:#777;display:inline-block;margin:0 6px}.my-slices-summary-fun{margin-top:6px;font-size:12px;color:#555}.my-slices-item{display:flex;gap:12px;align-items:center;padding:10px;border:1px solid #e3e3e3;border-radius:0;background:#fff;cursor:default}.my-slices-item:hover{background:#f7f7f7}.my-slices-item:focus{outline:2px solid #239373;outline-offset:1px}.my-slices-item .history-index{align-self:stretch}.my-slices-thumb{width:56px;height:56px;border:1px solid #ddd;background:#f3f3f3;flex:0 0 56px;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer}.my-slices-thumb:focus{outline:2px solid #239373;outline-offset:1px}.my-slices-thumb img{width:56px;height:56px;display:block;object-fit:cover}.my-slices-text{flex:1;min-width:0}.my-slices-version{margin-left:8px;font-size:12px;font-weight:400;color:#666}.my-slices-primary{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.my-slices-secondary{font-size:12px;color:#444;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.my-slices-actions{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.my-slices-action{font-size:14px}#menu{border-bottom:1px dotted #eaeaea;border-top:1px dotted #eaeaea;position:relative;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:4px}#tool-box{padding:4px;vertical-align:middle}#tool-box{flex:1 1 100%;min-width:200px;font-size:15px;display:flex;flex-direction:column;align-items:flex-start;gap:0}#tool-box .tool-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:100%}#tool-box .btn-chop{margin-left:auto}#tool-box .btn-icon{display:inline-grid;place-items:center;width:38px;padding:0}#tool-box .toolbar-icon{display:block;width:20px;height:20px}#tool-box .draft-save-notice{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;font-size:12px;color:#666}#tool-box .save-draft-icon--saving{animation-name:save-draft-pulse;animation-timing-function:ease-in-out;animation-iteration-count:infinite}#tool-box .save-draft-check{color:#239373;stroke-dasharray:12;stroke-dashoffset:12;animation:save-draft-check-draw 260ms ease-out forwards}@media(prefers-reduced-motion: reduce){#tool-box .save-draft-icon--saving{animation:none;opacity:.35}#tool-box .save-draft-check{animation:none;stroke-dashoffset:0}}@keyframes save-draft-pulse{0%,100%{opacity:1}50%{opacity:.35}}@keyframes save-draft-check-draw{to{stroke-dashoffset:0}}#tool-box .tool-rows-more{display:grid;grid-template-rows:0fr;transition:grid-template-rows 180ms ease,margin-top 180ms ease;width:100%;overflow:hidden;margin-top:0}#tool-box .tool-rows-more[data-open="1"]{grid-template-rows:1fr;margin-top:8px}#tool-box .tool-rows-more-inner{min-height:0;display:flex;flex-direction:column;gap:8px;visibility:hidden;transition:visibility 0s linear 180ms}#tool-box .tool-rows-more[data-open="1"] .tool-rows-more-inner{visibility:visible;transition-delay:0s}#tool-box .btn-more{display:inline-flex;align-items:center;gap:4px}#tool-box .btn-more-chevron{display:inline-block;transition:transform 180ms ease;font-weight:700}#tool-box .btn-more.is-open .btn-more-chevron{transform:rotate(90deg)}@media(prefers-reduced-motion: reduce){#tool-box .tool-rows-more,#tool-box .tool-rows-more-inner,#tool-box .btn-more-chevron{transition:none}}#tool-box .switch-box{display:inline-flex;align-items:center;gap:6px;padding:0 12px}#tool-box .switch-box .switch-label{cursor:pointer;user-select:none}#tool-box .switch-box .switch-label--disabled{cursor:not-allowed;opacity:.5}#tool-box .switch-box .switch{position:relative;top:0}#tool-box .switch--disabled{opacity:.5;cursor:not-allowed}#tool-box .switch--disabled .slider{cursor:not-allowed}.active-animation{animation-name:MOVE-BG;animation-duration:4000ms;animation-timing-function:linear;animation-iteration-count:infinite}.logo{background-image:repeating-linear-gradient(45deg, violet, indigo, #00f, green, #ff0, orange, red, #d04343, #3d773d, #d0ae0b, #3961ab, #a22ea2);font-weight:700;text-align:center;background-size:314% 314%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:36px;animation:rainbow 11000ms ease infinite}@media(prefers-reduced-motion: reduce){.logo{animation:none}}.root,.root a{text-decoration:none}.aitch-one{font-size:36px}.commanding-input,.super-commanding-input{width:100%;box-sizing:border-box;border:1px solid #ccc;background:#fff;padding:8px 10px;font-size:14px}.commanding-input{height:30px}.super-commanding-input{height:60px}.auth-link{border:none;background:none;cursor:pointer;padding:0;font:inherit;color:#239373;font-weight:700;text-decoration:none}.auth-link:hover{text-decoration:underline}.green-link-btn{border:none;background:none;cursor:pointer;padding:0;font:inherit;color:#239373;font-weight:700;text-decoration:underline}.green-link-btn:hover{color:#1f8668}.primary-btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 16px;border-radius:10px;background:#239373;color:#fff;border:1px solid #1a6e55;cursor:pointer;font-size:18px;font-weight:900;line-height:1}.primary-btn:hover:enabled{background:#1f8668}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.auth-btn-row{display:flex;gap:8px;flex-wrap:wrap}.switch input{opacity:0;width:0;height:0;cursor:pointer}.slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:300ms;transition:300ms;cursor:pointer}.slider::before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:#fff;-webkit-transition:300ms;transition:300ms}.slider.round{border-radius:999px}.slider.round::before{border-radius:50%}input:checked+.slider{background-color:#239373}input:focus+.slider{box-shadow:0 0 1px #239373}input:checked+.slider::before{-webkit-transform:translateX(16px);-ms-transform:translateX(16px);transform:translateX(16px)}#switch-status{min-width:30px}@media(max-width: 600px){#menu{justify-content:center}#tool-box{width:100%}#the-grid{padding:0 12px}}.grid-document-backdrop{position:absolute;inset:0;z-index:0;pointer-events:none;background-color:#f7f7f7;background-image:linear-gradient(45deg, rgba(0, 0, 0, 0.06) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.06) 75%, rgba(0, 0, 0, 0.06)),linear-gradient(45deg, rgba(0, 0, 0, 0.06) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.06) 75%, rgba(0, 0, 0, 0.06))}#sliceImg{position:relative;z-index:0}

/*# sourceMappingURL=main.3a1f6f83ea607fdd7a19.css.map*/