:root{--paper:#f6f3ee;--surface:#fffefa;--ink:#302c29;--muted:#8b827a;--line:#e8e1d8;--berry:#a52e55;--berry-dark:#862343;--rose:#f5e6eb;--green:#47705c;--green-soft:#eef3ed;--shadow:0 12px 36px #4337260b;--safe-bottom:env(safe-area-inset-bottom,0px);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.42}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #bd637b99;outline-offset:3px}h1,h2,h3,p{margin:0}button{border:0;background:none}img{display:block;max-width:100%}.icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}.rotate{transform:rotate(180deg)}.muted{color:var(--muted)}.eyebrow{display:block;font-size:10px;font-weight:750;letter-spacing:1.55px;color:var(--muted);line-height:1.5}.wide{width:100%}.app-header{height:82px;padding:0 38px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:25px;background:var(--surface)}.brand{display:flex;align-items:center;gap:10px;font-size:27px;font-weight:760;letter-spacing:-1.5px;padding:0}.brand-light{font-weight:430}.brand-dot{color:var(--berry)}.brand-gem{height:32px;width:32px;background:var(--berry);display:grid;place-items:center;border-radius:10px;color:#fff;transform:rotate(-7deg)}.brand-gem .icon{width:23px;height:23px;transform:rotate(7deg);stroke-width:1.2}.header-divider{height:20px;width:1px;background:var(--line)}.studio-label{font-size:10px;color:var(--muted);font-weight:650;letter-spacing:1.7px}.header-right{margin-left:auto;display:flex;align-items:center;gap:18px}.private-label{display:flex;align-items:center;gap:7px;font-size:11px;color:#706961}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--green)}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid #ddd3c7;background:#efe8dc;font-size:12px;font-weight:650;color:#6d5c48}.demo-badge{font-size:10px;font-weight:600;padding:7px 11px;background:var(--rose);color:var(--berry);border-radius:30px}.button{min-height:46px;padding:12px 17px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:12px;font-weight:650;line-height:1.4;transition:background .16s,transform .16s,border-color .16s}.button:hover:not(:disabled){transform:translateY(-1px)}.button.primary{background:var(--berry);color:white;box-shadow:0 4px 9px #86234313}.button.primary:hover:not(:disabled){background:var(--berry-dark)}.button.primary .icon{width:17px;height:17px}.button.secondary{background:var(--surface);border:1px solid var(--line)}.button.secondary:hover{border-color:#c7b9a7}.button.quiet{background:transparent;color:var(--muted)}.text-button{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;padding:5px 0;white-space:nowrap}.text-button:hover{color:var(--berry)}.text-button .icon{width:16px;height:16px}.icon-button{width:32px;height:32px;border-radius:7px;display:grid;place-items:center;flex-shrink:0;color:var(--muted)}.icon-button:hover{background:var(--paper);color:var(--ink)}.icon-button .icon{width:17px;height:17px}
.projects-page{max-width:1260px;margin:0 auto;padding:64px 42px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:39px}.page-heading h1{font-size:36px;font-weight:520;letter-spacing:-1.1px;margin:10px 0 12px;display:flex;align-items:center;gap:14px}.count{font-size:13px;letter-spacing:0;border:1px solid var(--line);border-radius:7px;min-width:26px;height:27px;display:grid;place-items:center;color:var(--muted)}.page-heading p{font-size:13px;color:var(--muted);line-height:1.6}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.project-card{padding:0;text-align:left;border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}.project-card:hover{transform:translateY(-3px);box-shadow:0 15px 30px #43372614}.project-cover{aspect-ratio:1.45;background:#e9e2d7;position:relative;overflow:hidden}.project-cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.project-card:hover .project-cover img{transform:scale(1.035)}.project-open{position:absolute;bottom:14px;right:14px;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#fff8;backdrop-filter:blur(8px);color:white}.project-card-body{padding:20px}.project-card-body h2{font-weight:600;font-size:17px;letter-spacing:-.35px;margin-bottom:10px}.project-card-body>span{font-size:11px;color:var(--muted);display:flex;justify-content:space-between;align-items:center}.project-card-body .icon{width:15px;height:15px}.project-placeholder{height:100%;display:grid;place-items:center;color:#ab9c89}.project-placeholder .icon{width:50px;height:50px;stroke-width:1}.new-project-card{border:1px dashed #d4c8b8;min-height:280px;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--muted);transition:background .2s}.new-project-card:hover{background:#f0ebe3}.new-project-card>span{width:43px;height:43px;border:1px solid #d9cebf;border-radius:50%;display:grid;place-items:center;margin-bottom:4px}.new-project-card strong{font-size:14px;font-weight:550;color:#776c61}.new-project-card small{font-size:11px}.studio-note{display:flex;align-items:flex-start;gap:12px;border-top:1px solid var(--line);margin-top:42px;padding-top:25px;max-width:700px;color:var(--muted)}.studio-note>.icon{width:20px;height:20px;margin-top:2px}.studio-note strong{display:block;color:#6c6258;font-size:12px;font-weight:550;margin-bottom:6px}.studio-note p{font-size:11px;line-height:1.6}.empty-projects{grid-column:1/-1;text-align:center;border:1px dashed #d8cfc3;border-radius:14px;padding:60px 20px}.empty-projects h2{font-size:24px;font-weight:500;margin:20px 0 12px}.empty-projects p{font-size:13px;line-height:1.7;color:var(--muted);margin-bottom:26px}
.workspace{max-width:1680px;margin:auto;padding:0 30px 32px}.workspace-heading{height:81px;display:flex;align-items:center;justify-content:space-between;gap:15px}.breadcrumbs{display:flex;align-items:center;gap:17px;min-width:0}.breadcrumbs>span{color:#cfc4b7;font-size:14px}.breadcrumbs h1{font-size:19px;font-weight:600;letter-spacing:-.45px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-note{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted)}.workspace-note>.icon{width:15px;height:15px}.workspace-grid{display:grid;grid-template-columns:186px minmax(260px,1fr) 302px;gap:19px;align-items:start}.versions-panel{padding-top:5px;min-width:0}.panel-title{display:flex;align-items:center;gap:8px;margin:0 5px 7px}.panel-title h2{font-size:12px;font-weight:650}.panel-title>span{font-size:10px;color:var(--muted);border:1px solid var(--line);padding:1px 5px;border-radius:4px}.panel-caption{font-size:10px;line-height:1.6;color:var(--muted);margin:0 5px 19px}.version-list{display:flex;flex-direction:column;gap:8px;max-height:590px;overflow:auto;scrollbar-width:thin}.version-item{display:flex;align-items:center;gap:10px;text-align:left;padding:8px;border:1px solid transparent;border-radius:9px;min-height:69px;position:relative;width:100%}.version-item:hover{background:#eee8df}.version-item.selected{border-color:#d9a9b9;background:#fff9f9}.version-thumb{width:47px;height:49px;flex-shrink:0;overflow:hidden;display:grid;place-items:center;border-radius:5px;background:#ded5c8;color:var(--berry)}.version-thumb img{height:100%;width:100%;object-fit:cover}.version-item>span:last-child{overflow:hidden}.version-item strong{font-size:11px;font-weight:650;display:block;margin-bottom:6px}.version-item small{display:block;font-size:9px;color:var(--muted);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.version-item small .icon{width:11px;height:11px;color:var(--green)}.version-item.original{margin-top:10px;border-top:1px solid var(--line)}.history-tip{border-top:1px solid var(--line);padding:20px 6px 0;margin-top:24px;color:#a29688;display:flex;gap:9px}.history-tip .icon{width:17px;height:17px}.history-tip p{font-size:10px;line-height:1.7;max-width:125px}.editor-panel{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}.canvas-heading{height:61px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 20px;border-bottom:1px solid var(--line)}.canvas-heading>div{display:flex;align-items:center;gap:12px}.canvas-heading .eyebrow{font-size:9px;letter-spacing:1.1px;color:#62584e}.canvas-dimensions{font-size:9px;color:#aa9e90}.selection-status{font-size:9px;display:flex;align-items:center;gap:5px;color:var(--muted);white-space:nowrap}.selection-status>span{width:5px;height:5px;border-radius:50%;background:#c8b9a4}.selection-status.selected{color:var(--berry)}.selection-status.selected>span{background:var(--berry)}.canvas-stage{height:clamp(320px,47vw,578px);position:relative;overflow:hidden;background-color:#ece8e0;background-image:radial-gradient(#c5bbac66 .7px,transparent .7px);background-size:12px 12px;touch-action:none;user-select:none;isolation:isolate;cursor:crosshair}.canvas-stage[data-tool=pan],.canvas-stage[data-mode=full]{cursor:grab}.canvas-stage[data-tool=pan]:active,.canvas-stage[data-mode=full]:active{cursor:grabbing}.image-layer{position:absolute;left:50%;top:50%;transform-origin:center center;will-change:transform;box-shadow:0 7px 25px #27201a28}.editor-image{width:100%;height:100%;pointer-events:none;user-select:none;object-fit:fill}.mask-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:.43;pointer-events:none}.canvas-loading{position:absolute;inset:0;display:grid;place-items:center;background:#ece8e0;z-index:2;padding:20px}.canvas-toolbar{display:flex;align-items:center;gap:12px;padding:12px 16px;border-top:1px solid var(--line);min-height:60px}.tool-group{display:flex;align-items:center;gap:3px}.tool-button{width:31px;height:33px;display:grid;place-items:center;border-radius:6px;color:#867c70;flex-shrink:0}.tool-button .icon{width:17px;height:17px}.tool-button:hover:not(:disabled){background:#f2ede5;color:var(--ink)}.tool-button.active{background:var(--rose);color:var(--berry)}.brush-control{display:flex;align-items:center;gap:7px;max-width:110px;min-width:62px;flex:1}.brush-control input{min-width:30px;width:100%;accent-color:var(--berry);height:3px}.brush-dot{width:4px;height:4px;flex-shrink:0;border-radius:50%;background:#a69a8b}.brush-dot.large{width:9px;height:9px}.history-tools{border-left:1px solid var(--line);padding-left:7px}.zoom-control{margin-left:auto;display:flex;align-items:center;gap:2px;padding-left:8px;border-left:1px solid var(--line)}.zoom-control>span{font-size:9px;min-width:33px;text-align:center;color:#8a7d6e;font-variant-numeric:tabular-nums}.canvas-help{display:flex;align-items:flex-start;gap:7px;font-size:9px;line-height:1.6;color:#9a8d7d;padding:0 18px 17px;max-width:100%}.canvas-help .icon{width:13px;height:13px;margin-top:1px}.edit-settings{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:21px 19px;box-shadow:var(--shadow);min-width:0}.settings-heading{display:flex;align-items:center;gap:9px;margin-bottom:17px}.settings-heading h2{font-size:15px;font-weight:600;letter-spacing:-.3px}.step-marker{width:19px;height:19px;display:grid;place-items:center;border:1px solid #ded4c7;border-radius:50%;font-size:9px;color:#9e8e7c}.settings-heading.small{margin-bottom:17px}.settings-heading.small h2{font-size:13px}.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:3px;border:1px solid var(--line);background:#f5f1ea;border-radius:8px;padding:3px;margin-bottom:11px}.mode-switch>button{min-height:35px;border-radius:5px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;color:#988b7a;white-space:nowrap}.mode-switch .icon{width:14px;height:14px}.mode-switch>button.active{background:var(--surface);color:var(--berry);box-shadow:0 1px 4px #48331912}.preserve-note{display:flex;align-items:flex-start;gap:6px;background:var(--green-soft);color:#64806a;border-radius:6px;padding:9px;font-size:9px;line-height:1.55;margin-bottom:20px}.preserve-note .icon{width:13px;height:13px;margin-top:1px}.preserve-note.whole-frame{background:#f4eee4;color:#99825e}.field-label{display:block;font-size:10px;font-weight:650;margin-bottom:8px;color:#6c6259}.field-label .muted{font-size:9px;font-weight:400;margin-left:3px}textarea,input:not([type=range]):not([type=file]),select{width:100%;border:1px solid #e5dccf;border-radius:7px;background:#fffefa;color:var(--ink);padding:11px 12px;font-size:11px;line-height:1.6;transition:border-color .15s}textarea:hover,input:hover,select:hover{border-color:#cfc0ad}textarea{resize:vertical;min-height:104px;max-height:260px}textarea::placeholder,input::placeholder{color:#b0a597}select{min-height:40px;padding:9px 25px 9px 10px;cursor:pointer;font-size:10px}select:disabled{opacity:.65;background:#f5f1ea;cursor:default}.textarea-footer{display:flex;justify-content:space-between;gap:12px;color:#ad9f8f;font-size:8px;line-height:1.5;margin-top:6px;margin-bottom:22px}.textarea-footer>span:first-child{max-width:168px}.section-label{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:7px}.section-label .field-label{margin-bottom:0}.reference-count{font-size:9px;color:#ad9f8f}.reference-list{display:flex;flex-direction:column;gap:7px}.add-reference{border:1px dashed #dacdbb;border-radius:7px;min-height:40px;display:flex;align-items:center;justify-content:center;gap:7px;color:#938270;font-size:10px}.add-reference:hover{background:#f6f1e9}.add-reference .icon{width:14px;height:14px}.reference-item{display:flex;gap:9px;align-items:center;border:1px solid var(--line);border-radius:7px;padding:6px}.reference-item>img{width:34px;height:38px;object-fit:cover;border-radius:4px}.reference-item>div{flex:1;min-width:0}.reference-item strong{display:block;font-size:9px;font-weight:600;margin-bottom:4px}.reference-item span{font-size:9px;line-height:1.4;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.reference-item>.icon-button{width:23px}.settings-divider{height:1px;background:var(--line);margin:23px 0 20px}.settings-pair{display:grid;grid-template-columns:1.2fr 1fr;gap:10px}.setting-caption{font-size:8px;line-height:1.5;color:#ac9f8e;margin:7px 0 15px}.submit-block{margin-top:24px}.submit-block .button{font-size:10px;padding:12px 8px;gap:6px}.submit-block .button .icon{width:15px;height:15px}.submit-block .button .icon:last-child{width:12px;height:12px}.submit-block>p{display:flex;align-items:center;justify-content:center;gap:5px;font-size:8px;color:#ac9f90;text-align:center;line-height:1.5;margin-top:10px}.submit-block>p .icon{width:11px;height:11px}.version-mobile,.mobile-only{display:none}
.center-state{min-height:calc(100dvh - 82px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 25px}.center-state h1{font-size:30px;font-weight:500;letter-spacing:-.8px;margin:18px 0 14px}.center-state p{color:var(--muted);font-size:13px;line-height:1.8;max-width:420px}.center-state .button{margin-top:24px}.center-state .eyebrow{margin-top:24px}.empty-symbol,.modal-symbol,.loading-mark{width:56px;height:56px;border:1px solid #e4d7c5;border-radius:15px;display:inline-grid;place-items:center;background:#f1ebe1;color:#a38967}.empty-symbol>.icon,.modal-symbol>.icon{width:26px;height:26px;stroke-width:1.2}.loading-mark{color:var(--berry);background:var(--rose);border-color:#eaceD8;animation:breathe 1.6s ease-in-out infinite}.loading-mark>.icon{width:32px;height:32px;stroke-width:1.2}.spinner{display:inline-block;width:17px;height:17px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .75s linear infinite;color:inherit}.canvas-loading .spinner{color:var(--berry)}.inline-error{color:#a22a43!important;font-size:12px;line-height:1.6;margin:12px 0;max-width:100%;overflow-wrap:anywhere}.inline-error:empty{display:none}.toast{position:fixed;bottom:calc(25px + var(--safe-bottom));left:50%;transform:translate(-50%,20px);background:#352e28ed;backdrop-filter:blur(12px);color:#fff8f0;border-radius:10px;padding:14px 20px;font-size:12px;line-height:1.6;max-width:min(90vw,490px);width:max-content;box-shadow:0 10px 35px #21190924;z-index:300;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%,0)}.modal-open{overflow:hidden}.modal-backdrop{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:25px;background:#2e261c5c;backdrop-filter:blur(5px);animation:fade-in .15s ease}.modal{width:100%;max-width:455px;max-height:90dvh;overflow:auto;background:var(--surface);border-radius:17px;padding:30px;position:relative;box-shadow:0 25px 100px #211a1240}.modal-close{position:absolute;right:15px;top:14px}.modal-symbol{width:41px;height:41px;margin-bottom:20px;color:var(--berry);background:var(--rose);border-color:#eacdd6}.modal-symbol>.icon{width:22px;height:22px}.modal h2{font-size:25px;line-height:1.3;font-weight:520;letter-spacing:-.6px;margin:8px 0 12px}.modal-intro{font-size:12px;color:var(--muted);line-height:1.7;margin-bottom:22px}.review-instruction{border:1px solid var(--line);background:var(--paper);border-radius:9px;padding:16px;font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:18px}.review-details{margin:0 0 16px;font-size:11px}.review-details>div{display:flex;justify-content:space-between;gap:20px;padding:9px 0;border-bottom:1px solid #f0eae2}.review-details dt{color:var(--muted)}.review-details dd{margin:0;text-align:right;max-width:66%;line-height:1.5}.review-preserve{display:flex;gap:9px;border-radius:8px;padding:12px;background:var(--green-soft);color:#65816c;font-size:10px}.review-preserve>.icon{width:17px;height:17px}.review-preserve strong{font-weight:600;display:block;margin-bottom:4px}.review-preserve p{line-height:1.65}.billing-note{color:#a28f77;font-size:10px;line-height:1.6;margin:20px 0 15px}.upload-area{border:1px dashed #d4c5b0;border-radius:9px;margin:20px 0;min-height:155px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px;position:relative;color:#a08a6d;cursor:pointer;overflow:hidden}.upload-area>.icon{width:30px;height:30px;stroke-width:1.2}.upload-area strong{font-size:12px;font-weight:550;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-area span{font-size:10px;color:var(--muted)}.upload-area input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.reference-preview{width:100%;height:170px;object-fit:contain;border-radius:8px;background:var(--paper);margin-bottom:20px}.modal #reference-role{margin-bottom:18px}
.progress-page,.result-page{max-width:1240px;margin:auto;padding:32px 42px 55px}.progress-card{display:grid;grid-template-columns:1.15fr 1fr;background:var(--surface);border:1px solid var(--line);border-radius:17px;overflow:hidden;margin:34px auto;max-width:1000px;min-height:400px;box-shadow:var(--shadow)}.progress-image{position:relative;overflow:hidden;background:#e9e0d3}.progress-image>img{width:100%;height:100%;object-fit:cover;filter:saturate(.85)}.progress-shimmer{position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,#fff3 50%,transparent 80%);transform:translateX(-100%);animation:shimmer 3s ease-in-out infinite}.progress-image-label{position:absolute;bottom:20px;left:20px;border-radius:30px;background:#fff8;backdrop-filter:blur(10px);font-size:11px;display:flex;align-items:center;gap:7px;padding:9px 13px}.progress-image-label>.icon{width:16px;height:16px;color:var(--berry)}.progress-body{padding:45px 36px}.progress-body h1{font-size:27px;font-weight:500;letter-spacing:-.7px;line-height:1.25;margin:13px 0 20px}.progress-instruction{font-size:13px;line-height:1.8;color:#827467;white-space:pre-wrap;overflow-wrap:anywhere}.progress-track{height:3px;background:#e9dfd2;border-radius:2px;overflow:hidden;margin:30px 0 12px}.progress-track>span{display:block;width:40%;height:100%;background:var(--berry);border-radius:2px;animation:progress 2s ease-in-out infinite}.progress-status{font-size:11px;line-height:1.7;color:var(--muted)}.progress-note{display:flex;gap:9px;padding-top:23px;border-top:1px solid var(--line);margin-top:25px;font-size:10px;line-height:1.7;color:#8a7a67}.progress-note>.icon{width:18px;height:18px}.progress-body>.muted{font-size:9px;margin-top:17px}.result-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:30px 0}.result-heading h1{font-size:31px;font-weight:500;letter-spacing:-1px;margin:9px 0 12px}.result-heading p{font-size:12px;color:var(--muted);line-height:1.7}.result-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:25px;align-items:start}.comparison-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}.comparison-card>.canvas-help{padding-top:17px;margin:0;justify-content:center}.comparison{position:relative;background:#e9e2d8;min-height:250px;overflow:hidden}.comparison-after,.comparison-before>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.comparison-before{position:absolute;inset:0;clip-path:inset(0 50% 0 0);background:#e9e2d8}.comparison-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 12px #20190f33;pointer-events:none}.comparison-line>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;width:37px;height:37px;background:var(--surface);display:flex;align-items:center;justify-content:center;color:#726450;box-shadow:0 2px 12px #241e1733}.comparison-line .icon{width:14px;height:14px}.comparison-line .icon:first-child{transform:rotate(180deg)}.comparison-label{position:absolute;top:14px;padding:6px 10px;font-size:10px;border-radius:5px;background:#2b241a75;backdrop-filter:blur(5px);color:white;pointer-events:none}.comparison-label.before{left:14px}.comparison-label.after{right:14px}.comparison input[type=range]{position:absolute;inset:0;opacity:0;margin:0;width:100%;height:100%;cursor:ew-resize;touch-action:pan-y}.comparison:focus-within{outline:3px solid var(--berry);outline-offset:-3px}.result-decision{padding:25px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.success-mark{display:grid;place-items:center;width:36px;height:36px;background:var(--green-soft);color:var(--green);border-radius:50%;margin-bottom:18px}.success-mark>.icon{width:18px;height:18px}.result-decision h2{font-size:20px;font-weight:550;letter-spacing:-.5px;line-height:1.3;margin-bottom:12px}.result-decision>p{font-size:11px;line-height:1.7;color:var(--muted)}.result-instruction{border-top:1px solid var(--line);padding-top:21px;margin:22px 0}.result-instruction .eyebrow{font-size:8px}.result-instruction p{font-size:11px;line-height:1.8;margin-top:10px;white-space:pre-wrap;overflow-wrap:anywhere;color:#82705e}.result-decision>.button{font-size:10px;margin-top:9px}.decision-note{display:block;text-align:center;font-size:9px;color:#ab9b89;margin-top:15px;line-height:1.6}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{50%{opacity:.55;transform:scale(.96)}}@keyframes shimmer{to{transform:translateX(100%)}}@keyframes progress{0%{transform:translateX(-100%)}100%{transform:translateX(350%)}}@keyframes fade-in{from{opacity:0}to{opacity:1}}
@media(min-width:1500px){.workspace{padding:0 45px 40px}.workspace-grid{grid-template-columns:208px minmax(0,1fr) 325px;gap:24px}.edit-settings{padding:24px}.canvas-stage{height:610px}.canvas-toolbar{gap:20px}.brush-control{max-width:155px}.version-thumb{width:53px;height:55px}.version-item strong{font-size:12px}.version-item small{font-size:10px}}
@media(max-width:1150px){.app-header{padding:0 24px;height:72px}.workspace{padding:0 20px 30px}.workspace-grid{grid-template-columns:minmax(0,1fr) 288px;gap:17px}.versions-panel{display:none}.version-mobile{display:flex;align-items:center;gap:7px;font-size:10px;background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:9px 11px;white-space:nowrap}.version-mobile>.icon{width:14px;height:14px}.workspace-heading{height:73px;gap:13px}.workspace-note{display:none}.breadcrumbs{gap:12px;margin-right:auto}.breadcrumbs h1{font-size:17px}.versions-panel.open{display:block;position:fixed;top:0;left:0;bottom:0;width:285px;background:var(--surface);z-index:150;padding:25px 18px;box-shadow:20px 0 120px #2c23164d}.versions-panel.open .version-list{max-height:70dvh}.versions-panel.open .panel-title{margin-bottom:15px}.versions-panel.open .panel-caption{margin-bottom:20px}.mobile-only{display:grid}.panel-title>.mobile-only{margin-left:auto}.canvas-stage{height:520px}.canvas-toolbar{padding:10px;gap:8px;flex-wrap:wrap}.canvas-dimensions{display:none}.brush-control{max-width:95px}.zoom-control{gap:0;padding-left:4px}.tool-button{width:28px}.history-tools{padding-left:4px}.projects-page{padding-top:48px}.center-state{min-height:calc(100dvh - 72px)}}
@media(max-width:850px){.studio-label,.header-divider{display:none}.app-header{height:65px}.brand{font-size:25px}.brand-gem{width:29px;height:29px;border-radius:8px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.projects-page{padding:35px 25px}.page-heading h1{font-size:30px}.workspace-grid{grid-template-columns:minmax(0,1fr) 270px;gap:14px}.workspace{padding:0 15px 30px}.edit-settings{padding:18px 15px}.canvas-stage{height:460px}.canvas-heading{padding:0 12px;height:53px}.canvas-heading .eyebrow{font-size:8px}.selection-status{font-size:8px}.canvas-toolbar{justify-content:space-between}.zoom-control{border-left:0;padding-left:0}.brush-control{max-width:80px}.canvas-help{padding:3px 12px 13px;font-size:9px}.progress-page,.result-page{padding:25px}.progress-card{grid-template-columns:1fr 1fr}.progress-body{padding:30px 25px}.progress-body h1{font-size:24px}.result-layout{grid-template-columns:minmax(0,1fr) 245px;gap:17px}.result-heading h1{font-size:27px}.result-decision{padding:20px}.center-state{min-height:calc(100dvh - 65px)}}
@media(max-width:680px){.app-header{height:61px;padding:0 19px}.brand{font-size:24px;gap:8px}.brand-gem{width:27px;height:27px}.brand-gem .icon{width:21px;height:21px}.header-right{gap:10px}.avatar{width:29px;height:29px;font-size:10px}.private-label{font-size:9px}.demo-badge{font-size:8px;padding:6px 9px}.projects-page{padding:31px 20px}.page-heading{align-items:flex-start;gap:13px;margin-bottom:27px}.page-heading h1{font-size:29px;margin:9px 0 10px}.page-heading p{font-size:11px;max-width:250px;line-height:1.7}.page-heading>.button{font-size:0;width:41px;min-height:41px;padding:0;margin-top:27px;flex-shrink:0;border-radius:10px}.page-heading>.button .icon{width:19px;height:19px}.project-grid{gap:16px}.project-card-body{padding:16px}.project-card-body h2{font-size:15px}.project-card-body>span{font-size:10px}.project-cover{aspect-ratio:1.25}.new-project-card{min-height:205px;gap:9px}.new-project-card strong{font-size:12px}.new-project-card small{font-size:9px}.new-project-card>span{width:37px;height:37px}.studio-note{margin-top:30px;padding-top:20px}.studio-note p{font-size:10px}.workspace{padding:0 14px 25px}.workspace-heading{height:auto;min-height:93px;padding:16px 2px;display:flex;flex-wrap:wrap;gap:11px}.breadcrumbs{flex-basis:100%;gap:9px}.breadcrumbs h1{font-size:17px}.breadcrumbs .text-button{font-size:10px}.breadcrumbs .text-button>.icon{width:14px}.version-mobile{font-size:9px;padding:7px 9px;gap:6px}.version-mobile .icon{width:12px;height:12px}.workspace-grid{display:flex;flex-direction:column;gap:17px}.editor-panel,.edit-settings{width:100%}.canvas-stage{height:clamp(290px,76vw,470px)}.canvas-heading{height:44px;padding:0 14px}.canvas-heading .eyebrow{font-size:8px;letter-spacing:1px}.canvas-dimensions{display:inline;font-size:8px}.selection-status{font-size:8px}.canvas-toolbar{padding:10px 12px;gap:10px;flex-wrap:nowrap;min-height:57px}.tool-button{width:28px;height:32px}.tool-button .icon{width:16px;height:16px}.tool-group{gap:2px}.brush-control{max-width:75px;min-width:40px;gap:5px}.brush-control .brush-dot.large{width:7px;height:7px}.history-tools{border-left:1px solid var(--line);padding-left:6px}.zoom-control{border-left:1px solid var(--line);padding-left:5px;margin-left:auto}.zoom-control>span{display:none}.zoom-control .tool-button{width:24px}.zoom-control .tool-button:last-child{display:none}.canvas-help{font-size:9px;padding:0 14px 13px;gap:6px;line-height:1.7}.canvas-help .icon{width:12px;height:12px}.edit-settings{padding:22px 20px}.settings-heading h2{font-size:17px}.settings-heading{margin-bottom:17px}.step-marker{width:21px;height:21px;font-size:10px}.mode-switch{padding:4px;margin-bottom:12px}.mode-switch>button{font-size:12px;min-height:40px;gap:8px}.mode-switch .icon{width:16px;height:16px}.preserve-note{font-size:10px;padding:12px;gap:8px;margin-bottom:22px}.preserve-note>.icon{width:15px;height:15px}.field-label{font-size:12px;margin-bottom:10px}.field-label .muted{font-size:10px}textarea,input:not([type=range]):not([type=file]),select{font-size:16px}textarea{line-height:1.6;min-height:115px;padding:13px;font-size:14px}.textarea-footer{font-size:9px;margin-top:8px;margin-bottom:25px}.textarea-footer>span:first-child{max-width:230px}.section-label{margin-bottom:10px}.reference-count{font-size:10px}.add-reference{min-height:45px;font-size:11px;gap:8px}.reference-item{padding:8px;gap:11px}.reference-item>img{width:42px;height:45px}.reference-item strong{font-size:10px}.reference-item span{font-size:10px}.settings-heading.small h2{font-size:15px}.settings-divider{margin:25px 0}.settings-pair{gap:13px}.settings-pair select,#model{font-size:12px;padding:12px;min-height:44px}.setting-caption{font-size:9px;margin-bottom:18px}.submit-block{margin-top:25px}.submit-block .button{font-size:12px;min-height:48px;gap:9px}.submit-block .button .icon{width:17px;height:17px}.submit-block>p{font-size:9px;margin-top:12px}.submit-block>p .icon{width:12px;height:12px}.reference-preview{height:180px}.modal-backdrop{padding:14px;align-items:center}.modal{padding:25px 22px;max-height:calc(100dvh - 35px - var(--safe-bottom));border-radius:15px}.modal h2{font-size:25px}.modal .field-label{font-size:11px}.modal-intro{font-size:12px}.review-details{font-size:11px}.review-instruction{font-size:12px}.modal .button{min-height:46px;font-size:12px}.progress-page,.result-page{padding:24px 18px 35px}.progress-card{display:flex;flex-direction:column;margin-top:23px}.progress-image{height:230px}.progress-body{padding:27px 24px}.progress-body h1{font-size:26px}.progress-instruction{font-size:12px}.progress-track{margin-top:23px}.progress-note{margin-top:22px}.result-heading{align-items:flex-start;margin:25px 0 23px;gap:12px}.result-heading h1{font-size:26px;line-height:1.2;margin:9px 0 11px}.result-heading p{font-size:11px;line-height:1.7}.result-heading>.button{min-height:36px;width:36px;font-size:0;padding:0;margin-top:23px;gap:0;flex-shrink:0}.result-heading>.button .icon{width:17px;height:17px}.result-layout{display:flex;flex-direction:column;gap:18px}.comparison-card,.result-decision{width:100%}.result-decision{padding:23px}.result-decision h2{font-size:23px}.result-decision>p{font-size:12px}.result-instruction p{font-size:12px}.result-instruction .eyebrow{font-size:9px}.result-decision>.button{font-size:12px;min-height:46px}.decision-note{font-size:10px}.center-state{min-height:calc(100dvh - 61px)}.center-state h1{font-size:27px}.center-state p{font-size:12px}}
@media(max-width:390px){.project-grid{grid-template-columns:1fr}.project-cover{aspect-ratio:1.55}.new-project-card{min-height:180px}.canvas-toolbar{gap:6px;padding:9px}.brush-control{min-width:33px;max-width:53px}.tool-button{width:26px}.history-tools{padding-left:3px}.zoom-control{padding-left:3px}.canvas-heading>div{gap:7px}.canvas-dimensions{display:none}.edit-settings{padding:20px 17px}.workspace{padding:0 11px 22px}.demo-badge{font-size:7px}.header-right{gap:7px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important;scroll-behavior:auto!important}}

.reference-library-button{display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;color:var(--muted);padding:8px}.reference-library-button .icon{width:13px;height:13px}.reference-library-button:hover{color:var(--berry)}.reference-library{display:flex;flex-direction:column;gap:10px}.reference-library-item{display:flex;align-items:center;gap:13px;text-align:left;border:1px solid var(--line);border-radius:9px;padding:10px}.reference-library-item:hover{border-color:#bd8799;background:var(--rose)}.reference-library-item>img{width:60px;height:62px;object-fit:cover;border-radius:6px}.reference-library-item>span{flex:1;font-size:12px;line-height:1.6}.reference-library-item>.icon{width:17px;height:17px;color:var(--berry)}

.history-compare{display:flex;gap:6px;align-items:center;justify-content:center;font-size:10px;color:var(--berry);width:100%;padding:12px 4px;margin-top:7px}.history-compare .icon{width:13px;height:13px}.history-compare:hover{background:var(--rose);border-radius:7px}.local-result-note{font-size:10px!important;line-height:1.65;display:flex;gap:6px;padding-top:15px;margin-top:15px;border-top:1px solid var(--line)}.local-result-note>.icon{width:13px;height:13px;margin-top:2px}@media(max-width:680px){textarea{font-size:16px}}