*{box-sizing:border-box}body{color:#262c25;font:calc(14px * var(--ui-text-scale,1)) Arial,sans-serif;background:#f7f8f4;margin:0}button,input,textarea{font:inherit}button{cursor:pointer;color:#343d30;background:#fff;border:1px solid #dce0d6;border-radius:7px;padding:10px 13px}button:hover{background:#edf1e6}button:disabled{opacity:.4;cursor:default}header{background:#fff;border-bottom:1px solid #dde1d8;justify-content:space-between;align-items:center;height:76px;padding:0 28px;display:flex}.brand{letter-spacing:2px;align-items:center;gap:12px;font-weight:700;display:flex}.brand>span{font:italic calc(34px * var(--ui-text-scale,1)) Georgia;background:#e5ebd8;border-radius:9px;padding:0 10px}.brand small{font-size:calc((10px) * var(--ui-text-scale,1));color:#7d8776;letter-spacing:1px;margin-left:10px}.top-actions{gap:10px;display:flex}.primary{color:#fff;background:#596b39;border-color:#596b39}.workspace{grid-template-columns:260px minmax(350px,1fr) 280px;height:calc(100vh - 76px);display:grid}aside{background:#fff;padding:24px 20px;overflow:auto}.left{border-right:1px solid #dde1d8}.right{border-left:1px solid #dde1d8}.eyebrow{font-size:calc((11px) * var(--ui-text-scale,1));letter-spacing:1.8px;color:#697461;margin:0 0 16px;font-weight:700}h2{font:calc(26px * var(--ui-text-scale,1))/1.25 Georgia;margin:0 0 24px}h3{font:calc(22px * var(--ui-text-scale,1)) Georgia;margin:0 0 20px}.sample{text-align:left;background:#f0f3e9;border-color:#ced8bc;flex-direction:column;gap:8px;width:100%;margin-bottom:12px;padding:16px;display:flex}.sample span{font-size:calc((12px) * var(--ui-text-scale,1));color:#63704f}.sample strong{font:calc(24px * var(--ui-text-scale,1)) Georgia}.sample small{font-size:calc((12px) * var(--ui-text-scale,1));color:#63704f}.wide{width:100%}.hint{font-size:calc((13px) * var(--ui-text-scale,1));color:#65705e;line-height:1.65}.divider{background:#e7eae2;height:1px;margin:22px 0}.tools,.grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tools button{font-size:calc((13px) * var(--ui-text-scale,1));padding:11px 7px}.row{justify-content:space-between;display:flex}.layers{flex-direction:column;gap:2px;display:flex}.layers button{text-align:left;background:#f8f9f5;border-color:#0000;align-items:center;gap:12px;display:flex}.layers button.active{background:#edf2e3;border-color:#9cad80}.layers button div{text-overflow:ellipsis;flex:1;overflow:hidden}.layers small{font-size:calc((11px) * var(--ui-text-scale,1));color:#647159;margin-top:4px;display:block}.layers button>span:last-child{font-size:calc((8px) * var(--ui-text-scale,1));color:#879273}.center{flex-direction:column;min-height:0;display:flex}.canvasbar{border-bottom:1px solid #e0e4d9;justify-content:space-between;align-items:center;height:66px;padding:0 23px;display:flex}.canvasbar small{font-size:calc((12px) * var(--ui-text-scale,1));color:#65705e;margin-left:12px}.canvasbar button{font-size:calc((12px) * var(--ui-text-scale,1));margin-left:6px}.chosen{background:#e3ead6}.stage{cursor:pointer;background-color:#e9ece4;background-image:radial-gradient(#c8cfbf .7px,#0000 .7px);background-size:14px 14px;flex:1;justify-content:center;align-items:center;min-height:0;padding:25px;display:flex;overflow:hidden}canvas{object-fit:contain;touch-action:none;background:#fff;width:auto;max-width:100%;height:auto;max-height:100%;box-shadow:0 12px 30px #27301925}.status{min-height:42px;font-size:calc((12px) * var(--ui-text-scale,1));background:#f7f8f3;align-items:center;gap:8px;padding:9px 18px;line-height:1.5;display:flex}.dot{background:#829b5c;border-radius:100%;flex-shrink:0;width:6px;height:6px}label{font-size:calc((13px) * var(--ui-text-scale,1));color:#647058;margin-bottom:12px;display:block}input,textarea{color:#283321;background:#fbfcf8;border:1px solid #dce1d4;border-radius:5px;width:100%;margin-top:6px;padding:9px;display:block}textarea{resize:vertical;height:65px}.check{align-items:center;gap:8px;display:flex}.check input{width:auto;margin:0}input[type=color]{height:36px;padding:3px}a{color:#59703c;font-size:calc((13px) * var(--ui-text-scale,1))}.warning{font-size:calc((12px) * var(--ui-text-scale,1));color:#9b6435;background:#fff6e8;padding:9px;line-height:1.5}@media (max-width:1050px){.workspace{grid-template-columns:210px minmax(280px,1fr) 235px}aside{padding:18px 14px}.brand small{display:none}.canvasbar{padding:0 10px}.canvasbar small{display:none}}@media (max-width:760px){header{flex-wrap:wrap;gap:10px;height:auto;padding:12px}.brand{font-size:calc((12px) * var(--ui-text-scale,1))}.workspace{flex-direction:column;height:auto;display:flex}.center{order:-1;height:70vh}.left,.right{overflow:visible}.stage{min-height:250px}.top-actions button{font-size:calc((12px) * var(--ui-text-scale,1))}}.snapbar{border-bottom:1px solid #dde1d8;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:10px 18px;display:flex}.snapbar label{margin:0}.snapbar small{color:#65705e}.align-tools{margin-bottom:18px}.right select{color:#283321;background:#fbfcf8;border:1px solid #dce1d4;border-radius:5px;width:100%;margin-top:6px;padding:9px;display:block}.canvasbar{flex-wrap:wrap;gap:8px;height:auto;min-height:66px;padding-top:8px;padding-bottom:8px}.stage{touch-action:none;-webkit-user-select:none;user-select:none}.stage canvas{flex-shrink:0}.stage{position:relative}[hidden]{display:none!important}.app-tabs{background:#fff;border-bottom:1px solid #dce0d6;justify-content:flex-start!important;gap:8px!important;padding:10px 24px!important;display:flex!important}.app-tabs a{font-size:calc((16px) * var(--ui-text-scale,1));border-radius:8px;padding:12px 22px;text-decoration:none}.app-tabs a[aria-current=page]{color:#fff;background:#596b39}.element-tools button,.upload-large{min-height:76px;font-size:calc((16px) * var(--ui-text-scale,1))}.upload-large{margin-top:12px}.top-actions{flex-wrap:wrap}.frame-picker{grid-template-columns:1fr 1fr;gap:10px;max-height:420px;display:grid;overflow:auto}.frame-picker button{flex-direction:column;gap:8px;display:flex}.frame-picker img{object-fit:contain;width:100%;height:140px}.frame-live-preview{object-fit:contain;box-shadow:none;z-index:1;pointer-events:none;background:#182019;position:absolute;inset:0;width:100%!important;height:100%!important}.viewfinder .countdown,.viewfinder .live-tag,.viewfinder .shot-tag,.viewfinder .camera-bottom{z-index:3}.viewfinder .shutter-flash{z-index:4}@media (max-width:760px){.workspace{height:auto}}.element-tools{grid-template-columns:1fr;gap:12px}.element-tools button{width:100%;min-height:88px;font-size:calc((18px) * var(--ui-text-scale,1));padding:20px 12px}.element-tools{gap:8px}.element-tools button,.element-tools summary,.background-control{text-align:left;min-height:46px;font-size:calc((15px) * var(--ui-text-scale,1));justify-content:flex-start;align-items:center;gap:12px;padding:10px 12px;display:flex}.element-tools svg{flex-shrink:0;width:21px;height:21px}.element-tools summary{cursor:pointer;background:#fff;border:1px solid #dce0d6;border-radius:7px}.element-tools details button{margin-top:6px;padding-left:24px}.background-control{border:1px solid #dce0d6;border-radius:7px;margin:0}.background-control input{width:38px;height:28px;margin:0 0 0 auto}.left select{background:#fff;border:1px solid #dce0d6;border-radius:5px;width:100%;margin-top:6px;padding:9px;display:block}.right>.divider:first-child{display:none}.right .layers{max-height:240px;overflow:auto}.layer-row{align-items:center;gap:10px;display:flex}.layer-row>input{flex-shrink:0;width:18px;height:18px;margin:0}.layer-row>button{flex:1;min-width:0}main>.top-actions{background:#fff;border-bottom:1px solid #dce0d6;justify-content:flex-end;padding:10px 24px}@media (max-width:760px){.workspace{height:auto}}.layer-row{position:relative}.layer-row>button[draggable],.layer-row>button[draggable]:active{cursor:pointer}.layer-row.drop-before:before,.layer-row.drop-after:after{content:"";z-index:2;background:#596b39;height:3px;position:absolute;left:0;right:0}.layer-row.drop-before:before{top:-3px}.layer-row.drop-after:after{bottom:-3px}.editor-controls .canvasbar{border:0;min-height:0;padding:0;display:block}.editor-controls .canvasbar>div{grid-template-columns:1fr;gap:8px;display:grid}.editor-controls .canvasbar button{width:100%;font-size:calc((14px) * var(--ui-text-scale,1));text-align:left;margin:0}.editor-controls .canvasbar small{font-size:calc((12px) * var(--ui-text-scale,1));margin-left:8px;display:inline}.editor-controls .snapbar{border:0;flex-direction:column;align-items:flex-start;gap:14px;padding:16px 0 0;display:flex}.canvas-dimensions{color:#59654f;font-size:calc((13px) * var(--ui-text-scale,1));z-index:2;background:#f7f8f4e8;border-radius:5px;padding:6px 9px;position:absolute;top:12px;left:16px}.canvas-info{z-index:2;flex-direction:column;align-items:flex-start;gap:6px;max-width:calc(100% - 32px);display:flex;position:absolute;top:12px;left:16px}.canvas-info span{color:#59654f;font-size:calc((13px) * var(--ui-text-scale,1));overflow-wrap:anywhere;background:#f7f8f4e8;border-radius:5px;max-width:100%;padding:6px 9px}.bottom-controls{background:#f7f8f3;border-top:1px solid #dce0d6;flex-wrap:wrap;align-items:center;gap:12px 20px;padding:12px 16px;display:flex}.bottom-controls .canvasbar>div{flex-wrap:wrap;gap:8px;display:flex}.bottom-controls .canvasbar button{white-space:nowrap;width:auto}.bottom-controls .snapbar{flex-flow:wrap;align-items:center;gap:12px;padding:0}.bottom-controls .snapbar label{margin:0}.editor-feedback:empty{display:none}.editor-feedback{font-size:calc((13px) * var(--ui-text-scale,1));background:#fff6e8;padding:8px 16px}.stage{padding-top:80px}@font-face{font-family:KanaHand;src:url(/fonts/Caveat.ttf)format("truetype");font-weight:400 700;font-display:swap}.kana-header{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:26px;height:56px;min-height:56px;padding:5px 24px;display:flex}.kana-header .brand{font-family:KanaHand,cursive;font-size:calc((1.2em) * var(--ui-text-scale,1));letter-spacing:0;color:#343d30;white-space:nowrap;font-weight:600;line-height:1.2;text-decoration:none}.kana-header .app-tabs{background:0 0;border:0;gap:8px!important;padding:0!important}.kana-header .app-tabs a{font-size:calc((14px) * var(--ui-text-scale,1));padding:8px 16px}main>.top-actions{gap:8px;min-height:48px;padding:6px 24px}main>.top-actions button{font-size:calc((13px) * var(--ui-text-scale,1));padding:7px 12px}.workspace{height:calc(100vh - 104px)}@media (max-width:760px){.kana-header{gap:12px;height:auto;padding:8px 12px}.workspace{height:auto}main>.top-actions{padding:6px 12px}}.editor-feedback{color:#fff;background:#15803d;border-top:1px solid #166534;justify-content:space-between;align-items:center;gap:16px;display:flex}.editor-feedback>span:first-child{overflow-wrap:anywhere;min-width:0}.notice-timer{width:38px;height:38px;font-size:calc((14px) * var(--ui-text-scale,1));font-variant-numeric:tabular-nums;flex-shrink:0;place-items:center;font-weight:700;display:grid;position:relative}.notice-timer svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.notice-timer circle{fill:none;stroke-width:3px}.timer-track{stroke:#ffffff40}.timer-progress{stroke:#fff;stroke-linecap:round;transition:stroke-dashoffset .2s linear}@media (prefers-reduced-motion:reduce){.timer-progress{transition:none}}.editor-feedback{min-height:28px;font-size:calc((13px) * var(--ui-text-scale,1));gap:10px;padding:2px 12px;line-height:20px}.notice-timer{width:24px;height:24px;font-size:calc((11px) * var(--ui-text-scale,1))}.editor-feedback.editor-feedback-success{color:#fff;background:#15803d;border-top-color:#166534}.align-tools button{font-size:calc((13px) * var(--ui-text-scale,1));justify-content:flex-start;align-items:center;gap:8px;min-width:0;padding:10px 8px;display:flex}.align-tools svg{color:#536742;flex-shrink:0;width:19px;height:19px}.align-tools span{line-height:1.3}.layers .layer-thumbnail{background-color:#f8faf5;background-image:linear-gradient(45deg,#e2e6dc 25%,#0000 25%),linear-gradient(-45deg,#e2e6dc 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e2e6dc 75%),linear-gradient(-45deg,#0000 75%,#e2e6dc 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;border:1px solid #d0d7c8;border-radius:6px;flex:0 0 48px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative;overflow:hidden}.layers .layer-thumbnail[style]{background-image:none}.layer-thumbnail img{object-fit:contain;width:100%;height:100%;display:block}.layer-thumbnail svg{color:#4d5947;width:22px;height:22px}.layer-thumbnail .layer-photo-number{font:700 calc(11px * var(--ui-text-scale,1)) Arial;color:#35412f;text-align:center;background:#ffffffde;border-radius:3px;min-width:16px;padding:2px;position:absolute;bottom:1px;right:2px}.layers .layer-row>button{gap:9px;min-height:66px;padding:8px}.layers .layer-row>button>div{white-space:normal;overflow-wrap:anywhere;min-width:0}.right .layers{max-height:320px}.design-library{margin-bottom:18px;position:relative}.design-library summary{cursor:pointer;font-size:calc((15px) * var(--ui-text-scale,1));border:1px solid #cdd6c2;border-radius:8px;padding:12px}.design-library-list{max-height:320px;padding:6px 0;overflow:auto}.design-library-row{align-items:center;gap:8px;display:flex}.design-library-row>input{accent-color:#23553b;flex:none;width:20px;height:20px}.design-library-row>button{text-align:left;border:0;flex:1;align-items:center;gap:12px;min-width:0;padding:8px;display:flex}.design-library-row>button.active{background:#e4eedf}.design-library-row img{object-fit:contain;width:42px;height:70px}.design-library-row span{overflow-wrap:anywhere}.save-frame-dialog{border:0;border-radius:16px;max-width:calc(100vw - 32px);padding:30px;box-shadow:0 20px 80px #0004}.save-frame-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#10201988}.save-frame-dialog h2{font-size:calc((24px) * var(--ui-text-scale,1));margin:0 0 28px}.save-frame-dialog>div{justify-content:flex-end;gap:12px;display:flex}.save-frame-dialog button{min-width:100px}.save-frame-dialog .save-frame-yes{color:#fff;background:#23553b;border-color:#23553b}.top-actions{z-index:30;position:relative;overflow:visible}.top-actions .design-library{min-width:220px;margin:0 auto 0 0}.top-actions .design-library summary{background:#fff;list-style:none}.top-actions .design-library-list{z-index:50;background:#fff;border:1px solid #d0d8c6;border-radius:10px;width:320px;max-width:calc(100vw - 32px);max-height:420px;padding:8px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 12px 32px #18251b30}.top-actions .design-library-row button{white-space:normal}.top-actions .design-library{flex-shrink:0;width:220px;margin-left:126px}.top-actions .design-library summary{color:#fff;letter-spacing:.6px;text-align:center;background:#23553b;border-color:#23553b;font-weight:700}.top-actions .design-library summary:hover{background:var(--ui-selected,#596b39)}.top-actions .design-library-list{left:50%;transform:translate(-50%)}.save-frame-dialog>div{flex-wrap:wrap}@media (max-width:1050px){.top-actions .design-library{margin-left:76px}}@media (max-width:760px){.top-actions .design-library{margin-left:0}.top-actions .design-library-list{left:0;transform:none}}main>.top-actions .design-library{width:220px;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}main>.top-actions .design-library summary{color:#fff;background:#596b39;border-color:#596b39}main>.top-actions .design-library summary:hover{background:var(--ui-selected,#596b39);border-color:var(--ui-selected,#596b39);color:var(--ui-background,#f7f8f4)}@media (max-width:1450px){main>.top-actions{padding-top:58px}main>.top-actions .design-library{top:6px;transform:translate(-50%)}main>.workspace{height:calc(100vh - 156px)}}@media (max-width:760px){main>.workspace{height:auto}}main>.top-actions .design-library summary{height:35px;font-size:calc((13px) * var(--ui-text-scale,1));border-radius:7px;justify-content:center;align-items:center;padding:7px 12px;line-height:19px;display:flex}.top-actions .template-transfer-actions,.top-actions .frame-save-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.top-actions .template-transfer-actions{margin-right:auto}.top-actions .frame-save-actions{margin-left:auto}.top-actions .template-transfer-actions button,.top-actions .frame-save-actions button{white-space:nowrap;justify-content:center;align-items:center;gap:7px;min-height:35px;display:inline-flex}.top-actions .export-template-placeholder{color:#647058;cursor:default;background:#f7f8f4}@media (max-width:760px){.top-actions .template-transfer-actions,.top-actions .frame-save-actions{width:100%;margin:0}.top-actions .frame-save-actions{justify-content:flex-start}}.layers button{-webkit-user-select:none;user-select:none}.layer-row .layer-name-editor{z-index:3;background:#fff;width:calc(100% - 100px);margin:0;padding:5px;position:absolute;top:8px;left:90px}.left>.eyebrow{text-transform:uppercase}.right .layers.resizable-layers{scrollbar-gutter:stable;flex-shrink:0;min-height:120px;max-height:none;overflow-y:auto}.layers-resize-handle{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:4px;justify-content:center;align-items:center;height:22px;margin:12px 0 16px;display:flex;position:relative}.layers-resize-handle:before{content:"";background:#dce1d4;height:1px;position:absolute;left:0;right:0}.layers-resize-handle span{z-index:1;background:#fff;border-top:2px solid #8b987a;border-bottom:2px solid #8b987a;width:34px;height:7px}:is(.layers-resize-handle:hover,.layers-resize-handle:focus-visible){outline-offset:2px;background:#edf2e3;outline:2px solid #9cad80}.editor-sidebar .editor-resizable-panel{scrollbar-gutter:stable;min-height:100px;overflow:auto}.editor-sidebar .editor-resizable-panel .eyebrow{text-transform:uppercase}.editor-sidebar .editor-resizable-panel .layers{max-height:none;overflow:visible}.editor-sidebar .editor-resizable-panel select{background:#fff;border:1px solid #dce0d6;border-radius:5px;width:100%;margin-top:6px;padding:9px;display:block}.compact-layer-properties{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin-bottom:16px;display:grid}.compact-layer-properties label{min-width:0;font-size:calc((12px) * var(--ui-text-scale,1));align-items:center;gap:6px;margin:0;display:flex}.compact-layer-properties label>span{text-align:center;flex:0 0 16px;width:16px}.compact-layer-properties input{width:100%;min-width:0;height:30px;font-size:calc((13px) * var(--ui-text-scale,1));border-radius:3px;margin:0;padding:4px 6px}.text-size-color{grid-template-columns:1fr 1fr;gap:10px;display:grid}.text-size-color input{height:32px;margin-top:5px;padding:4px 6px}.text-properties .text-content-label{font-size:calc((11px) * var(--ui-text-scale,1));letter-spacing:1px;font-weight:700}.text-properties textarea{font-size:calc((13px) * var(--ui-text-scale,1));letter-spacing:normal;font-weight:400}.right-column-resizer{cursor:pointer;touch-action:none;background:#e7eae2;justify-content:center;align-items:center;min-height:0;display:flex}.right-column-resizer span{background:#8b987a;width:3px;height:36px}:is(.right-column-resizer:hover,.right-column-resizer:focus-visible){outline-offset:-2px;background:#cdd8bd;outline:2px solid #9cad80}@media (min-width:761px){.workspace.width-resizable-workspace{grid-template-columns:var(--left-panel-width,210px) 8px minmax(280px,1fr) 8px var(--right-panel-width)}.width-resizable-workspace .right{min-width:0}}@media (min-width:1051px){.workspace.width-resizable-workspace{grid-template-columns:var(--left-panel-width,260px) 8px minmax(280px,1fr) 8px var(--right-panel-width)}}@media (max-width:760px){.left-column-resizer,.right-column-resizer{display:none}}@font-face{font-family:Montserrat;src:url(/fonts/Montserrat.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}html body :not(.brand):not(.brand *):not(.booth-brand):not(.booth-brand *):not(.auth-brand):not(.auth-brand *):not(.font-preview){font-family:var(--interface-font,Arial,sans-serif)!important}.interface-font-setting{margin-top:20px}.kana-header .brand{font-size:calc((25.2px) * var(--ui-text-scale,1))}.brand,.booth-brand{--ui-text-scale:1}body,.booth,.booth .welcome-screen,.booth .selection-screen,.booth .result-screen,.workspace .stage{background-color:var(--ui-background,#f7f8f4)}.booth .welcome-screen,.booth .selection-screen,.booth .result-screen{color:var(--ui-background-text,#20251c)}.app-tabs a[aria-current=page],.layers button.active,.design-library-row>button.active,button.chosen,.customer-mode .customer-frame-strip .frame-picker button.frame-selected,.photo-grid button.picked,.photo-grid .picked .pick-badge{background:var(--ui-selected,#596b39)!important;border-color:var(--ui-selected,#596b39)!important;color:var(--ui-selected-text,#fff)!important}.layers button.active small,.design-library-row>button.active small,.customer-mode .customer-frame-strip .frame-picker button.frame-selected strong,.customer-mode .customer-frame-strip .frame-picker button.frame-selected small{color:var(--ui-selected-text,#fff)!important}input[type=checkbox]{accent-color:var(--ui-selected,#596b39)}.interface-color-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px;display:grid}.interface-color-row label{font-size:calc(16px * var(--ui-text-scale,1));margin:0}.interface-color-row input{cursor:pointer;height:42px;margin-top:8px}.sample-download-button{color:#343d30;text-align:center;background:#fff;border:1px solid #dce0d6;border-radius:7px;justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:10px 13px;text-decoration:none;display:flex}.sample-download-button:hover{background:#edf1e6}.sample-download-button:focus-visible{outline-offset:2px;outline:2px solid #596b39}.sample-download-button svg{flex-shrink:0}.color-palette{min-width:0;position:relative}.color-palette-label{color:#647058;font-size:calc(13px * var(--ui-text-scale,1));margin-bottom:6px;display:block}.color-palette-trigger{text-align:left;align-items:center;gap:10px;width:100%;display:flex}.color-palette-trigger>span:last-child{margin-left:auto}.color-palette-chip{border:1px solid #0002;border-radius:4px;flex:none;width:26px;height:24px}.color-palette-menu{z-index:50;color:#343d30;background:#fff;border:1px solid #dce0d6;border-radius:10px;width:280px;max-width:calc(100vw - 48px);margin-top:6px;padding:14px;position:absolute;top:100%;left:0;box-shadow:0 8px 28px #0002}.color-palette-menu strong{margin-bottom:8px;display:block}.color-palette-grid{grid-template-columns:repeat(5,1fr);gap:7px;margin-bottom:14px;display:grid}.color-palette-grid button{color:#20251c;border:1px solid #0002;height:32px;padding:0}.color-palette-grid button[aria-pressed=true]{outline-offset:2px;outline:2px solid #343d30}.color-palette-custom{align-items:center;gap:10px;width:100%;display:flex}.color-palette-custom span{font-size:24px;line-height:1}.color-palette .color-palette-native{opacity:0;pointer-events:none;border:0;width:1px;height:1px;padding:0;position:absolute;bottom:0}.settings-camera-preview{border-top:1px solid #dce0d6;margin:18px 0;padding-top:16px}.camera-preview-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.camera-preview-heading h3{font-size:calc(16px * var(--ui-text-scale,1));margin:0;font-weight:700}.camera-preview-screen{aspect-ratio:16/9;background:#20251c;border-radius:10px;place-items:center;max-height:360px;display:grid;position:relative;overflow:hidden}.camera-preview-screen video{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.camera-preview-screen>span{color:#fff;text-align:center;padding:20px}.settings-camera-preview>p[role=alert]{color:#b42318}.camera-exposure-layout{grid-template-columns:minmax(140px,1fr) minmax(0,2fr);align-items:start;gap:20px;margin:18px 0;display:grid}.camera-exposure-fields{flex-direction:column;gap:12px;display:flex}.camera-exposure-fields label{margin:0}.camera-exposure-fields select{width:100%;margin-top:6px;display:block}.camera-exposure-layout .settings-camera-preview{border:0;min-width:0;margin:0;padding:0}.camera-preview-toggle{z-index:2;color:#343d30;background:#fff;position:absolute;bottom:12px;left:12px;box-shadow:0 2px 8px #0003}.camera-preview-screen>span{padding-bottom:68px}@media (max-width:520px){.camera-exposure-layout{grid-template-columns:1fr}}.settings-page .camera-exposure-layout{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:24px}.settings-page .settings-camera-preview{width:100%;min-width:0}.settings-page .camera-preview-screen{aspect-ratio:16/9;width:100%;max-width:none;height:auto;max-height:none}@media (max-width:520px){.settings-page .camera-exposure-layout{grid-template-columns:1fr}}html body :is(.booth,main) :is(h1,h2,h3,h4,p,label,small,strong,summary,a,button,input,select,textarea,.eyebrow,.color-palette-label,.canvas-info span,.settings-badge){color:var(--ui-selected,#596b39)}html body .app-tabs a[aria-current=page],html body :is(.layers button.active,.design-library-row>button.active,button.chosen,.mirror-toggle[aria-pressed=true],.photo-grid button.picked){color:var(--ui-background,#f7f8f4)!important}html body :is(.layers button.active,.design-library-row>button.active,button.chosen,.mirror-toggle[aria-pressed=true],.photo-grid button.picked) :is(span,small,strong){color:inherit!important}:root{--ui-surface:color-mix(in srgb,var(--ui-background,#f7f8f4) 92%,white);--ui-inset:color-mix(in srgb,var(--ui-background,#f7f8f4) 94%,var(--ui-tone-depth,#000));--ui-hover:color-mix(in srgb,var(--ui-background,#f7f8f4) 86%,var(--ui-tone-depth,#000));--ui-border:color-mix(in srgb,var(--ui-background,#f7f8f4) 75%,var(--ui-tone-depth,#000));--ui-deep:color-mix(in srgb,var(--ui-background,#f7f8f4) 24%,#111)}html body,html body :is(.booth,.booth-workspace,.welcome-screen,.selection-screen,.result-screen,.workspace,.center){background:var(--ui-background,#f7f8f4)}html body :is(.kana-header,aside,.settings-card,.top-actions,.design-library-list,.save-frame-dialog,.color-palette-menu,.bottom-controls,.canvasbar,.snapbar){background:var(--ui-surface);border-color:var(--ui-border)}html body :is(input,select,textarea,button,.sample-download-button):not([type=checkbox]):not([type=radio]):not([type=color]):not([style*=background]){background-color:var(--ui-surface);border-color:var(--ui-border)}html body :is(input,select,textarea):disabled,html body :is(.layers button,.mini-grid>div,.chosen-panel,.capture-side,.result-image,.selection-frame-preview,.settings-badge,.selection-clock,.mirror-toggle[aria-pressed=false]){background-color:var(--ui-inset);border-color:var(--ui-border)}html body button:hover:not(:disabled):not([aria-pressed=true]):not([style*=background]){background-color:var(--ui-hover)}html body .workspace .stage{background-color:var(--ui-inset);background-image:radial-gradient(var(--ui-border) .7px,transparent .7px)}html body .canvas-info span{background:var(--ui-surface)}html body :is(.camera-preview-screen,.viewfinder,.camera-empty){background:var(--ui-deep)}html body :is(.layers-resize-handle span,.left-column-resizer,.right-column-resizer){background-color:var(--ui-inset)}html body :is(.divider,.left-column-resizer span,.right-column-resizer span){background:var(--ui-border)}html body :is(.primary,.booth-primary,.mirror-toggle[aria-pressed=true],.frame-save-actions .primary,.top-actions .design-library summary){background:var(--ui-selected,#596b39);border-color:var(--ui-selected,#596b39);color:var(--ui-background,#f7f8f4)!important}html body :is(.primary,.booth-primary,.mirror-toggle[aria-pressed=true]) :is(span,strong,small){color:inherit!important}html body .settings-page button.mirror-toggle[aria-pressed=false]{border:1px solid var(--ui-border);box-shadow:none;background:var(--ui-background,#f7f8f4)!important;color:var(--ui-background-text,#20251c)!important}html body .settings-page button.mirror-toggle[aria-pressed=true]{border:1px solid var(--ui-selected,#596b39);box-shadow:none;background:var(--ui-selected,#596b39)!important;color:var(--ui-selected-text,#fff)!important}html body .settings-page button.mirror-toggle[aria-pressed] :is(span,strong){color:inherit!important}html body .settings-page button.mirror-toggle strong{border:1px solid;border-radius:4px;padding:3px 7px;line-height:1.2}html body .settings-page button.mirror-toggle[aria-pressed=true] strong{font-weight:800}html body .booth :is(.booth-primary,.start-booth,.print-button){background:var(--ui-selected,#596b39)!important;color:var(--ui-selected-text,#fff)!important;border-color:var(--ui-selected,#596b39)!important}html body .booth :is(.booth-primary,.start-booth,.print-button):hover:not(:disabled){box-shadow:inset 0 0 0 2px;background:var(--ui-selected,#596b39)!important}html body .booth .result-copy :is(.download,.demo-button){border:1px solid;margin-top:10px;background:var(--ui-background,#f7f8f4)!important;color:var(--ui-background-text,#20251c)!important}html body .booth .result-copy :is(.download,.demo-button):hover:not(:disabled){box-shadow:inset 0 0 0 1px;background:var(--ui-background,#f7f8f4)!important}html body .booth :is(.welcome-card,.result-copy)>:is(h1,p,span,label),html body .booth .result-copy :is(label,small,input){color:var(--ui-background-text,#20251c)!important}html body .booth .result-copy input{background:var(--ui-background,#f7f8f4)!important}html body .booth .capture-loading{background:var(--ui-selected,#596b39)!important;color:var(--ui-selected-text,#fff)!important}html body .settings-page button.mirror-toggle[aria-pressed=false],html body .booth .result-copy :is(.download,.demo-button),html body .booth :is(.welcome-card,.result-copy)>:is(h1,p,span,label),html body .booth .result-copy :is(label,small,input){color:var(--ui-selected,#596b39)!important}html body .settings-page button.mirror-toggle[aria-pressed=true],html body .booth :is(.booth-primary,.start-booth,.print-button),html body .booth .capture-loading{color:var(--ui-background,#f7f8f4)!important}html body .booth .result-copy :is(.download,.demo-button){color:var(--ui-selected,#596b39)!important}html body .booth .capture-loading p{color:var(--ui-background,#f7f8f4)!important}html body .booth .capture-loading-spinner{border-color:color-mix(in srgb,var(--ui-background,#f7f8f4) 28%,transparent);border-top-color:var(--ui-background,#f7f8f4)}html body :is(.layers button.active,.design-library-row>button.active,button.chosen,.photo-grid button.picked,.photo-grid .picked .pick-badge,.customer-mode .customer-frame-strip .frame-picker button.frame-selected){color:var(--ui-background,#f7f8f4)!important}html body :is(.layers button.active,.design-library-row>button.active,button.chosen,.photo-grid button.picked,.customer-mode .customer-frame-strip .frame-picker button.frame-selected) :is(span,small,strong){color:inherit!important}html body .settings-page button.mirror-toggle{background-clip:border-box}html body .settings-page button.mirror-toggle:focus-visible{outline-offset:-3px;outline:2px solid}html body .booth .selection-clock{background:var(--ui-inset)!important;border-color:var(--ui-border)!important;color:var(--ui-selected,#596b39)!important}html body .booth .selection-clock.urgent{background:var(--ui-selected,#596b39)!important;border-color:var(--ui-selected,#596b39)!important;color:var(--ui-background,#f7f8f4)!important}html body .booth .selection-clock :is(strong,span){color:inherit!important}html body .booth .frame-preview-toolbar :is(label,select,option,span){color:var(--ui-selected,#596b39)!important}html body .booth .frame-preview-toolbar :is(select,option){background-color:var(--ui-surface)!important}html body .booth .countdown{color:#fff}html body .booth .countdown small{font-weight:inherit;font-style:inherit;letter-spacing:normal;text-shadow:inherit;color:inherit!important;font-family:inherit!important}html body .kana-header .brand{text-align:center;flex-direction:column;flex-shrink:0;justify-content:center;align-items:stretch;gap:0;width:118.8px;line-height:1;display:flex;color:var(--ui-selected,#596b39)!important}html body .kana-header .brand>.kana-wordmark{letter-spacing:0;color:inherit;background:0 0;border-radius:0;padding:0;font-family:Montserrat,Arial,sans-serif;font-size:36px;font-style:normal;font-weight:900;line-height:.86}html body .kana-header .brand>.kana-production-line{letter-spacing:3.6px;color:inherit;background:0 0;border-radius:0;margin-top:2.7px;padding:0 0 0 3.6px;font-family:Montserrat,Arial,sans-serif;font-size:8.1px;font-style:normal;font-weight:500;line-height:1.4;display:block}html body .top-actions .frame-save-actions button.primary,html body .top-actions .frame-save-actions button.primary:hover{background:var(--ui-selected,#596b39)!important;border-color:var(--ui-selected,#596b39)!important;color:var(--ui-background,#f7f8f4)!important}html body .booth.customer-mode .capture-screen,html body .booth.customer-mode .capture-screen .viewfinder,html body .booth.customer-mode .capture-screen .camera-empty{background:var(--ui-background,#f7f8f4)}html body .booth.customer-mode.choosing-frame .viewfinder>video{visibility:hidden;filter:none;scale:1}.editor-canvas-area{flex:1;min-width:0;min-height:0;position:relative}.editor-canvas-area .zoom-stage{touch-action:pan-x pan-y;min-height:0;padding:0;display:block;position:absolute;inset:0;overflow:auto}.zoom-canvas-space{box-sizing:border-box;place-items:center;padding:80px 24px 48px;display:grid}.zoom-stage canvas{object-fit:fill;max-width:none;max-height:none;display:block}.zoom-stage .canvas-info{pointer-events:none;height:0;position:sticky;top:12px;left:16px;overflow:visible}html body .canvas-zoom-controls{z-index:5;background:var(--ui-surface,#fff);min-width:0;max-width:100%;color:var(--ui-selected,#596b39);border:1px solid var(--ui-border,#cdd6c2);box-shadow:none;border-radius:7px;align-items:center;gap:4px;margin:0 0 0 auto;padding:4px 6px;display:flex;position:relative}html body .canvas-zoom-controls button{width:26px;height:28px;color:inherit;background:0 0;border:0;flex-shrink:0;place-items:center;padding:4px;display:grid}html body .canvas-zoom-controls button:hover{background:var(--ui-hover,#edf1e6)}html body .canvas-zoom-controls .canvas-zoom-slider{width:130px;min-width:35px;box-shadow:none;accent-color:var(--ui-selected,#596b39);background:0 0;border:0;margin:0;padding:0}html body .canvas-zoom-controls .canvas-zoom-value{text-align:right;border:1px solid var(--ui-border,#cdd6c2);background:var(--ui-background,#f7f8f4);width:76px;color:inherit;border-radius:4px;flex-shrink:0;margin:0;padding:4px 6px;font-size:13px}html body .canvas-zoom-menu{width:160px;max-height:min(720px,var(--available-height));background:var(--ui-surface,#fff);color:var(--ui-selected,#596b39);border:1px solid var(--ui-border,#cdd6c2);overflow-y:auto}html body .canvas-zoom-menu [data-slot=dropdown-menu-item]{min-height:28px;color:inherit;cursor:pointer;align-items:center;gap:8px;padding:4px 8px;display:flex}html body .canvas-zoom-menu [data-highlighted]{background:var(--ui-hover,#edf1e6)}.zoom-menu-check{flex-shrink:0;width:16px;display:inline-flex}.zoom-menu-divider{background:var(--ui-border,#cdd6c2);height:1px;margin:6px 8px}html body .isolate:has(>.canvas-zoom-menu){z-index:1000}html body .settings-page input[type=file]{background:var(--ui-surface,#fbfcf9);min-width:0;max-width:100%;color:var(--ui-selected,#596b39);border:1px solid var(--ui-border,#cdd6c2);font-family:var(--interface-font,Arial,sans-serif);font-size:calc(16px * var(--ui-text-scale,1));border-radius:7px}html body .settings-page input[type=file]::file-selector-button{font:inherit;color:inherit;background:var(--ui-inset,#f0f2ec);border:1px solid var(--ui-border,#cdd6c2);cursor:pointer;border-radius:6px;margin-right:12px;padding:8px 12px;transition:background .15s}html body .settings-page input[type=file]:not(:disabled)::file-selector-button:hover{background:var(--ui-hover,#e7ecdf)}html body .settings-page input[type=file]:focus-visible{outline:2px solid var(--ui-selected,#596b39);outline-offset:2px}html body .settings-page input[type=file]:disabled::file-selector-button{cursor:not-allowed;opacity:.5}.settings-page .camera-connection-fields{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:24px;margin-top:18px;display:grid}.settings-page .camera-connection-fields label:nth-child(2){width:50%}.settings-page .camera-connection-fields label{min-width:0;margin:0}.settings-page .camera-connection-fields select{box-sizing:border-box;color:#28362b;width:100%;min-height:46px;font-size:calc(16px * var(--ui-text-scale,1));background:#fbfcf9;border:1px solid #cdd6c2;border-radius:7px;margin-top:8px;padding:12px;display:block}@media (max-width:520px){.settings-page .camera-connection-fields{grid-template-columns:1fr}.settings-page .camera-connection-fields label:nth-child(2){width:100%}}html body .element-tools .shape-menu-trigger{background:var(--ui-surface);border:1px solid var(--ui-border);color:var(--ui-selected,#596b39)}html body .element-tools .shape-menu-trigger:hover,html body .element-tools .shape-menu-trigger[data-popup-open]{background:var(--ui-hover)}html body .editor-shape-menu{background:var(--ui-surface,#fff);width:230px;max-width:calc(100vw - 24px);color:var(--ui-selected,#596b39);border:1px solid var(--ui-border,#cdd6c2);font-family:var(--ui-font,Arial),sans-serif;border-radius:8px;padding:6px;box-shadow:0 8px 28px #0003}html body .editor-shape-menu .editor-shape-option{min-height:58px;font-size:calc(16px * var(--ui-text-scale,1));cursor:pointer;color:inherit;align-items:center;gap:16px;padding:10px 14px;display:flex}html body .editor-shape-menu .editor-shape-option[data-highlighted]{background:var(--ui-hover,#edf1e6);color:inherit}html body .editor-shape-menu .editor-shape-option svg{width:32px;height:32px;color:inherit;flex-shrink:0}html body .editor-shape-menu .shape-icon-handle{fill:var(--ui-surface,#fff)}html body .element-tools details>summary{background:var(--ui-surface);border-color:var(--ui-border);color:var(--ui-selected,#596b39);list-style:none}html body .element-tools details>summary::-webkit-details-marker{display:none}html body .element-tools details>summary:hover{background:var(--ui-hover)}html body .element-tools .shape-menu-indicator{flex-shrink:0;margin-left:auto}html body .align-tools svg,html body .element-tools details>summary svg{color:var(--ui-selected,#596b39)}.left-column-resizer{cursor:pointer;touch-action:none;background:#e7eae2;justify-content:center;align-items:center;min-height:0;display:flex}.left-column-resizer span{background:#8b987a;width:3px;height:36px}:is(.left-column-resizer:hover,.left-column-resizer:focus-visible){outline-offset:-2px;background:#cdd8bd;outline:2px solid #9cad80}.left-column-resizer,.right-column-resizer{cursor:ew-resize}.layers-resize-handle{cursor:ns-resize}.top-actions .design-library-create{z-index:1;box-shadow:none;border:1px dashed var(--ui-border,#cdd6c2);background-clip:padding-box;background:var(--ui-surface,#fff);width:100%;color:var(--ui-selected,#596b39);text-align:left;border-radius:6px;align-items:center;gap:7px;margin:0 0 6px;padding:9px 10px;display:flex;position:sticky;top:0}:is(.top-actions .design-library-create:hover,.top-actions .design-library-create:focus-visible){background:var(--ui-hover,#edf1e6);border-color:var(--ui-selected,#596b39);outline:2px solid var(--ui-selected,#596b39);outline-offset:-2px}.layers{gap:2px}.layers .layer-row{background:var(--ui-inset);border:1px solid var(--ui-border);border-radius:0;grid-template-columns:32px minmax(0,1fr);align-items:stretch;gap:0;min-height:66px;display:grid;overflow:visible}.layers .layer-row>button.layer-visibility{border:0;border-right:1px solid var(--ui-border);width:32px;min-width:32px;color:var(--ui-selected,#596b39);cursor:pointer;background:0 0;border-radius:0;place-items:center;padding:0;display:grid}.layers .layer-row>button.layer-visibility:hover{background:var(--ui-hover)}.layers .layer-row>button.layer-visibility svg{width:16px;height:16px}.layers .layer-row>button.layer-select{cursor:pointer;background:0 0;border:0;border-radius:0;align-items:center;gap:9px;width:100%;min-width:0;min-height:64px;padding:8px 9px;display:flex}html body .layers .layer-row>button.layer-select.active{border-radius:0;background:var(--ui-hover)!important}.layers .layer-row>button.layer-select>div{min-width:0}.layers .layer-row .layer-thumbnail{border-radius:2px;flex:0 0 44px;width:44px;height:44px}.layers .layer-row .layer-thumbnail .layer-photo-number{border-radius:0}.bottom-controls .canvasbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.design-library-row>button.design-library-delete{flex:0 0 32px;justify-content:center;width:32px;height:32px;padding:6px}.delete-frame-dialog h2{margin-bottom:12px}.delete-frame-dialog>p{overflow-wrap:anywhere;margin:0 0 20px}.delete-frame-skip{gap:8px;margin-bottom:24px}.editor-feedback>span:first-child{flex:1}.editor-feedback .notice-undo{width:auto;min-height:0;color:inherit;font-size:inherit;white-space:nowrap;box-shadow:none;background:0 0;border:1px solid #ffffff80;border-radius:4px;flex:none;padding:1px 8px;line-height:20px}.editor-feedback .notice-undo:hover{background:#ffffff20}.editor-sidebar :is(#editor-panel-layers,#editor-panel-properties){scrollbar-gutter:auto;overflow:visible}.design-library-row[draggable=true]{cursor:grab}.design-library-row.frame-drop-before{box-shadow:inset 0 3px var(--ui-selected,#596b39)}.design-library-row.frame-drop-after{box-shadow:inset 0 -3px var(--ui-selected,#596b39)}.editor-feedback.editor-feedback-deleted{color:#fff;background:#b91c1c;border-top-color:#991b1b}.editor-feedback .notice-undo{zoom:.8}.external-camera-preview{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hardware-camera-notice{z-index:5;color:#fff;pointer-events:none;background:#0009;border-radius:6px;max-width:calc(100% - 24px);padding:6px 10px;font-size:14px;position:absolute;bottom:12px;left:12px}.camera-preview-screen{position:relative}.camera-preview-toggle{z-index:6}.hardware-jobs{margin-top:20px}.hardware-jobs>div{overflow-wrap:anywhere;border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.hardware-jobs button{flex-shrink:0}.customer-mode.choosing-frame .viewfinder>.external-camera-preview{filter:blur(16px)brightness(.48);scale:1.06}.settings-card .printer-actions{margin-bottom:12px}.settings-card-subtitle{color:#6a7762;margin:4px 0 0;font-size:14px;line-height:1.4}.settings-toolbar{flex-wrap:wrap;gap:8px;margin:12px 0 4px;display:flex}.secondary-button{color:#42513a;cursor:pointer;background:#fff;border:1px solid #c8d2c0;border-radius:8px;padding:9px 13px;font-weight:700}.secondary-button:hover:not(:disabled){background:#edf3e8;border-color:#9db38d}.status-badge{align-items:center;gap:8px;display:inline-flex!important}.status-dot{background:currentColor;border-radius:50%;flex:0 0 9px;width:9px;height:9px;display:block;box-shadow:inset 0 0 0 3px}.device-status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0 4px;display:grid}.device-status{background:#fff;border:1px solid;border-radius:9px;align-items:center;gap:11px;min-width:0;padding:11px 13px;display:flex}.device-status>div{min-width:0}.device-status strong,.device-status>div>span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.device-status strong{text-transform:uppercase;letter-spacing:.08em;opacity:.72;margin-bottom:2px;font-size:11px}.device-status>div>span{font-size:14px;font-weight:700}.device-status.connected{color:#17713a;background:#f3faf4;border-color:#b8dbc0}.device-status.scanning{color:#176c94;background:#f1f8fc;border-color:#b5d8e8}.device-status.error{color:#ad332d;background:#fff6f5;border-color:#edc0bc}.compact-note{margin-top:8px}.printer-status-grid{margin:14px 0 10px}.printer-calibration{background:#fbfcf9;border:1px solid #d5dfcf;border-radius:11px;margin-top:16px;overflow:hidden}.printer-calibration>summary{cursor:pointer;color:#35412e;justify-content:space-between;align-items:center;gap:12px;padding:15px 16px;font-size:16px;font-weight:800;list-style:none;display:flex}.printer-calibration>summary::-webkit-details-marker{display:none}.calibration-chevron{border-bottom:2px solid #557044;border-right:2px solid #557044;flex:0 0 9px;width:9px;height:9px;transition:transform .18s;transform:rotate(-45deg)}.printer-calibration[open] .calibration-chevron{transform:rotate(45deg)}.printer-calibration>summary>span:nth-of-type(2){margin-right:auto}.calibration-summary-value{color:#718067;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px;font-weight:700}.printer-calibration-body{border-top:1px solid #e1e8dd;padding:16px}.printer-calibration-body>.settings-note{margin:0 0 14px}.calibration-control{background:#fff;border:1px solid #dce4d7;border-radius:9px;min-width:0;padding:14px}.calibration-control-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.calibration-control-heading label{color:#35412e;font-size:14px;font-weight:800}.calibration-control output{color:#3e6430;font-variant-numeric:tabular-nums;text-align:center;background:#eef4e9;border-radius:6px;min-width:86px;padding:5px 8px;font-weight:800}.calibration-control input[type=range]{accent-color:#267aa6;cursor:pointer;width:100%;height:24px;margin:0;display:block}.calibration-control input[type=range]:disabled{cursor:not-allowed}.range-labels{color:#74806d;justify-content:space-between;gap:10px;margin-top:5px;font-size:11px;font-weight:600;display:flex}.printer-alignment-control{grid-template-columns:minmax(0,1.65fr) minmax(210px,.65fr);align-items:stretch;gap:12px;display:grid}.calibration-axis-stack{grid-template-rows:1fr 1fr;gap:12px;display:grid}.vertical-control{flex-direction:column;min-height:230px;display:flex}.vertical-slider-layout{color:#74806d;grid-template-rows:auto 1fr auto;place-items:center;gap:7px;min-height:166px;font-size:11px;font-weight:600;display:grid}.vertical-slider-rail{width:32px;height:142px;position:relative}.vertical-slider-rail:before{content:"";background:#d8e2d2;border-radius:999px;width:4px;position:absolute;top:5px;bottom:5px;left:50%;transform:translate(-50%)}.vertical-slider-rail input[type=range]{transform-origin:50%;width:142px;height:24px;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}.calibration-actions{flex-wrap:wrap;align-items:end;gap:10px;margin:14px 0 0;display:flex}.calibration-actions label{flex:1;gap:5px;min-width:190px;display:grid}.calibration-actions label select{margin:0}.calibration-actions button{min-height:42px}@media (max-width:700px){.device-status-grid,.printer-alignment-control{grid-template-columns:1fr}.calibration-summary-value{display:none}.vertical-control{min-height:220px}}@media (max-width:600px){.settings-card .printer-actions{grid-template-columns:1fr;display:grid}.settings-card .printer-actions>*{width:100%;min-width:0}.settings-card input[type=file]{font-size:12px}.calibration-actions label{min-width:0}}.camera-status-box{border:1px solid;border-radius:8px;margin-top:12px;padding:12px 16px;font-size:14px;font-weight:600}.camera-status-box.error{color:#b91c1c;background:#fef2f2;border-color:#fca5a5}.camera-status-box.scanning{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.camera-status-box.connected{color:#15803d;background:#f0fdf4;border-color:#86efac}