@charset "UTF-8";
.color-library{font-family:"Meiryo UI",Meiryo,sans-serif}.color-library .modal-intro{font-size:12px;color:#666e5c;margin-bottom:18px}.color-library-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px}.color-library-scope-note{font-size:10px;color:#858976;line-height:1.8;margin:11px 0 22px}.color-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.color-library-card{min-width:0;padding:18px;border:1px solid #e3ded0;border-radius:7px;background:#fcfbf6}.color-library-card>header{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.color-library-swatch{width:32px;height:32px;flex:none;border:1px solid #0000000d;border-radius:50%}.color-library-card h3{font-size:13px;font-weight:600;margin:0 0 5px}.color-library-card>header>div>span{font-size:9px;letter-spacing:1px;color:#8f917f}.color-profile-status{margin-left:auto;font-size:9px;padding:5px 7px;border-radius:4px;background:#f1e9da;color:#897751}.color-profile-status.ready{background:#e9eee3;color:#667852}.color-profile{margin-top:17px;padding:13px;background:#f2f0e7;border-radius:5px}.color-profile-swatches{display:flex;gap:13px}.color-profile-swatches>span{font-size:9px;color:#818570;display:flex;align-items:center;gap:5px}.color-profile-swatches i{display:inline-block;width:18px;height:18px;border-radius:4px;border:1px solid #0000000d}.color-profile p{font-size:10px;line-height:1.9;margin:11px 0 8px;color:#6c745f;overflow-wrap:anywhere;white-space:pre-wrap}.color-profile small{font-size:9px;color:#8d907e;line-height:1.8}.color-profile .color-stale-note{color:#9c8052;font-size:9px;margin-bottom:0}.color-unregistered,.color-empty-photos,.color-readonly-note{font-size:10px;line-height:1.9;color:#949682;margin:18px 0}.color-photo-heading{display:flex;align-items:center;justify-content:space-between;margin:19px 0 11px;font-size:10px;color:#8b8e7c}.color-photo-heading strong{font-weight:500;color:#6f775f}.color-reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.color-reference{min-width:0;margin:0;border:1px solid #e3ddcf;background:#fffefa;border-radius:5px;overflow:hidden}.color-reference-image{width:100%;aspect-ratio:1.38;background:#f4f2eb;position:relative;display:flex;align-items:center;justify-content:center}.color-reference-image img{display:block;width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.color-reference-image img[hidden],.color-image-fallback[hidden]{display:none}.color-image-fallback{font-size:9px;line-height:1.8;color:#9a9c8b;padding:16px;text-align:center}.color-reference figcaption{padding:9px}.color-reference-title{font-size:9px;color:#78816b;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.color-primary-label{font-size:8px;display:inline-block;margin-top:6px;padding:3px 5px;border-radius:3px;background:#eee9db;color:#8b7e5b}.color-reference figcaption>p{font-size:9px;line-height:1.7;color:#969a89;margin:7px 0 0;overflow-wrap:anywhere;white-space:pre-wrap}.color-reference-actions{display:flex;align-items:center;justify-content:flex-end;margin:3px -5px -5px;gap:1px;flex-wrap:wrap}.color-reference-actions .small-quiet{font-size:9px;padding:6px;min-height:30px}.color-delete{color:#b24f47!important}.color-delete-confirm{border-top:1px solid #e2d9cc;margin:8px -9px -9px;padding:9px;background:#fbf3ed}.color-delete-confirm>p{font-size:9px;line-height:1.8;margin:0 0 8px;color:#8a7966}.color-delete-confirm .secondary{font-size:9px;padding:5px 7px;min-height:30px;margin-right:4px}.color-upload-controls{border-top:1px solid #e5e0d3;margin-top:17px;padding-top:14px;display:flex;gap:8px;flex-wrap:wrap}.color-upload-controls>label:first-child{width:100%;font-size:9px;color:#8c907b;line-height:1.8}.color-upload-controls textarea{font-size:10px;line-height:1.8;padding:7px;min-height:52px;background:#fffefa}.color-upload-controls>.secondary{font-size:10px;padding:9px 12px;min-height:38px}.color-upload-controls>.primary{font-size:10px;min-height:38px;padding:9px 11px;flex:1}.color-upload.is-disabled{opacity:.43;cursor:default}.color-upload.is-disabled input{cursor:default}.color-analysis-note,.color-analysis-error{font-size:10px;line-height:1.9;margin:12px 0 0}.color-analysis-note{color:#738267}.color-analysis-error{color:#a27557}.color-library-error,.color-library-notice,.color-library-progress{font-size:11px;line-height:1.9;padding:12px 15px;margin:0 0 17px;border-radius:5px}.color-library-error{background:#faeee8;color:#a46550}.color-library-notice,.color-library-progress{background:#eff1e9;color:#718164}.color-library-progress{display:flex;align-items:center;gap:10px}.color-library-footnote{font-size:10px;color:#909580;line-height:1.9;margin:23px 0 0}@media(max-width:680px){.color-library-grid{grid-template-columns:1fr}.color-library-card{padding:16px}.color-library-toolbar{align-items:flex-start;gap:5px}.color-library-toolbar>.segmented button{font-size:9px;padding:7px 9px}.color-library-toolbar>.quiet{font-size:9px;padding:7px;white-space:nowrap}.color-library .modal-intro{font-size:11px}.color-library-scope-note{font-size:9px}.color-profile-swatches{gap:16px}.color-upload-controls>.primary{font-size:10px}}
:root{font-family:"Meiryo UI",Meiryo,"Hiragino Kaku Gothic ProN",sans-serif;color:#292a27;background:#f8f7f3;font-synthesis:none;--paper:#fffefa;--line:#e2dfd5;--muted:#85867d;--gold:#928064;--dark:#33372e;--radius:7px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.43}button:focus-visible,a:focus-visible{outline:2px solid #9a8360;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:2px solid #b4a284;outline-offset:1px}button{border:0;background:none;color:inherit}a{color:inherit}button.primary,.primary{background:var(--dark);color:#fff;border:1px solid var(--dark);border-radius:5px;padding:12px 19px;font-size:12px;font-weight:600;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.secondary{background:#fffefa;border:1px solid #d7d2c5;border-radius:5px;padding:10px 15px;min-height:40px;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none}.quiet{font-size:12px;padding:9px 12px;min-height:40px;color:#676b60}.quiet:hover,.small-quiet:hover{color:#242922;background:#f0eee6;border-radius:4px}.small-quiet{font-size:10px;color:#82816f;padding:7px;min-height:32px}.icon-button{font-size:23px;min-width:38px;min-height:38px;line-height:1;padding:4px;border-radius:4px}.icon-button:hover{background:#f0eee6}.pattern-header{height:92px;padding:0 4.1vw;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fcfbf7}.pattern-wordmark{font-family:"Meiryo UI",Meiryo,sans-serif;font-size:clamp(19px,1.8vw,27px);letter-spacing:-.9px;padding:8px 0;text-align:left;white-space:nowrap}.pattern-wordmark strong{font-weight:800}.pattern-wordmark span{font-weight:700}.pattern-header nav{display:flex;gap:17px}.pattern-home{max-width:1140px;margin:auto;padding:65px 40px 28px}.eyebrow{display:block;letter-spacing:2.1px;font-size:9px;color:#97917e;font-weight:600}.home-intro h1{font-size:clamp(29px,3vw,40px);letter-spacing:1px;font-weight:500;line-height:1.6;margin:18px 0 13px}.home-intro>p{font-size:13px;line-height:2.15;color:#7d8077;margin:0}.mobile-only{display:none}.mode-cards{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:40px}.mode-card{display:block;text-align:left;border:1px solid #dedace;border-radius:8px;padding:32px 35px 28px;min-height:315px;background:#fffefa;position:relative;transition:border-color .2s,transform .2s}.active-mode:hover{border-color:#8f8066;transform:translateY(-2px)}.mode-icon{height:93px;color:#8f816d;margin:0 -6px 12px}.mode-icon svg{width:100%;height:100%;max-width:300px}.card-label{display:flex;justify-content:space-between;align-items:center;color:#9b927e;letter-spacing:1.6px;font-size:9px}.arrow{font-size:22px;letter-spacing:0}.mode-card h2{font-size:20px;font-weight:500;margin:12px 0}.mode-card p{font-size:12px;line-height:1.9;color:#83867c;margin:0}.coming-mode{background:#f5f3ed;opacity:.76}.badge{border:1px solid #d4cfc1;border-radius:20px;padding:5px 10px;letter-spacing:1px;font-size:9px}.resume-panel{margin-top:26px;border-bottom:1px solid var(--line);padding:18px 0 24px;display:flex;justify-content:space-between;align-items:center;gap:12px}.resume-panel strong{font-size:13px;font-weight:500;display:block}.resume-panel small{display:block;font-size:10px;color:#8d8f85;margin-top:8px}.home-footer{text-align:center;font-size:10px;color:#aaa89c;margin-top:50px;letter-spacing:.3px}.pattern-workspace{padding:23px 26px 34px;max-width:2000px;margin:auto}.workspace-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.breadcrumb{font-size:10px;color:#97978c;padding:0 7px 0 0}.section-label{font-size:10px;color:#848275}.document-title{display:block;font-size:19px;color:#383c32;border:0;background:transparent;max-width:480px;width:100%;padding:7px 0 0;margin:0;outline-offset:4px}.document-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.save-note{font-size:9px;color:#8d9284;margin-right:10px}.studio-layout{display:grid;grid-template-columns:218px minmax(400px,1fr) 235px;gap:17px;align-items:start}.pattern-sidebar,.pattern-inspector{border:1px solid var(--line);background:#fffefa;border-radius:var(--radius);overflow:hidden}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:8px}.panel-title h2{font-size:12px;font-weight:600;margin:0}.pattern-sidebar>.panel-title{padding:17px 15px 10px}.ring-fields{padding:13px 14px 17px;border-top:1px solid #eae7de;border-left:3px solid transparent}.ring-fields.active{border-left-color:#8d7c5d;background:#fcfaf4}.ring-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.ring-name{display:flex;align-items:center;gap:7px;padding:0;font-size:11px;font-weight:600}.ring-index{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:serif;background:#eae6da;color:#796d54;font-size:12px}.ring-fields label,.pattern-inspector label{display:block;font-size:10px;color:#777c6f;margin-bottom:11px;line-height:1.6}.ring-fields label>span{float:right;color:#a29f92;font-size:9px}select,input[type=number],textarea{width:100%;border:1px solid #ddd9cc;background:#fffefa;border-radius:4px;color:#353c30;padding:9px 8px;font-size:11px;min-height:38px;margin-top:5px}select{padding-right:20px}textarea{resize:vertical;font-size:12px;line-height:1.8}input[type=number]{font-variant-numeric:tabular-nums}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{margin:0}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}.subtle-note{font-size:9px;line-height:1.9;color:#96998c;padding:0 15px;margin:0 0 19px}.pattern-main{min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:#fffefa;overflow:hidden}.canvas-toolbar{padding:11px 14px;border-bottom:1px solid #eae7dd;display:flex;justify-content:space-between;gap:12px;align-items:center}.segmented{display:inline-flex;background:#f2f0e9;border:1px solid #e4e0d5;border-radius:5px;padding:3px;align-items:center}.segmented button{font-size:10px;padding:8px 14px;min-height:32px;color:#848474;white-space:nowrap}.segmented button.selected{background:#fffefa;color:#42483a;box-shadow:0 1px 4px #45402012;border-radius:3px}.segmented.compact button{padding:5px 9px;font-size:9px;min-height:28px}.history-buttons{display:flex;align-items:center;gap:1px}.history-buttons .icon-button{min-width:30px;font-size:22px}.history-buttons .quiet{min-width:28px;padding:4px 6px;font-size:11px}.zoom-label{font-size:9px;color:#939588;min-width:30px;text-align:center}.editor-tools{display:flex;gap:4px;padding:10px 13px 8px;flex-wrap:wrap}.tool-button{min-height:38px;padding:6px 10px;display:flex;align-items:center;gap:6px;font-size:10px;border-radius:4px;color:#8a8c80;border:1px solid transparent}.tool-button>span{font-size:17px;color:#91856d}.tool-button.selected{border-color:#cfc4ac;background:#f7f2e8;color:#4f4b3f}.grid-toolbar{display:flex;align-items:center;gap:8px;padding:0 15px 12px;font-size:9px;color:#99988b;flex-wrap:wrap}.clock-caption{margin-left:auto;font-size:9px;color:#9d9b8d}.canvas-scroll{overflow:auto;position:relative;background:#fff;min-height:290px;max-height:63vh;padding:16px 7px 12px;overscroll-behavior:contain;scrollbar-color:#d5d0c3 #faf9f5;scrollbar-width:thin}.pattern-canvas{width:100%;min-width:100%;margin:auto;touch-action:none;user-select:none;-webkit-user-select:none}.pattern-canvas svg{display:block;width:100%;height:auto;max-width:none;touch-action:none}.pattern-canvas [data-object-id]{cursor:pointer}.pattern-canvas [data-vertex-index]{cursor:move}.pattern-canvas [data-h][data-v]{cursor:crosshair}.pattern-three{display:block;width:100%;height:380px;touch-action:none;background:#fff}.pattern-three[hidden],.pattern-canvas[hidden],.three-note[hidden]{display:none}.three-note{position:absolute;bottom:18px;left:22px;font-size:9px;line-height:1.8;color:#a09c8d;pointer-events:none}.canvas-caption{padding:12px 15px;display:flex;justify-content:space-between;gap:14px;background:#fcfbf6;border-top:1px solid #efede5;font-size:9px;color:#939588;line-height:1.8}.canvas-caption>span:last-child{white-space:nowrap;align-self:flex-end}.pattern-inspector{font-size:11px}.inspector-section{padding:17px 15px 18px;border-bottom:1px solid var(--line)}.inspector-section>.eyebrow{font-size:8px;letter-spacing:1.8px}.inspector-section>h2{font-size:14px;font-weight:500;margin:9px 0 20px}.inspector-section>.panel-title{margin-bottom:16px}.inspector-note{font-size:9px;color:#95988a;line-height:1.9;margin:10px 0}.definition-note{display:flex;align-items:center;gap:5px;font-size:8px;color:#8d917f;margin:4px 0 14px;flex-wrap:wrap}.definition-note .small-quiet{margin-left:auto;font-size:8px;min-height:25px;padding:5px}.status-dot{width:5px;height:5px;border-radius:50%;background:#8b9a75}.status-dot.pending{background:#b99a61}.point-count{font-size:10px;color:#9a8a6d;margin:15px 0 9px}.full{width:100%;margin:3px 0}.object-actions{display:flex;gap:6px;margin-top:16px}.object-actions>button{font-size:9px;flex:1;padding:7px 8px;min-height:34px}.danger{color:#a58272}.point-detail{margin-top:17px;border-top:1px solid #e8e4da;padding-top:12px}.point-detail summary{font-size:9px;color:#848a77;cursor:pointer;line-height:1.8}.point-detail p{font-size:8px;color:#9b9c90;line-height:1.9}.vertex-row{display:grid;grid-template-columns:17px 1fr 1fr;gap:7px;align-items:center;margin-top:8px}.vertex-row>span{font-size:9px;color:#9e9b8d}.vertex-row label{margin:0;font-size:8px;position:relative}.vertex-row input{padding:5px 4px;font-size:9px;min-height:30px}.vertex-row small{position:absolute;right:6px;bottom:8px;color:#a2a295;font-size:8px;pointer-events:none}.empty-selection{padding:37px 15px;text-align:center;color:#a4a495}.empty-selection>span{font-size:28px;color:#b4ac97}.empty-selection p{font-size:10px;line-height:1.9}.object-list>.panel-title>span{font-size:9px;color:#a39f90}.object-item{width:100%;display:flex;align-items:center;gap:9px;text-align:left;padding:9px 8px;margin:3px 0;border-radius:4px;font-size:10px;color:#7b826f;min-height:37px}.object-item>span:first-child{font-size:15px;color:#a19377;width:16px}.object-item.selected{background:#f0ede2;color:#4b5143}.object-item:hover{background:#f7f5ee}.inspector-foot{padding:10px;text-align:center}.inspector-foot .quiet{font-size:9px}.photo-workflow{padding:21px 18px;display:flex;justify-content:space-between;gap:15px;align-items:center;border-top:1px solid #e7e3d7;background:#faf8f1}.photo-workflow .eyebrow{font-size:8px}.photo-workflow h2{font-size:15px;font-weight:500;margin:8px 0 7px}.photo-workflow p{font-size:9px;color:#9d9e90;margin:0;line-height:1.8}.photo-controls{display:flex;flex-direction:column;gap:9px;align-items:stretch;min-width:140px}.photo-controls .segmented{justify-content:center}.photo-controls .segmented button{flex:1;font-size:10px;padding:5px 10px;min-height:28px}.photo-controls .primary{padding:10px 13px;font-size:11px;min-height:40px}.issues-panel{font-size:10px;background:#fbf5e9;border-top:1px solid #e6dcc6;padding:13px 16px;color:#8a7752;line-height:1.9}.issues-panel summary{cursor:pointer}.issues-panel ul{padding-left:18px;margin-bottom:0}.photo-status{padding:15px 18px;border-top:1px solid #e4ded0;display:flex;align-items:center;gap:12px;color:#747e68;background:#fafaf5}.photo-status strong{font-size:11px;font-weight:500}.photo-status p{font-size:9px;line-height:1.8;margin:5px 0 0;color:#9a9c8f}.photo-status .quiet{margin-left:auto;font-size:9px;white-space:nowrap}.photo-status.failed{background:#fbf4ef;color:#99745c}.spinner{display:inline-block;width:16px;height:16px;border:1.5px solid #d5cfbd;border-top-color:#8e8062;border-radius:50%;animation:spin 1s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.photo-result{margin:0;border-top:1px solid #e4ded0;padding:15px}.photo-result>img{display:block;width:100%;height:auto;border-radius:4px;background:#f5f5f2}.photo-result figcaption{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:10px;color:#969587}.photo-result figcaption .secondary{font-size:10px;min-height:34px}.photo-result>p{font-size:9px;line-height:1.8;color:#9a9b8e}.pattern-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);z-index:100;background:#353b31;color:#fffefa;padding:14px 22px;font-size:12px;line-height:1.7;border-radius:6px;box-shadow:0 4px 18px #1b211421;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:min(650px,92vw)}.pattern-toast.visible{opacity:1;transform:translate(-50%,0)}#pattern-modal{border:1px solid #e1dccd;border-radius:8px;padding:0;width:min(880px,92vw);max-height:88vh;color:#444b3b;background:#fffefa;box-shadow:0 15px 70px #2a2c2026}#pattern-modal::backdrop{background:#3b3d3152;backdrop-filter:blur(3px)}.modal-top{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid #e6e1d5;position:sticky;top:0;background:#fffefa;z-index:2}.modal-top h2{font-size:18px;font-weight:500;margin:0}#pattern-modal-body{padding:23px 26px 29px}.modal-intro{font-size:12px;color:#888d7d;line-height:1.9;margin:0 0 23px}.modal-actions{display:flex;gap:12px;margin-top:25px;justify-content:flex-end}.empty-state{text-align:center;padding:25px;color:#94998a;font-size:12px;line-height:2}.error-message{color:#a5775e;font-size:12px;line-height:1.9}.saved-documents{display:grid;gap:10px}.saved-document{display:flex;justify-content:space-between;gap:18px;padding:18px;background:#f7f5ee;border:1px solid #e9e3d6;border-radius:4px;text-align:left}.saved-document strong{font-size:13px;font-weight:500}.saved-document>span{font-size:10px;color:#a09d8d}.saved-document>span>span{margin-left:15px}.definition-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.definition-card{text-align:left;padding:18px 15px;border:1px solid #e8e2d5;border-radius:5px;background:#faf9f3;display:flex;flex-direction:column;align-items:flex-start}.definition-card>strong{font-size:13px;font-weight:500}.definition-status{display:inline-block;padding:4px 7px;border-radius:3px;background:#edf0e7;color:#879476;font-size:8px;margin-top:10px}.definition-status.pending{background:#f2ead9;color:#a68f62}.definition-card>p{font-size:9px;line-height:1.9;color:#a29f90;margin:10px 0 0}.definition-summary{font-size:12px;line-height:2;color:#7b836d;white-space:pre-wrap}.needed-info{background:#f7f0e2;padding:15px 19px;border-radius:5px;margin:20px 0;color:#9a8763}.definition-detail h3{font-size:13px;font-weight:500;margin:15px 0}.needed-info h3{margin:0 0 10px}.needed-info ul{padding-left:18px;font-size:11px;line-height:1.9;margin:0}.source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.source-grid figure{margin:0;border:1px solid #e9e3d8;border-radius:4px;overflow:hidden}.source-grid img{display:block;width:100%;aspect-ratio:1.3;object-fit:contain;background:#fff}.source-grid figcaption{padding:9px}.source-grid figcaption strong{font-size:10px;font-weight:500;color:#878b7b}.source-grid figcaption p{font-size:9px;line-height:1.8;color:#999e8d;margin:7px 0 0}.definition-edit{border-top:1px solid #e3ddce;margin-top:25px;padding-top:15px}.definition-edit>p{font-size:11px;line-height:1.9;color:#929885}.definition-edit textarea{margin-bottom:15px;font-size:12px}.upload-row{display:flex;align-items:center;gap:12px;margin:0 0 20px}.upload-button{position:relative;cursor:pointer;overflow:hidden;font-size:11px}.upload-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-row>span{font-size:10px;color:#a29f8e}.definition-edit .small-note{font-size:9px;margin-top:10px}
@media(min-width:1500px){.studio-layout{grid-template-columns:245px minmax(400px,1fr) 255px;gap:21px}.pattern-workspace{padding:30px 38px}.pattern-canvas{min-height:330px}.canvas-scroll{padding:22px 13px}.ring-fields{padding:16px 17px 18px}.inspector-section{padding:20px 18px}.photo-workflow{padding:25px}.photo-workflow h2{font-size:17px}}
@media(max-width:1150px){.studio-layout{grid-template-columns:190px minmax(350px,1fr) 205px;gap:10px}.pattern-workspace{padding:20px 16px}.pattern-header{height:78px;padding:0 24px}.pattern-header nav{gap:4px}.ring-fields{padding:12px 10px}.pattern-sidebar>.panel-title{padding:14px 10px}.inspector-section{padding:15px 11px}.workspace-heading{gap:12px}.save-note{display:none}.document-actions{gap:2px}.document-actions .quiet{font-size:10px;padding:7px 8px}.canvas-toolbar{padding:10px;gap:5px}.canvas-toolbar>.segmented button{padding:6px 10px}.history-buttons .quiet{padding:4px}.editor-tools{padding:9px 8px;gap:2px}.tool-button{padding:5px 7px;font-size:9px;gap:4px}.clock-caption{width:100%;margin:2px 0 0}.grid-toolbar{gap:7px;padding:0 11px 10px}.canvas-caption{padding:10px;font-size:8px}.canvas-caption>span:last-child{display:none}.photo-workflow{padding:16px 12px;gap:12px}.photo-workflow h2{font-size:13px}.photo-workflow p{font-size:8px}.photo-controls{min-width:125px}.photo-controls .primary{font-size:10px}}
@media(max-width:930px){.studio-layout{grid-template-columns:minmax(0,1fr) 230px}.pattern-sidebar{grid-column:1/-1}.pattern-sidebar>.panel-title{padding:12px 16px}.ring-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.ring-fields{padding:12px 15px 15px;border-right:1px solid #e7e3d8;display:grid;grid-template-columns:1.1fr 1fr;gap:0 13px}.ring-heading{grid-column:1/-1;margin-bottom:8px}.ring-fields>label{margin-bottom:3px}.ring-fields>label:last-child{grid-column:1/-1}.ring-fields .two-fields{gap:7px}.ring-fields .two-fields label{margin-bottom:3px}.subtle-note{padding:9px 16px;margin:0;border-top:1px solid #e8e4da;font-size:9px}.subtle-note br{display:none}.pattern-main{grid-column:1}.pattern-inspector{grid-column:2}.canvas-scroll{min-height:275px;max-height:55vh}.canvas-caption>span:last-child{display:block}.pattern-header{padding:0 20px}.pattern-wordmark{font-size:23px}.workspace-heading{align-items:flex-start}.document-actions{padding-top:18px}.document-title{font-size:17px}.canvas-toolbar>.segmented button{padding:6px 10px}.photo-workflow{flex-direction:column;align-items:stretch}.photo-controls{flex-direction:row;align-items:center;justify-content:flex-end}.photo-controls .primary{flex:1;max-width:190px}.photo-controls .segmented{flex:none}.definition-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.pattern-header{height:73px;padding:0 16px;align-items:center;gap:8px;flex-wrap:wrap}.pattern-wordmark{font-size:19px;letter-spacing:-.6px}.pattern-header nav{gap:0}.pattern-header nav .quiet{font-size:9px;padding:7px;min-height:34px}.pattern-home{padding:40px 21px 25px}.home-intro h1{font-size:30px;margin-top:15px}.home-intro>p{font-size:12px}.mode-cards{grid-template-columns:1fr;gap:17px;margin-top:29px}.mode-card{min-height:auto;padding:22px 24px 23px;display:grid;grid-template-columns:1fr 100px;column-gap:10px}.mode-icon{grid-column:2;grid-row:1/4;height:110px;width:100%;align-self:center;margin:0}.mode-icon svg{width:120%;max-width:none}.card-label{grid-column:1;font-size:8px}.card-label .arrow{display:none}.mode-card h2{grid-column:1;font-size:19px;margin:12px 0 9px}.mode-card p{grid-column:1;font-size:10px;line-height:1.9}.badge{font-size:8px;padding:4px 7px}.coming-mode{opacity:.7}.resume-panel{padding:15px 0 19px;margin-top:17px}.resume-panel strong{font-size:11px}.resume-panel small{font-size:9px}.resume-panel .secondary{font-size:10px;padding:9px 11px}.home-footer{font-size:8px;margin-top:30px}.pattern-workspace{padding:17px 10px}.workspace-heading{flex-direction:column;gap:12px;margin-bottom:14px}.workspace-heading>div:first-child{width:100%}.document-title{font-size:18px}.document-actions{width:100%;padding:0;justify-content:flex-end}.document-actions .secondary{padding:8px 14px;min-height:35px;font-size:10px}.document-actions .quiet{font-size:9px;min-height:35px;padding:7px 9px}.studio-layout{display:flex;flex-direction:column;gap:12px}.pattern-sidebar,.pattern-main,.pattern-inspector{width:100%}.ring-fields{display:block;padding:11px 12px}.ring-fields>label{margin-bottom:7px}.ring-fields .two-fields label{margin-bottom:7px}.ring-fields input,.ring-fields select{font-size:10px;min-height:36px}.ring-fields label{font-size:9px}.pattern-sidebar>.panel-title{padding:10px 12px}.pattern-sidebar>.panel-title h2{font-size:11px}.subtle-note{font-size:8px}.pattern-inspector{display:grid;grid-template-columns:1.2fr 1fr}.inspector-section{border-right:1px solid #e4dfd2;border-bottom:0;padding:16px 13px}.inspector-foot{grid-column:1/-1;border-top:1px solid #e4dfd2}.inspector-section>h2{font-size:13px;margin:8px 0 14px}.empty-selection{padding:24px 10px;border-right:1px solid #e4dfd2}.empty-selection p{font-size:9px}.object-list>.panel-title h2{font-size:10px}.object-item{font-size:9px;padding:7px 5px}.object-list .inspector-note{font-size:8px}.canvas-toolbar{padding:9px 10px}.editor-tools{padding:8px 8px}.tool-button{font-size:9px;padding:5px 7px;min-height:37px}.tool-button>span{font-size:15px}.grid-toolbar{font-size:8px}.clock-caption{width:auto;margin-left:auto;font-size:8px}.grid-toolbar .segmented button{font-size:8px;padding:5px 7px}.canvas-scroll{padding:13px 3px;min-height:210px}.pattern-three{height:300px}.canvas-caption{font-size:8px;line-height:1.8;gap:8px}.canvas-caption>span:last-child{display:none}.photo-workflow{padding:17px;flex-direction:row;align-items:center;gap:10px}.photo-workflow h2{font-size:12px;line-height:1.6}.photo-workflow p{font-size:8px}.photo-controls{flex-direction:column;min-width:115px}.photo-controls .primary{width:100%;max-width:none;min-height:40px;font-size:10px;padding:8px 9px}.photo-controls .segmented{width:100%}.photo-controls .segmented button{font-size:9px;padding:4px 8px}.photo-status{padding:13px;gap:9px}.photo-status strong{font-size:10px}.photo-status p{font-size:8px}.photo-status .quiet{font-size:8px;padding:7px}.photo-result{padding:11px}.photo-result>p{font-size:8px}.history-buttons .icon-button{min-width:27px}.history-buttons .quiet{font-size:9px;min-width:24px}.zoom-label{font-size:8px;min-width:25px}#pattern-modal{width:94vw;max-height:92vh}.modal-top{padding:15px 18px}.modal-top h2{font-size:16px}#pattern-modal-body{padding:17px}.modal-intro{font-size:11px}.definition-grid{gap:9px}.definition-card{padding:14px 12px}.definition-card>strong{font-size:12px}.definition-card>p{font-size:8px}.source-grid{grid-template-columns:repeat(2,1fr)}.definition-summary{font-size:11px}.saved-document{display:block;padding:15px}.saved-document strong{display:block;font-size:12px}.saved-document>span{display:block;margin-top:8px;font-size:9px}.pattern-toast{font-size:11px;bottom:17px;padding:12px 17px}.upload-row{gap:8px;flex-wrap:wrap}.definition-edit>p{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* Tablet operation: retain compact structure without shrinking control text. */
.pattern-sidebar label,.pattern-inspector label,.tool-button,.quiet,.secondary,.primary,.segmented button,.ring-name{font-size:12px!important}
input[type=number],select,textarea{font-size:13px!important;min-height:42px}
.tool-button,.segmented button,.quiet{min-height:40px}
.small-quiet{font-size:11px;min-height:36px}
.inspector-note,.subtle-note,.canvas-caption,.photo-workflow p,.definition-note{font-size:11px!important}
.panel-title h2,.object-item{font-size:12px!important}
.clock-caption,.grid-toolbar{font-size:11px!important}
.canvas-caption{line-height:1.8}.grid-toolbar{gap:8px}
.stone-colors{display:grid;gap:7px;margin-top:12px}.stone-colors label{display:flex;align-items:center;gap:7px;margin:0;font-size:10px!important}.stone-colors label>span{white-space:nowrap}.stone-colors select{font-size:11px!important;min-height:36px;margin:0}
.photo-review{background:#f3f5ed;border:1px solid #dfe4d4;border-radius:4px;padding:13px 15px;margin-top:15px;color:#6d785f}.photo-review.mismatch{background:#fbf1e6;border-color:#e9d9c2;color:#997644}.photo-review strong{font-size:12px;font-weight:500}.photo-review p,.photo-review li{font-size:11px;line-height:1.9}.photo-review ul{padding-left:18px;margin-bottom:0}.outdated-photo{font-size:12px;line-height:1.8;padding:13px;background:#fff2d7;color:#917136;margin-bottom:12px;border-radius:4px}.supplied-reference{margin:20px 0}.supplied-reference img{max-width:100%;max-height:330px;object-fit:contain}.supplied-reference figcaption{font-size:11px;color:#8d9481;margin-top:8px}.missing-definition-links{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.receipt-actions{display:flex;flex-direction:column;align-items:flex-end;margin-left:auto}.receipt-actions .quiet{font-size:10px!important;text-align:right;min-height:32px;padding:7px}.archived-receipts{padding:0 0 23px;margin-bottom:22px;border-bottom:1px solid #e2ddcf}.archived-receipts h3{font-size:14px;font-weight:500;margin:0 0 9px}.archived-receipts>p{font-size:11px;line-height:1.8;color:#939986}.archived-receipts .saved-document{width:100%;margin-top:8px}.pending-receipt-link{display:block;font-size:12px;color:#8d7f5e;margin:20px auto 0;padding:10px}
@media(max-width:1150px){.pattern-sidebar label,.pattern-inspector label,.tool-button,.quiet,.secondary,.primary,.segmented button,.ring-name{font-size:11px!important}.inspector-note,.subtle-note,.canvas-caption,.photo-workflow p,.definition-note{font-size:10px!important}.photo-workflow{flex-wrap:wrap}.photo-controls{margin-left:auto}.history-buttons .quiet{font-size:11px!important}.clock-caption{width:100%}.canvas-toolbar{flex-wrap:wrap}.history-buttons{margin-left:auto}.editor-tools{gap:5px}}
@media(max-width:680px){.pattern-wordmark{font-size:17px}.pattern-header nav .quiet{font-size:10px!important;min-height:38px}.pattern-header{height:auto;min-height:72px;gap:0;flex-direction:column;align-items:stretch;padding:10px 15px 7px}.pattern-header nav{justify-content:flex-end;margin-top:-3px}.pattern-header .pattern-wordmark{padding:1px 0}.pattern-workspace{padding:14px 9px}.pattern-inspector{grid-template-columns:1fr 1fr}.tool-button{padding:6px 9px;font-size:11px!important}.editor-tools{gap:3px}.tool-button>span{font-size:16px}.canvas-scroll{min-height:245px}.photo-workflow{flex-direction:column;align-items:stretch}.photo-controls{margin-left:0;flex-direction:row;min-width:0;justify-content:flex-end}.photo-controls .segmented{width:auto}.photo-controls .primary{max-width:180px}.photo-workflow h2{font-size:15px}.photo-workflow p{font-size:10px!important}.save-note{display:none}.document-actions{gap:0;justify-content:space-between}.document-actions .quiet{font-size:10px!important;padding:5px}.document-actions .secondary{font-size:11px!important}.grid-toolbar .segmented button{font-size:10px!important;min-height:38px;padding:6px 10px}.ring-fields .two-fields{gap:7px}.ring-fields{padding:10px}.ring-fields select{font-size:11px!important}.canvas-caption{font-size:10px!important}.clock-caption{font-size:10px!important;margin:0;width:100%}.photo-status{align-items:flex-start;flex-wrap:wrap}.receipt-actions{flex-direction:row;justify-content:space-between;width:100%;margin:0}.receipt-actions .quiet{text-align:left}.definition-card>p{font-size:10px}.definition-summary{font-size:12px}.modal-intro{font-size:12px}.source-grid figcaption p{font-size:10px}.definition-card>strong{font-size:13px}}

.home-footer a{display:inline-block;margin-top:14px;color:#777264;text-decoration:underline;text-underline-offset:3px;font-size:12px}
@media(pointer:coarse){.pattern-workspace button,.pattern-workspace select,.pattern-workspace input{min-height:44px}.pattern-sidebar label,.pattern-inspector label,.tool-button,.quiet,.secondary,.primary,.segmented button{font-size:12px!important}.inspector-note,.subtle-note,.canvas-caption,.photo-workflow p,.definition-note{font-size:12px!important;line-height:1.8}.ring-name{font-size:13px!important}}
/* Photo handoff: the local geometry guide is visibly distinct from a checked photo. */
.local-design-guide{margin:0;padding:17px;border-top:1px solid #e1ddd2;background:#f5f4ee}
.local-design-guide figcaption{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;color:#7e876f}
.local-design-guide figcaption strong{font-size:12px;font-weight:600;border:1px solid #c9cebe;border-radius:4px;padding:5px 9px;background:#f9faf5}
.local-design-guide figcaption span,.local-design-guide>p{font-size:10px;line-height:1.8;color:#919783}
.local-design-guide img{display:block;width:100%;height:auto;max-height:360px;object-fit:contain;border-radius:4px}
.local-design-guide>p{margin:9px 0 0}.photo-awaiting-review{padding:20px;background:#f7f8f1;border-top:1px solid #e0e4d5;font-size:12px;line-height:2;color:#7e896f}.photo-awaiting-review small{font-size:10px;color:#959c86}
.photo-result .review-image{margin:14px 0 0}.review-image>img{display:block;width:100%;height:auto;border-radius:4px;background:#f5f5f2}.photo-result.requires-review{border-top:2px solid #cbb287;background:#fffdf8}.requires-review .photo-review{margin-top:0}.photo-review .secondary{margin-top:10px}.photo-wait-note{color:#967c4e!important}.review-image figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:11px}.review-image figcaption>span{font-size:11px}.review-image figcaption>a{font-size:11px!important}
@media(max-width:680px){.local-design-guide{padding:13px}.local-design-guide figcaption{align-items:flex-start;flex-direction:column;gap:7px}.local-design-guide figcaption span,.local-design-guide>p{font-size:10px}.photo-awaiting-review{padding:15px;font-size:12px}.photo-review p,.photo-review li{font-size:11px}.review-image figcaption>span{font-size:10px}}

/* Direct process removal and lightweight, explicitly estimated photo progress. */
.object-row{display:grid;grid-template-columns:minmax(0,1fr) 32px;align-items:center;border-radius:4px;margin:3px 0}.object-row.selected{background:#f0ede2}.object-row .object-item{margin:0;min-width:0}.object-row .object-item>span:last-child{overflow-wrap:anywhere}.object-remove{display:flex;align-items:center;justify-content:center;width:32px;min-height:34px;padding:3px;font-size:16px;line-height:1;color:#b53f3f;border-radius:4px}.object-remove:hover{background:#f9e8e5;color:#9d2828}.photo-status-main{flex:1;min-width:0}.photo-status-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.photo-progress-value{font-size:11px;color:#7e836f;font-variant-numeric:tabular-nums;white-space:nowrap}.photo-progress-track{height:4px;overflow:hidden;border-radius:5px;margin-top:10px;background:#e8e7dd}.photo-progress-track>span{display:block;height:100%;background:#9b9279;transition:width .5s ease}.photo-verified{font-size:10px;color:#7c856d}.photo-controls .primary{min-width:156px}.photo-result .review-image{margin-top:0}.photo-result .photo-review+.review-image{margin-top:14px}
@media(pointer:coarse){.object-row{grid-template-columns:minmax(0,1fr) 44px}.object-remove{width:44px;min-height:44px}}
@media(max-width:680px){.photo-status{flex-wrap:wrap}.photo-status-main{flex-basis:calc(100% - 32px)}.photo-status .receipt-actions{width:100%}.photo-progress-value{font-size:11px}}

.selected-stone-panel{margin:12px 0;padding:12px;border:1px solid #b5a27e;border-radius:5px;background:#faf6ea}.selected-stone-panel>strong{display:block;font-size:12px;margin-bottom:10px}.saved-entry{border-bottom:1px solid #e4dfd4;padding:10px 0}.saved-entry .saved-document{width:100%;border:0;margin:0;text-align:left}.saved-entry-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.retention-note{font-size:11px;color:#7d806f;line-height:1.8}.history-photo{display:block;max-width:100%;max-height:380px;object-fit:contain;margin:12px auto}.history-photo-card{border-bottom:1px solid #e4dfd4;padding:12px 0}.history-photo-card .modal-actions{flex-wrap:wrap}

/* Photo history previews retain the full ring instead of cropping the design. */
.saved-entry .saved-photo-document{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:18px;padding:12px;text-align:left}.history-thumbnail{display:flex;align-items:center;justify-content:center;position:relative;width:180px;height:112px;overflow:hidden;border:1px solid #e4dfd4;border-radius:5px;background:#fff}.history-thumbnail img{display:block;width:100%;height:100%;object-fit:contain}.history-thumbnail img[hidden],.thumbnail-fallback[hidden]{display:none}.thumbnail-placeholder,.thumbnail-fallback{font-size:11px;color:#8b8b7b;line-height:1.7;text-align:center;padding:10px}.history-photo-info{min-width:0}.history-photo-info strong{display:block;font-size:13px;overflow-wrap:anywhere}.history-photo-info>span{display:block;font-size:11px;line-height:1.8;color:#909280;margin-top:9px}.setting-shape-controls{margin:12px 0;padding-top:12px;border-top:1px solid #e4dfd4}.setting-shape-controls .secondary{font-size:11px!important;padding:9px 8px}.setting-shape-controls .quiet{font-size:11px!important}
@media(max-width:680px){.saved-entry .saved-photo-document{grid-template-columns:112px minmax(0,1fr);gap:12px;padding:10px 6px}.history-thumbnail{width:112px;height:80px}.history-photo-info strong{font-size:12px}.history-photo-info>span{font-size:10px;margin-top:5px}}

.history-selection-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 0;margin-bottom:10px;border-bottom:1px solid #e4dfd4}.history-select-all,.history-item-select{display:flex;align-items:center;gap:8px;font-size:12px;cursor:pointer}.history-selection-toolbar [data-history-count]{font-size:12px;margin-right:auto}.history-selection-toolbar .danger{color:#b34838}.history-selectable{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;column-gap:8px}.history-selectable>.saved-entry-actions{grid-column:2}.history-item-select{flex-direction:column;align-self:stretch;justify-content:center;gap:5px}.history-item-select input,.history-select-all input{appearance:auto;width:18px!important;height:18px!important;min-height:18px!important;margin:0;padding:0;accent-color:#8f7b55}.history-delete-list{font-size:13px;line-height:1.9;max-height:240px;overflow:auto;padding-left:20px}.history-batch-result{font-size:12px;line-height:1.8;background:#f3f0e7;padding:12px;border-radius:4px}.history-selectable:has(input:checked){background:#f8f4e9}.history-selectable .saved-photo-document{min-width:0}.history-selection-toolbar button:disabled{opacity:.4;cursor:default}
@media(max-width:680px){.history-selection-toolbar{gap:10px}.history-selection-toolbar>.secondary{width:100%}.history-selectable{grid-template-columns:36px minmax(0,1fr);gap:3px}.history-item-select{font-size:10px}.history-selectable .saved-photo-document{grid-template-columns:80px minmax(0,1fr);gap:8px}.history-selectable .history-thumbnail{width:80px;height:64px}}

/* A rejected/unverified stone setting is never presented as a finished photo. */

.ring-basic-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.pattern-sidebar>.panel-title{flex-wrap:wrap}.photo-prong-note{line-height:1.8}

/* Photo handoff remains alongside download, including narrow screens. */
.photo-result figcaption{flex-wrap:wrap;gap:8px}.photo-result figcaption>span{margin-right:auto}.freehand-mode:disabled{opacity:.6;cursor:wait}

/* Each inlay keeps an independent material, including platinum. */
.processing-material-note{margin-top:-4px;margin-bottom:14px;color:#7c816f}.object-description{min-width:0;overflow-wrap:anywhere}.object-material{display:flex;align-items:center;gap:5px;font-size:8px;line-height:1.6;color:#8b8b7c;margin-top:3px}.object-material i{width:9px;height:9px;border:1px solid #bdb7a7;border-radius:50%;flex-shrink:0}
.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:14px 0}.comparison-grid figure{margin:0;min-width:0;padding:14px;border:1px solid #e2dfd5;border-radius:6px;background:#fffefa}.comparison-grid figcaption{font-size:13px;margin-bottom:12px;color:#796d54}.comparison-grid svg{width:100%;height:auto;display:block}.design-differences{font-size:12px;line-height:1.9;color:#656a5a;margin:12px 0;padding:12px 16px;background:#f5f2e9;border-radius:5px}.design-differences ul{padding-left:20px;margin:8px 0 0}.media-delivery{padding:14px;background:#f6f2e8;color:#7b705a;font-size:12px;line-height:1.8;border-radius:5px}.media-delivery[hidden]{display:none}.media-delivery .quiet{margin-left:8px}.review-image img[hidden],.history-media img[hidden]{display:none}.inspector-jump{display:none}.history-media{margin:12px 0}#pattern-modal:has(.comparison-grid){width:min(1100px,94vw)}
@media(min-width:681px){.pattern-inspector{position:sticky;top:12px;max-height:calc(100dvh - 24px);overflow:auto}}
@media(max-width:680px){.comparison-grid{grid-template-columns:1fr;gap:10px}.comparison-grid figure{padding:9px}.inspector-jump{display:inline-flex;align-items:center;justify-content:center}.pattern-inspector>.inspector-jump{grid-column:1/-1}.save-note{display:block;width:100%;font-size:11px;line-height:1.8;padding:4px 0}.media-delivery .quiet{display:block;margin:6px 0 0}.design-differences{font-size:12px}.document-actions{flex-wrap:wrap}}

/* Precise whole-line motion remains available when nearby hit areas overlap. */
.path-slide-controls{margin:16px 0;padding:12px;background:#f6f3eb;border:1px solid #e2d9c8;border-radius:5px}.path-slide-controls h3{margin:0 0 10px;font-size:12px;font-weight:600;color:#75684e}.path-slide-controls>label{margin-bottom:10px}.path-slide-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px}.path-slide-buttons .secondary{min-height:40px;padding:8px 4px;font-size:11px}.path-slide-buttons .secondary:disabled{opacity:.35;cursor:default}.path-slide-controls .inspector-note{margin:10px 0 0;font-size:10px;line-height:1.8}.path-slide-entry{margin-top:10px}.object-position{display:block;margin-top:3px;color:#8b8b7c;font-size:9px;line-height:1.6;overflow-wrap:anywhere}

.processing-knowledge{margin:22px 0;padding:18px;background:#f7f4ee;border:1px solid #e2d9c7;border-radius:12px}.processing-knowledge h3{margin-top:0}.processing-knowledge li{margin:7px 0;line-height:1.7}.processing-variant{margin:14px 0}.processing-knowledge summary{cursor:pointer;padding:10px 0;font-weight:600}.processing-knowledge .source-grid{margin-top:10px}

.definition-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.definition-edit label{display:block;margin:12px 0 6px}.definition-edit input[type="password"],.definition-edit input[type="text"]{box-sizing:border-box;width:100%;padding:12px;border:1px solid #d8d0c1;border-radius:8px;background:#fff;font:inherit}.definition-edit .shared-reference-consent{display:flex;align-items:flex-start;gap:9px;font-size:13px;line-height:1.6}.shared-reference-consent input{margin-top:4px}.definition-password-label{font-weight:600}#definition-save-error{margin-top:12px;color:#a54937;font-size:13px;line-height:1.6}#definition-save-error button{display:block;margin-top:8px}

/* The receipt-owned photo guide keeps its own view, independent of the editor. */
.interactive-photo-guide .photo-guide-canvas{display:block;width:100%;height:320px;max-height:48vh;border-radius:4px;cursor:grab;touch-action:none;background:#f9f8f5}
.interactive-photo-guide .photo-guide-canvas:active{cursor:grabbing}
.interactive-photo-guide [hidden]{display:none!important}
.photo-guide-controls{display:flex;justify-content:flex-end;align-items:center;gap:6px;margin-top:8px}
.photo-guide-controls button{min-width:38px;min-height:38px;font-size:11px}
.interactive-photo-guide .photo-guide-help{margin:8px 0 0}
.interactive-photo-guide .photo-guide-note{margin:5px 0 0}
@media(max-width:600px){.interactive-photo-guide .photo-guide-canvas{height:250px}.interactive-photo-guide figcaption{align-items:flex-start;flex-direction:column;gap:4px}.photo-guide-controls button{min-width:44px;min-height:44px}}

/* The chosen photo view shares the export's 2:1 frame. */
.develop-heading{font-size:13px;font-weight:600;margin:0;color:#535b49}
.photo-angle-section{border-top:1px solid #e7e3d7;background:#fffefa;padding:18px 16px 12px}
.photo-angle-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.photo-angle-heading h2{font-size:14px;font-weight:500;margin:7px 0 0}
.photo-angle-heading .eyebrow{font-size:8px}
.photo-angle-controls{display:flex;gap:5px;align-items:center;flex-wrap:wrap}
.photo-angle-controls .quiet{min-width:38px;font-size:17px}
.photo-angle-controls .secondary{font-size:10px;padding:8px 11px}
.photo-angle-frame{position:relative;aspect-ratio:2/1;width:100%;background:#f9f8f5;border:1px solid #e7e3d7;border-radius:5px;overflow:hidden}
.photo-angle-frame>.pattern-three{position:absolute;inset:0;display:block;width:100%;height:100%;background:#f9f8f5}
.photo-angle-frame>.pattern-three[hidden]{display:none}
.photo-angle-help{font-size:10px;line-height:1.8;color:#8b8d80;margin:9px 0 0}
.submitted-photo-guide img{width:100%;height:auto;display:block;aspect-ratio:2/1}
.submitted-photo-guide img[hidden],.submitted-photo-guide [hidden]{display:none}
@media(max-width:680px){.photo-angle-section{padding:14px 10px 10px}.photo-angle-heading{gap:9px}.photo-angle-heading h2{font-size:13px}.photo-angle-help{font-size:9px}}

/* Local texture fades stay scoped to the selected processing region. */
.finish-fade-controls{margin-top:18px;padding-top:15px;border-top:1px solid var(--line)}
.finish-fade-controls h3{font-size:11px;font-weight:600;margin:0 0 10px}
.fade-zone-list{display:grid;gap:6px;margin:12px 0}.fade-zone-row{display:grid;grid-template-columns:minmax(0,1fr) 32px;gap:4px;align-items:center}.fade-zone-row>.secondary{font-size:10px;padding:8px;text-align:left;justify-content:flex-start;min-width:0}.fade-zone-row.selected>.secondary{border-color:#a18b61;background:#f6f0e4;color:#574b36}
.fade-direction{margin-top:14px;padding:12px 10px;background:#f8f5ed;border:1px solid #e6dece;border-radius:5px}.fade-direction-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.fade-direction-caption>strong{font-size:11px;font-weight:500}.fade-direction-compass{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex:none;border:1px solid #d6c8aa;background:#fffefa;border-radius:50%;color:#8e7342}.fade-direction-compass>span{display:block;font-size:24px;line-height:1;transform-origin:center}.fade-direction input[type=range]{display:block;width:100%;accent-color:#97825d;min-height:30px;margin:0}.fade-direction .inspector-note{margin:8px 0 0;font-size:9px;line-height:1.9}.finish-fade-controls>.secondary{font-size:10px}.finish-fade-controls .point-detail{margin-top:10px}
@media(pointer:coarse){.fade-zone-row{grid-template-columns:minmax(0,1fr) 44px}.fade-zone-row>.object-remove{width:44px;min-height:44px}.fade-direction input[type=range]{min-height:44px}.fade-direction .inspector-note{font-size:11px!important}}

/* Keep the artwork centred and the full design name readable without changing the canvas. */
.mode-icon{display:flex;justify-content:center;align-items:center}
.mode-icon svg{display:block;flex-shrink:0}
.workspace-heading>div:first-child{flex:1 1 280px;min-width:0}
.workspace-heading .document-actions{flex:0 1 auto}
textarea.document-title{display:block;width:100%;max-width:none;min-height:36px;height:auto;margin:0;padding:7px 0 0;border:0;border-radius:0;background:transparent;resize:none;overflow:hidden;line-height:1.5;font-size:19px!important;overflow-wrap:anywhere;white-space:pre-wrap}
@media(max-width:680px){.mode-icon svg{width:100%;max-width:100%}.workspace-heading>div:first-child{flex-basis:auto;width:100%}}

@media(max-width:930px){textarea.document-title{font-size:17px!important}}
@media(max-width:680px){textarea.document-title{font-size:18px!important}}

/* Make the existing saved design name recognisable as the customer name input. */
.customer-name-label{display:flex;align-items:baseline;gap:12px;margin:12px 0 7px;font-size:12px;font-weight:600;color:#52584b}
.customer-name-label span{font-size:10px;font-weight:400;color:#85867d}
textarea.document-title{padding:10px 12px;min-height:48px;background:#fffefa;border-radius:5px;box-shadow:inset 0 0 0 1px #d7d2c5;cursor:text}
textarea.document-title::placeholder{color:#a09f93;font-size:15px;opacity:1}
textarea.document-title:hover{box-shadow:inset 0 0 0 1px #a99572}
.customer-name-help{margin:6px 0 0;font-size:10px;color:#85867d;line-height:1.7}

.partial-curve-point{display:flex!important;align-items:flex-start;gap:7px;line-height:1.7!important}.partial-curve-point input{flex:0 0 auto;margin:4px 0 0}.partial-curve-controls{border-top:1px solid var(--line);margin-top:10px;padding-top:5px}

/* Keep shared-library credentials usable on tablets, matching existing fields. */
.color-library>label:has([data-color-password]){display:grid;gap:8px;font-size:11px;margin-bottom:18px;color:#6f775f}.color-library [data-color-password]{width:100%;max-width:420px;min-height:44px;padding:10px 12px;border:1px solid #d7d2c5;border-radius:5px;background:#fffefa;color:inherit}

/* Fold only the two optional inspector groups; keep their controls intact. */
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.inspector-disclosure{margin:12px 0}.inspector-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:38px;cursor:pointer;color:#555b4c;font-size:11px;font-weight:600;line-height:1.5;list-style:none}.inspector-disclosure>summary::-webkit-details-marker{display:none}.inspector-disclosure>summary::after{content:'＋';font-size:16px;color:#968a72;flex:none}.inspector-disclosure[open]>summary::after{content:'−'}.inspector-disclosure>summary:focus-visible{outline:2px solid #9a8360;outline-offset:2px;border-radius:3px}.inspector-disclosure-body{padding-top:3px}.finish-fade-controls{margin-top:18px;padding-top:8px}
@media(pointer:coarse){.inspector-disclosure>summary{min-height:44px;font-size:12px}}

/* Shared tablets: guidance stays collapsed outside the design workspace. */
.store-usage{margin-top:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#62695c}.store-usage>summary{min-height:44px;padding:12px 0;font-size:12px;line-height:20px;cursor:pointer}.store-usage>summary:focus-visible{outline:2px solid #9a8360;outline-offset:3px;border-radius:3px}.store-usage>ul{margin:0 0 16px;padding-left:22px;font-size:12px;line-height:1.9}.store-usage li+li{margin-top:7px}

.clock-half-hour{display:inline-flex;align-items:center;gap:7px;min-height:40px;cursor:pointer;font-size:11px;color:#4f5149;white-space:nowrap}.clock-half-hour input{width:18px;height:18px;accent-color:#8f7959;flex:none}.clock-half-hour span{line-height:1.4}