.phone-studio{--studio-ink:#243e35;max-width:740px;margin:0 auto;padding:22px 18px 80px;width:100%;color:var(--studio-ink);font-family:system-ui,sans-serif;background:#faf9f4;min-height:100dvh;color-scheme:light}.phone-studio header{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;margin-bottom:40px}.phone-studio header span{font-size:10px;letter-spacing:.12em}.phone-studio h1{font-family:Georgia,serif;font-size:clamp(30px,7vw,44px);line-height:1.15;letter-spacing:-.03em}.phone-studio .intro{margin:12px 0 28px;color:#65716b;line-height:1.6}.phone-studio h2{font-family:Georgia,serif;font-size:23px;margin-bottom:16px}.studio-panel{background:white;border:1px solid #e3e5da;border-radius:14px;padding:20px;margin:18px 0}.phone-studio p{line-height:1.65}.phone-studio .primary,.phone-studio button{min-height:48px;padding:12px 16px;border:1px solid #cdd6cc;border-radius:9px;font-size:15px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;touch-action:manipulation;white-space:normal}.phone-studio button:disabled{opacity:.48;cursor:default}.phone-studio .primary{background:#294e40;color:white;border-color:#294e40;font-weight:600}.phone-studio .quiet{border:none;padding:10px;font-size:12px}.phone-studio .picker{display:flex;gap:12px;flex-wrap:wrap}.phone-studio .picker button{flex:1}.phone-studio label{display:block;font-size:14px;margin:20px 0 12px}.phone-studio label span{color:#6a776d;font-size:12px;margin-left:10px}.phone-studio input:not([type=range]),.phone-studio textarea{width:100%;min-height:48px;display:block;margin-top:8px;padding:12px;border:1px solid #cdd6cc;border-radius:7px;background:#fff;color:#243e35;font-size:16px}.phone-studio input[type=range]{width:100%;display:block;margin-top:14px;min-height:36px;accent-color:#294e40;touch-action:pan-y}.phone-studio :focus-visible{outline:3px solid #b78946;outline-offset:3px}.preview-wrap{position:relative;margin:auto;width:fit-content;max-width:100%}.preview-wrap canvas{display:block;max-width:100%;max-height:65dvh;width:auto;height:auto;border-radius:4px}.crop-frame{position:absolute;border:2px solid #eac97b;box-shadow:0 0 0 1px #263a32;pointer-events:none}.phone-studio .crop-handle{position:absolute;min-height:44px;width:44px;background:#eac97b88;border:2px solid #294e40;padding:0;touch-action:none;pointer-events:auto;transform:translate(-50%,-50%)}.crop-handle.top-left{left:0;top:0}.crop-handle.top-right{left:100%;top:0}.crop-handle.bottom-left{left:0;top:100%}.crop-handle.bottom-right{left:100%;top:100%}.edit-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.edit-buttons button{flex:1;font-size:14px;padding:10px}.phone-studio .small{font-size:12px;color:#66736b;line-height:1.6;margin-top:12px}.crop-options{margin-top:16px}.crop-options p{font-size:13px}.phone-studio .publish{width:100%;margin-top:16px}.phone-studio progress{width:100%;accent-color:#294e40;margin-top:20px;height:14px}.studio-error{background:#fff0e9;border:1px solid #d8a28a;border-radius:9px;padding:14px;font-size:14px;margin:14px 0;color:#713d29}.save-status{padding:14px 0;font-size:15px;color:#294e40}.saved-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.recent-drawings{list-style:none;padding:0}.recent-drawings li+li{border-top:1px solid #e4e8df}.recent-drawings button{width:100%;display:flex;gap:12px;justify-content:space-between;border:none;text-align:left}.recent-drawings small{font-size:12px;color:#65716b}.phone-studio fieldset{border:0;margin:0;padding:0}@media(min-width:680px){.phone-studio{padding:32px 40px 80px}.studio-panel{padding:28px}}@media(prefers-color-scheme:dark){.phone-studio{color-scheme:light}}.format-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}.format-options button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:8px;padding:16px 12px;background:white}.format-options button[aria-pressed=true]{border:2px solid #294e40;background:#f0f5ef}.format-options small{font-size:12px;line-height:1.45;color:#65716b}.asset-order{list-style:none;padding:0;margin:20px 0}.asset-order li{display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid #e4e8df}.asset-order li>button{flex:1;text-align:left;justify-content:flex-start;border:0}.asset-order li>button.selected{background:#f0f5ef}.asset-order li>div{display:flex;gap:4px}.asset-order li>div button{padding:8px;min-width:44px}.phone-studio select{display:block;width:100%;min-height:48px;border:1px solid #cdd6cc;border-radius:7px;padding:10px;margin-top:8px;background:white}.collection-preview{margin:24px 0}.collection-preview img,.object-photo-preview{display:block;max-width:100%;max-height:65vh;object-fit:contain;margin:auto;width:auto;height:auto}@media(max-width:500px){.format-options{gap:6px}.format-options button{padding:12px 8px;font-size:14px}.format-options small{font-size:11px}.asset-order li{align-items:flex-start}.asset-order li>div{gap:0}}.phone-studio .collection-preview button{min-width:44px;border:0;background:transparent}.phone-studio .collection-preview .gallery-viewer-dot{position:relative;width:32px;min-width:32px;height:44px;min-height:44px;padding:0;background:transparent}.phone-studio .collection-preview .gallery-viewer-dot:after{content:"";display:block;width:6px;height:6px;margin:auto;border-radius:50%;background:#c4cbc6}.phone-studio .collection-preview .gallery-viewer-dot[aria-pressed=true]:after{width:12px;background:#294e40}.phone-share header{display:block;margin-bottom:24px}.phone-share header h1{margin:22px 0 12px}.phone-share header p{font-size:15px}.phone-share ol{padding-left:22px;list-style:decimal}.phone-share li{margin:16px 0;line-height:1.65}.phone-share .studio-panel>p{margin:16px 0}