/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.block{display:block}.table{display:table}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--ink:#18211b;--muted:#69736c;--green:#225f45;--green2:#174834;--cream:#f5f3ed;--line:#dedfd8;--white:#fff}*{box-sizing:border-box}body{color:var(--ink);font-family:var(--font-geist-sans), Arial, sans-serif;background:#f7f7f4;margin:0}button,select,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{color:#fff;z-index:10;background:#18271f;flex-direction:column;width:250px;padding:28px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:inherit;text-align:left;letter-spacing:-.02em;background:0 0;border:0;align-items:center;gap:11px;font-size:16px;font-weight:650;display:flex}.brand small{color:#95a49b;letter-spacing:.23em;margin-top:2px;font-size:9px;display:block}.brand-mark{color:#1d3326;background:#d1b37a;border-radius:10px;place-items:center;width:36px;height:36px;font:700 20px Georgia;display:grid}.sidebar nav{flex-direction:column;gap:6px;margin-top:55px;display:flex}.sidebar nav button{color:#aebbb3;text-align:left;background:0 0;border:0;border-radius:10px;padding:12px 13px;font-size:14px}.sidebar nav button span{margin-right:12px;font-size:18px}.sidebar nav button.active{color:#fff;background:#294134}.sidebar-note{background:#21362a;border:1px solid #36503f;border-radius:12px;margin-top:auto;padding:14px}.sidebar-note strong{color:#d5bf91;font-size:12px}.sidebar-note p{color:#aebbb3;margin:6px 0 0;font-size:11px;line-height:1.55}.profile{border-top:1px solid #33483b;align-items:center;gap:10px;margin-top:18px;padding-top:18px;display:flex}.avatar{color:#203529;background:#d5bf91;border-radius:50%;place-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:grid}.profile strong,.profile small{font-size:12px;display:block}.profile small{color:#92a198;margin-top:2px}.main-content{max-width:1600px;margin-left:250px;padding:58px clamp(28px,5vw,80px) 80px}.mobile-header,.bottom-nav{display:none}.page-heading,.control-title{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px;display:flex}.eyebrow,.section-label{letter-spacing:.16em;color:var(--green);margin:0 0 12px;font-size:10px;font-weight:750}.page-heading h1,.control-title h1{letter-spacing:-.035em;margin:0 0 9px;font-family:Georgia,serif;font-size:38px;font-weight:500}.page-heading p,.control-title p{color:var(--muted);margin:0;font-size:14px}.primary,.secondary{border:1px solid var(--green);border-radius:9px;padding:11px 16px;font-size:13px;font-weight:650}.primary{background:var(--green);color:#fff}.primary:hover{background:var(--green2)}.full{width:100%}.demo-banner{background:#edf4ef;border:1px solid #d5dfd8;border-radius:12px;align-items:flex-start;gap:14px;margin-bottom:22px;padding:15px 18px;display:flex}.demo-banner>span{color:var(--green)}.demo-banner strong{font-size:13px}.demo-banner p{color:#5d6d63;margin:4px 0 0;font-size:12px;line-height:1.5}.device-grid{grid-template-columns:repeat(3,minmax(250px,1fr));gap:20px;display:grid}.device-card{border:1px solid var(--line);background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 7px 25px #20352909}.mini-screen{background:#e9e7e1;place-items:center;height:165px;padding:18px;display:grid}.mini-screen>div{aspect-ratio:1;text-align:center;background:#f7f5ef;border:8px solid #222c26;border-radius:9px;flex-direction:column;justify-content:center;width:130px;padding:18px;display:flex;box-shadow:0 10px 20px #14261a30}.mini-screen small{letter-spacing:.17em;color:#777;font-size:5px}.mini-screen span{margin-top:12px;font:13px/1.3 Georgia}.mini-1{background:#ddd5c9}.mini-1>div{color:#3f271c;background:#b99162}.mini-2{background:#d9ddda}.mini-2>div{color:#f4f1e8;background:#222b27}.device-title{justify-content:space-between;align-items:flex-start;display:flex}.device-title h2{margin:0 0 4px;font-size:17px}.device-title p{color:var(--muted);margin:0;font-size:11px}.status{border-radius:20px;padding:5px 8px;font-size:10px;font-weight:700}.status.online{color:#27734f;background:#e7f3eb}.device-body dl{margin:19px 0}.device-body dl div{border-top:1px solid #ecece7;justify-content:space-between;padding:9px 0;font-size:11px;display:flex}.device-body dt{color:var(--muted)}.device-body dd{margin:0;font-weight:600}.device-body .secondary{justify-content:space-between;display:flex}.add-card{min-height:370px;color:var(--green);background:0 0;border:1px dashed #bfc6bf;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.add-card>span{border:1px solid #bdc9c0;border-radius:50%;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.independent{background:#efeadd;border-radius:14px;justify-content:space-between;align-items:center;margin-top:26px;padding:20px 24px;display:flex}.independent>div{align-items:center;gap:14px;display:flex}.independent-icon{color:#39533f;background:#d7c79d;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.independent strong{font-size:13px}.independent p{color:#646b64;margin:4px 0 0;font-size:11px}.text-button,.back{color:var(--green);background:0 0;border:0;font-size:12px;font-weight:650}.back{margin-bottom:25px;padding:0}.control-title{align-items:center}.title-row{align-items:center;gap:12px;display:flex}.title-row h1{margin:0}.studio-grid{grid-template-columns:minmax(380px,.85fr) minmax(520px,1.15fr);gap:24px;display:grid}.preview-panel,.settings-panel{border:1px solid var(--line);background:#fff;border-radius:16px;padding:24px}.section-label{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.demo-pill{letter-spacing:.12em;color:#885235;background:#f4e6dc;border-radius:20px;padding:5px 7px;font-size:8px;font-weight:800}.saved{color:#3b7a58;letter-spacing:0;font-size:10px}.device-frame{background:#1e2722;border-radius:26px;max-width:430px;margin:0 auto;padding:18px;box-shadow:0 20px 35px #1b2a2030}.display-preview{aspect-ratio:1;text-align:center;border-radius:10px;flex-direction:column;justify-content:center;width:100%;padding:13%;transition:all .25s;display:flex}.display-preview.light{color:#202720;background:#f5f2ea}.display-preview.dark{color:#f3efe4;background:#202823}.display-preview.warm{color:#35241b;background:#b98559}.preview-kicker,.preview-brand{letter-spacing:.22em;opacity:.65;font-size:7px}.display-preview blockquote{margin:18% 0 8%;font:clamp(22px,2.5vw,35px)/1.25 Georgia}.display-preview cite{font:11px Georgia}.preview-brand{margin-top:auto}.preview-note{text-align:center;color:#8a918c;font-size:10px}.next{margin:18px auto 0;display:block}.setting{border-top:1px solid #e8e9e4;padding:20px 0}.setting label{font-size:13px;font-weight:700}.setting p{color:var(--muted);margin:4px 0 13px;font-size:11px}.setting.row,.range-label{justify-content:space-between;align-items:center;gap:20px;display:flex}.setting.row p,.range-label p{margin-bottom:0}.theme-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.theme-grid button{text-align:left;color:var(--ink);background:#fff;border:1px solid #d7dad6;border-radius:10px;padding:9px;position:relative}.theme-grid button.selected{border:2px solid var(--green);padding:8px}.theme-grid strong{margin-top:7px;font-size:10px;display:block}.theme-grid i{color:var(--green);font-style:normal;position:absolute;bottom:7px;right:7px}.swatch{border-radius:6px;height:46px;display:block}.swatch.light{background:#eeece6;border:1px solid #e0ded8}.swatch.dark{background:#202823}.swatch.warm{background:#b98559}select,.name-input{color:var(--ink);background:#fff;border:1px solid #d2d6d1;border-radius:8px;padding:10px;font-size:12px}.range-label strong{color:var(--green);font-size:13px}input[type=range]{width:100%;accent-color:var(--green)}.toggle{background:#c9ceca;border:0;border-radius:20px;width:44px;height:24px;padding:3px;transition:all .2s}.toggle span{background:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;display:block}.toggle.on span{transform:translate(20px)}.apply-box{background:#f0f3ef;border-radius:11px;justify-content:space-between;align-items:center;padding:14px;display:flex}.apply-box strong{font-size:12px}.apply-box p{color:var(--muted);margin:4px 0 0;font-size:10px}.settings-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.settings-grid article{border:1px solid var(--line);background:#fff;border-radius:16px;padding:26px}.settings-grid article>span{color:var(--green);font-size:25px}.settings-grid h2{margin:18px 0 10px;font:21px Georgia}.settings-grid p{color:var(--muted);font-size:13px;line-height:1.65}.settings-grid b{color:var(--green);font-size:10px}.modal-wrap{z-index:30;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.scrim{background:#111b16aa;border:0;position:absolute;inset:0}.modal{background:#fbfbf8;border-radius:18px;width:min(590px,100%);max-height:90vh;padding:32px;position:relative;overflow:auto;box-shadow:0 30px 70px #0004}.modal-close{color:#6c746f;background:0 0;border:0;font-size:25px;position:absolute;top:13px;right:16px}.modal h2{margin:0 0 10px;font:30px Georgia}.modal>div>p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.55}.pair-visual{background:#edf0eb;border-radius:14px;place-items:center;height:150px;margin:24px 0;display:grid}.pair-visual span{color:#fff;background:#294735;border-radius:20px;place-items:center;width:70px;height:70px;font-size:28px;display:grid;box-shadow:0 10px 25px #18322230}.name-input{width:100%;margin-bottom:18px}.steps{gap:5px;margin:0 0 20px;display:flex}.steps i{background:#dde0dc;border-radius:4px;flex:1;height:4px}.steps i.done{background:var(--green)}.not-now{margin-top:9px}.mode-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px;display:grid}.mode-grid button{text-align:left;color:#969b97;background:#f3f4f1;border:1px solid #dcded9;border-radius:12px;min-height:130px;padding:14px;position:relative}.mode-grid button.available{color:var(--ink);background:#fff;border-color:#7c9a87}.mode-grid button span,.mode-grid button strong,.mode-grid button small,.mode-grid button em{display:block}.mode-grid button span{color:var(--green);font-size:22px}.mode-grid button strong{margin-top:12px}.mode-grid button small{margin-top:4px}.mode-grid button em{text-transform:uppercase;color:#698072;font-size:7px;font-style:normal;position:absolute;top:8px;right:8px}.success{text-align:center;padding:25px}.success>span{width:60px;height:60px;color:var(--green);background:#e2efe6;border-radius:50%;place-items:center;margin:0 auto 20px;font-size:28px;display:grid}.success .eyebrow{margin-top:0}@media (width<=1100px){.device-grid{grid-template-columns:repeat(2,1fr)}.studio-grid{grid-template-columns:1fr}.preview-panel{max-width:650px}.settings-grid{grid-template-columns:1fr}.add-card{min-height:220px}}@media (width<=760px){.sidebar{display:none}.main-content{margin:0;padding:76px 16px 95px}.mobile-header{z-index:9;color:#fff;background:#18271f;justify-content:space-between;align-items:center;height:60px;padding:11px 16px;display:flex;position:fixed;top:0;left:0;right:0}.mobile-header .brand-mark{width:32px;height:32px}.bottom-nav{z-index:9;border-top:1px solid var(--line);background:#fff;justify-content:space-around;height:67px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:#808781;background:0 0;border:0;flex:1;font-size:20px}.bottom-nav button small{margin-top:3px;font-size:9px;display:block}.bottom-nav button.active{color:var(--green)}.page-heading,.control-title{align-items:flex-start}.page-heading h1,.control-title h1{font-size:30px}.page-heading>.primary{padding:10px;font-size:0}.page-heading>.primary:first-letter{font-size:20px}.device-grid{grid-template-columns:1fr}.independent{flex-direction:column;align-items:flex-start;gap:15px}.studio-grid{display:block}.preview-panel,.settings-panel{padding:16px}.settings-panel{margin-top:16px}.device-frame{border-radius:19px;padding:12px}.display-preview blockquote{font-size:25px}.theme-grid{gap:6px}.setting.row{align-items:flex-start}.apply-box{z-index:2;position:sticky;bottom:73px;box-shadow:0 5px 20px #18322230}.mode-grid{grid-template-columns:repeat(2,1fr)}.modal{padding:27px 20px}.settings-grid{grid-template-columns:1fr}.control-title{flex-wrap:wrap}.control-title>.secondary{width:100%}}.demo-pill.ble-live{color:#236342;background:#e2f2e7}.setting.preview-only{background:#faf8f3;margin-inline:-10px;padding-inline:10px}.control-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.inline-error,.ble-error{background:#f8e9e6;border-radius:8px;padding:10px 12px;color:#9b3f32!important;font-size:11px!important}.inline-error{margin:-14px 0 18px}.primary:disabled,.secondary:disabled,button:disabled{cursor:not-allowed;opacity:.5}@media (width<=760px){.control-actions{justify-content:stretch;width:100%}.control-actions button{flex:1}.page-heading>.primary{font-size:11px}.page-heading>.primary:first-letter{font-size:inherit}}.clock-preview{justify-content:space-between;padding:14% 10%}.clock-time{font-family:var(--font-geist-sans);letter-spacing:-.06em;font-weight:500}.clock-small{font-size:42px}.clock-medium{font-size:58px}.clock-large{font-size:72px}.clock-date{font-size:14px}.weather-line{letter-spacing:.08em;text-transform:uppercase;font-size:11px}.preview-actions,.button-row{flex-wrap:wrap;justify-content:center;gap:9px;display:flex}.status-strip{grid-template-columns:1fr auto;gap:9px;font-size:11px;display:grid}.status-strip span{color:var(--muted)}.connection-grid article{flex-direction:column;gap:8px;display:flex}.connection-grid article .primary,.connection-grid article .secondary{margin-top:auto}.connection-grid article b{margin:4px 0 12px;display:block}.connection-panels{grid-template-columns:1.1fr .9fr;gap:18px;margin-top:18px;display:grid}.network-list{gap:6px;max-height:190px;margin-bottom:18px;display:grid;overflow:auto}.network-list button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:8px;justify-content:space-between;padding:10px;display:flex}.network-list button.selected{border-color:var(--green);background:#edf4ef}.network-list small{color:var(--muted)}.field-label{margin:11px 0 6px;font-size:11px;font-weight:700;display:block}.panel-copy{color:var(--muted);font-size:12px;line-height:1.6}.coordinate-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mode-grid button.available:nth-child(2),.mode-grid button.available:nth-child(3){color:var(--ink);background:#fff;border-color:#7c9a87}.photo-display-preview{background:linear-gradient(145deg,#6d806f,#d0b684);padding:0;position:relative;overflow:hidden}.photo-display-preview>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.photo-placeholder{color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:9px;padding:20%;display:flex;position:absolute;inset:0}.photo-placeholder span{font-size:34px}.photo-placeholder strong{font-family:Georgia,serif;font-size:24px}.photo-placeholder small{line-height:1.45}.photo-overlay{z-index:2;color:#fff;text-shadow:-1px -1px #000,1px -1px #000,-1px 1px #000,1px 1px #000;font-size:24px;font-weight:700;line-height:1;position:absolute}.photo-date-overlay{letter-spacing:.05em;font-size:11px}.overlay-top_left{top:7%;left:7%}.overlay-top_right{top:7%;right:7%}.overlay-bottom_left{bottom:7%;left:7%}.overlay-bottom_right{bottom:7%;right:7%}.overlay-top_center{top:7%;left:50%;transform:translate(-50%)}.overlay-bottom_center{bottom:7%;left:50%;transform:translate(-50%)}.photo-workspace{grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:18px;margin-top:18px;display:grid}.photo-upload-heading,.upload-footer,.library-summary{justify-content:space-between;align-items:center;gap:20px;display:flex}.photo-upload-heading{margin:10px 0 20px}.photo-upload-heading h2{margin-bottom:5px;font-family:Georgia,serif;font-size:22px}.photo-upload-heading p,.upload-footer p{color:var(--muted);font-size:12px;line-height:1.5}.photo-picker{cursor:pointer;white-space:nowrap}.photo-picker input,.photo-drop-empty input{display:none}.photo-drop-empty{text-align:center;cursor:pointer;background:#f7f8f5;border:1px dashed #a9b5ad;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:210px;display:flex}.photo-drop-empty>span{color:var(--green);font-size:30px}.photo-drop-empty small{color:var(--muted)}.crop-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-height:640px;padding-right:4px;display:grid;overflow-y:auto}.crop-card{border:1px solid var(--line);background:#fff;border-radius:10px;min-width:0;overflow:hidden}.crop-preview{aspect-ratio:1;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#dde2dd;position:relative;overflow:hidden}.crop-preview:active{cursor:grabbing}.crop-preview img{object-fit:cover;pointer-events:none;width:100%;height:100%}.drag-hint{color:#fff;white-space:nowrap;background:#141e18bf;border-radius:99px;padding:5px 8px;font-size:9px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.crop-meta{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px;display:grid}.crop-meta>span{width:22px;height:22px;color:var(--green);background:#edf3ee;border-radius:50%;place-items:center;font-size:10px;font-weight:700;display:grid}.crop-meta div{min-width:0}.crop-meta strong,.crop-meta small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.crop-meta strong{font-size:10px}.crop-meta small{color:var(--muted);font-size:9px}.crop-meta button{color:var(--muted);background:0 0;border:0;font-size:18px}.upload-footer{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}.upload-progress{margin-top:14px}.upload-progress>div{background:#e3e7e3;border-radius:99px;height:7px;overflow:hidden}.upload-progress>div span{border-radius:inherit;background:var(--green);height:100%;transition:width .2s;display:block}.upload-progress small{color:var(--muted);margin-top:7px;display:block}.library-summary{align-items:flex-start;padding:12px 0 18px}.library-summary span,.library-summary strong,.library-summary small{display:block}.library-summary span,.library-summary small{color:var(--muted);font-size:10px}.library-summary strong{overflow-wrap:anywhere;margin:5px 0}.library-summary-actions{flex-direction:column;gap:7px;display:flex}.stored-photo-list{border-top:1px solid var(--line);max-height:420px;margin-bottom:16px;overflow-y:auto}.stored-photo-list>div{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px 0;display:grid}.stored-photo-list strong,.stored-photo-list small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.stored-photo-list strong{font-size:11px}.stored-photo-list small{color:var(--muted);font-size:9px}.danger-link{color:#9a3f35;background:0 0;border:0;font-size:10px;font-weight:700}.secondary.danger{color:#8f332d;border-color:#ddbbb7}.account-heading .secondary{white-space:nowrap}.cloud-signin-card,.cloud-foundation-note{background:#edf4ef;border:1px solid #bfd0c4;border-radius:12px;margin-bottom:18px;padding:18px}.cloud-signin-card,.cloud-signin-card>div{justify-content:space-between;align-items:center;gap:14px;display:flex}.cloud-signin-card>div>span{background:var(--green);color:#fff;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:19px;display:grid}.cloud-signin-card p,.cloud-foundation-note p{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.55}.cloud-signin-card a{white-space:nowrap;text-decoration:none}.cloud-success{color:#285c3c;background:#edf7ef;border:1px solid #a8c4ae;border-radius:9px;margin-bottom:16px;padding:12px 14px;font-size:12px}.cloud-claim-grid{grid-template-columns:minmax(380px,.9fr) minmax(0,1.1fr);gap:18px;display:grid}.claim-step{border-bottom:1px solid var(--line);grid-template-columns:34px minmax(0,1fr);gap:13px;padding:18px 0;display:grid}.claim-step:last-child{border-bottom:0;padding-bottom:0}.claim-step>span{width:32px;height:32px;color:var(--green);background:#e5eee7;border-radius:50%;place-items:center;font-size:11px;font-weight:800;display:grid}.claim-step p{color:var(--muted);margin:5px 0 11px;font-size:11px;line-height:1.55}.claim-fields .name-input{text-transform:uppercase;margin-bottom:6px}.claim-fields #claim-pin{letter-spacing:.18em;text-transform:none}.claim-fields .primary{margin-top:13px}.cloud-device-list{gap:12px;margin-top:14px;display:grid}.cloud-device-card{border:1px solid var(--line);background:#fff;border-radius:11px;padding:14px}.cloud-device-top{align-items:center;gap:11px;display:flex}.cloud-device-icon{color:#f0d99f;background:#1c2d24;border-radius:10px;place-items:center;width:44px;height:44px;font-family:Georgia,serif;font-size:20px;display:grid}.cloud-device-top strong,.cloud-device-top small{display:block}.cloud-device-top strong{margin-top:5px}.cloud-device-top small{color:var(--muted);margin-top:2px;font-size:10px}.cloud-device-card dl{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:1fr 1fr;gap:0;margin:14px 0;display:grid}.cloud-device-card dl>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:9px}.cloud-device-card dt{color:var(--muted);font-size:9px}.cloud-device-card dd{overflow-wrap:anywhere;margin-top:3px;font-size:10px;font-weight:700}.rename-device{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.rename-device .name-input{margin:0}.cloud-empty{text-align:center;min-height:270px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.cloud-empty>span{color:var(--green);margin-bottom:10px;font-size:32px}.cloud-empty strong{color:var(--ink)}.cloud-empty p{margin-top:5px;font-size:11px}.cloud-foundation-note{margin:18px 0 0}@media (width<=900px){.connection-panels,.photo-workspace,.cloud-claim-grid{grid-template-columns:1fr}}@media (width<=760px){.clock-small{font-size:34px}.clock-medium{font-size:44px}.clock-large{font-size:54px}.coordinate-grid,.connection-grid{grid-template-columns:1fr}.crop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-upload-heading,.upload-footer{flex-direction:column;align-items:stretch}.photo-picker,.upload-footer .primary{text-align:center;width:100%}.cloud-signin-card{flex-direction:column;align-items:stretch}.cloud-signin-card a{text-align:center}.rename-device{grid-template-columns:1fr}}:root{--ink:#f4f4f1;--muted:#9b9da2;--green:#e8b95f;--green2:#cf9440;--cream:#121418;--line:#2a2d33;--white:#121418;--surface:#121418;--surface-raised:#17191e;--surface-soft:#0e1014;--gold:#e8b95f;--gold-soft:#f2ce82}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#080a0d}body{color:var(--ink);background:radial-gradient(circle at 72% -15%,#d39c4017,#0000 30%),#080a0d}button,a,input,select{transition:border-color .18s,background .18s,color .18s,transform .18s,box-shadow .18s}button:not(:disabled):active{transform:translateY(1px)}.app-shell{background:0 0}.sidebar{color:#f5f5f3;background:#080a0df7;border-right:1px solid #24272d;width:280px;padding:28px 24px 24px;box-shadow:18px 0 50px #0000002e}.brand{letter-spacing:.18em;text-transform:uppercase;gap:16px;font-size:15px;font-weight:750}.brand small{color:#777a80;letter-spacing:.32em;font-size:7px}.brand-mark{width:38px;height:38px;color:var(--gold-soft);border:2px solid var(--gold);font:700 18px var(--font-geist-sans);background:#0b0d10;border-radius:9px;box-shadow:inset 0 0 12px #e8b95f14,0 0 20px #e8b95f14}.sidebar nav{gap:10px;margin-top:56px}.sidebar nav button{color:#a9abb0;border-radius:12px;padding:15px 16px;font-size:14px;font-weight:520}.sidebar nav button:hover{color:#f4f4f1;background:#121419}.sidebar nav button.active{color:var(--gold-soft);background:linear-gradient(100deg,#1b1a17,#151619);box-shadow:inset 0 0 0 1px #e8b95f0f}.sidebar-note{background:linear-gradient(145deg,#16181c,#111317);border:1px solid #292c32;border-radius:13px;padding:18px;box-shadow:0 18px 38px #0000003d}.sidebar-note strong{color:var(--gold);letter-spacing:.06em}.sidebar-note p,.profile small{color:#96999f}.profile{border-color:#25282d}.avatar{color:#17130b;background:linear-gradient(145deg,#efc36f,#a86f22);border-radius:10px;box-shadow:0 8px 20px #c58a2d38}.main-content{max-width:none;min-height:100vh;margin-left:280px;padding:48px clamp(28px,4.5vw,76px) 80px}.page-heading,.control-title{margin-bottom:28px}.eyebrow,.section-label{color:var(--gold);letter-spacing:.18em;font-size:10px}.page-heading h1,.control-title h1{color:#f5f5f3;font-family:var(--font-geist-sans), Arial, sans-serif;letter-spacing:-.045em;font-size:clamp(34px,4vw,48px);font-weight:730}.page-heading p,.control-title p,.panel-copy{color:var(--muted)}.primary,.secondary{border-radius:10px;min-height:42px;font-weight:720}.primary{color:#17130b;background:linear-gradient(135deg,#f0ca79,#d99e42);border-color:#e6b55d;box-shadow:0 10px 30px #d69b3d21}.primary:hover{color:#100d08;background:linear-gradient(135deg,#f5d58e,#e6ad50);box-shadow:0 12px 34px #d69b3d38}.secondary{color:var(--gold-soft);background:#111318;border-color:#373a41}.secondary:hover{color:#ffe0a1;background:#18191c;border-color:#7d6338}.demo-banner{background:linear-gradient(105deg,#15171c,#101216);border-color:#30333a;border-radius:14px;align-items:center;min-height:105px;margin-bottom:24px;padding:22px 26px;position:relative;overflow:hidden;box-shadow:0 20px 45px #00000026}.demo-banner:after{content:"";opacity:.28;pointer-events:none;background-image:radial-gradient(circle,#e3ab4c 1.2px,#0000 1.4px);background-size:11px 11px;width:420px;height:180px;position:absolute;bottom:-100px;right:-35px;transform:rotate(-8deg);-webkit-mask-image:linear-gradient(90deg,#0000,#000 35%);mask-image:linear-gradient(90deg,#0000,#000 35%)}.demo-banner>span{color:var(--gold);text-shadow:0 0 18px #e8b95f73;font-size:22px}.demo-banner strong{color:#f3f3f1;font-size:14px}.demo-banner p{color:#a9abb0}.device-grid{gap:24px}.device-card,.settings-grid article,.preview-panel,.settings-panel,.crop-card,.cloud-device-card{color:var(--ink);background:linear-gradient(145deg,#181a1f,#111317);border-color:#30333a;box-shadow:0 22px 45px #0003}.device-card{border-radius:16px}.device-card:hover{border-color:#4a4130;transform:translateY(-2px);box-shadow:0 26px 60px #0000004d}.mini-screen{background:radial-gradient(circle at 52% 65%,#d59f4533,#0000 30%),linear-gradient(145deg,#1a1917,#0e1014);border-bottom:1px solid #292c32;height:205px}.mini-screen>div{border-color:#0b0d0f;width:150px;box-shadow:0 15px 30px #0000008c,0 0 35px #e2ab4f14}.mini-1,.mini-2{background:radial-gradient(circle at 48% 64%,#c78b3238,#0000 32%),linear-gradient(145deg,#191714,#0d1014)}.device-body{padding:20px 22px}.device-title h2{color:#f7f7f5}.device-title p,.device-body dt{color:#9b9da2}.device-body dd{color:var(--gold-soft)}.device-body dl div,.setting,.upload-footer,.stored-photo-list,.stored-photo-list>div,.claim-step,.cloud-device-card dl,.cloud-device-card dl>div{border-color:#2a2d33}.status.online,.demo-pill.ble-live{color:#76d795;background:#2f7f4b29}.status.offline{color:#aaaeb3;background:#22252a}.demo-pill{color:#f2c878;background:#d59c3e21;border:1px solid #e8b95f14}.add-card{color:var(--gold);background:#0f111573;border-color:#55585f}.add-card:hover{border-color:var(--gold);background:#121418}.add-card>span{border-color:#876936}.add-card small{color:#97999e}.independent,.apply-box,.setting.preview-only,.cloud-signin-card,.cloud-foundation-note{color:var(--ink);background:linear-gradient(135deg,#17191d,#121418);border:1px solid #30333a}.independent-icon{color:#18140c;background:linear-gradient(145deg,#f0c76f,#b77b27)}.independent p,.apply-box p,.cloud-signin-card p,.cloud-foundation-note p{color:var(--muted)}.preview-panel,.settings-panel{border-radius:16px}.device-frame{background:#07090b;border:1px solid #2f3238;box-shadow:0 26px 60px #0000008c,0 0 45px #d59c3e14}.preview-note,.setting p,.photo-upload-heading p,.upload-footer p,.library-summary span,.library-summary small,.crop-meta small,.stored-photo-list small,.claim-step p,.cloud-device-top small,.cloud-empty{color:var(--muted)}.theme-grid button,.mode-grid button,.mode-grid button.available,.mode-grid button.available:nth-child(2),.mode-grid button.available:nth-child(3),.network-list button,.crop-card{color:var(--ink);background:#111318;border-color:#34373d}.theme-grid button:hover,.mode-grid button.available:hover,.network-list button:hover{background:#18191d;border-color:#745c34}.theme-grid button.selected,.network-list button.selected{border-color:var(--gold);background:#dba64b14}select,.name-input{color:#f2f2ef;background:#0c0e12;border-color:#35383f}select:focus,.name-input:focus{border-color:var(--gold);outline:2px solid #e8b95f2e}input[type=range]{accent-color:var(--gold)}.range-label strong,.text-button,.back,.settings-grid article>span,.settings-grid b,.mode-grid button span,.photo-drop-empty>span,.crop-meta>span,.cloud-empty>span{color:var(--gold)}.toggle{background:#35383e}.toggle.on{background:linear-gradient(90deg,#b77c29,#e8b95f)}.toggle span{background:#f5f5f1}.settings-grid h2,.settings-grid p,.photo-upload-heading h2,.cloud-empty strong{color:var(--ink)}.modal-wrap .scrim{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000c7}.modal{color:var(--ink);background:linear-gradient(145deg,#191b20,#101216);border:1px solid #34373e;box-shadow:0 35px 90px #0000009e}.modal-close,.modal>div>p:not(.eyebrow){color:var(--muted)}.pair-visual,.photo-drop-empty{background:#0d0f13;border-color:#3b3e45}.pair-visual span{color:#17130b;background:linear-gradient(145deg,#f0c873,#bb7c27)}.steps i{background:#30333a}.steps i.done,.upload-progress>div span{background:var(--gold)}.photo-drop-empty,.crop-preview{background-color:#0c0e11}.upload-progress>div{background:#2a2d33}.cloud-signin-card>div>span,.claim-step>span{color:#17130b;background:linear-gradient(145deg,#f0c873,#b77a26)}.cloud-success{color:#8ee0a4;background:#29794326;border-color:#356d46}.cloud-device-icon{color:#17130b;background:linear-gradient(145deg,#f0c873,#b77a26)}.inline-error,.ble-error{background:#8f2e272e;border:1px solid #e5675b40;color:#ffaea3!important}.danger-link,.secondary.danger{color:#ff9d92}.secondary.danger{border-color:#6f3834}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0c0e11}::-webkit-scrollbar-thumb{background:#34373d;border:2px solid #0c0e11;border-radius:20px}@media (width<=760px){body{background:#090b0e}.main-content{margin:0;padding:82px 16px 100px}.mobile-header{color:#f5f5f2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080a0df5;border-bottom:1px solid #282b31}.mobile-header .brand{font-size:12px}.bottom-nav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0c0ff7;border-color:#292c31}.bottom-nav button{color:#85888e}.bottom-nav button.active{color:var(--gold)}.page-heading h1,.control-title h1{font-size:32px}.demo-banner{min-height:0;padding:17px}.mini-screen{height:190px}.device-card:hover{transform:none}.apply-box{box-shadow:0 10px 30px #0000007a}}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}