:root{color:#2c4036;font-synthesis:none;--paper:#fffcf5;--ink:#2c4036;--green:#365747;--muted:#63715f;--line:#dedfd3;--soft:#e9ede3;--serif:"Noto Serif TC", "Songti TC", "PMingLiU", serif;--text-body:1rem;--text-secondary:.875rem;--text-caption:.75rem;background:#f5f3ec;font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif;font-size:100%;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{opacity:.35;cursor:not-allowed}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:4px;outline:2px solid #a87949}button{transition:background .18s,transform .18s,box-shadow .18s}button:not(:disabled):active{transform:translateY(1px)}a{color:inherit}h1,h2,h3,p{margin:0}svg{flex-shrink:0}button svg{vertical-align:middle}::selection{background:#d8e4d2}label{font-size:var(--text-body);font-weight:500;display:block}label>span{font-size:var(--text-secondary);color:var(--muted);margin-left:8px;font-weight:400}input:not([type=checkbox]),textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fffef9;border-radius:9px;margin-top:10px;padding:14px 15px;line-height:1.7;display:block}input::placeholder,textarea::placeholder{color:#a2a69a}textarea{resize:vertical}input[type=checkbox]{accent-color:var(--green);width:18px;height:18px}button:disabled.selected{opacity:.7}.app{max-width:1600px;min-height:100dvh;margin:auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;height:100px;margin:0 5.5%;display:flex}.brand{text-align:left;letter-spacing:3px;font-family:var(--serif);align-items:center;gap:12px;padding:0;font-size:23px;font-weight:600;display:flex}.brand small{font:var(--text-caption) sans-serif;letter-spacing:2.6px;margin-top:7px;display:block}.brand-mark{border:1px solid #99a893;border-radius:50%;justify-content:center;align-items:center;width:47px;height:47px;display:flex}.site-header nav{align-items:center;gap:14px;display:flex}.site-header nav button{font-size:var(--text-secondary);color:var(--muted);border-radius:30px;align-items:center;gap:8px;padding:13px 19px;display:flex}.site-header nav .active{color:var(--green);background:#e6ebdf}.site-header nav b{font-size:var(--text-secondary);background:#d7dfce;border-radius:10px;padding:2px 6px}.install-button{font-size:var(--text-secondary);border:1px solid #c8cfbe;border-radius:25px;align-items:center;gap:8px;padding:11px 17px;display:flex}.install-button:hover{background:#e8ede1}.home-page,.library-page,.reflection-page{max-width:1280px;margin:auto;padding:0 5%}.hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:28px;min-height:548px;padding:38px 0 35px;display:grid}.eyebrow{font:var(--text-caption)/1.5 sans-serif;letter-spacing:2px;color:#8b917e;display:block}.hero .eyebrow{font-size:var(--text-secondary);letter-spacing:2px;color:#778268;align-items:center;gap:9px;line-height:1.6;display:flex}.tiny-spark{color:#929c72;font-size:24px}.hero h1{font-family:var(--serif);letter-spacing:2px;margin:22px 0;font-size:clamp(34px,3.5vw,51px);font-weight:500;line-height:1.6}.hero h1>span{color:#587653}.hero-description{font-size:var(--text-body);letter-spacing:.5px;color:#7d8478;line-height:2.05}.hero-actions{align-items:center;gap:10px;margin-top:28px;display:flex}.button{min-height:46px;font-size:var(--text-body);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:12px 20px;line-height:1.4;display:inline-flex}.button.primary{background:var(--green);color:#fffef5;border:1px solid var(--green);box-shadow:0 3px 6px #263b3010}.button.primary:hover{background:#284435}.button.secondary{background:var(--paper);border:1px solid #cfd5c7}.button.secondary:hover{background:#eef0e6}.button.large{min-height:52px;padding:16px 24px}.button.text{color:#64765d;padding:12px}.button.subtle{background:#eaece2;min-height:42px;padding:10px 14px}.button.danger{color:#fff;background:#9b4f43}.button.full{width:100%}.button.compact{min-height:40px;padding:10px 16px}.hero-notes{color:#8c927f;font-size:var(--text-secondary);gap:21px;margin-top:20px;display:flex}.hero-notes>span{align-items:center;gap:6px;display:flex}.hero-art{justify-content:center;align-items:center;height:430px;display:flex;position:relative}.orbit{border:1px solid #dde0d0;border-radius:50%;width:365px;height:365px;position:absolute;transform:rotate(-20deg)}.orbit-one:after{content:"";background:#b7bd99;border-radius:50%;width:6px;height:6px;position:absolute;top:84px;left:19px}.orbit-two{opacity:.4;border-style:dashed;width:445px;height:445px}.paper-main{z-index:2;background:#fffcf5;border:1px solid #e8e5d9;width:310px;height:330px;padding:17px 20px;position:relative;transform:rotate(7deg);box-shadow:3px 10px 32px #39442717}.paper-main .pattern-art{color:#3c493b;width:270px;height:270px}.paper-caption{font-family:var(--serif);font-size:var(--text-caption);text-align:center;letter-spacing:3px;color:#849177;margin-top:3px;display:block}.paper-back{background:#fdf9ed;border:1px solid #e5e2d7;width:225px;height:247px;padding:12px;position:absolute;bottom:55px;left:4px;transform:rotate(-14deg);box-shadow:0 7px 20px #39442710}.paper-back .pattern-art{color:#75836d;width:100%;height:100%}.art-coordinate{font-size:var(--text-caption);letter-spacing:2px;color:#8f987d;position:absolute;top:10px;left:6px}.art-stamp{z-index:3;background:#eff1e5;border:1px solid #adba9c;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:80px;height:80px;display:flex;position:absolute;bottom:48px;right:4px;transform:rotate(-10deg)}.art-stamp span{font-family:var(--serif);font-size:var(--text-secondary);letter-spacing:2px;line-height:1.5}.art-caption{text-align:center;font-size:var(--text-caption);color:#919580;letter-spacing:1px;position:absolute;bottom:0;left:0;right:0}.art-caption>span{font-size:var(--text-caption);letter-spacing:2px;margin-top:7px;display:block}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px;display:flex}.section-heading h2{font-family:var(--serif);letter-spacing:2px;margin-top:10px;font-size:26px;font-weight:500}.section-heading>p{font-size:var(--text-body);color:#8a907f;margin-bottom:4px}.start-section{padding:13px 0 48px}.start-grid{grid-template-columns:repeat(3,1fr);gap:17px;display:grid}.start-card{text-align:left;background:#f9f8f1;border:1px solid #dbdfd2;border-radius:12px;align-items:flex-end;min-height:205px;padding:24px 23px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;position:relative;overflow:hidden}.start-card:hover{border-color:#a6b69c;transform:translateY(-4px);box-shadow:0 10px 24px #344a3510}.start-card.guided{background:#e9eddf;border-color:#d5ddc7}.card-illustration{color:#586c4c;opacity:.8;width:115px;height:115px;position:absolute;top:-8px;right:-8px;transform:rotate(7deg);-webkit-mask-image:linear-gradient(130deg,#000 40%,#0000 100%);mask-image:linear-gradient(130deg,#000 40%,#0000 100%)}.card-illustration .pattern-art{width:100%;height:100%}.start-card-text{z-index:1;flex-direction:column;gap:10px;display:flex;position:relative}.card-kicker{font-size:var(--text-caption);letter-spacing:1.4px;color:#8b967e}.start-card strong{font-family:var(--serif);letter-spacing:2px;font-size:23px;font-weight:500}.start-card-text>span:last-child{font-size:var(--text-body);color:#7f8875}.round-arrow{background:#f8f9f1;border:1px solid #ced7c2;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;bottom:51px;right:16px}.recommended{font-size:var(--text-caption);letter-spacing:1px;color:#526449;background:#dde5d1;border-radius:4px;padding:5px 9px;position:absolute;top:18px;left:23px}.recent-section{padding:7px 0 37px}.text-button{font-size:var(--text-body);color:#607253;align-items:center;gap:6px;min-height:42px;padding:6px 2px;display:inline-flex}.text-button:hover{color:#2e4f38}.empty-collection{background:#f3f3e9;border:1px dashed #cfd7c3;border-radius:11px;align-items:center;gap:19px;min-height:119px;padding:25px 30px;display:flex}.empty-art{color:#88947a;border:1px solid #d9dfce;border-radius:50%;justify-content:center;align-items:center;width:53px;height:53px;display:flex}.empty-collection h3{font-family:var(--serif);letter-spacing:1px;font-size:1.0625rem;font-weight:400}.empty-collection p{font-size:var(--text-body);color:#8b937f;margin-top:9px}.empty-collection>.text-button{margin-left:auto}.gentle-note{color:#96a086;justify-content:center;align-items:center;gap:22px;padding:38px 0 45px;display:flex}.gentle-note>span{font:55px var(--serif);opacity:.55;height:41px}.gentle-note p{font-family:var(--serif);letter-spacing:1.3px;font-size:.9375rem}.gentle-note>svg{color:#afba9c;margin-left:28px}.site-footer{border-top:1px solid var(--line);color:#8a937e;font-size:var(--text-caption);letter-spacing:1.3px;justify-content:space-between;align-items:center;margin:0 5.5%;padding:25px 0;display:flex}.site-footer>span{align-items:center;gap:9px;display:flex}.footer-separator{color:#c0c7b4;margin:0 7px}.site-footer>button{font-size:var(--text-caption);letter-spacing:1px;align-items:center;gap:7px;display:flex}.connection-dot{background:#c2c3b7;border-radius:50%;width:5px;height:5px}.connection-dot.ready{background:#93a077}.row{align-items:center;gap:10px;display:flex}.between{justify-content:space-between}.muted{color:var(--muted);line-height:1.8}.small{font-size:var(--text-secondary)}.icon-button{border-radius:8px;justify-content:center;align-items:center;width:43px;min-width:43px;height:43px;display:inline-flex}.icon-button:hover:not(:disabled){background:#e5eade}.icon-button.selected{color:#355e38;background:#dce5d5}.notice{font-size:var(--text-secondary);background:#e9eddf;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:9px 18px;line-height:1.7;display:flex}.notice.error{color:#915444;background:#f4e2d5}.loading-screen{min-height:60vh;color:var(--muted);font-size:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.spin{animation:1.2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.page-intro{justify-content:space-between;align-items:end;gap:20px;padding:58px 0 36px;display:flex}.page-intro h1{font-family:var(--serif);letter-spacing:3px;margin:12px 0;font-size:39px;font-weight:500}.page-intro p{font-size:var(--text-body);color:var(--muted)}.library-toolbar{border-bottom:1px solid var(--line);font-size:var(--text-secondary);justify-content:space-between;align-items:center;gap:18px;margin-bottom:28px;padding-bottom:22px;display:flex}.artwork-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 22px;display:grid}.artwork-card{min-width:0}.artwork-image{background:#eaece1;border:1px solid #dfe3d5;border-radius:10px;width:100%;padding:20px;display:block;position:relative;overflow:hidden}.thumbnail{aspect-ratio:1;background:var(--paper);width:100%;height:auto;display:block}.artwork-image .thumbnail{transition:transform .3s;transform:rotate(-1deg);box-shadow:0 3px 10px #384a3010}.artwork-image:hover .thumbnail{transform:rotate(1deg)scale(1.025)}.artwork-open{opacity:0;background:#fcfcf1e8;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:opacity .2s;display:flex;position:absolute;bottom:18px;right:18px}.artwork-image:hover .artwork-open{opacity:1}.status-label{font-size:var(--text-secondary);color:#758566;background:#f9faf2e8;border:1px solid #e0e6d6;border-radius:15px;padding:5px 9px;position:absolute;top:13px;left:13px}.artwork-meta{justify-content:space-between;align-items:center;gap:8px;padding:15px 2px 0;display:flex}.artwork-meta>div:first-child{min-width:0}.artwork-meta h3{font-family:var(--serif);text-overflow:ellipsis;white-space:nowrap;font-size:1.125rem;font-weight:500;overflow:hidden}.artwork-meta p{font-size:var(--text-secondary);color:#88927c;margin-top:8px}.artwork-meta p span{margin:0 6px}.artwork-actions{align-items:center;display:flex}.artwork-actions .icon-button{color:#7f8b73;width:32px;min-width:32px;height:36px}.backup-note{color:#738365;background:#eceee4;border-radius:10px;align-items:start;gap:13px;margin:45px 0 55px;padding:23px 26px;display:flex}.backup-note strong{font-size:var(--text-secondary);font-weight:500}.backup-note p{font-size:var(--text-body);margin-top:7px;line-height:1.9}.library-empty{text-align:center;color:#809271;padding:70px 16px}.library-empty h2{font-family:var(--serif);margin:20px 0 13px;font-size:22px;font-weight:400}.library-empty p{font-size:var(--text-body);margin-bottom:25px}.studio-app .site-header{height:78px}.studio-page{max-width:1500px;margin:auto;padding:0 3.5%}.studio-heading{align-items:center;gap:8px;padding:17px 0;display:flex}.studio-title{flex:1}.studio-title h1{letter-spacing:1px;text-overflow:ellipsis;white-space:nowrap;max-width:50vw;font-size:1.125rem;font-weight:500;overflow:hidden}.save-status{font-size:var(--text-secondary);color:#849477;align-items:center;gap:4px;margin-top:6px;display:flex}.save-status.error{color:#a25745}.studio-workspace{grid-template-columns:minmax(0,1fr) 275px;align-items:start;gap:23px;display:grid}.canvas-column{background:#e9ece1;border:1px solid #dce1d2;border-radius:12px;position:relative;overflow:hidden}.canvas-topline{font-size:var(--text-secondary);color:#839075;justify-content:space-between;align-items:center;padding:14px 20px 8px;display:flex}.canvas-topline>span:first-child{color:#6e805e;align-items:center;gap:6px;display:flex}.ink-dot{background:#426541;border-radius:50%;width:5px;height:5px}.drawing-stage{touch-action:none;-webkit-user-select:none;user-select:none;overscroll-behavior:contain;cursor:crosshair;width:100%;height:calc(100dvh - 302px);min-height:360px;max-height:810px;position:relative}.drawing-stage canvas{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.canvas-whisper{text-align:center;pointer-events:none;font:var(--text-secondary) var(--serif);letter-spacing:1px;color:#b4bbab;position:absolute;top:50%;left:12%;right:12%;transform:translateY(-50%)}.canvas-view-tools{color:#7c8b70;justify-content:flex-end;align-items:center;gap:3px;padding:2px 14px 10px;display:flex}.canvas-view-tools>span:first-child{font-size:var(--text-secondary);font-variant-numeric:tabular-nums;margin-right:7px}.canvas-view-tools .icon-button{width:35px;min-width:35px;height:35px}.canvas-view-tools .text-button{min-height:35px;margin-left:5px}.tool-divider{background:#d8dfcf;width:1px;height:23px;margin:0 6px;display:block}.studio-sidebar{padding:13px 0}.studio-sidebar h2{font-family:var(--serif);margin:8px 0;font-size:22px;font-weight:500}.studio-sidebar .small{font-size:var(--text-secondary)}.mode-grid{grid-template-columns:1fr 1fr;gap:8px;margin:18px 0 25px;display:grid}.mode-grid button{min-height:49px;font-size:var(--text-body);background:#fbfaf4;border:1px solid #d8dfcf;border-radius:8px;justify-content:center;align-items:center;gap:8px;display:flex}.mode-grid .selected{color:#3d6236;background:#e1e9d9;border-color:#9aad8d}.lesson-panel{background:#fdfbf4;border:1px solid #dce2d1;border-radius:10px;margin-bottom:18px;overflow:hidden}.lesson-toggle{width:100%;font-size:var(--text-body);justify-content:space-between;align-items:center;padding:16px 14px;display:flex}.lesson-toggle>span{align-items:center;gap:7px;display:flex}.lesson-toggle small{color:#99a189;font-size:var(--text-secondary);margin-left:9px}.lesson-toggle svg.collapsed{transform:rotate(-90deg)}.lesson-content{padding:0 16px 10px}.lesson-demo{background:#f2f2e7;border-radius:7px;height:90px;margin-bottom:15px;position:relative;overflow:hidden}.lesson-demo .pattern-art{color:#7a8c68;width:170px;height:170px;position:absolute;top:-20px;right:0}.lesson-demo>span{font-size:var(--text-secondary);letter-spacing:1px;color:#95a186;position:absolute;bottom:12px;left:12px}.lesson-content h3{margin-bottom:9px;font-size:1.125rem;font-weight:500}.lesson-content>p{font-size:var(--text-body);color:#7a8870;line-height:1.9}.lesson-pagination{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.lesson-pagination .icon-button{width:28px;min-width:28px}.step-dots{gap:4px;display:flex}.step-dots>span{background:#dde3d3;border-radius:3px;width:4px;height:4px}.step-dots>.active{background:#7d946a;width:12px}.lesson-pagination .text-button{font-size:var(--text-body)}.pattern-library-button{text-align:left;border-top:1px solid #dde2d3;border-bottom:1px solid #dde2d3;align-items:center;gap:10px;width:100%;padding:12px 8px;display:flex}.mini-pattern{color:#859774;background:#edf0e4;border-radius:6px;width:41px;height:41px;padding:5px;display:block}.mini-pattern .pattern-art{width:100%;height:100%}.pattern-library-button>span:nth-child(2){flex:1}.pattern-library-button strong{font-size:1.125rem;font-weight:500;display:block}.pattern-library-button small{font-size:var(--text-secondary);color:#8c997f;margin-top:6px;display:block}.studio-quote{font:var(--text-secondary)/1.9 var(--serif);letter-spacing:1px;color:#9aa68a;text-align:center;padding:24px 8px}.drawing-toolbar{background:#fafaf2;border:1px solid #d7dfcc;border-radius:12px;align-items:center;gap:3px;margin:14px 298px 16px 0;padding:7px 12px;display:flex;box-shadow:0 3px 8px #47553606}.toolbar-history,.pen-sizes{gap:3px;display:flex}.pen-sizes .icon-button span{background:#35533b;border-radius:50%;display:block}.toolbar-caption{font-size:var(--text-secondary);color:#94a186;margin-left:auto;padding-right:7px}.is-focused .studio-workspace{grid-template-columns:1fr}.is-focused .drawing-toolbar{margin-right:0}.is-focused .drawing-stage{height:calc(100dvh - 302px)}.mobile-mode,.mobile-only{display:none}.reflection-page{padding-top:25px;padding-bottom:60px}.back-link{margin-bottom:27px}.reflection-layout{grid-template-columns:1.05fr 1fr;align-items:center;gap:65px;display:grid}.finished-paper{background:#e8ebdf;border-radius:10px;padding:25px}.finished-paper .thumbnail{transform:rotate(-1.5deg);box-shadow:2px 5px 18px #3c49351a}.finished-paper>span{text-align:center;font-size:var(--text-secondary);color:#8a967d;letter-spacing:1px;padding-top:24px;display:block}.reflection-form h1{font:500 38px/1.6 var(--serif);letter-spacing:2px;margin:13px 0}.reflection-form>.muted{font-size:var(--text-body);margin-bottom:30px}.reflection-form>label{margin-bottom:21px}.reflection-form textarea{min-height:135px}.reflection-date{font-size:var(--text-secondary);color:#94a085;justify-content:space-between;align-items:center;display:flex}.reflection-date .save-status{margin:0}.reflection-buttons{gap:12px;margin-top:27px;display:flex}.backup-single{font-size:var(--text-secondary);margin-top:13px}.modal{color:var(--ink);background:#faf9f1;border:1px solid #d9dfcc;border-radius:17px;width:min(470px,100vw - 28px);max-height:88dvh;padding:26px;box-shadow:0 20px 100px #243a3033}.modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#273b345b}.modal.wide{width:min(670px,100vw - 28px)}.modal-heading{justify-content:space-between;align-items:center;gap:14px;margin:-6px -6px 14px 0;display:flex}.modal-heading h2{font:500 23px var(--serif);letter-spacing:1px}.modal>.muted{font-size:var(--text-body);margin-bottom:22px}.modal-actions{justify-content:flex-end;margin-top:24px}.check-label{font-size:var(--text-secondary);align-items:center;gap:9px;margin:23px 0;display:flex}.segmented{background:#f0f2e8;border:1px solid #d9e0cf;border-radius:9px;margin:12px 0;display:flex;overflow:hidden}.segmented button{font-size:var(--text-body);border:3px solid #0000;border-radius:8px;flex:1;padding:13px 10px}.segmented button.selected{background:#fffdf5;border-color:#e2e8d8;box-shadow:0 2px 4px #42543d08}.install-intro{text-align:center;padding:10px 15px 24px}.install-intro .brand-mark{width:70px;height:70px;margin:auto}.install-intro p{font-size:var(--text-body);margin-top:20px;line-height:1.9}.install-instructions p{font-size:var(--text-body);background:#eff1e7;border-radius:9px;margin-bottom:12px;padding:15px 18px;line-height:2}.install-instructions strong{color:#517147;font-weight:500}.modal>.small{margin-top:20px}.pattern-picker{grid-template-columns:repeat(6,1fr);gap:8px;margin:20px 0;display:grid}.pattern-picker button{background:#f6f6eb;border:1px solid #e0e5d5;border-radius:8px;padding:8px 6px}.pattern-picker .selected{background:#e4ecd9;border-color:#8fa97d}.pattern-picker .pattern-art{color:#789162;width:100%;height:auto}.pattern-picker span{font-size:var(--text-secondary);margin-top:6px;display:block}.pattern-detail{background:#f0f2e6;border-radius:10px;grid-template-columns:1fr 1.2fr;align-items:center;gap:27px;padding:25px;display:grid}.pattern-step-art{background:#fffcf5;border:1px solid #e1e6d5;padding:10px}.pattern-step-art .pattern-art{color:#4e6b42;width:100%;height:auto}.pattern-detail h3{font:500 23px var(--serif);margin:12px 0}.pattern-detail p{font-size:var(--text-body);color:#7a8b6a;margin-bottom:20px;line-height:1.9}.pattern-step-art path{stroke-dasharray:700;stroke-dashoffset:0;animation:2.4s ease-out draw-path}@keyframes draw-path{0%{stroke-dashoffset:700px}to{stroke-dashoffset:0}}.share-panel>.muted{font-size:var(--text-body);margin-bottom:18px}.share-options{padding:10px 0}.share-options label{font-size:var(--text-secondary)}.share-options textarea{font-size:var(--text-body)}.share-options .check-label{margin:10px 0}.share-preview{color:#748c64;background:#e9ede0;border-radius:10px;justify-content:center;align-items:center;min-height:200px;margin:16px 0;padding:15px;display:flex}.share-preview img{max-width:100%;max-height:340px;box-shadow:0 5px 12px #364a3015}.share-preview p{font-size:var(--text-secondary);line-height:1.8}.share-actions{gap:8px;display:flex}.share-actions .button{flex:1;padding:12px}.share-panel>.small{margin-top:14px}.toast{left:50%;bottom:max(24px, env(safe-area-inset-bottom));color:#fafbef;width:max-content;max-width:calc(100vw - 28px);font-size:var(--text-secondary);z-index:99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#304e3ded;border:1px solid #7790694d;border-radius:11px;align-items:center;gap:10px;padding:14px 16px;line-height:1.6;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 7px 22px #20312725}.toast>button{color:inherit;padding:5px;display:flex}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;position:absolute;overflow:hidden;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important}@media (width>=1400px){.hero{min-height:590px}.hero-art{height:450px}.paper-main{width:330px;height:352px}.paper-main .pattern-art{width:290px;height:290px}.hero h1{font-size:51px}}@media (width<=1100px){.hero{gap:8px}.hero h1{font-size:37px}.hero-art{transform-origin:100%;transform:scale(.88)}.hero-description{font-size:var(--text-body)}.hero-notes{gap:12px}.start-card{padding:21px 17px}.start-card-text>span:last-child{font-size:var(--text-body);max-width:190px}.start-card .round-arrow{bottom:45px;right:12px}.recommended{left:17px}.studio-workspace{grid-template-columns:minmax(0,1fr) 240px;gap:17px}.drawing-toolbar{margin-right:257px}.toolbar-caption{display:none}.reflection-layout{gap:35px}.reflection-form h1{font-size:32px}}@media (width<=760px){.site-header{gap:10px;height:77px;margin:0 5%}.brand{letter-spacing:2px;gap:9px;font-size:1.25rem}.brand-mark{width:38px;height:38px}.brand small{font-size:var(--text-caption);letter-spacing:1.8px;margin-top:5px}.site-header nav{gap:3px}.site-header nav button{font-size:var(--text-secondary);gap:5px;padding:11px 12px}.site-header nav button svg{display:none}.install-button{border:0;padding:8px}.install-button span{display:none}.home-page,.library-page,.reflection-page{padding-left:6%;padding-right:6%}.hero{grid-template-columns:1fr;gap:8px;min-height:0;padding-top:37px}.hero-copy{z-index:3;position:relative}.hero h1{letter-spacing:2px;margin:19px 0;font-size:39px}.hero-description{font-size:var(--text-body);line-height:2}.hero-actions{margin-top:25px}.hero-notes{font-size:var(--text-secondary);gap:17px}.hero-art{width:100%;max-width:450px;height:335px;margin:15px auto 0;transform:none}.paper-main{width:245px;height:266px;padding:15px;transform:rotate(7deg)}.paper-main .pattern-art{width:215px;height:215px}.paper-caption{font-size:var(--text-caption)}.paper-back{width:190px;height:203px;bottom:53px;left:5px}.orbit-one{width:285px;height:285px}.orbit-two{width:325px;height:325px}.art-coordinate{font-size:var(--text-caption);top:7px;left:15px}.art-stamp{width:65px;height:65px;bottom:29px;right:0}.art-stamp span{font-size:var(--text-secondary)}.art-stamp svg{width:15px}.art-caption{font-size:var(--text-caption);bottom:-8px}.art-caption>span{font-size:var(--text-caption);margin-top:4px}.section-heading{align-items:center;margin-bottom:19px}.section-heading h2{letter-spacing:1px;font-size:24px}.section-heading>p{display:none}.section-heading .eyebrow{font-size:var(--text-caption);letter-spacing:1.5px}.start-section{padding-top:33px;padding-bottom:31px}.start-grid{grid-template-columns:1fr;gap:11px}.start-card{min-height:137px;padding:21px 20px}.start-card-text{gap:8px}.start-card strong{font-size:21px}.card-kicker{font-size:var(--text-caption);letter-spacing:1.2px}.start-card-text>span:last-child{max-width:none;font-size:var(--text-body)}.card-illustration{opacity:.32;width:150px;height:150px;top:-8px;right:25px;-webkit-mask-image:linear-gradient(110deg,#0000,#000);mask-image:linear-gradient(110deg,#0000,#000)}.start-card .round-arrow{width:31px;height:31px;bottom:50%;right:15px;transform:translateY(50%)}.start-card.guided{min-height:150px;padding-top:38px}.recommended{font-size:var(--text-caption);padding:3px 7px;top:12px;left:20px}.recent-section{padding-top:0;padding-bottom:20px}.empty-collection{flex-wrap:wrap;gap:12px;padding:23px 17px}.empty-art{width:40px;height:40px}.empty-art svg{width:23px}.empty-collection h3{font-size:var(--text-secondary);letter-spacing:0}.empty-collection p{font-size:var(--text-body);max-width:210px;line-height:1.8}.empty-collection>.text-button{font-size:var(--text-body);min-height:25px;margin-left:52px}.gentle-note{gap:13px;padding:30px 0 37px}.gentle-note p{font-size:var(--text-secondary);letter-spacing:1px;line-height:1.9}.gentle-note>svg{width:27px;margin-left:8px}.mobile-only{display:initial}.site-footer{font-size:var(--text-caption);letter-spacing:.7px;gap:20px;margin:0 5%;padding:21px 0}.site-footer>span{flex-wrap:wrap;gap:5px;max-width:205px;line-height:1.8}.footer-separator{margin:0 1px}.site-footer>button{font-size:var(--text-caption);letter-spacing:0;white-space:nowrap}.page-intro{align-items:center;padding:35px 0 28px}.page-intro h1{letter-spacing:2px;font-size:30px}.page-intro .eyebrow{font-size:var(--text-caption)}.page-intro p{font-size:var(--text-body)}.page-intro>.button{font-size:var(--text-body);min-height:43px;padding:11px 13px}.library-toolbar{flex-wrap:wrap;gap:15px;margin-bottom:20px;padding-bottom:19px}.library-toolbar>.row{gap:8px;width:100%}.library-toolbar .button{font-size:var(--text-body);flex:1}.artwork-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 13px}.artwork-image{padding:11px}.status-label{font-size:var(--text-secondary);padding:4px 6px;top:8px;left:8px}.artwork-meta{flex-wrap:wrap;align-items:start;gap:4px;padding-top:12px}.artwork-meta h3{font-size:1.125rem}.artwork-meta p{font-size:var(--text-secondary)}.artwork-actions{margin-left:auto}.artwork-actions .icon-button{width:30px;min-width:30px;height:30px}.backup-note{margin:32px 0 37px;padding:18px 17px}.backup-note p{font-size:var(--text-body)}.library-empty{padding:45px 10px}.library-empty h2{font-size:1.1875rem;line-height:1.8}.library-empty p{line-height:1.8}.reflection-page{padding-top:15px;padding-bottom:35px}.back-link{margin-bottom:18px}.reflection-layout{grid-template-columns:1fr;gap:29px}.finished-paper{width:100%;max-width:400px;margin:auto;padding:19px}.finished-paper>span{font-size:var(--text-secondary);padding-top:18px}.reflection-form h1{font-size:31px;line-height:1.4}.reflection-form h1 br{display:none}.reflection-form>.muted{font-size:var(--text-body);margin-bottom:25px}.reflection-form label{font-size:var(--text-secondary)}.reflection-buttons>.button{font-size:var(--text-body);flex:1;padding:12px}.reflection-buttons{gap:9px}.modal{max-height:89dvh;padding:21px}.modal-heading h2{font-size:21px}.pattern-picker{grid-template-columns:repeat(3,1fr);gap:7px}.pattern-picker .pattern-art{height:60px}.pattern-detail{grid-template-columns:1fr 1.2fr;gap:17px;padding:18px}.pattern-detail h3{font-size:1.25rem}.pattern-detail p{font-size:var(--text-body)}.pattern-detail .button{font-size:var(--text-body);padding:10px}.share-actions{flex-wrap:wrap}.share-preview img{max-height:290px}.studio-app .site-header{height:62px;margin:0 4%}.studio-app .brand{gap:7px;font-size:1.0625rem}.studio-app .brand-mark{width:32px;height:32px}.studio-app .brand-mark svg{width:24px}.studio-app .brand small{font-size:var(--text-caption)}.studio-app .site-header nav button{font-size:var(--text-secondary);padding:9px 10px}.studio-app .install-button{display:none}.studio-page{padding:0 3%;padding-bottom:calc(82px + env(safe-area-inset-bottom))}.studio-heading{gap:2px;padding:10px 0}.studio-title h1{max-width:40vw;font-size:1.125rem}.studio-title .save-status{font-size:var(--text-secondary);margin-top:5px}.studio-heading>.icon-button{width:31px;min-width:31px}.studio-heading>.row{gap:2px}.studio-heading .button.compact{font-size:var(--text-body);min-height:38px;padding:9px 12px}.studio-heading>.row>.icon-button{width:36px;min-width:36px}.studio-workspace{flex-direction:column;gap:12px;display:flex}.canvas-column{border-radius:10px;width:100%}.canvas-topline{font-size:var(--text-secondary);padding:12px 12px 5px}.drawing-stage{height:calc(100dvh - 330px);min-height:280px;max-height:550px}.canvas-whisper{font-size:var(--text-secondary);letter-spacing:0;line-height:1.8}.canvas-view-tools{padding:0 9px 6px}.studio-sidebar{width:100%;padding:0}.studio-sidebar .tool-section,.studio-sidebar .pattern-library-button,.studio-sidebar .studio-quote{display:none}.lesson-panel{border-radius:9px;margin:0}.lesson-toggle{font-size:var(--text-body);padding:12px}.lesson-content{grid-template-columns:65px 1fr;gap:6px 12px;padding:0 13px 7px;display:grid}.lesson-demo{grid-row:1/3;height:69px;margin:2px 0 0}.lesson-demo .pattern-art{width:100px;height:100px;top:-8px;right:-25px}.lesson-demo>span{font-size:var(--text-secondary);bottom:6px;left:6px}.lesson-content h3{margin:0;font-size:1.125rem}.lesson-content>p{font-size:var(--text-body);line-height:1.8}.lesson-pagination{grid-column:1/-1;margin-top:0}.lesson-pagination .icon-button{height:29px}.lesson-pagination .text-button{min-height:29px}.drawing-toolbar{z-index:10;padding:9px 8px calc(9px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f9faf0f5;border:1px solid #d5ddcc;border-bottom:none;border-radius:14px 14px 0 0;justify-content:center;gap:0;margin:0;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -5px 20px #31452e08}.drawing-toolbar .icon-button{width:40px;min-width:40px;height:46px}.drawing-toolbar .tool-divider{margin:0 3px}.toolbar-history,.pen-sizes{gap:0}.mobile-mode{max-width:66px;font-size:var(--text-body);background:#e6eddd;border:0;border-radius:8px;min-height:44px;margin-left:2px;padding:11px 2px;display:block}.drawing-toolbar .mobile-only{display:inline-flex}.is-focused .drawing-stage{height:calc(100dvh - 255px);max-height:none}.is-focused .drawing-toolbar{justify-content:flex-start;padding-left:18px}.is-focused .toolbar-caption{font-size:var(--text-secondary);display:block}.toast{bottom:calc(82px + env(safe-area-inset-bottom));font-size:var(--text-secondary)}.site-header nav b{font-size:var(--text-secondary);padding:1px 4px}}@media (width<=390px){.hero h1{font-size:34px}.hero .eyebrow{font-size:var(--text-secondary)}.hero-notes{font-size:var(--text-secondary);gap:10px}.site-header nav button{font-size:var(--text-secondary);padding:10px 8px}.brand{gap:7px;font-size:1.125rem}.brand small{font-size:var(--text-caption)}.brand-mark{width:34px;height:34px}.drawing-toolbar .icon-button{width:34px;min-width:34px}.drawing-toolbar .tool-divider{margin:0 2px}.mobile-mode{max-width:59px}.hero-art{height:315px}.orbit-two{width:300px;height:300px}.paper-back{left:0}.art-stamp{right:-2px}.hero-notes svg{width:12px}.start-card-text>span:last-child{font-size:var(--text-body)}.modal{padding:17px}.reflection-buttons .button{font-size:var(--text-body);padding:11px}.pattern-detail{gap:12px;padding:13px}.site-header{gap:6px}.install-button{padding:4px}}.animated-pattern path,.animated-pattern circle{stroke-dasharray:750;stroke-dashoffset:0;animation:3s ease-out draw-path}.lesson-demo>span{align-items:center;gap:3px;display:flex}.lesson-demo{text-align:left;width:100%}@media (width<=760px){.studio-page:not(.is-focused):has(.lesson-panel) .drawing-stage{height:calc(100dvh - 500px);min-height:240px}.lesson-content>p{font-size:var(--text-body)}.lesson-demo .pattern-art{width:85px;height:85px;top:-7px;right:-8px}.drawing-toolbar .icon-button{height:48px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}input:not([type=checkbox]),textarea,select{font-size:var(--text-body)}.canvas-overlay{pointer-events:none;position:absolute;inset:0;overflow:hidden}.object-panel{background:#fafaf4;border:1px solid #d8dfcf;border-radius:12px;min-width:0;margin-bottom:20px;padding:14px}.editor-tabs{background:#eef1e7;border-radius:10px;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px;padding:4px;display:grid}.editor-tabs button{min-height:44px;font-size:var(--text-body);border-radius:8px;justify-content:center;align-items:center;gap:8px;display:flex}.editor-tabs button.selected{color:#fffdf4;background:#365747}.object-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.object-actions .button{white-space:normal;flex:110px;min-height:44px;padding:10px}.object-actions .text-button{min-height:44px}.object-actions .selected{background:#dce7d4}.object-hint{font-size:var(--text-secondary);color:#63715f;margin:10px 0;line-height:1.75}.object-properties{gap:12px;margin-top:14px;display:grid}.object-panel input,.object-panel select{width:100%;min-width:0;font-size:var(--text-body);margin-top:7px}.object-panel label{font-size:var(--text-secondary)}.transform-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.transform-fields label{min-width:0}.transform-buttons button{background:#ecf0e5;border-radius:8px;flex:1;min-height:44px;font-size:20px}.object-list-label{margin-top:15px;display:block}.arrange-toolbar{gap:8px;margin-left:12px;display:flex}.arrange-toolbar button{min-width:54px;min-height:44px;font-size:var(--text-body);background:#e6eddd;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:9px 12px;display:flex}.selection-chips{flex-wrap:wrap;gap:6px;max-height:144px;margin-bottom:12px;display:flex;overflow-y:auto}.selection-chips button{min-height:44px;font-size:var(--text-secondary);border:1px solid #d6decb;border-radius:20px;padding:6px 12px}@media (width<=760px){.studio-sidebar .object-panel{margin:12px 0;padding:12px;display:block}.studio-sidebar{min-width:0}.studio-page:not(.is-focused) .drawing-stage{height:clamp(240px,100dvh - 475px,410px);min-height:240px}.studio-page:not(.is-focused):has(.lesson-panel) .drawing-stage{height:clamp(240px,100dvh - 620px,350px)}.studio-page.editor-select .lesson-panel,.studio-page.editor-lasso .lesson-panel{display:none}.object-actions .button{flex-basis:130px}}.hero-notes,.hero-actions,.library-toolbar,.reflection-buttons,.share-actions{flex-wrap:wrap}.start-card-text{padding-right:32px}.start-card-text>span:last-child,.empty-collection p,.backup-note p{line-height:1.75}.lesson-content>p,.pattern-detail p{color:#596b50;line-height:1.65}.lesson-toggle small{white-space:nowrap;margin-left:3px}.lesson-demo{height:112px}.lesson-demo>span{font-size:var(--text-secondary)}.lesson-pagination .text-button,.lesson-pagination .icon-button{min-height:44px}.save-status,.canvas-topline,.artwork-meta p,.reflection-date{color:#65755b}.site-footer{flex-wrap:wrap;row-gap:14px}.site-footer>span{line-height:1.8}.check-label,.modal>.small,.share-panel>.small{line-height:1.75}.toast{overflow-wrap:anywhere}@media (width<=760px){.brand small{display:none}.site-header nav button,.studio-app .site-header nav button{padding:12px 10px}.site-header nav b{font-size:var(--text-caption)}.brand,.studio-app .brand{letter-spacing:1px;font-size:1.25rem}.hero .eyebrow{font-size:var(--text-secondary);letter-spacing:1px}.hero-notes{gap:10px 18px;line-height:1.8}.hero-art{margin-bottom:28px}.orbit-one{width:min(285px,72vw);height:min(285px,72vw)}.orbit-two{width:min(325px,76vw);height:min(325px,76vw)}.art-caption{bottom:-36px}.card-kicker,.section-heading .eyebrow,.page-intro .eyebrow{letter-spacing:1px}.start-card{min-height:168px;padding-top:27px}.start-card.guided{min-height:180px;padding-top:45px}.start-card-text{gap:9px;width:100%}.start-card-text>span:last-child{max-width:none}.recommended{top:12px}.empty-collection{align-items:start}.empty-collection>div{flex:1;min-width:160px}.empty-collection h3{font-size:1.125rem;line-height:1.7}.empty-collection p{max-width:none}.empty-collection>.text-button{min-height:44px;margin-left:52px}.gentle-note p{font-size:var(--text-body)}.site-footer{align-items:flex-start}.site-footer>span{width:100%;max-width:none}.site-footer>button{min-height:36px}.page-intro{flex-wrap:wrap;align-items:flex-start}.page-intro>.button{min-height:46px}.library-toolbar>.row{flex-wrap:wrap}.artwork-meta p{line-height:1.7}.reflection-date{flex-wrap:wrap;align-items:flex-start;gap:10px}.reflection-buttons>.button{flex:156px}.studio-app .site-header{height:68px}.studio-title{min-width:0}.studio-title .save-status{font-size:var(--text-secondary);white-space:nowrap;line-height:1.4}.studio-title h1{font-size:1.125rem}.studio-heading .button.compact{min-height:44px}.studio-page:not(.is-focused):has(.lesson-panel) .drawing-stage{height:calc(100dvh - 560px);min-height:240px}.canvas-topline{flex-wrap:wrap;gap:12px;line-height:1.5}.canvas-whisper{font-size:var(--text-body)}.lesson-content{grid-template-columns:1fr 84px;gap:9px 14px;padding:0 14px 9px}.lesson-content h3{grid-area:1/1;line-height:1.5}.lesson-content>p{font-size:var(--text-body);grid-area:2/1}.lesson-demo{grid-area:1/2/3;align-self:start;height:112px;margin:0}.lesson-demo .pattern-art{width:95px;height:95px;top:-7px;right:-3px}.lesson-demo>span{font-size:var(--text-secondary);white-space:nowrap;justify-content:center;gap:2px;bottom:8px;left:5px;right:5px}.lesson-demo>span svg{display:none}.lesson-pagination{grid-column:1/-1;gap:10px}.lesson-toggle{gap:8px;line-height:1.5}.lesson-toggle>span{flex-wrap:wrap}.lesson-toggle small{margin-left:2px}.drawing-toolbar .icon-button{width:38px;min-width:38px;height:48px}.drawing-toolbar .tool-divider{margin:0 2px}.mobile-mode{width:74px;max-width:none;font-size:var(--text-body);flex-shrink:0;padding:10px 2px}.pattern-picker span{font-size:var(--text-secondary)}.pattern-detail{grid-template-columns:1fr}.pattern-step-art{width:150px;margin:auto}.pattern-detail h3{font-size:1.5rem}.pattern-detail p{font-size:var(--text-body)}}@media (width<=360px){.site-header,.studio-app .site-header{margin-left:3%;margin-right:3%}.site-header nav button,.studio-app .site-header nav button{padding:10px 7px}.brand-mark{width:30px;height:30px}.brand{gap:5px}.drawing-toolbar{padding-bottom:calc(8px + env(safe-area-inset-bottom));flex-wrap:wrap}.drawing-toolbar .tool-divider{display:none}.drawing-toolbar .icon-button{width:40px;min-width:40px}.studio-page{padding-bottom:calc(132px + env(safe-area-inset-bottom))}.studio-title .save-status{white-space:normal}.studio-heading>.row{gap:0}.studio-heading .button.compact{padding:9px 10px}.studio-heading .button.compact svg{display:none}}.photo-start{color:#293b34;text-align:left;cursor:pointer;background:#edf2e9;border:1px solid #cbd7c9;border-radius:16px;align-items:center;gap:20px;width:100%;margin:0 0 42px;padding:24px;display:flex}.photo-start>span:nth-child(2){flex:1;gap:7px;display:grid}.photo-start strong{font-size:22px;font-weight:550}.photo-start span span{font-size:16px;line-height:1.6}.photo-start-icon{background:#fffcf5;border-radius:50%;flex-shrink:0;place-items:center;width:62px;height:62px;display:grid}.photo-composer{font-size:16px}.photo-intro{margin:0 0 20px;line-height:1.7}.photo-source-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.photo-composer .button,.photo-panel .button{white-space:normal;min-height:46px;font-size:16px;line-height:1.4}.photo-composer .button.selected,.photo-panel .button.selected{color:#294637;background:#e7efdf;border-color:#819679}.photo-preview-wrap{background:#fffcf5;border:1px solid #d7dccf;border-radius:12px;max-width:430px;margin:22px auto;position:relative;overflow:hidden}.photo-preview{touch-action:none;cursor:grab;width:100%;height:auto;display:block}.photo-preview-caption{text-align:center;background:#f0f3ea;padding:10px 14px;font-size:16px;line-height:1.5;display:block}.photo-crop-controls{gap:16px;display:grid}.photo-crop-controls>label{flex-wrap:wrap;justify-content:space-between;gap:8px;line-height:1.5;display:flex}.photo-crop-controls input[type=range]{accent-color:#58704b;width:100%;min-height:32px}.photo-crop-controls output{color:#5a6957}.photo-check{align-items:center;gap:10px;min-height:44px;font-size:16px;display:flex}.photo-check input{accent-color:#456b53;flex-shrink:0;width:20px;height:20px}.photo-help,.photo-local{color:#62705d;margin:12px 0;font-size:16px;line-height:1.7}.photo-local{border-top:1px solid #e3e5da;padding-top:12px}.photo-create{width:100%;margin-top:8px}.photo-empty{text-align:center;color:#5e725b;background:#f2f4ec;border-radius:14px;justify-items:center;gap:16px;margin:20px 0;padding:36px 18px;display:grid}.photo-empty strong{font-size:20px;line-height:1.6}.photo-empty p{margin:0;line-height:1.7}.photo-error{color:#933c2c;background:#fbefdf;border-radius:8px;padding:12px;line-height:1.7}.photo-notice{flex-wrap:wrap;align-items:center;gap:10px;padding:16px 0;display:flex}.camera-capture{margin-top:16px}.camera-capture video{background:#203128;border-radius:12px;width:100%;max-height:380px;margin-bottom:12px;display:block}.photo-panel{background:#f6f7ef;border:1px solid #d3ddcb;border-radius:14px;padding:22px}.photo-panel-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:16px;display:flex}.photo-panel-heading h2{margin:0;font-size:21px;font-weight:550}.photo-panel-heading span{color:#64715d;font-size:16px}.photo-auto{width:100%}.photo-tool-tabs{grid-template-columns:1fr 1fr;gap:8px;margin:16px 0;display:grid}.photo-panel .photo-tool-tabs .button{flex-direction:column;gap:6px;padding:12px 6px}.photo-patterns{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.photo-patterns button{color:#3c513d;cursor:pointer;background:#fffcf5;border:1px solid #d7ddcf;border-radius:8px;justify-items:center;gap:8px;padding:10px 5px;font-size:16px;display:grid}.photo-patterns button.selected{background:#e8efdf;border:2px solid #527049;padding:9px 4px}.texture-swatch{border-radius:3px;width:36px;height:30px;display:block}.texture-waves{background:repeating-radial-gradient(at 0 0,#0000 0 5px,#526546 6px 7px,#0000 8px 12px)}.texture-dots{background:radial-gradient(#526546 1.5px,#0000 2px) 0 0/9px 9px}.texture-weave{background:repeating-linear-gradient(90deg,#0000 0 6px,#526546 7px 8px,#0000 9px 14px),repeating-linear-gradient(0deg,#0000 0 6px,#526546 7px 8px,#0000 9px 14px)}.texture-rings{background:repeating-radial-gradient(circle,#526546 0 1px,#0000 2px 6px)}.photo-fill-options{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.photo-fill-options label{gap:6px;font-size:16px;display:grid}.photo-fill-options select{color:#304332;background:#fffcf5;border:1px solid #ccd5c4;border-radius:8px;width:100%;min-height:44px;padding:8px;font-size:16px}.photo-selection{color:#416144;font-size:16px;line-height:1.6}.photo-panel>.text-button{min-height:44px;font-size:16px}@media (width<=600px){.photo-start{gap:12px;margin-bottom:30px;padding:18px}.photo-start-icon{width:44px;height:44px}.photo-start>svg{flex-shrink:0;width:18px}.photo-start strong{font-size:21px}.photo-panel{padding:17px}.photo-tool-tabs .button{padding:10px 8px}.photo-composer .photo-source-actions .button{flex:auto}}.photo-quick-toolbar{align-items:center;gap:6px;display:flex}.photo-quick-toolbar button,.photo-quick-toolbar select{color:#3d553b;background:#f7f8f0;border:1px solid #d8dfd1;border-radius:8px;min-height:44px;padding:8px;font-size:16px}.photo-quick-toolbar span{font-size:16px}