:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--surface:#09111fd1;--surface-strong:#0a1221f5;--line:#ffffff1f;--text:#edf3ff;--text-soft:#edf3ffb8;--accent:#7fffd4;--shadow:0 28px 80px #0208146b;font-family:SF Pro Rounded,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100svh;color:var(--text);background:radial-gradient(circle at 0 0,#7fffd43d,#0000 28%),radial-gradient(circle at 82% 12%,#ffa2522e,#0000 26%),linear-gradient(#13233b 0%,#08101f 58%,#050913 100%)}button,input{font:inherit}button{cursor:pointer;border:none}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{min-height:100svh;padding:calc(env(safe-area-inset-top) + 16px) 14px calc(env(safe-area-inset-bottom) + 18px)}.app-shell--minimal{flex-direction:column;display:flex}.workspace{min-height:calc(100svh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 34px);flex-direction:column;flex:1;gap:14px;display:flex}.workspace--minimal{justify-content:space-between}.workspace__canvas{flex:1;min-height:0}.editor-surface{touch-action:none;place-items:center;height:100%;min-height:min(72svh,780px);padding:4px;display:grid;position:relative;overflow:hidden}.editor-surface canvas{border-radius:0}.status-float{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#050b16c2;border:1px solid #ffffff1a;border-radius:18px;padding:12px 14px;position:absolute;left:18px;right:18px}.toolbar{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070e1bd1;border-radius:24px;gap:10px;padding:12px;display:grid}.toolbar--minimal{grid-template-columns:repeat(2,minmax(0,1fr))}.primary-button,.ghost-button{border-radius:18px;min-height:50px;padding:0 16px;transition:opacity .14s,transform .14s,background .14s}.primary-button{color:#07101c;background:linear-gradient(135deg,#8dfce3,#68d7ff);font-weight:800}.primary-button--accent{background:linear-gradient(135deg,#ffd36c,#ff9757)}.ghost-button{color:var(--text);background:#ffffff14;border:1px solid #ffffff14}.ghost-button--small{border-radius:14px;min-height:38px;padding:0 12px}.primary-button:disabled,.ghost-button:disabled{opacity:.45;cursor:not-allowed}.loading-card{border:1px solid var(--line);background:var(--surface);min-height:min(72svh,780px);color:var(--text-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:30px;place-items:center;padding:24px;display:grid}.status-float{color:var(--accent);position:static}.status-float--error,.inline-error{color:#ffb0b0}.overlay{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#03060eb8;align-items:end;padding:12px;display:grid;position:fixed;inset:0}.sheet{border:1px solid var(--line);background:var(--surface-strong);width:100%;max-width:960px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:28px;flex-direction:column;gap:14px;margin:0 auto;display:flex}.sheet__header,.sheet__footer{flex-direction:column;gap:12px;display:flex}.sheet__header,.sheet__footer,.sheet__content{padding-left:18px;padding-right:18px}.sheet__header{padding-top:18px}.sheet__footer{padding-bottom:18px}.sheet__footer--actions{align-items:stretch}.sheet__eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 8px;font-size:12px;font-weight:700}.sheet h2,.editor-sheet__tone-header h3{margin:0;font-size:clamp(22px,5vw,30px);line-height:1.16}.sheet__tip{color:var(--text-soft);flex-wrap:wrap;gap:8px 12px;font-size:13px;display:flex}.sheet__tip--stack{flex-direction:column}.sheet--editor{max-height:min(94svh,1100px);padding-bottom:0;overflow:auto}.editor-sheet__cropper{background-color:#0000;background-image:linear-gradient(45deg,#ffffff0a 25%,#0000 25%),linear-gradient(-45deg,#ffffff0a 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff0a 75%),linear-gradient(-45deg,#0000 75%,#ffffff0a 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border-radius:24px;height:min(48svh,520px);min-height:360px;margin:0 18px;position:relative;overflow:hidden}.editor-sheet__cropper img{max-width:100%;display:block}.editor-sheet__tone{flex-direction:column;gap:14px;padding:0 18px;display:flex}.editor-sheet__tone-header{justify-content:space-between;align-items:start;gap:12px;display:flex}.editor-sheet__tone-header p{color:var(--text-soft);margin:6px 0 0;font-size:13px}.editor-sheet__preview{background:#ffffff0a;border:1px solid #ffffff14;border-radius:22px;min-height:190px;position:relative;overflow:hidden}.editor-sheet__preview img{width:100%;display:block}.editor-sheet__preview-empty,.editor-sheet__preview-badge{min-height:190px;color:var(--text-soft);place-items:center;display:grid}.editor-sheet__preview-badge{min-height:auto;color:var(--accent);background:#050b16c2;border-radius:999px;padding:8px 10px;font-size:12px;position:absolute;inset:auto 12px 12px auto}.editor-sheet__sliders{gap:12px;display:grid}.tone-slider{flex-direction:column;gap:8px;display:flex}.tone-slider__meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.tone-slider__meta span{color:var(--text-soft)}.tone-slider input[type=range]{width:100%}.export-preview{background:#ffffff0a;border-radius:22px;margin:0 18px;overflow:auto}.export-preview img{border-radius:22px;width:100%;display:block}@media (width>=768px){.app-shell{max-width:960px;margin:0 auto;padding-left:20px;padding-right:20px}.editor-surface,.loading-card{min-height:min(78svh,860px)}.sheet__header,.sheet__footer{flex-direction:row;justify-content:space-between;align-items:start}.sheet__footer--actions{align-items:end}}