@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.outline{outline-style:var(--tw-outline-style);outline-width:1px}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f6f5;--surface:#fff;--soft:#eef1ef;--line:#dce2de;--text-main:#252e2a;--text-sub:#67746d;--accent:#b93961;--accent-strong:#972c4f;--accent-soft:#fbedf1;--canvas-bg:#e9eeeb;--shadow:0 12px 40px #263c2910;--radius:8px;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#171c19;--surface:#212824;--soft:#2a342e;--line:#3b4940;--text-main:#eef3ef;--text-sub:#aab9af;--accent:#ee91ad;--accent-strong:#ffc0d3;--accent-soft:#432d36;--canvas-bg:#131a16}*{box-sizing:border-box;letter-spacing:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text-main);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.65}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{font-weight:650;line-height:1.35}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,.button-link,.primary-button{border:1px solid var(--line);background:var(--surface);min-height:40px;color:var(--text-main);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;transition:background .16s,border-color .16s,box-shadow .16s;display:inline-flex}button:hover,.button-link:hover{background:var(--soft);border-color:var(--text-sub)}button:disabled{opacity:.4;cursor:not-allowed}.primary-button,.primary-action-btn,.login-btn{background:var(--accent);border-color:var(--accent);color:var(--surface);font-weight:600}.primary-button:hover,.primary-action-btn:hover,.login-btn:hover{background:var(--accent-strong);border-color:var(--accent-strong)}button.active,button.selected,.layer-row.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{border:1px solid var(--line);background:var(--surface);min-width:0;max-width:100%;color:var(--text-main);border-radius:5px;padding:9px 10px}input[type=checkbox],input[type=radio]{width:16px;height:16px;accent-color:var(--accent);flex:none}input[type=range]{width:100%;accent-color:var(--accent)}img{object-fit:contain;max-width:100%}svg{flex:none}[hidden]{display:none!important}.muted,.section-desc,.selection-summary,.status-text,.editor-header-stats{color:var(--text-sub);font-size:12px}.eyebrow{color:var(--accent);font-size:11px;font-weight:650}.brand{flex:none;align-items:center;gap:10px;font-size:18px;font-weight:700;display:inline-flex}.brand img{border-radius:8px}.brand small{color:var(--text-sub);font-size:9px;font-weight:500;display:block}.card,.glass-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.button-row,.topbar-actions,.action-row,.hero-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chip,.meta-tag{background:var(--soft);color:var(--text-sub);border-radius:4px;padding:3px 7px;font-size:11px;display:inline-flex}.card-head,.card-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.card-head h2{font-size:18px}.info-box{border-bottom:1px solid var(--line);gap:10px;padding:14px 0;font-size:12px;display:grid}.info-box label{align-items:center;gap:7px;display:flex}.danger{color:#c74646}.site-page{background:var(--bg);min-height:100dvh}.site-nav,.site-footer{justify-content:space-between;align-items:center;gap:20px;max-width:1280px;margin:auto;padding:20px 40px;display:flex}.site-nav{min-height:86px}.home-entry-nav{align-items:center;gap:28px;font-size:13px;display:flex}.home-miniapp{position:relative}.home-miniapp summary{cursor:pointer;list-style:none}.home-miniapp summary::-webkit-details-marker{display:none}.home-miniapp-panel{z-index:20;background:var(--surface);border:1px solid var(--line);width:212px;box-shadow:var(--shadow);text-align:center;border-radius:8px;padding:20px;position:absolute;top:36px;right:0}.home-miniapp-panel p{margin-top:8px;font-size:12px}.home-download-panel{text-align:left;gap:16px;width:250px;display:grid}.home-download-panel a,.download-unavailable{justify-content:space-between;gap:12px;display:flex}.download-unavailable{color:var(--text-sub)}.home-pattern-link{color:var(--accent);font-weight:600}.studio-entry{max-width:1280px;margin:auto;padding:36px 40px 48px}.entry-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.entry-heading h1{margin:8px 0;font-size:36px}.entry-heading p{color:var(--text-sub)}.entry-heading .primary-button{min-height:48px;padding:10px 24px}.entry-gallery{grid-template-columns:1.2fr 1fr 1fr;gap:20px;display:grid}.entry-piece{min-width:0}.entry-piece>div{aspect-ratio:1;background:#e2eee8;border-radius:8px;place-items:center;display:grid;overflow:hidden}.entry-piece:nth-child(2)>div{background:#f4e7ec}.entry-piece:nth-child(3)>div{background:#e8edf4}.entry-piece img{width:88%;height:88%;transition:transform .25s}.entry-piece:hover img{transform:scale(1.035)}.entry-piece figcaption{justify-content:space-between;align-items:center;gap:8px;padding:16px 0;display:flex}.entry-piece figcaption span{color:var(--text-sub);font-size:12px}.entry-bottom{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;margin-top:20px;padding:24px 0 0;display:flex}.entry-bottom p{color:var(--text-sub)}.site-footer{border-top:1px solid var(--line);color:var(--text-sub);font-size:12px}.page-root{max-width:1280px;margin:auto;padding:0 40px 48px}.workbench-nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:82px;display:flex}.workbench-nav>a:last-child{color:var(--text-sub);font-size:12px}.hero-title-wrap{justify-content:space-between;align-items:center;gap:20px;padding:30px 0 26px;display:flex}.page-title-text{margin:6px 0;font-size:30px}.page-subtitle{color:var(--text-sub);font-size:13px}.create-layout{border-block:1px solid var(--line);grid-template-columns:1fr 1.5fr;gap:44px;padding:26px 0;display:grid}.create-intro{min-width:0;padding:12px 0;position:relative}.create-intro h2{margin:8px 0;font-size:23px}.create-intro>p:not(.eyebrow){color:var(--text-sub);font-size:13px}.create-art{object-fit:contain;width:150px;height:150px;position:absolute;bottom:0;right:4px}.canvas-symbol{grid-template-columns:repeat(3,18px);gap:4px;margin-top:32px;display:grid}.canvas-symbol i{background:#bdd6c7;border-radius:3px;width:18px;height:18px}.canvas-symbol i:nth-child(3n){background:#df92aa}.canvas-symbol i:nth-child(5){background:#377c5b}.upload-card{background:0 0;border:0;border-radius:0;padding:0}.header-left{gap:4px;display:grid}.section-label{font-size:17px;font-weight:650}.summary-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.upload-card .summary-row{margin-top:18px}.size-input-wrap{min-width:0;padding:0}.summary-card-title,.size-unit,.quota-unit{color:var(--text-sub);font-size:12px}.size-value-row{align-items:center;gap:10px;margin-top:6px;display:flex}.size-value-row .size-value{width:100%;padding:8px 12px;font-size:22px;font-weight:600}.preset-sizes-wrap{align-items:center;gap:12px;margin:16px 0;display:flex}.preset-label{color:var(--text-sub);flex:none;font-size:12px}.preset-sizes{flex-wrap:wrap;gap:6px;display:flex}.size-preset-btn{min-height:32px;padding:5px 9px;font-size:11px}.primary-action-btn{width:100%}.quota-wrap{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 0;display:flex}.quota-value-row{align-items:baseline;gap:8px;display:flex}.quota-value{font-size:24px;font-weight:600}.recent-card{background:0 0;border:0;border-radius:0;margin-top:4px;padding:26px 0}.recent-card+.recent-card{border-top:1px solid var(--line)}.recent-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px;display:grid}.recent-item{background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:8px;overflow:hidden}.recent-item:hover{border-color:var(--text-sub)}.recent-preview{aspect-ratio:4/3;background:var(--soft);place-items:center;display:grid;position:relative}.recent-preview img{object-fit:contain;width:100%;height:100%}.recent-info{padding:14px}.recent-name{overflow-wrap:anywhere;font-size:14px}.recent-meta{color:var(--text-sub);justify-content:space-between;align-items:center;gap:8px;margin-top:10px;font-size:12px;display:flex}.preview-placeholder{color:var(--text-sub);justify-items:center;gap:10px;display:grid}.delete-btn{position:absolute;top:10px;right:10px}.empty-state,.loading-state{background:var(--surface);border-block:1px solid var(--line);flex-direction:column;align-items:center;gap:12px;margin-top:18px;padding:32px 20px;display:flex}.empty-icon{color:#5f9377}.empty-text,.loading-text{color:var(--text-sub);font-size:13px}.pagination{justify-content:flex-end;align-items:center;gap:16px;margin-top:18px;font-size:12px;display:flex}.spinner{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.editor-page{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.editor-header{border:0;border-bottom:1px solid var(--line);border-radius:0;flex:none;align-items:center;gap:24px;min-height:78px;padding:12px 20px;display:flex}.editor-header-left{flex:none;align-items:center;gap:12px;display:flex}.editor-back-link{border:1px solid var(--line);border-radius:6px;place-items:center;width:36px;height:36px;display:grid}.editor-header h1{font-size:16px}.editor-header .eyebrow{font-size:9px}.editor-header-center{flex:1;min-width:120px}.editor-name-input{width:100%}.editor-header-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.editor-header-right button{font-size:12px}.editor-header-right .status-text{text-overflow:ellipsis;white-space:nowrap;max-width:130px;overflow:hidden}.editor-grid{flex:1;grid-template-columns:220px minmax(0,1fr) 280px;min-height:0;display:grid}.editor-grid.right-collapsed{grid-template-columns:220px minmax(0,1fr)}.editor-grid.left-collapsed{grid-template-columns:0 minmax(0,1fr) 280px}.editor-grid.left-collapsed.right-collapsed{grid-template-columns:0 minmax(0,1fr)}.editor-grid.left-collapsed .editor-side{visibility:hidden}.editor-side,.editor-right{scrollbar-width:thin;border:0;border-radius:0;min-width:0;overflow:auto}.editor-side{border-right:1px solid var(--line)}.editor-right{border-left:1px solid var(--line)}.editor-side-section,.editor-right-section{border-bottom:1px solid var(--line);padding:16px}.editor-side-label{justify-content:space-between;align-items:center;gap:6px;margin-bottom:12px;font-size:12px;font-weight:650;display:flex}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.tool-stack{border-color:#0000;flex-direction:column;gap:4px;width:100%;height:57px;padding:7px 0}.tool-icon-svg{width:21px;height:21px}.tool-label{font-size:10px}.tooltip-wrap{min-width:0;position:relative}.tooltip-box{z-index:80;background:var(--text-main);color:var(--surface);pointer-events:none;box-shadow:var(--shadow);border-radius:6px;padding:9px 12px;font-size:12px;position:fixed}.tooltip-desc{display:block}.tooltip-key{opacity:.75;font-size:10px}.zoom-controls{justify-content:space-between;align-items:center;gap:6px;display:flex}.zoom-btn{width:30px;min-height:32px;padding:0}.zoom-value{text-align:center;min-width:38px;font-size:11px}.zoom-reset{min-height:32px;padding:5px 8px;font-size:11px}.view-toggles{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.view-toggle{align-items:center;gap:5px;min-height:28px;font-size:11px;display:flex}.action-row{gap:6px}.action-row>button{flex:1}.action-btn{min-height:34px;padding:6px 8px;font-size:11px}.editor-info-grid,.params-grid{grid-template-columns:1fr 1fr;gap:8px;margin:10px 0;display:grid}.editor-mini-stat{padding:8px 0;font-size:10px}.param-field{gap:5px;font-size:11px;display:grid}.param-field input{width:100%}.range-field{align-items:center;gap:10px;margin:10px 0;font-size:11px;display:flex}.selection-summary{margin:8px 0;font-size:11px}.editor-canvas-card{border:0;border-radius:0;flex-direction:column;min-width:0;min-height:0;display:flex}.canvas-toolbar{border-bottom:1px solid var(--line);background:var(--surface);flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;font-size:12px;display:flex}.canvas-toolbar>div{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.canvas-toolbar button{min-height:32px;padding:5px 10px;font-size:12px}.color-indicator{border:1px solid #0002;border-radius:4px;width:16px;height:16px}.editor-canvas-wrap{background:var(--canvas-bg);flex:1;min-height:0;position:relative;overflow:hidden}.editor-canvas-wrap canvas{display:block}.mini-canvas{object-fit:contain;background:var(--soft);border-radius:4px;width:100%;height:144px}.palette-tabs{background:var(--soft);border-radius:6px;gap:4px;margin-bottom:12px;padding:3px;display:flex}.palette-tabs button{background:0 0;border-color:#0000;flex:1;min-height:30px;padding:3px;font-size:11px}.palette-tabs button.active{background:var(--surface);color:var(--accent);box-shadow:0 1px 3px #0001}.palette-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.palette-grid button{flex-direction:column;gap:3px;min-width:0;min-height:50px;padding:5px 2px;display:flex}.palette-swatch{border:1px solid #0002;border-radius:4px;width:24px;height:24px;display:block}.palette-code{font-size:9px}.palette-count{color:var(--text-sub);font-size:9px}.palette-sort-control{align-items:center;gap:4px;min-width:0;font-size:10px;display:flex}.palette-sort-control select{max-width:105px;padding:4px;font-size:10px}.layer-list{gap:6px;display:grid}.layer-row{border:1px solid var(--line);border-radius:5px;align-items:center;gap:4px;padding:5px;display:flex}.layer-row button{background:0 0;border:0;min-height:28px;padding:2px 5px}.layer-name{overflow-wrap:anywhere;flex:1;min-width:0;font-size:11px}.layer-add-btn{width:28px;min-height:28px;padding:0}.replace-select-wrap{margin-bottom:10px;position:relative}.replace-select-trigger{border:1px solid var(--line);cursor:pointer;border-radius:5px;align-items:center;gap:7px;padding:8px;font-size:11px;display:flex}.replace-select-arrow{margin-left:auto}.replace-select-swatch{border:1px solid #0002;border-radius:3px;flex:none;width:18px;height:18px}.replace-select-dropdown{z-index:30;background:var(--surface);border:1px solid var(--line);max-height:240px;box-shadow:var(--shadow);position:absolute;top:100%;left:0;right:0;overflow:auto}.replace-select-search{padding:8px}.replace-select-search-input{width:100%;font-size:11px}.replace-select-option{cursor:pointer;align-items:center;gap:6px;padding:7px;font-size:11px;display:flex}.replace-select-option:hover,.replace-select-option.selected{background:var(--soft)}.replace-select-option-hex{color:var(--text-sub);margin-left:auto;font-size:10px}.replace-select-empty{padding:12px;font-size:11px}.replace-preview{justify-content:space-around;align-items:center;gap:6px;margin:12px 0;display:flex}.replace-preview-item{justify-items:center;gap:4px;font-size:10px;display:grid}.replace-preview-swatch{border:1px solid var(--line);border-radius:4px;width:28px;height:28px}.floating-map{width:180px;box-shadow:var(--shadow);padding:12px;position:fixed;bottom:20px;right:20px}.save-success{color:#fff!important;background:#357c56!important}.bead-page{padding:0 28px 20px}.bead-topbar{background:0 0;border:0;border-radius:0;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;display:flex}.bead-topbar h1{margin:6px 0;font-size:24px}.guide-progress{width:100%;height:4px;accent-color:var(--accent);border:0;margin-bottom:20px;display:block}.guide-progress::-webkit-progress-bar{background:var(--line)}.guide-progress::-webkit-progress-value{background:var(--accent)}.bead-grid-layout{grid-template-columns:minmax(0,1fr) 280px;gap:20px;display:grid}.bead-canvas-card{overflow:hidden}.bead-canvas-wrap{background:var(--canvas-bg);height:calc(100dvh - 230px);min-height:420px;position:relative;overflow:auto}.bead-canvas-wrap canvas{display:block}.bead-side{max-height:calc(100dvh - 175px);padding:20px;overflow:auto}.bead-side h2{font-size:17px}.guide-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:absolute;inset:0}.guide-empty h2{font-size:22px}.guide-empty p{color:var(--text-sub);font-size:13px}.legend-list{gap:6px;margin-top:16px;display:grid}.legend-list button{justify-content:flex-start;min-height:38px;font-size:12px}.legend-list button>span{border:1px solid #0002;border-radius:4px;width:22px;height:22px}.legend-list em{color:var(--text-sub);margin-left:auto;font-style:normal}.button-grid{grid-template-columns:1fr 1fr;gap:7px;margin:12px 0;display:grid}.button-grid button{padding:6px;font-size:11px}.bead-footer{color:var(--text-sub);background:0 0;border:0;padding:12px 0;font-size:12px}.overlay,.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#15231bb3;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal,.modal-content{background:var(--surface);border:1px solid var(--line);border-radius:8px;width:min(100%,460px);max-height:calc(100dvh - 48px);padding:24px;overflow:auto;box-shadow:0 24px 80px #0003}.modal.wide{gap:20px;width:min(100%,1020px);display:grid}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:18px;display:flex}.modal-title{font-size:20px}.modal-close{width:32px;min-height:32px;padding:0}.qr-section{justify-items:center;gap:16px;padding:24px 0;display:grid}.qr-code-wrap{color:#67746d;border:1px solid var(--line);background:#fff;border-radius:8px;place-items:center;width:208px;height:208px;padding:12px;display:grid}.login-tips{border-top:1px solid var(--line);gap:12px;padding-top:18px;display:grid}.tip-item{color:var(--text-sub);align-items:center;gap:12px;font-size:12px;display:flex}.tip-number{background:var(--soft);border-radius:4px;place-items:center;width:24px;height:24px;display:grid}.export-preview-frame{min-width:0;overflow:auto}.empty-box{color:var(--text-sub);place-items:center;display:grid}.not-found-page{flex-direction:column;justify-content:center;align-items:flex-start;gap:20px;max-width:760px;min-height:100dvh;margin:auto;padding:80px 24px;display:flex}.not-found-page .brand{margin-bottom:40px}.not-found-page h1{font-size:32px}@media (min-width:1600px){.editor-grid{grid-template-columns:240px minmax(0,1fr) 310px}}@media (max-width:1150px){.editor-header{flex-wrap:wrap;gap:12px}.editor-header-right .status-text{display:none}.editor-grid{grid-template-columns:194px minmax(0,1fr) 240px}.editor-side-section,.editor-right-section{padding:12px}.entry-heading h1{font-size:30px}}@media (max-width:800px){.site-nav,.site-footer{padding:18px 24px}.studio-entry{padding:24px}.entry-heading{flex-direction:column;align-items:flex-start}.entry-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.entry-piece figcaption{flex-direction:column;align-items:start;font-size:12px}.home-entry-nav{gap:14px;font-size:12px}.page-root{padding:0 24px 32px}.hero-title-wrap{flex-direction:column;align-items:start}.create-layout{grid-template-columns:1fr;gap:20px}.create-intro{padding-right:120px}.create-art{width:110px;height:110px}.canvas-symbol{display:none}.recent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-page{height:auto;min-height:100dvh;overflow:visible}.editor-header{padding:12px}.editor-header-right{width:100%}.editor-grid,.editor-grid.right-collapsed,.editor-grid.left-collapsed,.editor-grid.left-collapsed.right-collapsed{flex:none;grid-template-columns:1fr 1fr}.editor-canvas-card{grid-area:1/1/auto/-1;height:60dvh;min-height:360px}.editor-side,.editor-right{border-top:1px solid var(--line);grid-row:2;overflow:visible}.editor-grid.left-collapsed .editor-side{display:none}.bead-page{padding:0 16px 16px}.bead-topbar{flex-direction:column;align-items:start}.bead-grid-layout{grid-template-columns:1fr}.bead-side{max-height:none}.bead-canvas-wrap{height:55dvh;min-height:360px}}@media (max-width:480px){.site-nav{flex-wrap:wrap;gap:16px;padding:16px 20px}.home-entry-nav{justify-content:space-between;width:100%}.home-miniapp-panel{left:0;right:auto}.home-download-panel{left:-70px}.studio-entry{padding:20px}.entry-heading h1{font-size:28px}.entry-gallery{grid-template-columns:1fr 1fr}.entry-piece:first-child{grid-column:1/-1}.entry-piece:first-child>div{aspect-ratio:4/3}.entry-bottom{flex-direction:column;align-items:start;font-size:12px}.site-footer{flex-wrap:wrap;padding:18px 20px}.page-root{padding:0 16px 28px}.page-title-text{font-size:26px}.create-intro h2{font-size:20px}.create-intro .eyebrow{font-size:9px}.preset-sizes-wrap{flex-direction:column;align-items:start;gap:8px}.summary-row{gap:12px}.editor-header-center{min-width:100px}.editor-header-right{gap:5px}.editor-header-right button{padding:6px 9px;font-size:11px}.editor-grid,.editor-grid.right-collapsed,.editor-grid.left-collapsed{grid-template-columns:minmax(0,1fr)}.editor-right{grid-area:3/1}.editor-side{grid-area:2/1}.tool-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.palette-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.canvas-toolbar{padding:10px}.canvas-toolbar .size-info{display:none}.overlay,.modal-overlay{padding:12px}.modal,.modal-content{max-height:calc(100dvh - 24px);padding:18px}.not-found-page h1{font-size:26px}}@media (pointer:coarse){button,.button-link,.primary-button{min-height:44px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}