:root{--background:#f5f7f5;--foreground:#1b2521;--muted:#66756e;--muted-strong:#46564f;--primary:#0a8c67;--primary-strong:#006948;--primary-soft:#e8f7f1;--primary-softer:#f1fbf6;--primary-gradient:linear-gradient(135deg, #006948 0%, #0aa36a 100%);--surface:#fff;--surface-glass:#ffffffe6;--surface-soft:#f2f5f3;--surface-strong:#e4ebe7;--outline:#d7e3dd;--outline-soft:#d8e1dba8;--danger:#bf483a;--warning:#8e6c00;--page-gradient:linear-gradient(180deg, #f7f8f6 0%, #f2f5f2 100%);--panel-gradient:linear-gradient(180deg, #fffffff5, #f6faf8f0);--field-gradient:linear-gradient(180deg, #eef2ef 0%, #e6ebe8 100%);--shadow-card:0 18px 42px #16221d12;--shadow-card-soft:0 6px 6px #16221d0d;--shadow-elevated:0 28px 70px #10181433;--shadow-primary:0 14px 28px #0a8c673d;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:24px;--radius-2xl:28px;--h5-max-width:420px;--tablet-max-width:720px;--desktop-max-width:1120px;--wide-max-width:1320px;--content-gutter-mobile:20px;--content-gutter-tablet:32px;--content-gutter-desktop:48px;--page-header-content-max-width:var(--h5-max-width);--page-header-gutter:12px;--bottom-nav-reserved-height:calc(118px + env(safe-area-inset-bottom,0px))}html{height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--foreground);background:var(--page-gradient);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,system-ui,sans-serif;display:flex}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.app-screen{min-height:100vh;color:var(--foreground);background:radial-gradient(120% 84% at 100% 0,#8ee1b638 0%,#0000 56%),radial-gradient(108% 78% at 0 100%,#d7e5e2cc 0%,#0000 62%),#f9f9fc;padding:12px}.app-screen--with-nav{padding-bottom:var(--bottom-nav-reserved-height)}.app-header{z-index:20;border-radius:var(--radius-2xl);min-height:50px;box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd1;border:1px solid #ffffffd1;grid-template-columns:36px 1fr 36px;align-items:center;margin-bottom:12px;padding:0 8px;display:grid;position:sticky;top:0}.app-header__back{width:32px;height:32px;color:var(--primary);background:var(--primary-soft);border-radius:999px;justify-content:center;align-items:center;font-size:.9rem;font-weight:800;display:inline-flex}.app-header__title{text-align:center;color:var(--primary);letter-spacing:0;font-size:1.1rem;font-weight:800}.app-shell{width:100%;margin:0}.app-panel{border-radius:var(--radius-2xl);background:var(--surface-glass);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffffc2;padding:22px}.app-panel+.app-panel{margin-top:18px}.app-kicker{color:#5a6c64;letter-spacing:.12em;text-transform:uppercase;font-size:.74rem;font-weight:700}.app-heading{letter-spacing:0;margin-top:10px;font-size:1.86rem;line-height:1.06}.app-lead{color:var(--muted);margin-top:10px;font-size:.95rem;line-height:1.7}.app-actions{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.button-primary,.button-secondary{border-radius:var(--radius-md);justify-content:center;align-items:center;min-height:46px;padding:0 18px;font-size:.9rem;font-weight:800;display:inline-flex}.button-primary{color:#fff;background:var(--primary-gradient);box-shadow:var(--shadow-primary);border:0}.button-secondary{border:1px solid var(--outline);color:#204338;background:var(--surface)}.button-primary:disabled,.button-secondary:disabled{opacity:.66;box-shadow:none}.field-grid{gap:14px;display:grid}.field-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.field{gap:8px;display:grid}.field label{color:#51625a;font-size:.78rem;font-weight:800}.field input,.field select,.field textarea{border-radius:var(--radius-md);width:100%;color:var(--foreground);background:var(--field-gradient);border:1px solid #0000;outline:none;padding:14px 16px}.field textarea{resize:vertical;min-height:108px}.field input::placeholder,.field textarea::placeholder{color:#90a199}.upload-box{border:2px dashed var(--outline);border-radius:var(--radius-2xl);background:linear-gradient(180deg, #fbfdfc, var(--primary-softer));text-align:center;place-items:center;min-height:260px;padding:24px;display:grid}.upload-box__icon{color:#fff;background:var(--primary-gradient);border-radius:999px;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.5rem;font-weight:800;display:inline-flex}.upload-box__title{margin-top:16px;font-size:1.05rem;font-weight:800}.upload-box__hint{color:var(--muted);margin-top:8px;font-size:.88rem;line-height:1.6}.tab-bar{background:var(--surface-soft);border-radius:18px;gap:8px;margin-bottom:12px;padding:6px;display:flex}.history-screen{height:100dvh;padding-bottom:16px;overflow:hidden}.history-shell{flex-direction:column;height:100%;min-height:0;display:flex}.history-top{flex:none}.history-tab-bar{margin-bottom:0}.history-scroll{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding-top:12px;padding-right:2px;overflow-y:auto}.tab-button{color:#71827a;background:0 0;border:0;border-radius:14px;flex:1 1 0;min-height:42px;font-size:.9rem;font-weight:700}.tab-button--active{color:var(--primary);background:var(--surface);box-shadow:0 10px 20px #1825200f}.history-group+.history-group{margin-top:22px}.history-group__title{color:#5f7068;letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:12px;font-size:.78rem;font-weight:800;display:flex}.history-group__title span{flex:none}.history-group__title:after{content:"";background:linear-gradient(90deg,#8e99946b,#8e999400);flex:auto;height:1px}.history-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.history-card{background:#f7f8f8;border:1px solid #b8c1bc47;border-radius:16px;gap:8px;padding:8px;display:grid;overflow:hidden;box-shadow:0 10px 24px #14201b0d}.history-thumb{aspect-ratio:4/3;background:linear-gradient(#dfe7e3 0%,#e9efec 100%);border-radius:12px;position:relative;overflow:hidden}.history-thumb:after{content:"";pointer-events:none;background:linear-gradient(#08100c05,#08100c1a);position:absolute;inset:0}.history-thumb__badge{z-index:1;color:#e7fff4;letter-spacing:.03em;background:#045a39d1;border-radius:999px;align-items:center;gap:5px;min-height:20px;padding:0 8px;font-size:.58rem;font-weight:800;display:inline-flex;position:absolute;top:8px;left:8px}.history-thumb__badge-dot{opacity:.9;background:currentColor;border-radius:999px;width:6px;height:6px}.history-thumb__badge--processing{color:#f0fbff;background:#2e567ad6}.history-thumb__badge--failed{color:#fff0ed;background:#8f291ad6}.history-image{object-fit:cover;background:#ffffffe0;width:100%;height:100%;display:block}.history-card__body{gap:4px;padding:2px 2px 4px;display:grid}.history-time{color:#7f8c87;font-size:.66rem;font-weight:700}.history-emphasis{color:#15241e;font-size:.92rem;font-weight:800;line-height:1.24}.history-tags{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.history-tag{color:#5b6d65;background:#e9eeeb;border-radius:999px;align-items:center;min-height:20px;padding:0 8px;font-size:.62rem;font-weight:700;display:inline-flex}.history-quote{background:#f7f8f8;border:1px solid #b8c1bc42;border-radius:18px;gap:10px;margin-bottom:12px;padding:14px;display:grid;box-shadow:0 10px 24px #14201b0d}.history-quote-list{grid-template-columns:minmax(0,640px);justify-content:center;display:grid}.history-quote__top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.history-quote__thumb{background:linear-gradient(#dfe7e3 0%,#e9efec 100%);border-radius:14px;flex:0 0 56px;width:56px;height:56px;position:relative;overflow:hidden}.history-quote__thumb-image{object-fit:cover}.history-quote__thumb-fallback{color:#5f7068;justify-content:center;align-items:center;width:100%;height:100%;font-size:.92rem;font-weight:800;display:inline-flex}.history-quote__status{color:#4a5c55;letter-spacing:.05em;background:#dce1de;border-radius:999px;align-items:center;min-height:24px;padding:0 10px;font-size:.62rem;font-weight:800;display:inline-flex}.history-quote__status--done{color:#0f6a45;background:#d6efe3}.history-quote__status--pending{color:#56656d;background:#e3e6e8}.history-quote__status--failed{color:#8d2c23;background:#f8ddd8}.history-quote__title{color:#15241e;font-size:1.12rem;font-weight:800;line-height:1.28}.history-quote__actions{grid-template-columns:1fr auto;align-items:center;gap:10px;display:grid}.history-quote__cta{color:#fff;background:#0f6a45;border-radius:10px;justify-content:center;align-items:center;min-height:38px;padding:0 12px;font-size:.86rem;font-weight:800;display:inline-flex}.history-quote__share{color:#61736b;background:#eef1ef;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:1rem;font-weight:800;display:inline-flex}.page-placeholder{color:var(--muted);text-align:center;padding:18px 8px 4px;font-size:.9rem;line-height:1.7}.page-bottom-nav{right:max(20px, env(safe-area-inset-right,0px));bottom:max(18px, calc(env(safe-area-inset-bottom,0px) + 12px));left:max(20px, env(safe-area-inset-left,0px));z-index:30;width:min(100% - 40px, var(--h5-max-width));border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #ffffffd6;gap:8px;margin:0 auto;padding:8px;display:flex;position:fixed}.page-bottom-nav__item{border-radius:var(--radius-lg);color:#7b8782;flex:1 1 0;justify-content:center;align-items:center;gap:8px;min-height:52px;font-size:.76rem;font-weight:700;display:inline-flex}.page-bottom-nav__item--active{color:var(--primary);background:linear-gradient(180deg, var(--primary-soft), var(--primary-softer));box-shadow:inset 0 0 0 1px #0a8c6714}.page-bottom-nav__icon{flex:none;width:1rem;height:1rem;font-size:1rem;line-height:1;display:block}.note{color:var(--muted);font-size:.84rem;line-height:1.6}.inline-error{color:var(--danger)}.ledger-list{gap:12px;display:grid}.ledger-card{border:1px solid var(--outline-soft);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card-soft);padding:16px}.ledger-card .app-heading{font-size:1.12rem}.reference-box{border:2px dashed var(--outline);border-radius:var(--radius-lg);color:#61746b;background:linear-gradient(180deg, #fbfdfc, var(--primary-softer));text-align:center;place-items:center;min-height:120px;padding:18px;display:grid}.reference-box__icon{color:var(--primary);margin-bottom:8px;font-size:1.1rem;font-weight:800}.design-upload-card{border-radius:var(--radius-2xl);min-height:332px;box-shadow:var(--shadow-card);background:#10221a;position:relative;overflow:hidden}.design-upload-card__visual{position:absolute;inset:0}.design-upload-card__image{object-fit:cover}.design-upload-card__overlay{background:linear-gradient(#090d0c14 0%,#090d0c47 42%,#090d0cc7 100%),linear-gradient(120deg,#07765257,#0000 58%);position:absolute;inset:0}.design-upload-card__content{z-index:1;color:#fff;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:332px;padding:26px;display:flex;position:relative}.design-upload-card__content .upload-box__title,.design-upload-card__content .upload-box__hint{color:inherit}.design-upload-card__content .upload-box__hint{opacity:.82;max-width:26ch}.design-text-trigger{z-index:2;min-height:40px;color:var(--primary);background:#ffffffeb;border:0;border-radius:999px;padding:0 14px;font-size:.84rem;font-weight:800;position:absolute;bottom:18px;right:18px}.chip-grid{flex-wrap:wrap;gap:8px;display:flex}.chip-grid--three{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.chip{border:1px solid var(--outline);border-radius:var(--radius-md);color:#53645c;background:var(--surface);justify-content:center;align-items:center;min-height:38px;padding:0 14px;font-size:.82rem;font-weight:700;display:inline-flex}.chip--active{color:#fff;background:var(--primary-gradient);box-shadow:var(--shadow-primary);border-color:#0000}.chip--block{text-align:center;min-height:52px;padding-inline:10px}.progress-card{border-radius:var(--radius-lg);background:linear-gradient(180deg, #f4faf7, var(--primary-softer));gap:12px;margin-top:18px;padding:16px;display:grid}.progress-card__title{color:var(--primary);font-size:.92rem;font-weight:800}.progress-card__steps{flex-wrap:wrap;gap:8px;display:flex}.progress-pill{color:#698079;background:#00694814;border-radius:999px;align-items:center;min-height:30px;padding:0 12px;font-size:.75rem;font-weight:700;display:inline-flex}.progress-pill--active{color:#fff;background:var(--primary-gradient)}.result-stack{gap:18px;display:grid}.result-card{border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);background:#ffffffe0;overflow:hidden}.result-card__header{justify-content:space-between;align-items:center;gap:10px;padding:14px 16px 0;display:flex}.result-card__badge,.result-card__tag{border-radius:999px;justify-content:center;align-items:center;min-height:28px;padding:0 12px;font-size:.74rem;font-weight:800;display:inline-flex}.result-card__badge{color:#5c7067;background:#edf2ef}.result-card__badge--primary{color:#fff;background:var(--primary-gradient)}.result-card__tag{color:#416055;background:#00694814}.result-card__visual{aspect-ratio:4/5;margin-top:12px;position:relative}.result-card__image{object-fit:cover}.result-card__note{color:#5d6f68;padding:14px 16px 18px;font-size:.84rem;line-height:1.6}.result-actions{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd6;border:1px solid #fffc;border-radius:24px;grid-template-columns:1fr 1.2fr;gap:12px;margin-top:18px;padding:8px;display:grid;position:sticky;bottom:20px;box-shadow:0 24px 56px #141e1a1a}.result-actions .button-primary,.result-actions .button-secondary{width:100%}.edit-canvas{background:#ffffffe0;border-radius:28px;overflow:hidden;box-shadow:0 24px 60px #17231e14}.edit-canvas__header{justify-content:space-between;align-items:center;gap:12px;padding:14px 16px 0;display:flex}.edit-canvas__visual{aspect-ratio:4/5;margin-top:12px;position:relative}.edit-canvas__selection{background:#00000029;place-items:center;display:grid;position:absolute;inset:0}.edit-canvas__circle{border:3px dashed #0aa36a;border-radius:999px;place-items:center;width:180px;height:180px;display:grid;box-shadow:0 0 0 9999px #00000057}.edit-canvas__circle span{color:#fff;background:#006948e6;border-radius:999px;padding:6px 10px;font-size:.76rem;font-weight:800}.text-link{color:var(--primary);background:0 0;border:0;font-size:.82rem;font-weight:800}.drawer-mask{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#111c1847;justify-content:center;align-items:flex-end;padding:18px;display:flex;position:fixed;inset:0}.drawer-panel{border-radius:30px 30px var(--radius-xl) var(--radius-xl);width:min(100%,520px);box-shadow:var(--shadow-elevated);background:#fffffff5;padding:24px}.drawer-panel__header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.drawer-panel__header h2{letter-spacing:0;font-size:1.2rem;font-weight:800}@media (min-width:768px){:root{--page-header-content-max-width:var(--tablet-max-width);--page-header-gutter:var(--content-gutter-tablet)}.app-screen{padding-inline:32px}.app-shell{width:100%}.history-grid,.loadingGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.history-quote-list{grid-template-columns:minmax(0,760px)}.history-quote{max-width:680px}.page-bottom-nav{width:min(100% - 64px,520px)}}@media (min-width:1024px){:root{--page-header-content-max-width:var(--desktop-max-width);--page-header-gutter:var(--content-gutter-desktop)}.app-screen{padding-inline:var(--content-gutter-desktop)}.app-shell{width:100%}.history-grid,.loadingGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.history-quote{max-width:760px}.history-quote-list{grid-template-columns:minmax(0,760px)}}@media (min-width:1440px){:root{--page-header-content-max-width:var(--wide-max-width)}.app-shell{width:100%}}