@charset "UTF-8";
/* 此样式只在独立手机页面使用，不依赖原 PS 编辑器的样式。 */
*{box-sizing:border-box}html,body{margin:0;font-family:"Yu Gothic",Meiryo,system-ui,sans-serif}
.mobile-loading{position:fixed;inset:0;z-index:10;background:#faf9f6;color:#263d35;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center}.mobile-loading h1{font-size:24px;margin:0}.mobile-loading p{font-size:14px;line-height:1.8;margin:0}.mobile-loading a{color:inherit;min-height:44px;padding:10px}.mobile-loading a:focus-visible{outline:3px solid #de7a42;outline-offset:2px}
/* 手机编辑器独立样式，触控按钮至少 44 像素；底部避让系统手势区域。 */
html[data-editor="mobile"],html[data-editor="mobile"] body{background:#faf9f6;color:#263d35;overflow:auto;height:100%;overscroll-behavior:none}
.mobile-editor{--accent:#c64c28;--line:#dce2d9;--muted:#65736b;height:var(--mobile-height,100dvh);min-height:420px;display:flex;flex-direction:column;max-width:960px;margin:auto;background:#faf9f6;font-family:"Yu Gothic",Meiryo,system-ui,sans-serif}
.mobile-editor [hidden]{display:none!important}.mobile-editor button,.mobile-editor select,.mobile-editor input,.mobile-editor textarea{font:inherit}.mobile-editor button{cursor:pointer;touch-action:manipulation}.mobile-editor button,.mobile-editor select{min-height:44px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#263d35;padding:9px 12px;font-size:13px}.mobile-editor button:disabled{opacity:.4;cursor:default}.mobile-editor a{color:inherit;text-underline-offset:4px}.mobile-editor :focus-visible{outline:3px solid #de7a42;outline-offset:2px}.mobile-editor .m-primary{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:700}.m-header{padding:calc(10px + env(safe-area-inset-top)) 16px 8px;display:flex;align-items:center;gap:12px;flex-shrink:0}.m-brand{display:flex;gap:8px;align-items:center;text-decoration:none;font-size:19px;font-weight:750;letter-spacing:-.7px}.m-brand img{width:29px;height:29px}.m-header .m-icon{margin-left:auto}.m-icon{display:grid;place-items:center;width:44px;padding:9px!important}.mobile-editor svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.m-meta{display:flex;align-items:center;gap:8px;padding:2px 16px 8px;border-bottom:1px solid var(--line);flex-shrink:0}.m-dimensions{font-size:12px;letter-spacing:.4px;flex:1;font-variant-numeric:tabular-nums}.m-history{display:flex;gap:4px}.m-history button{min-height:38px;width:38px;border:0;background:transparent}.m-status{font-size:11px;color:var(--muted);margin:0;padding:7px 16px;min-height:30px;line-height:1.5;flex-shrink:0}.m-status[data-error="true"]{color:#aa321d;background:#fff0e9}.m-stage{position:relative;flex:1;min-height:140px;margin:0 12px;overflow:hidden;border:1px solid var(--line);border-radius:18px;background-color:#e9eee8;background-image:radial-gradient(#b9c5bb80 .7px,transparent .7px);background-size:14px 14px;touch-action:none;user-select:none;-webkit-user-select:none}.m-canvas-wrap{position:absolute;left:50%;top:50%;transform-origin:center;box-shadow:0 4px 25px #263d351a;background:repeating-conic-gradient(#e5e5e5 0% 25%,#fff 0% 50%) 0 0 / 16px 16px}.m-canvas-wrap canvas{display:block;position:absolute;inset:0;width:100%;height:100%}.m-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;text-align:center;gap:12px}.m-empty-mark{width:64px;height:64px;display:grid;place-items:center;background:#f8faf5;border-radius:20px;color:#587d68;box-shadow:0 5px 18px #263d350c}.m-empty-mark svg{width:31px;height:31px}.m-empty h1{font-size:21px;line-height:1.6;margin:5px 0 0;letter-spacing:-.5px}.m-empty p{font-size:12px;color:var(--muted);line-height:1.9;margin:0;max-width:290px}.m-empty .m-primary{padding:12px 26px}.m-empty-links{display:flex;gap:10px}.m-empty-links button{background:transparent;border:0;text-decoration:underline;font-size:12px}.m-viewbar{display:flex;align-items:center;justify-content:center;gap:6px;padding:5px 12px;flex-shrink:0}.m-viewbar button{min-height:36px;padding:5px 10px;border:0;background:transparent;font-size:12px}.m-viewbar .m-icon{width:36px}.m-viewbar span{min-width:45px;text-align:center;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.m-toolbar{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:8px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#faf9f6;flex-shrink:0}.m-toolbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:62px;background:transparent;border-color:transparent;font-size:11px;white-space:nowrap}.m-toolbar button[aria-pressed="true"]{background:#f2e5d9;border-color:#e6cab4;color:#a53b1b}.m-panel{padding:14px 16px;border-top:1px solid var(--line);background:#fff;flex-shrink:0;max-height:44dvh;display:flex;flex-direction:column;overflow:hidden;overscroll-behavior:contain}.m-panel-body{overflow:auto;min-height:0;overscroll-behavior:contain}.m-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.m-panel h2{font-size:16px;margin:0}.m-panel p{font-size:12px;line-height:1.8;color:var(--muted);margin:8px 0}.m-panel .m-fields{display:flex;gap:12px;align-items:flex-end;margin:12px 0}.m-panel label{display:flex;flex-direction:column;gap:6px;font-size:12px;flex:1;min-width:0}.m-panel input[type="number"],.m-panel select,.m-panel textarea,.m-panel input[type="text"]{width:100%;border:1px solid #cbd5cc;border-radius:9px;padding:10px;background:#fff;color:#263d35;font-size:16px;min-height:44px;box-sizing:border-box}.m-panel textarea{resize:vertical;min-height:65px;max-height:120px;line-height:1.5}.m-panel input[type="color"]{width:100%;height:44px;min-width:44px;border:1px solid var(--line);border-radius:9px;background:white;padding:5px}.m-panel input[type="range"]{width:100%;accent-color:var(--accent);height:30px}.m-panel-actions{flex-shrink:0;display:flex;gap:10px;justify-content:flex-end;margin-top:14px}.m-panel-actions button{min-width:90px}.m-panel .m-danger{margin-right:auto;color:#a53824;border-color:#ebc8be}.m-ratios{display:flex;gap:7px;margin:10px 0;flex-wrap:wrap}.m-ratios button{flex:1;font-size:12px;padding:9px 10px}.m-ratios button[aria-pressed="true"]{background:#edf3e9;border-color:#6d8d72}.m-text-choice{margin-bottom:10px}.m-help-list{padding-left:19px;font-size:12px;line-height:1.9;color:var(--muted)}.m-help-list li{margin-bottom:7px}.m-export-result{border-radius:12px;background:#eef3e9;padding:12px;margin-top:12px}.m-export-result a{display:flex;align-items:center;justify-content:center;min-height:44px;font-size:14px;font-weight:600}.m-panel button[data-action="share"]{width:100%;margin-top:8px}.m-warning{border-left:3px solid #c88240;padding-left:10px}.m-busy{pointer-events:none;opacity:.6}
@media(min-width:700px){.m-stage{margin:0 24px}.m-toolbar{padding-left:24px;padding-right:24px}.m-panel{padding-left:24px;padding-right:24px}.m-empty h1{font-size:28px}}
@media(max-width:360px){.m-header{padding-left:10px;padding-right:10px;gap:7px}.m-brand{font-size:17px}.m-toolbar{padding-left:5px;padding-right:5px;gap:1px}.m-toolbar button{padding:8px 3px;font-size:10px}.m-panel{padding:12px}.m-panel .m-fields{gap:8px}.m-empty{padding:16px}.m-empty h1{font-size:19px}}
@media(max-height:560px){.m-panel{max-height:60dvh}.m-status{padding-top:3px;padding-bottom:3px;min-height:24px}.m-toolbar button{min-height:48px;gap:3px}.m-toolbar{padding-top:3px;padding-bottom:calc(3px + env(safe-area-inset-bottom))}}