.ns-studio{--ns-ink:#253330;--ns-green:#173e3b;--ns-gold:#b99a65;--ns-line:#dcded6;--ns-muted:#757e75;color:var(--ns-ink);max-width:1260px;margin:auto;padding:48px 28px 80px;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif}.ns-studio *{box-sizing:border-box}.ns-studio button,.ns-studio input{font:inherit}.ns-studio button{cursor:pointer}.ns-studio button:focus-visible,.ns-studio input:focus-visible{outline:2px solid var(--ns-green);outline-offset:4px}.ns-studio [hidden]{display:none!important}.ns-heading{display:flex;justify-content:space-between;gap:32px;align-items:end;margin-bottom:30px}.ns-eyebrow{font-size:11px;letter-spacing:2.5px;color:#8a7450;margin:0 0 13px}.ns-heading h1{font-family:Georgia,"Noto Serif SC","Songti SC",serif;font-weight:400;font-size:clamp(29px,3.3vw,43px);letter-spacing:1px;margin:0 0 12px}.ns-heading p:last-child{font-size:14px;color:var(--ns-muted);line-height:1.9;margin:0;max-width:560px}.ns-saved-link{display:flex;gap:8px;align-items:center;background:transparent;border:1px solid var(--ns-line);padding:12px 15px;color:var(--ns-ink);border-radius:3px;white-space:nowrap;font-size:12px}.ns-saved-link svg{width:16px;height:16px}.ns-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.85fr);gap:30px;align-items:start}.ns-preview-wrap{position:sticky;top:94px}.ns-preview{position:relative;background:#ebe9e3;border:1px solid #e4e2da;overflow:hidden;border-radius:5px}.ns-canvas{display:block;width:100%;aspect-ratio:10/9;object-fit:contain}.ns-preview-top{display:flex;justify-content:space-between;align-items:center;position:absolute;top:20px;left:22px;right:22px;z-index:1;pointer-events:none}.ns-preview-stamp{font:italic 18px Georgia,serif;color:#777b6d;letter-spacing:1px}.ns-preview-tag{font-size:9px;letter-spacing:2px;color:#848778;border:1px solid #bfc3b5;padding:6px 8px}.ns-view-switch{position:absolute;bottom:23px;left:50%;transform:translateX(-50%);display:flex;padding:4px;background:rgba(255,255,255,.85);border:1px solid rgba(0,0,0,.04);backdrop-filter:blur(10px);border-radius:30px;white-space:nowrap;box-shadow:0 3px 16px #18352c08}.ns-view-switch button{border:0;background:transparent;border-radius:25px;padding:9px 17px;font-size:12px;color:#6c756e;display:flex;gap:7px;align-items:center}.ns-view-switch button[aria-pressed=true]{background:var(--ns-green);color:#fff}.ns-view-switch svg{width:14px;height:14px}.ns-canvas-note{display:flex;justify-content:space-between;gap:10px;color:#81877d;font-size:10px;margin:10px 2px}.ns-look{display:flex;align-items:center;gap:15px;flex-wrap:wrap;padding:18px 0;border-bottom:1px solid var(--ns-line)}.ns-look-label{font-size:11px;color:#71796e}.ns-look-colors{display:flex;gap:8px;align-items:center}.ns-look .ns-color{width:25px;height:25px}.ns-look .ns-color[aria-pressed=true]:after{inset:-5px}.ns-presets{margin-top:22px}.ns-small-heading{font-size:11px;font-weight:400;letter-spacing:1px;margin:0 0 12px;color:#858b81}.ns-preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ns-preset{display:flex;align-items:center;justify-content:space-between;text-align:left;border:1px solid var(--ns-line);border-radius:3px;background:#fff9;padding:15px 12px;color:var(--ns-ink);gap:6px}.ns-preset:hover{border-color:var(--ns-gold);background:#fff}.ns-preset span{font:15px Georgia,"Songti SC",serif;display:block}.ns-preset small{font-size:9px;color:var(--ns-muted);display:block;margin-top:5px}.ns-preset svg{width:23px;height:23px;flex-shrink:0;color:#aa916d}.ns-controls{background:#fff8;border:1px solid #e5e5dc;padding:26px;border-radius:5px}.ns-control-heading{display:flex;gap:11px;align-items:center;margin-bottom:16px}.ns-step{font-size:9px;color:#aa9677;border:1px solid #e0d9c9;border-radius:50%;width:21px;height:21px;display:grid;place-items:center}.ns-control-heading h2{font-size:13px;font-weight:500;margin:0;letter-spacing:.5px}.ns-control-heading .ns-control-value{margin-left:auto;font-size:11px;color:#848b7e}.ns-type-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.ns-type{display:flex;flex-direction:column;align-items:center;gap:8px;padding:13px 2px;background:transparent;border:1px solid transparent;border-radius:3px;color:#7e847a;font-size:10px}.ns-type svg{width:26px;height:26px;stroke-width:1.2}.ns-type[aria-pressed=true]{color:var(--ns-green);border-color:#a2b4a5;background:#edf1e9}.ns-control-block+.ns-control-block{border-top:1px solid #e4e5dd;padding-top:22px;margin-top:22px}.ns-style-grid{display:flex;gap:7px;margin-top:13px}.ns-style,.ns-metal,.ns-length,.ns-shape{font-size:11px;color:#778074;border:1px solid #dedfd5;background:transparent;border-radius:3px;min-height:37px;padding:8px 11px;flex:1}.ns-style[aria-pressed=true],.ns-metal[aria-pressed=true],.ns-length[aria-pressed=true],.ns-shape[aria-pressed=true]{border-color:#739283;color:var(--ns-green);background:#f0f3ec}.ns-color-row{display:flex;gap:17px;margin-top:22px;padding-left:5px}.ns-color-option{display:flex;flex-direction:column;align-items:center;gap:10px}.ns-color{position:relative;display:block;width:32px;height:32px;border-radius:50%;border:1px solid #00000012;padding:0;background:var(--pearl-color);box-shadow:inset -2px -3px 6px #00000015}.ns-color[aria-pressed=true]:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid #8c9e88}.ns-color-label{font-size:9px;color:#858b80}.ns-row-label{font-size:11px;color:#788173;margin:19px 0 10px;display:flex;justify-content:space-between}.ns-size-value{font:20px Georgia,serif;color:var(--ns-green)}.ns-size-value small{font:10px Arial,sans-serif;margin-left:4px;color:#89927f}.ns-range{width:100%;accent-color:var(--ns-green);height:6px;margin:15px 0 11px;cursor:pointer}.ns-range-ends{display:flex;justify-content:space-between;font-size:9px;color:#929987}.ns-choice-row{display:flex;gap:8px}.ns-metal{display:flex;align-items:center;justify-content:center;gap:7px}.ns-metal i{width:10px;height:10px;border-radius:50%;background:linear-gradient(130deg,#fff0bf,#b8934c)}.ns-metal[data-value=silver] i{background:linear-gradient(130deg,#fff,#959d9d)}.ns-detail-note{font-size:10px;line-height:1.7;color:#89917f;margin:15px 0 0}.ns-spec{background:#f0f1e9;padding:15px 17px;margin-top:24px;border-radius:3px}.ns-spec-label{font-size:9px;letter-spacing:1.5px;color:#8b947f;margin-bottom:7px}.ns-spec-text{font-size:12px;line-height:1.8;color:#54624e}.ns-actions{display:flex;gap:10px;margin-top:17px}.ns-primary,.ns-secondary{border:1px solid var(--ns-green);border-radius:3px;padding:13px 16px;min-height:46px;display:flex;justify-content:center;gap:8px;align-items:center;font-size:12px}.ns-primary{background:var(--ns-green);color:#fff;flex:1}.ns-primary:hover{background:#24534a}.ns-secondary{background:transparent;color:var(--ns-green)}.ns-primary svg,.ns-secondary svg{width:15px;height:15px}.ns-bottom-note{font-size:10px;color:#969c8c;line-height:1.7;margin:12px 0 0}.ns-save-form{margin-top:15px;padding:14px;background:#eef2e9;border:1px solid #dce2d4;border-radius:3px}.ns-save-form label{font-size:11px;color:#64735c;display:block;margin-bottom:8px}.ns-save-input-row{display:flex;gap:7px}.ns-save-form input{min-width:0;flex:1;border:1px solid #ccd5c4;background:#fff;padding:11px;font-size:12px;border-radius:3px;color:var(--ns-ink)}.ns-save-form button{border:0;background:var(--ns-green);color:white;border-radius:3px;padding:9px 14px;font-size:12px}.ns-saved{margin-top:48px;border-top:1px solid var(--ns-line);padding-top:28px;scroll-margin-top:110px}.ns-saved-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:18px}.ns-saved-head h2{font:25px Georgia,"Songti SC",serif;margin:0;font-weight:400}.ns-saved-head p{font-size:11px;color:#8a9282;margin:0}.ns-saved-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.ns-saved-empty{border:1px dashed #ced5c5;background:#fff4;text-align:center;padding:35px;color:#8c9582;font-size:12px;line-height:2}.ns-saved-card{border:1px solid #e1e5d9;border-radius:3px;overflow:hidden;background:#fff8}.ns-saved-thumb{display:block;width:100%;height:auto;aspect-ratio:10/9;background:#eeede6}.ns-saved-card-info{padding:14px}.ns-saved-card h3{font-size:13px;font-weight:400;margin:0 0 7px;word-break:break-word}.ns-saved-card p{font-size:10px;line-height:1.7;color:#89917e;margin:0 0 13px}.ns-saved-card-actions{display:flex;align-items:center;justify-content:space-between}.ns-saved-card button{background:transparent;border:0;padding:3px 0;color:#627d69;font-size:11px}.ns-saved-card button[data-delete]{color:#969c90;font-size:10px}.ns-saved-card button:hover{text-decoration:underline}.ns-studio .ns-exporting{opacity:.6;pointer-events:none}.ns-export-fallback{margin-top:14px;font-size:11px;color:#647a66}.ns-export-fallback a{color:var(--ns-green);text-decoration:underline}.ns-toast-inline{font-size:11px;color:var(--ns-green);margin-top:8px;min-height:17px}.ns-studio svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.ns-quality-link{font-size:11px;color:#7e8d73;text-align:center;line-height:1.8;margin:17px 0 0}.ns-quality-link button{border:0;background:none;color:var(--ns-green);text-decoration:underline;font-size:11px;padding:0}.ns-studio [data-field] {touch-action:manipulation}.ns-mobile-note{display:none}@media(min-width:1500px){.ns-canvas{aspect-ratio:10/8.7}}@media(max-width:900px){.ns-studio{padding:32px 22px 70px}.ns-layout{grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);gap:20px}.ns-controls{padding:20px}.ns-color-row{gap:13px}.ns-preset{padding:12px 8px}.ns-preset span{font-size:13px}.ns-preset svg{display:none}.ns-saved-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.ns-studio{padding:27px 18px 95px}.ns-heading{display:block;margin-bottom:22px}.ns-heading h1{font-size:30px}.ns-heading p:last-child{font-size:12px}.ns-saved-link{margin-top:17px;font-size:11px;padding:9px 12px}.ns-layout{display:flex;flex-direction:column;gap:23px}.ns-preview-wrap{position:static;width:100%}.ns-canvas{aspect-ratio:10/8.6}.ns-preview-top{top:16px;left:17px;right:17px}.ns-preview-stamp{font-size:16px}.ns-preview-tag{font-size:8px}.ns-view-switch{bottom:16px}.ns-view-switch button{font-size:11px;padding:8px 15px}.ns-controls{width:100%;padding:22px 20px}.ns-presets{margin-top:17px}.ns-preset{padding:12px 10px}.ns-preset span{font-size:14px}.ns-preset small{font-size:9px}.ns-preset svg{display:block;width:19px}.ns-type{font-size:11px;padding:13px 1px}.ns-type svg{width:27px;height:27px}.ns-control-block+.ns-control-block{padding-top:21px;margin-top:21px}.ns-color-row{justify-content:space-between;margin-right:9px;padding-left:7px}.ns-color{width:33px;height:33px}.ns-style,.ns-metal,.ns-length,.ns-shape{min-height:40px;font-size:11px}.ns-look{gap:10px}.ns-look-colors{gap:8px}.ns-look .ns-color{width:24px;height:24px}.ns-look-label{font-size:10px}.ns-saved{margin-top:32px}.ns-saved-head{display:block}.ns-saved-head h2{font-size:24px}.ns-saved-head p{margin-top:10px}.ns-saved-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ns-saved-card-info{padding:12px}.ns-saved-card h3{font-size:12px}.ns-mobile-note{display:block;margin:15px 0 0;text-align:center;color:#86917b;font-size:10px}.ns-canvas-note{font-size:9px}.ns-primary,.ns-secondary{font-size:12px}.ns-actions{gap:8px}.ns-heading .ns-eyebrow{font-size:10px}}@media(prefers-reduced-motion:reduce){.ns-studio *{scroll-behavior:auto!important;transition:none!important}}

/* Keep compact controls comfortable on narrow phones. */
@media(max-width:380px){.ns-studio{padding-left:14px;padding-right:14px}.ns-controls{padding:20px 15px}.ns-actions{gap:7px}.ns-primary,.ns-secondary{padding:12px 11px;gap:6px}.ns-look{gap:9px}.ns-look-colors{gap:7px}.ns-preset{padding:11px 8px}.ns-preset span{font-size:13px}.ns-preset small{font-size:8px}.ns-preset svg{display:none}.ns-style{padding:8px 7px;font-size:10px}.ns-heading h1{font-size:28px}}

/* Keep the live result visible while the mobile controls scroll beneath it. */
@media(max-width:700px){
 .ns-preview-wrap{position:sticky;top:76px;z-index:20;padding-bottom:7px;background:#f8f6f1;box-shadow:0 8px 12px #f8f6f1;}
 .ns-preview{border-radius:4px;}
 .ns-canvas{height:220px;aspect-ratio:auto;object-fit:contain;}
 .ns-preview-top{top:10px;left:13px;right:13px;}
 .ns-preview-stamp{font-size:13px;}
 .ns-preview-tag{font-size:7px;padding:4px 6px;letter-spacing:1.5px;}
 .ns-view-switch{position:static;transform:none;left:auto;bottom:auto;width:max-content;margin:-3px auto 8px;padding:3px;}
 .ns-view-switch button{font-size:10px;line-height:1.5;padding:6px 13px;gap:6px;}
 .ns-view-switch svg{width:13px;height:13px;}
 .ns-look{padding:9px 2px 7px;margin:0;min-height:41px;border-bottom:0;}
 .ns-look .ns-color{width:23px;height:23px;}
 .ns-look-label{font-size:10px;}
 .ns-canvas-note,.ns-presets,.ns-mobile-note{display:none;}
 .ns-controls{position:relative;z-index:1;}
 .ns-saved{scroll-margin-top:100px;}
}
@media(max-width:380px){.ns-canvas{height:210px;}.ns-look{gap:9px;}.ns-look-colors{gap:7px;}}
@media(max-width:700px) and (max-height:680px){.ns-canvas{height:175px;}}