:root{font-family:Microsoft YaHei,PingFang SC,Noto Sans CJK SC,system-ui,sans-serif;color:#33281f;background:#f4eee4;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #33281f;--muted: #75675a;--paper: #fffaf1;--paper-deep: #f8efe2;--line: #dfd2c2;--line-strong: #c8b5a2;--orange: #d75e32;--orange-dark: #aa4120;--teal: #39756d;--cream: #f4eee4;--shadow: 0 16px 44px rgba(87, 62, 41, .09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 7% 4%,rgba(215,94,50,.11),transparent 28rem),radial-gradient(circle at 95% 15%,rgba(57,117,109,.09),transparent 34rem),var(--cream)}body:before{position:fixed;inset:0;z-index:-1;content:"";background-image:radial-gradient(rgba(91,75,57,.11) .7px,transparent .7px);background-size:18px 18px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 75%);mask-image:linear-gradient(to bottom,black,transparent 75%);pointer-events:none}button,input,select{font:inherit}button,a,label{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid rgba(57,117,109,.35);outline-offset:2px}a{color:inherit}.app-shell{width:min(1680px,calc(100% - 40px));margin:0 auto}.site-header{display:flex;align-items:center;justify-content:space-between;min-height:78px;border-bottom:1px solid rgba(120,97,76,.22)}.brand{display:flex;align-items:center;gap:13px;text-decoration:none}.brand-mark{display:grid;grid-template-columns:repeat(2,8px);gap:3px;padding:10px;border:1px solid #bea993;border-radius:14px;background:var(--paper);box-shadow:inset 0 0 0 3px #f4e9da}.brand-mark i{width:8px;height:8px;border-radius:50%;background:var(--orange)}.brand-mark i:nth-child(2){background:#e1a93a}.brand-mark i:nth-child(3){background:#39756d}.brand-mark i:nth-child(4){background:#5676a7}.brand strong{display:block;font-family:STSong,SimSun,Georgia,serif;font-size:20px;letter-spacing:.06em}.brand small{display:block;margin-top:2px;color:var(--muted);font-family:Arial Narrow,Arial,sans-serif;font-size:8px;letter-spacing:.24em}.header-meta{display:flex;align-items:center;gap:22px;color:var(--muted);font-size:13px}.header-meta a{text-underline-offset:4px}.local-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #cfc0ae;border-radius:999px;background:#fffaf1b3}.local-badge span{color:#4e8c69;font-size:8px}.hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:40px;padding:54px 4px 38px}.eyebrow{display:block;color:var(--orange);font-family:Arial Narrow,Arial,sans-serif;font-size:10px;font-weight:700;letter-spacing:.2em}.hero h1,.tutorial-intro h2{margin:9px 0 16px;font-family:STSong,SimSun,Georgia,serif;font-size:clamp(38px,5vw,70px);font-weight:700;line-height:1.05;letter-spacing:-.04em}.hero-copy p{max-width:760px;margin:0;color:var(--muted);font-size:15px;line-height:1.85}.hero-notes{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:360px}.hero-notes span{padding:8px 11px;border:1px solid var(--line-strong);border-radius:999px;background:#fffaf194;color:#6a5a4b;font-size:11px}.workspace{display:grid;grid-template-columns:310px minmax(430px,1fr) 330px;gap:16px;align-items:start}.left-stack,.center-stack,.right-stack{display:flex;min-width:0;flex-direction:column;gap:16px}.panel,.canvas-panel,.center-stack,.export-bar{min-width:0}.panel,.canvas-panel,.status-banner,.export-bar{border:1px solid rgba(147,120,94,.23);border-radius:20px;background:#fffaf1eb;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel{padding:20px}.panel-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px}.panel-heading h2{margin:0;font-family:STSong,SimSun,Georgia,serif;font-size:18px}.panel-heading p{margin:4px 0 0;color:var(--muted);font-size:11px}.step-number{flex:0 0 auto;padding-top:2px;color:var(--orange);font-family:Georgia,serif;font-size:12px;font-style:italic}.drop-zone{position:relative;display:grid;min-height:210px;place-items:center;overflow:hidden;border:1px dashed #caae94;border-radius:15px;background:linear-gradient(135deg,rgba(241,225,205,.42),transparent),var(--paper);transition:border-color .16s ease,transform .16s ease,background .16s ease}.drop-zone.is-dragging{border-color:var(--orange);background:#fff5e9;transform:scale(.992)}.drop-zone.has-image{background:#2e2925}.drop-zone.has-image img{display:block;width:100%;height:210px;object-fit:contain}.image-meta{position:absolute;inset:auto 8px 8px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 9px;border-radius:9px;background:#201b17bd;color:#fff;font-size:9px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.image-meta strong{max-width:68%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drop-placeholder{display:flex;flex-direction:column;align-items:center;gap:5px;color:var(--muted);font-size:10px;text-align:center}.drop-placeholder strong{color:var(--ink);font-size:13px}.upload-glyph{display:grid;width:46px;height:46px;margin-bottom:6px;place-items:center;border:1px solid var(--line-strong);border-radius:50%;background:var(--paper-deep);color:var(--orange);font-size:30px;line-height:1}.upload-label{position:absolute;right:10px;bottom:10px;cursor:pointer}.upload-label input,.palette-import input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.upload-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:12px}.privacy-note{color:#5e786b;font-size:9px;line-height:1.45;text-align:right}.privacy-note span{color:#4e9169}.sample-gallery{margin-top:14px;padding-top:13px;border-top:1px solid var(--line)}.sample-gallery-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px;color:var(--ink);font-size:10px;font-weight:700}.sample-gallery-heading small{color:var(--muted);font-size:8px;font-weight:400}.sample-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.sample-card{display:flex;min-width:0;flex-direction:column;gap:5px;padding:5px;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#fffdf8;color:var(--muted);font-size:8px;text-align:left;cursor:pointer}.sample-card:hover:not(:disabled){border-color:#c79c76;background:#fff7ec}.sample-card:disabled{cursor:wait;opacity:.65}.sample-card img{width:100%;aspect-ratio:1;border-radius:6px;background:#f4eee5;object-fit:contain}.sample-card span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.button{display:inline-flex;min-height:36px;align-items:center;justify-content:center;gap:6px;padding:8px 13px;border:1px solid transparent;border-radius:10px;font-size:11px;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.42}.button-primary{background:var(--orange);color:#fffaf4;box-shadow:0 7px 16px #aa41202e}.button-primary:hover:not(:disabled){background:var(--orange-dark);box-shadow:0 9px 20px #aa41203b}.button-secondary{border-color:#9bb8ad;background:#e6f0eb;color:#2c6359}.button-ghost{border-color:var(--line);background:transparent;color:#68594b}.segment-control{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:3px;border:1px solid var(--line);border-radius:11px;background:#f1e7da}.segment-control button{min-height:34px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:11px;font-weight:700;cursor:pointer}.segment-control button.is-active{background:var(--paper);color:var(--ink);box-shadow:0 2px 8px #61452d1a}.segment-control.small button{min-height:30px}.field-group{margin-top:15px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{display:flex;min-width:0;flex-direction:column;gap:6px;color:var(--muted);font-size:10px}.field-wide{grid-column:1 / -1}.inline-input{display:flex;align-items:center;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:#fffdf8}.inline-input input,.field select,.palette-tools input,.palette-tools select{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink)}.inline-input input{padding:9px 8px;font-size:14px;font-weight:700}.inline-input input:disabled{color:#9b8b7b}.inline-input span{padding-right:9px;color:#9a8876;font-size:9px}.field select{padding:10px;border:1px solid var(--line);border-radius:9px;background:#fffdf8;font-size:11px}.size-readout{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:10px;padding:10px 11px;border-radius:10px;background:#f6ecdd}.size-readout strong{font-family:Georgia,serif;font-size:16px}.size-readout span{color:var(--muted);font-size:9px;text-align:right}.clarity-hint{margin:8px 0 0;padding:7px 9px;border-left:2px solid #d1a44b;background:#fff7df;color:#806331;font-size:8px;line-height:1.55}.option-help{margin:6px 0 0 24px;color:#8d7b69;font-size:8px;line-height:1.55}.check-row{display:flex;align-items:flex-start;gap:8px;margin-top:10px;color:var(--muted);font-size:10px;line-height:1.5}.check-row input{accent-color:var(--orange)}.check-row.compact{margin:0;white-space:nowrap}.preset-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:13px;color:var(--muted);font-size:9px}.preset-row button,.edit-toolbar button,.palette-bulk button{padding:5px 8px;border:1px solid var(--line);border-radius:999px;background:transparent;color:#6c5a49;font-size:9px;cursor:pointer}.preset-row button:hover,.edit-toolbar button:hover:not(:disabled),.palette-bulk button:hover{border-color:#b99b81;background:var(--paper-deep)}.settings-divider{height:1px;margin:17px 0 14px;background:var(--line)}.range-field{margin:12px 0}.range-field label{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:10px}.range-field strong{color:var(--ink)}.range-field small{display:block;margin-top:4px;color:#968574;font-size:8px}input[type=range]{width:100%;margin:9px 0 0;accent-color:var(--orange)}.advanced-settings{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.advanced-settings summary{color:#6e5b49;font-size:10px;font-weight:700;cursor:pointer}.settings-footnote{margin:12px 0 0;color:#8b7866;font-size:9px;line-height:1.55}.status-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-radius:13px;color:var(--muted);font-size:9px}.status-banner>div{display:flex;align-items:center;gap:8px}.status-banner strong{color:var(--ink);font-size:10px}.status-dot{width:8px;height:8px;border-radius:50%;background:#a99a8b}.status-dot.active{background:var(--orange);box-shadow:0 0 0 4px #d75e3221;animation:pulse 1.1s ease-in-out infinite}@keyframes pulse{50%{opacity:.45}}.alert{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:11px;font-size:10px}.alert-error{border:1px solid #e0a897;background:#fff0eb;color:#913d26}.alert-success{border:1px solid #a8c8b7;background:#edf7f1;color:#356b52}.alert button{border:0;background:transparent;color:inherit;text-decoration:underline;cursor:pointer}.canvas-panel{position:relative;min-height:620px;overflow:hidden}.empty-canvas{display:flex;min-height:620px;align-items:center;justify-content:center;gap:34px;padding:50px;background:linear-gradient(150deg,#fffaf1f2,#f5eadbcc),var(--paper)}.empty-canvas h2{margin:8px 0 10px;font-family:STSong,SimSun,Georgia,serif;font-size:28px}.empty-canvas p{max-width:370px;margin:0;color:var(--muted);font-size:12px;line-height:1.8}.empty-grid{display:grid;grid-template-columns:repeat(8,18px);gap:4px;padding:18px;border:1px solid #d1bfab;border-radius:40px;background:#fffdf8b8;box-shadow:inset 0 0 0 10px #f3e6d480;transform:rotate(-4deg)}.empty-grid span{width:18px;height:18px;border-radius:50%;background:#e9ddcc;box-shadow:inset 0 -2px #64482c14}.empty-grid span:nth-child(7n+2),.empty-grid span:nth-child(9n+5){background:#d9c2a4}.empty-grid span:nth-child(11n+3){background:#cd7353}.empty-grid span:nth-child(13n+4){background:#759e8d}.canvas-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 17px;border-bottom:1px solid var(--line)}.canvas-toolbar>div:first-child strong{display:block;margin-top:3px;font-family:Georgia,serif;font-size:18px}.canvas-actions{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:9px}.zoom-control{display:flex;align-items:center;gap:7px}.zoom-control input{width:70px}.zoom-control strong{width:30px;color:var(--ink)}.processing-line{position:absolute;z-index:2;top:66px;left:0;width:36%;height:2px;background:var(--orange);animation:scan 1.2s ease-in-out infinite}@keyframes scan{0%{transform:translate(-100%)}to{transform:translate(380%)}}.canvas-scroll{display:grid;width:100%;min-width:0;min-height:520px;grid-template-columns:minmax(0,1fr);place-items:center;justify-items:center;overflow:auto;padding:20px;background:radial-gradient(rgba(137,111,83,.11) .65px,transparent .65px),#f8f2e8;background-size:14px 14px}.pattern-canvas{display:block;height:auto;border-radius:5px;box-shadow:0 9px 28px #47342324;touch-action:none;cursor:crosshair}.canvas-status{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 15px;border-top:1px solid var(--line);color:var(--muted);font-size:9px}.export-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 17px}.export-bar>div:first-child strong{display:block;margin-top:4px;font-size:12px}.export-bar>div:last-child{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.stat-hero{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:#f7eddf}.stat-hero>div{padding:13px}.stat-hero>div+div{border-left:1px solid var(--line)}.stat-hero span{display:block;color:var(--muted);font-size:9px}.stat-hero strong{margin-right:3px;font-family:Georgia,serif;font-size:26px}.stat-hero small{color:var(--muted);font-size:9px}.buffer-note{margin:9px 0 12px;color:var(--muted);font-size:9px}.edit-toolbar{display:flex;gap:6px;margin-bottom:10px}.edit-toolbar button:disabled{cursor:not-allowed;opacity:.35}.replace-panel{padding:10px;border:1px solid var(--line);border-radius:10px;background:#fffdf8}.replace-panel>span{color:var(--muted);font-size:8px}.replace-panel>div{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px;font-size:10px}.replace-panel button{padding:5px 9px;border:0;border-radius:6px;background:var(--teal);color:#fff;font-size:9px;cursor:pointer}.replace-panel button:disabled{cursor:not-allowed;opacity:.35}.stats-list{display:flex;max-height:330px;flex-direction:column;gap:4px;overflow:auto;margin-top:11px;padding-right:3px}.stats-list>button{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.stats-list>button:hover{background:#f8efe3}.stats-list>button.is-source{border-color:#9dbdb1;background:#edf5f1}.swatch{display:inline-block;flex:0 0 auto;width:24px;height:24px;border:1px solid rgba(66,50,36,.16);border-radius:50%;box-shadow:inset 0 -2px #00000012}.stat-name{display:flex;min-width:0;align-items:baseline;gap:6px}.stat-name strong{font-size:10px}.stat-name small{overflow:hidden;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.stat-count{font-family:Georgia,serif;font-size:13px;font-weight:700}.palette-tools{display:grid;grid-template-columns:minmax(0,1fr) 84px;gap:6px;margin-top:11px}.palette-tools input,.palette-tools select{min-height:34px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:#fffdf8;font-size:9px}.palette-bulk{display:flex;align-items:center;gap:6px;margin:9px 0;color:var(--muted);font-size:8px}.palette-bulk span{margin-right:auto}.palette-grid{display:grid;max-height:360px;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;overflow:auto;padding-right:3px}.palette-chip{position:relative;display:flex;min-width:0;align-items:center;border:1px solid transparent;border-radius:9px;background:#fbf5eb}.palette-chip.is-selected{border-color:var(--orange);background:#fff2e7;box-shadow:0 0 0 2px #d75e3214}.palette-chip.is-disabled{opacity:.42}.palette-chip>button{display:grid;grid-template-columns:21px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:1px 6px;width:100%;min-width:0;padding:5px 20px 5px 5px;border:0;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.palette-chip .swatch{grid-row:1 / 3;width:21px;height:21px}.palette-chip strong{overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.palette-chip small{overflow:hidden;color:var(--muted);font-size:7px;text-overflow:ellipsis;white-space:nowrap}.palette-chip>input{position:absolute;right:5px;width:11px;height:11px;margin:0;accent-color:var(--orange)}.palette-import{position:relative;width:100%;margin-top:11px;cursor:pointer}.palette-disclaimer{margin:10px 0 0;color:#8d7b69;font-size:8px;line-height:1.55}.palette-format{margin:7px 0 0;color:#8d7b69;font-size:8px;line-height:1.55}.palette-format code{padding:1px 3px;border-radius:3px;background:#f1e6d8;color:#66513e}.custom-palette-note{display:flex;flex-direction:column;gap:4px;margin-top:11px;padding:10px;border:1px solid #afc8bc;border-radius:9px;background:#edf5f0;font-size:9px}.custom-palette-note span{color:var(--muted)}.empty-message{margin:14px 0 0;color:var(--muted);font-size:10px;text-align:center}.tutorial-section{margin:54px 0 0;padding:48px;border:1px solid rgba(147,120,94,.23);border-radius:28px;background:linear-gradient(125deg,#fffbf5fa,#f5e9d6e6);box-shadow:var(--shadow)}.tutorial-intro{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:end;padding-bottom:34px;border-bottom:1px solid var(--line)}.tutorial-intro h2{max-width:620px;margin-bottom:0;font-size:clamp(32px,4vw,55px)}.tutorial-intro p{margin:0;color:var(--muted);font-size:13px;line-height:1.9}.tutorial-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:34px;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--line)}.tutorial-grid article{min-height:190px;padding:24px;background:#fffbf5eb}.tutorial-grid article>span{color:var(--orange);font-family:Georgia,serif;font-size:12px;font-style:italic}.tutorial-grid h3{margin:22px 0 10px;font-family:STSong,SimSun,Georgia,serif;font-size:18px}.tutorial-grid p{margin:0;color:var(--muted);font-size:11px;line-height:1.8}.guide-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}.guide-strip div{padding:17px;border-left:2px solid var(--teal);background:#fffcf799}.guide-strip strong{display:block;margin-bottom:6px;font-size:11px}.guide-strip span{color:var(--muted);font-size:9px;line-height:1.6}footer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;margin-top:42px;padding:26px 4px 38px;border-top:1px solid rgba(120,97,76,.22);color:var(--muted);font-size:9px}footer strong{color:var(--ink);font-family:STSong,SimSun,Georgia,serif;font-size:14px}footer p{margin:0}footer>span{font-family:Georgia,serif;font-style:italic}@media(max-width:1280px){.workspace{grid-template-columns:290px minmax(0,1fr)}.right-stack{display:grid;grid-column:1 / -1;grid-template-columns:1fr 1.3fr;align-items:start}.palette-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:860px){.app-shell{width:min(100% - 24px,720px)}.site-header{min-height:68px}.header-meta a{display:none}.hero{grid-template-columns:1fr;gap:20px;padding:36px 0 28px}.hero h1{font-size:44px}.hero-notes{justify-content:flex-start}.workspace,.right-stack{display:flex;flex-direction:column}.left-stack,.right-stack{display:contents}.upload-panel{order:1}.canvas-panel,.status-banner,.alert{order:2}.left-stack>.panel:nth-child(2){order:3}.palette-panel{order:5}.stats-panel{order:4}.export-bar{order:6}.panel{width:100%}.empty-canvas{min-height:480px;flex-direction:column;gap:26px;padding:30px 20px;text-align:center}.canvas-scroll{min-height:420px}.palette-grid{max-height:440px;grid-template-columns:repeat(3,minmax(0,1fr))}.tutorial-section{padding:28px 20px}.tutorial-intro{grid-template-columns:1fr;gap:18px}.tutorial-grid{grid-template-columns:1fr 1fr}.guide-strip{grid-template-columns:1fr}}@media(max-width:560px){.app-shell{width:min(100% - 16px,520px)}.brand strong{font-size:17px}.local-badge{font-size:0}.local-badge span{font-size:9px}.hero{padding-top:28px}.hero h1{font-size:38px}.hero-copy p{font-size:12px}.hero-notes span{font-size:9px}.panel{padding:16px;border-radius:16px}.drop-zone{min-height:190px}.status-banner,.canvas-toolbar,.export-bar,.canvas-status{align-items:flex-start;flex-direction:column}.canvas-actions{width:100%;justify-content:space-between}.canvas-scroll{min-height:350px;place-items:start}.pattern-canvas{min-width:320px}.export-bar>div:last-child{width:100%;justify-content:stretch}.export-bar .button{flex:1 1 120px}.palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tutorial-section{margin-top:34px;padding:24px 16px;border-radius:20px}.tutorial-intro h2{font-size:34px}.tutorial-grid{grid-template-columns:1fr}.tutorial-grid article{min-height:auto}footer{grid-template-columns:1fr;gap:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{@page{margin:10mm;size:A4 portrait}body{background:#fff}.site-header,.hero,.left-stack,.right-stack,.status-banner,.alert,.export-bar,.tutorial-section,footer,.canvas-toolbar,.canvas-status,.processing-line{display:none!important}.app-shell,.workspace,.center-stack{display:block;width:100%;margin:0}.canvas-panel{min-height:0;overflow:visible;border:0;border-radius:0;background:#fff;box-shadow:none}.canvas-scroll{display:block;min-height:0;overflow:visible;padding:0;background:#fff}.pattern-canvas{width:100%!important;max-width:100%!important;border-radius:0;box-shadow:none}}