@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600&display=swap');
:root{--bg:#f6f4ef;--paper:#fdfcf8;--ink:#2d3831;--muted:#7d8578;--line:#e1e3d8;--green:#2e5145;--serif:'Noto Serif SC','Songti SC',SimSun,serif;--sans:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;--mono:'SFMono-Regular',Consolas,monospace}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:13px var(--sans);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{cursor:default;opacity:.35}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:4px}a{color:inherit;text-decoration:none}svg{display:block}button svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}
.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 28px}.brand{display:flex;align-items:center;gap:12px}.brand>svg{width:32px;height:32px;color:var(--green)}.brand strong{font:600 26px var(--serif);letter-spacing:3px}.text-button{font-size:12px;padding:10px;color:#66765e}
.workspace{max-width:1720px;margin:auto;display:grid;grid-template-columns:190px minmax(0,1fr) 235px;height:calc(100dvh - 72px);min-height:620px}.library{border-right:1px solid var(--line);padding:28px 14px;display:flex;flex-direction:column}.library h1{font-size:12px;font-weight:500;color:var(--muted);margin:0 12px 20px}.model-list{display:flex;flex-direction:column;gap:9px}.model-card{display:grid;grid-template-columns:58px 1fr 12px;align-items:center;text-align:left;min-height:77px;padding:7px 9px 7px 3px;border:1px solid transparent;border-radius:6px;transition:background .2s,border-color .2s}.model-card:hover{background:#eeeee5}.model-card.active{border-color:#b7c5af;background:#e9eee3}.model-card svg{height:53px;width:58px;overflow:visible}.model-name{font:500 15px var(--serif);letter-spacing:1px}.model-check{opacity:0;color:var(--green);font-size:11px}.model-card.active .model-check{opacity:1}
.studio{padding:25px 27px 26px;display:flex;flex-direction:column;min-width:0;min-height:0}.stage-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px;min-height:33px}.stage-heading h2{font:500 25px var(--serif);letter-spacing:2px;margin:0}.view-switch{display:flex;border:1px solid var(--line);border-radius:5px;padding:3px;background:#eeeee6;gap:2px}.view-switch button{font-size:11px;padding:6px 12px;border-radius:3px;color:#7a8571}.view-switch button.active{background:var(--paper);box-shadow:0 1px 3px #28352312;color:#3d5142}
.stage{position:relative;flex:1;min-height:320px;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#fffffb 15%,#f5f4ec 75%);border:1px solid #dfe3d5;border-radius:7px;isolation:isolate}.stage::before{content:'';position:absolute;inset:0;background-image:linear-gradient(#68806c08 1px,transparent 1px),linear-gradient(90deg,#68806c08 1px,transparent 1px);background-size:32px 32px;pointer-events:none;mask-image:radial-gradient(ellipse,black,transparent 78%)}#canvas-container,#crease-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}#canvas-container canvas{display:block;width:100%;height:100%}#crease-canvas[hidden],#canvas-container[hidden]{display:none}.view-tools{display:flex;flex-direction:column;gap:6px;position:absolute;right:13px;top:50%;transform:translateY(-50%);z-index:2;padding:5px;background:#fdfdf7d9;border:1px solid #e2e6d8;border-radius:6px}.icon-button{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;color:#65785e;transition:background .2s}.icon-button:hover{background:#e5ebdc}.icon-button[aria-pressed=true]{background:#dfe8d7;color:#284c3d}.view-tools .icon-button{width:29px;height:29px}.view-tools svg{width:15px;height:15px}
.playback{margin-top:14px;padding:15px 18px 12px;border:1px solid #dfe3d5;background:#fafaf5;border-radius:6px}.playback-top{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:18px}.current-step strong{font-size:12px;font-weight:500}.step-fraction{font:11px var(--mono);color:#8c9780;white-space:nowrap}.step-fraction>span:first-child{color:#4f6749}.timeline-row{margin:15px 0 15px;position:relative;height:14px;display:flex;align-items:center}input[type=range]{width:100%;-webkit-appearance:none;appearance:none;background:linear-gradient(to right,var(--green) var(--progress,100%),#dce2d2 var(--progress,100%));height:3px;border-radius:3px;margin:0;cursor:pointer;z-index:2}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border:3px solid #fff;background:var(--green);border-radius:50%;box-shadow:0 0 0 1px #58795170}input[type=range]::-moz-range-thumb{width:9px;height:9px;border:2px solid white;background:var(--green);border-radius:50%}.timeline-marks{position:absolute;inset:0;pointer-events:none}.timeline-marks i{position:absolute;height:3px;width:1px;background:#c6cdba;top:14px}.playback-bottom{display:flex;align-items:center;justify-content:space-between}.transport{display:flex;align-items:center;gap:7px}.play-button{height:34px;background:var(--green);color:#f5f7ec;border-radius:4px;display:flex;align-items:center;gap:7px;padding:0 18px;font-size:11px;min-width:86px;justify-content:center}.play-button:hover{background:#244437}.play-button svg{width:14px;height:14px}.speed-control{display:flex;align-items:center;gap:8px;font-size:11px;color:#7b8871}.speed-control select{border:1px solid #dbe2d0;border-radius:4px;color:#536b4c;background:#f9faf4;padding:5px 7px;cursor:pointer;font:11px var(--mono)}
.inspector{border-left:1px solid var(--line);padding:29px 21px 26px;display:flex;flex-direction:column;min-height:0}.paper-settings h3{font-size:12px;font-weight:500;margin:0 0 21px;color:#64735a}.swatches{display:flex;gap:10px}.swatch{width:23px;height:23px;background:var(--swatch);border-radius:50%;position:relative;outline-offset:4px}.swatch.active{outline:1px solid var(--swatch)}.swatch.active::after{content:'✓';position:absolute;color:#fff;inset:0;display:grid;place-items:center;font-size:11px}.paper-color-label{font-size:11px;color:#7a8870;margin:16px 0 23px}.setting-row{display:flex;justify-content:space-between;align-items:center;margin:18px 0;font-size:12px;color:#617357}input[role=switch]{appearance:none;-webkit-appearance:none;width:29px;height:17px;background:#d5deca;border-radius:20px;margin:0;cursor:pointer;position:relative;transition:background .2s}input[role=switch]::after{content:'';position:absolute;left:3px;top:3px;width:11px;height:11px;border-radius:50%;background:#fff;transition:transform .2s}input[role=switch]:checked{background:#547654}input[role=switch]:checked::after{transform:translateX(12px)}.steps-section{border-top:1px solid var(--line);margin-top:11px;padding-top:22px;flex:1;min-height:0;display:flex;flex-direction:column}.steps-header{display:flex;justify-content:space-between;align-items:center}.steps-header h3{font-size:12px;font-weight:500;margin:0;color:#64735a}.steps-header>span{font:10px var(--mono);color:#89977b}#steps-list{list-style:none;margin:17px 0 0;padding:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbd6be transparent;flex:1}#steps-list li{position:relative}#steps-list li:not(:last-child)::after{content:'';position:absolute;left:11px;top:27px;bottom:-3px;width:1px;background:#d6dfcb}#steps-list button{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:8px 0;color:#8d9a80;font-size:11px;line-height:1.4}#steps-list button>span:first-child{flex:none;display:grid;place-items:center;border:1px solid #d0dcc3;border-radius:50%;width:23px;height:23px;font:9px var(--mono);background:var(--bg);z-index:1}#steps-list li.done button{color:#6e8263}#steps-list li.done button>span:first-child{color:#769069;background:#eaf0e2;border-color:#d5e0c9}#steps-list li.current button{color:var(--green);font-weight:500}#steps-list li.current button>span:first-child{color:#fff;background:var(--green);border-color:var(--green)}.download-button{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #c7d4b9;background:#edf2e5;border-radius:5px;width:100%;height:39px;padding:0 12px;margin-top:22px;color:#4c6843;font-size:11px;flex-shrink:0}.download-button:hover{background:#e3edd8}.download-button svg{width:14px;height:14px}
.loading{position:absolute;inset:0;display:flex;flex-direction:column;gap:15px;align-items:center;justify-content:center;font-size:11px;color:#788e64;background:#fafbf2c0;z-index:4}.loading[hidden]{display:none}.loading-paper{width:28px;height:28px;background:#d9e1cd;transform:rotate(45deg);animation:fold 1.5s infinite alternate;border:1px solid #bbc8ad}@keyframes fold{to{transform:rotate(225deg) scaleX(.4)}}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#2e5145;color:#f5f7ef;border-radius:6px;font-size:12px;padding:12px 20px;box-shadow:0 8px 30px #17382225;transition:.2s;z-index:100}.toast.show{transform:translate(-50%,0);opacity:1}dialog{border:1px solid var(--line);border-radius:10px;background:#faf9f3;color:var(--ink);padding:34px;max-width:480px;width:calc(100% - 35px);box-shadow:0 20px 90px #22332230}dialog::backdrop{background:#1c30244a;backdrop-filter:blur(4px)}dialog h2{font:500 25px var(--serif);margin:0 0 23px}dialog p{font-size:12px;line-height:1.9;color:#6e7f64}dialog a{text-decoration:underline;text-underline-offset:3px}dialog .technical-note{border-top:1px solid var(--line);padding-top:15px;font-size:10px}.credits{font-size:10px!important}.dialog-close{position:absolute;top:12px;right:14px;font-size:25px;color:#7d916e}.stage:fullscreen{height:100vh;width:100vw;background:#f8f8ef}
@media(min-width:1500px){.workspace{grid-template-columns:215px minmax(0,1fr) 255px}.studio{padding:28px 35px}.library{padding:30px 20px}.inspector{padding:32px 27px 28px}.model-card{grid-template-columns:64px 1fr 12px;min-height:85px}.model-card svg{width:63px;height:59px}.swatches{gap:12px}}
@media(max-width:1100px){.workspace{grid-template-columns:168px minmax(0,1fr) 210px}.library{padding:25px 11px}.model-card{grid-template-columns:49px 1fr 10px;padding-right:5px}.model-card svg{width:49px}.model-name{font-size:14px}.studio{padding:23px 19px}.inspector{padding:27px 17px 23px}.swatches{gap:9px}.swatch{width:21px;height:21px}}
@media(max-width:900px){.workspace{grid-template-columns:165px minmax(0,1fr);height:auto;min-height:0}.studio{height:calc(100dvh - 72px);min-height:600px}.inspector{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:200px 1fr;gap:20px 30px;padding:25px 27px}.steps-section{margin:0;padding:0 0 0 28px;border-top:0;border-left:1px solid var(--line)}#steps-list{display:flex;flex-wrap:wrap;gap:1px 15px;max-height:145px;margin-top:10px}#steps-list li::after{display:none}.download-button{grid-column:1;margin-top:0}.paper-color-label{margin:14px 0 19px}.setting-row{margin:13px 0}}
@media(max-width:620px){.topbar{height:62px;padding:0 18px}.brand{gap:9px}.brand>svg{width:28px;height:28px}.brand strong{font-size:24px}.text-button{font-size:11px}.workspace{display:flex;flex-direction:column}.library{border-right:0;border-bottom:1px solid var(--line);padding:13px 15px 10px}.library h1{display:none}.model-list{flex-direction:row;gap:6px;overflow-x:auto;scrollbar-width:none;padding:3px 1px}.model-card{flex:none;display:flex;flex-direction:column;min-width:75px;min-height:86px;padding:4px 8px 10px;text-align:center;gap:4px}.model-card svg{width:55px;height:43px}.model-name{font-size:12px;letter-spacing:.4px}.model-check{display:none}.studio{height:auto;min-height:0;padding:20px 15px}.stage-head{margin-bottom:15px}.stage-heading h2{font-size:23px}.view-switch button{padding:6px 11px;font-size:10px}.stage{flex:none;height:390px;min-height:300px}.view-tools{right:9px;padding:4px;gap:5px}.view-tools .icon-button{height:29px;width:29px}.playback{padding:13px 12px 11px;margin-top:12px}.transport{gap:2px}.play-button{min-width:77px;padding:0 12px}.speed-control{gap:5px;font-size:10px}.speed-control select{font-size:10px;padding:5px}.inspector{display:grid;grid-template-columns:1fr;gap:23px;padding:25px 21px}.paper-settings h3{margin-bottom:20px}.swatches{gap:17px}.swatch{width:27px;height:27px}.paper-color-label{margin:17px 0 23px}.setting-row{display:inline-flex;gap:16px;margin:0 27px 0 0}.steps-section{border-left:0;border-top:1px solid var(--line);padding:22px 0 0}#steps-list{max-height:180px;margin-top:15px;gap:4px 15px}#steps-list button{font-size:11px;gap:7px}#steps-list button>span:first-child{width:22px;height:22px}.download-button{margin-top:0;height:42px}.toast{max-width:90vw;white-space:nowrap;font-size:11px}dialog{padding:28px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:620px){.model-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;overflow:visible}.model-card{min-width:0;min-height:80px;padding:4px 3px 9px}.model-card svg{width:48px;max-width:100%;height:40px}.model-name{font-size:11px;white-space:nowrap}.view-tools{top:auto;bottom:12px;right:12px;transform:none;flex-direction:row}}

.app-version{font:11px var(--mono);color:var(--muted);margin-left:10px;letter-spacing:0;vertical-align:middle}