/* v10.36.18 · Project naming, thumbnails, account sync and management. */
#v7App .brand-logo.brand-image{display:block!important;width:96px!important;height:52px!important;border-radius:9px!important;background:#fff!important;object-fit:cover!important;flex:none}
#v7App .workspace-home-btn{width:52px!important;min-width:52px!important;background:#fff!important;overflow:hidden!important;border-radius:9px!important}
#v7App .workspace-brand-image{display:block!important;width:48px!important;height:32px!important;object-fit:cover!important}
.auth-gate-brand img{width:128px!important;height:78px!important;object-fit:cover!important;border-radius:9px}
.recent-head-actions{display:flex;gap:8px;flex-shrink:0}
.recent-head-actions button,.project-manager-toolbar button{border:1px solid #e5dcd1;background:#fffdfa;color:#5f493b;border-radius:9px;padding:8px 11px;font:inherit;font-size:12px;font-weight:750;cursor:pointer}
.project-sync-status{margin:0 0 12px;font-size:12px;color:#687762;line-height:1.6;overflow-wrap:anywhere}
.project-sync-status[data-state="error"]{color:#a65f32}
#v7App .recent-top h4{font-size:14px!important;line-height:1.5;overflow-wrap:anywhere;min-width:0;flex:1}
#v7App .recent-meta{font-size:11px!important;line-height:1.6}
#v7App .recent-preview{height:160px!important;padding:12px!important;overflow:hidden;background:repeating-conic-gradient(#f8f4ed 0% 25%,#fffdfa 0% 50%) 50% / 16px 16px}
#v7App .recent-preview img{width:100%!important;height:100%!important;object-fit:contain!important;image-rendering:pixelated}
#v7App .recent-actions button{font-size:12px!important;min-height:34px!important;cursor:pointer}
#v7App .badge{font-size:10px!important;white-space:nowrap;align-self:flex-start}
.project-name-dialog,.project-delete-dialog,.project-manager-dialog{padding:0;border:1px solid #e4dacd;border-radius:20px;background:#fffdfa;color:#44372f;box-shadow:0 24px 80px #2d221c40;font-family:inherit;max-height:calc(100dvh - 32px)}
.project-name-dialog,.project-delete-dialog{width:min(440px,calc(100vw - 28px))}
.project-name-dialog::backdrop,.project-manager-dialog::backdrop,.project-delete-dialog::backdrop{background:#211a166e;backdrop-filter:blur(4px)}
.project-name-dialog form,.project-delete-dialog form{padding:24px;margin:0}
.project-name-dialog h2,.project-delete-dialog h2,.project-manager-dialog h2{margin:0;font-size:21px;line-height:1.5}
.project-name-dialog p,.project-delete-dialog p,.project-manager-dialog header p{font-size:13px;line-height:1.7;color:#8c7b6c}
.project-name-dialog label{display:block;margin:20px 0 8px;font-size:13px;font-weight:700}
.project-name-dialog input,.project-manager-toolbar input{box-sizing:border-box;border:1px solid #ded3c5;border-radius:10px;padding:12px;color:#44372f;background:#fff;font:inherit;font-size:16px;min-width:0}
.project-name-dialog input{width:100%}
.project-name-dialog footer,.project-delete-dialog footer{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}
.project-name-dialog footer button,.project-delete-dialog footer button,.project-manager-dialog button{border:1px solid #ded3c5;border-radius:9px;background:#fff;padding:9px 12px;font:inherit;font-size:13px;cursor:pointer;color:#5f493b;min-height:38px}
.project-name-dialog button.primary{background:#5f493b;color:#fff;border-color:#5f493b}
.project-manager-dialog{width:min(1000px,calc(100vw - 28px));overflow:auto}
.project-manager-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 24px 10px;border-bottom:1px solid #eae2d7;position:sticky;top:0;background:#fffdfa;z-index:1}
.project-manager-dialog>header p{margin:4px 0 8px}
.project-manager-toolbar{display:flex;gap:10px;align-items:center;padding:16px 24px 8px}
.project-manager-toolbar label{font-size:13px;white-space:nowrap}
.project-manager-toolbar input{flex:1;padding:9px 12px}
.project-manager-selection{display:flex;align-items:center;gap:12px;padding:8px 24px 16px;font-size:12px;flex-wrap:wrap}
.project-manager-selection label{display:flex;gap:7px;align-items:center;cursor:pointer}
.project-manager-selection .danger{margin-left:auto}
.project-manager-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0 24px 24px}
.project-manager-card{border:1px solid #e8dfd3;background:#fff;border-radius:13px;overflow:hidden;position:relative;min-width:0}
.project-manager-card .project-check{position:absolute;left:9px;top:9px;background:#fffc;border-radius:7px;padding:5px;display:flex;z-index:1;cursor:pointer}
.project-manager-card .project-check input,.project-manager-selection input{width:17px;height:17px;accent-color:#806751;margin:0}
.project-manager-card .project-preview{height:150px;background:#f8f4ed;padding:12px;display:grid;place-items:center;box-sizing:border-box}
.project-manager-card .project-preview img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}
.project-manager-card .project-body{padding:12px}
.project-manager-card h3{margin:0;font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.project-manager-card p{font-size:11px;line-height:1.6;color:#918271;margin:5px 0 10px}
.project-manager-card .project-actions{display:flex;gap:6px;flex-wrap:wrap}
.project-manager-card .project-actions button{font-size:12px;flex:1;white-space:nowrap;min-height:34px;padding:6px 8px}
.project-manager-dialog button.primary{background:#302720;color:#fff;border-color:#302720}
button.danger,.project-manager-dialog button.danger,.project-delete-dialog button.danger{color:#b24e42;background:#fff0ee;border-color:#f0d6d0}
button:disabled{opacity:.55;cursor:default!important}
.project-manager-empty{grid-column:1/-1;text-align:center;padding:40px 12px;font-size:14px;color:#918271}
.project-name-dialog input:focus-visible,.project-manager-dialog :focus-visible,.project-delete-dialog :focus-visible{outline:2px solid #a98543;outline-offset:2px}
@media(max-width:700px){
 #v7App .brand{font-size:12px!important;gap:6px!important;min-width:0}
 #v7App .brand-logo.brand-image{width:65px!important;height:44px!important}
 #v7App .brand{flex:1}#v7App .brand-title{min-width:0;max-width:135px;line-height:1.4;overflow-wrap:anywhere}#v7App .nav{gap:5px!important;flex-shrink:0}#v7App .about{display:none!important}
 #v7App .recent-preview{height:180px!important}
 .recent-head{gap:8px}.recent-head-actions{gap:5px}.recent-head-actions button{font-size:11px;padding:7px 8px}
 .project-manager-dialog>header{padding:16px}.project-manager-toolbar{padding:14px 16px 8px;gap:7px}.project-manager-toolbar label{display:none}
 .project-manager-selection{padding:8px 16px 14px;gap:8px}.project-manager-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 16px 16px;gap:10px}
 .project-manager-card .project-preview{height:125px;padding:9px}.project-manager-card .project-body{padding:10px}.project-manager-card .project-actions button{flex-basis:35%}
 .project-name-dialog form,.project-delete-dialog form{padding:20px}
}
@media(max-width:380px){.project-manager-grid{grid-template-columns:1fr}.project-manager-card .project-preview{height:160px}}

/* v10.36.19 · Keep the entire chart inside each preview viewport. */
#v7App .recent-preview{position:relative!important;display:block!important;box-sizing:border-box!important;min-width:0!important;min-height:0!important}
#v7App .recent-card .recent-preview>img{position:absolute!important;inset:12px!important;display:block!important;width:calc(100% - 24px)!important;height:calc(100% - 24px)!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center!important;margin:0!important}
.project-manager-card .project-preview{position:relative;display:block;overflow:hidden;min-width:0;min-height:0}
.project-manager-card .project-preview>img{position:absolute;inset:12px;display:block;width:calc(100% - 24px);height:calc(100% - 24px);min-width:0;min-height:0;max-width:none;max-height:none;object-fit:contain;object-position:center;margin:0}

@media(max-width:700px){
 .project-manager-card .project-preview>img{inset:9px;width:calc(100% - 18px);height:calc(100% - 18px)}
}

/* v10.36.20 · Fixed original/bead examples, selected by generation style. */
#v7App #generateLayer .v7-prompt-case-panel{min-height:0!important;padding:12px!important}
#v7App #generateLayer .v7-generation-compare{display:block;min-width:0;margin:0}
#v7App #generateLayer .v7-compare-captions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 8px;text-align:center;font-size:12px;line-height:1.5;font-weight:800;color:#68594b}
#v7App #generateLayer .v7-compare-pair{position:relative;aspect-ratio:2/1;overflow:hidden;border-radius:10px;background:#fbf7f1}
#v7App #generateLayer .v7-compare-pair>img{position:absolute;inset:0;display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:none;max-height:none;object-fit:contain;object-position:center;margin:0}
#v7App #generateLayer .v7-compare-pair.is-split>#v7CompareOriginal{right:auto;width:50%}
#v7App #generateLayer .v7-compare-pair.is-split>#v7CompareExample{left:50%;width:50%}
#v7App #generateLayer .v7-compare-pair>[hidden]{display:none!important}
#v7App #generateLayer .v7-compare-pair>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:14px;font-size:12px;line-height:1.6;text-align:center;color:#948576}
#v7App #generateLayer .v7-generation-compare-note{margin:10px 0 0;font-size:11px;line-height:1.6;color:#948576;text-align:center;overflow-wrap:anywhere}
@media(max-width:700px){
 #v7App #generateLayer .v7-prompt-case-panel{padding:9px!important}
 #v7App #generateLayer .v7-compare-captions{font-size:11px;margin-bottom:6px}
 #v7App #generateLayer .v7-generation-compare-note{font-size:10px;margin-top:7px}
}

/* v10.36.21 · Compare the image-to-pattern methods in the workbench. */
#v7App .pattern-optimization-control{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 10px 10px;padding:9px;border:1px solid #e8dfd3;border-radius:9px;background:#fffaf2;color:#68594b;font-size:11px;min-width:0;flex-shrink:0}
#v7App .pattern-optimization-select{min-width:0;max-width:100%;box-sizing:border-box;font:inherit;font-size:11px;color:#44372f;border:1px solid #ded3c5;border-radius:6px;background:#fff;padding:6px}
#v7App .pattern-optimization-control>span{flex-shrink:0}
#v7App .desktop-pattern .pattern-optimization-control{flex-direction:column;align-items:stretch;gap:5px}
#v7App .m-function-sheet-body>.pattern-optimization-control{margin:0 12px 10px}